/* reset css */


/**
 * Styling navigation
 */


/**
 * Styling top level items
 */

.nav a, .nav label {
    display: block;
    padding: 15px 20px;
    color: #fff;
    /* background-color: #32323a; */
    /* box-shadow: inset 0 -1px #ccc; */
    -webkit-transition: all .1s ease-in;
    transition: all .1s ease-in;
    margin: 0;
}

.nav a:focus, .nav a:hover, .nav label:focus, .nav label:hover {
    color: rgb(12, 134, 186);
    background: #202025;
}

.nav label { cursor: pointer; }

/**
 * Styling first level lists items
 */


.nav__list, .nav__list ul {
    padding: 0;
}

.nav__list li {
    border-bottom: 1px solid rgba(255,255,255,0.05);
}

.nav__list li li, .nav__list li li li {
    border-bottom: none;
}

.nav__list {
    border-top: 1px solid rgba(255,255,255,0.05);
}


.nav__list ul ul, .nav__list ul ul ul {
    border-top: none;
}

li label:active {
    background: #28282e;
}


.group-list a, .group-list label {
    // padding-left: 2rem;
    background: #28282e;
    /* box-shadow: inset 0 -1px #373737; */
}

.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { background: #131313; }

/**
 * Styling second level list items
 */

.sub-group-list a, .sub-group-list label {
    //padding-left: 4rem;
    background: #28282e;
    /* box-shadow: inset 0 -1px #474747; */
}

.sub-group-list a:focus, .sub-group-list a:hover, .sub-group-list label:focus, .sub-group-list label:hover { background: #232323; }

/**
 * Styling third level list items
 */

.sub-sub-group-list a, .sub-sub-group-list label {
    //padding-left: 6rem;
    background: #28282e;
    /* box-shadow: inset 0 -1px #575757; */
}

.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover { background: #333333; }

/**
 * Hide nested lists
 */

.group-list, .sub-group-list, .sub-sub-group-list {
    height: auto;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .1s ease-in-out;
    transition: max-height .1s ease-in-out;
}

.nav__list input[type=checkbox]:checked + label + ul { /* reset the height when checkbox is checked */
    max-height: 1000px;
}

/**
 * Rotating chevron icon
 */

label > span {
  float: right;
  -webkit-transition: -webkit-transform .1s ease;
  transition: transform .1s ease;
}

.nav__list input[type=checkbox]:checked + label > span {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}


/*--------------------------------------------------*/
.sidebar-toggle-box {
    /* float: left; */
    margin-top: 11px;
    margin-left: 247px;
    background: #f1f2f7;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 32px;
    height: 32px;
    /* position: absolute; */
    /* left: 188px; */
}


.brand {
    background: #f1f2f7;
    float:left;
    width:250px;
    height: 55px;
    position:relative;
}
a.logo {
    font-size:21px;
    color:#2e2e2e;
    float:left;
    padding: 1px 0 0 25px;
    text-transform:uppercase;
}
a.logo:hover,a.logo:focus {
    text-decoration:none;
    outline:none;
}
a.logo span {
    color: #FF6C60;
}

.hide-bullets {
    list-style:none;
    margin-left: -40px;
    margin-top:20px;
}

.carousel-inner > .item > img {
    height: 290px;
}


.thumbnails li> .fff .caption {
    background:#fff !important;
    padding:10px
}

ul.thumbnails {
    margin-bottom: 0px;
}


/*carousel*/
.carousel-indicators li {
    background:rgba(0,0,0,0.2);
    border:none;
    transition:background-color 0.25s ease 0s;
    -moz-transition:background-color 0.25s ease 0s;
    -webkit-transition:background-color 0.25s ease 0s;
}
.carousel-indicators .active {
    background:#333;
    height:10px;
    margin:1px;
    width:10px;
}
.carousel-indicators.out {
    bottom:-5px;
}
.carousel-indicators.out {
    bottom:-5px;
}
.carousel-control {
    color:#999999;
    text-shadow:none;
    width:45px;
}
.carousel-control i {
    display:inline-block;
    height:25px;
    left:50%;
    margin-left:-10px;
    margin-top:-10px;
    position:absolute;
    top:50%;
    width: 5px;
    z-index:5;
    color: #333333;
}
.carousel-control.left,.carousel-control.right {
    background:none;
    filter:none;
}
.carousel-control:hover,.carousel-control:focus {
    color:#CCCCCC;
    opacity:0.9;
    text-decoration:none;
}
.carousel-inner h3 {
    font-weight:300;
    font-size:16px;
    margin:0;
}
.carousel-inner {
    /* margin-bottom: 15px; */
    margin-left:  -10px;
}


/* Mobile Only */
@media (max-width: 767px) {
    .page-header, .control-box {
        text-align: center;
    }
}
@media (max-width: 479px) {
    .caption {
        word-break: break-all;
    }
}


li { list-style-type:none;}

::selection {background: #17baff;color: #FFFFFF;text-shadow: 0;}
::-moz-selection { background: #ff5e99; color: #FFFFFF; }





/*notification*/
#top_menu .nav>li,ul.top-menu>li {
    float:left;
}
.notify-row {
    float:left;
    margin-top: 13px;
    margin-left:25px;
}
ul.top-menu {
    margin-right:15px;
    margin-top: 0;
}
ul.top-menu > li > a {
    color: #000000;
    font-size:14px;
    background: #f1f2f7;
    padding:4px 8px;
    margin-right:15px;
    border-radius:50%;
    -webkit-border-radius:50%;
    padding-right:8px !important;
}
ul.top-menu>li>a:hover,ul.top-menu>li>a:focus {
    background: #cccccc;
    text-decoration:none;
    color: #000000 !important;
    padding-right:8px !important;
}
.notify-row .badge {
    position:absolute;
    right:-10px;
    top:-10px;
    z-index:100;
}
.dropdown-menu.extended {
    max-width:320px !important;
    min-width:160px !important;
    top:42px;
    width:300px !important;
    padding:0 10px;
    box-shadow:0 0px 5px rgba(0,0,0,0.1) !important;
    border-radius:5px;
    -webkit-border-radius:5px;
    background:#fff;
    border:none;
    right: 6px;
}
.notify-row .notification span.label {
    display:inline-block;
    height:21px;
    padding:5px;
    width:22px;
    font-size:12px;
    margin-right:10px;
}
.dropdown-menu.extended .alert-icon,.noti-info {
    float:left;
}
.noti-info {
    padding-left:10px;
    padding-top:6px;
    color:#414147;
}
.dropdown-menu.extended .alert {
    margin-bottom:10px;
}
.dropdown-menu.extended .alert-icon {
    border-radius:100%;
    display:inline-block;
    height:35px;
    width:35px;
}
.dropdown-menu.extended .alert-icon i {
    font-size:16px;
    width:35px;
    line-height:35px;
    height:35px;
}
.dropdown-menu.extended.inbox li a,.dropdown-menu.extended.tasks-bar li a {
    background:#f1f2f7;
    border-radius:5px;
    -webkit-border-radius:5px;
    padding:10px;
    margin-bottom:10px;
    float:left;
    width:100%;
}
.dropdown-menu.extended li p {
    margin:0;
    padding:10px 0;
    border-radius:0px;
    -webkit-border-radius:0px;
}
.dropdown-menu.extended li a {
    font-size:12px;
    list-style:none;
}
.dropdown-menu.extended.logout {
    padding:10px;
}
.dropdown-menu.extended.logout li a {
    padding:10px;
}
.dropdown-menu.extended li a:hover {
    color:#32323a;
}
.dropdown-menu.tasks-bar .task-info .desc {
    font-size:13px;
    font-weight:normal;
    float:left;
    width:80%;
}
.dropdown-menu.tasks-bar .task-info .desc h5 {
    color:#32323a;
    text-transform:uppercase;
    font-size:12px;
    font-weight:600;
    margin-bottom:5px;
    margin-top:0;
}
.dropdown-menu.tasks-bar .task-info .desc p {
    padding-top:0;
    color:#8f8f9b;
    font-weight:300;
}
.dropdown-menu.tasks-bar .task-info .percent {
    width:20%;
    float:right;
    font-size:13px;
    font-weight:600;
    padding-left:10px;
    line-height:normal;
}
.dropdown-menu.tasks-bar .progress {
    background:#fff;
}
.dropdown-menu.extended .progress {
    margin-bottom:0 !important;
    height:10px;
}
.dropdown-menu.inbox li a .photo img {
    border-radius:2px 2px 2px 2px;
    -webkit-border-radius:2px 2px 2px 2px;
    float:left;
    height:40px;
    margin-right:10px;
    width:40px;
}
.dropdown-menu.inbox li a .subject {
    display:block;
}
.dropdown-menu.inbox li a .subject .from {
    font-size:12px;
    font-weight:600;
}
.dropdown-menu.inbox li a .subject .time {
    font-size:11px;
    font-style:italic;
    font-weight:bold;
    position:absolute;
    right:20px;
}
.dropdown-menu.inbox li a .message {
    display:block !important;
    font-size:11px;
}
.top-nav {
    margin-top: 10px;
}
.top-nav img {
    border-radius:50%;
    -webkit-border-radius:50%;
    width:33px;
}
.top-nav .icon-user i {
    height: 33px;
    width:33px;
    line-height: 33px;
    display: inline-block;
    font-size: 1.7em;
    padding-left: 10px;
}

.top-nav .icon-user .username {
    color: #555555;
    font-size: 13px;
    position: relative;
    top: -5px;
}

.top-nav .icon-user .caret {
    position: relative;
    top: -4px;
}

.top-nav ul.top-menu>li .dropdown-menu.logout {
    width:170px !important;
}
.top-nav li.dropdown .dropdown-menu {
    float:right;
    right:0;
    left:auto;
}
.dropdown-menu.extended.logout>li {
    float:left;
    width:100%;
}
.log-arrow-up {
    background:url("../images/top-arrow.png") no-repeat;
    width:18px;
    height:10px;
    margin-top:-20px;
    float:right;
    margin-right:15px;
}
.dropdown-menu.extended.logout>li>a {
    border-bottom:none !important;
}
.full-width .dropdown-menu.extended.logout>li>a:hover {
    background:#F1F2F7 !important;
    color:#32323a !important;
}
.dropdown-menu.extended.logout>li>a:hover {
    background:#F1F2F7 !important;
    border-radius:5px;
}
.dropdown-menu.extended.logout>li>a:hover i {
    color:#32D2C9;
}
.dropdown-menu.extended.logout>li>a i {
    font-size:17px;
}
.dropdown-menu.extended.logout>li>a>i {
    padding-right:10px;
}
.top-nav .username {
    font-size:13px;
    color:#555555;
}
.top-nav ul.top-menu>li>a {
    border-radius:100px;
    -webkit-border-radius:100px;
    padding:0px;
    background:none;
    /* margin-right:0; */
    border: 1px solid #f1f2f7;
    background: #f1f2f7;
}
.top-nav ul.top-menu>li.language>a {
    /* margin-top:-2px; */
    padding: 6px 12px;
    line-height:20px;
}
.top-nav ul.top-menu>li.language>a img {
    border-radius:0;
    -webkit-border-radius:0;
    width:18px;
}
.top-nav ul.top-menu>li.language ul.dropdown-menu li img {
    border-radius:0;
    -webkit-border-radius:0;
    width: 28px;
}
.top-nav ul.top-menu>li {
    margin-left:10px;
}
.top-nav ul.top-menu>li>a:hover,.top-nav ul.top-menu>li>a:focus {
    border: 1px solid #f1f2f7;
    background: #f1f2f7 !important;
    border-radius:100px;
    -webkit-border-radius:100px;
}
.top-nav .dropdown-menu.extended.logout {
    top:50px;
}
.top-nav .nav .caret {
    border-bottom-color:#A4AABA;
    border-top-color:#A4AABA;
}
.top-nav ul.top-menu>li>a:hover .caret {
    border-bottom-color:#000;
    border-top-color: #000;
}



/*custom panel*/
.custom-body {
    background:#32323A;
    background-size:cover;
    width:100%;
    height:100%;
}
.form-custom {
    //
    max-width:330px;
    margin: 23px auto;
    background: #f1f2f7;
    border-radius:5px;
    -webkit-border-radius:5px;
}
.form-custom h2.form-custom-heading {
    margin:0;
    padding: 15px;
    background: #0c86ba;
    border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    color:#fff;
    font-size:16px;
    font-weight:300;
    font-family:'Open Sans',sans-serif;
    border-bottom: 10px solid #006dac;
}
.form-custom h2.form-signin-heading {
    margin:0;
    padding:35px 15px;
    text-align:center;
    background: #0c86ba;
    border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    color:#fff;
    font-size:18px;
    text-transform:uppercase;
    font-weight:300;
    font-family:'Open Sans',sans-serif;
    border-bottom: 10px solid #006dac;
}
.form-custom .checkbox {
    margin-bottom:14px;
    padding-left: 20px;
}
.form-custom .checkbox {
    font-weight:normal;
    color:#b6b6b6;
    font-weight:300;
    font-family:'Open Sans',sans-serif;
}
.form-custom .form-control {
    position:relative;
    height:auto;
    padding:10px;
    /* -webkit-box-sizing:border-box; */
    -moz-box-sizing:border-box;
    border-radius: 4px;
    /* box-sizing:border-box; */
}
.form-custom .form-control:focus {
    /* z-index:2; */
}
.form-custom input {
    margin-bottom:15px;
    border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #eaeaea;
    box-shadow:none;
    font-size: 12px;
    background: white;
}
.form-custom .btn-custom {
    background: #0c86ba;
    color:#fff;
    /* text-transform:uppercase; */
    font-weight:300;
    font-family:'Open Sans',sans-serif;
    margin:20px 0 5px;
}
.form-custom p {
    text-align:left;
    color:#b6b6b6;
    font-size:16px;
    font-weight:300;
}
.form-custom a,.form-custom a:hover {
    color:#1fb5ac;
}
.form-custom a:hover {
    text-decoration:underline;
}


.form-horizontal.bucket-form .form-group {
    border-bottom:1px solid #eff2f7;
    padding-bottom:15px;
    margin-bottom:15px;
}
.form-horizontal.bucket-form .form-group:last-child {
    border-bottom:none;
    padding-bottom:0px;
    margin-bottom:0px;
}
.form-horizontal.bucket-form .form-group .help-block {
    margin-bottom:0;
}
.round-input {
    border-radius:500px;
    -webkit-border-radius:500px;
}
.m-bot15 {
    margin-bottom:15px;
}
.form-horizontal.bucket-form .checkbox-inline>input {
    margin-top:1px;
    border:none;
}
.custom-wrap {
    padding:20px;
    position:relative;
}
.custom-info {
    background:#eaeaec;
    margin: -20px -20px 0px -20px;
    padding:20px;
}
.custom-info .form-control:last-child {
    margin-bottom:0 !important;
}

.round-input {
    border-radius: 500px;
    -webkit-border-radius: 500px;
}
.registration {
    position:absolute;
    right:0;
    bottom:-35px;
    color: #b8bab9;
}

.img-modal {
    padding: 0px 40px;
}

.img-modal img {
    width: 100%;
    padding: 4px;
    line-height: 1.846;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 3px;
    margin-bottom: 25px;
}

select.icon-menu option {
    background-repeat:no-repeat;
    background-position:bottom left;
    padding-left:30px;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    background: #5bc0de;
    border-color: #5bc0de;
}
.fileinput-button input {
  position: absolute;
  top: 0;
  right: 0;
  margin: 0;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
  font-size: 200px;
  direction: ltr;
  cursor: pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter: alpha(opacity=0);
    font-size: 100%;
    height: 100%;
  }
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
  margin-bottom: 5px;
}
.progress-animated .progress-bar,
.progress-animated .bar {
  background: url("../imgs/progressbar.gif") !important;
  filter: none;
}
.fileupload-process {
  float: right;
  display: none;
}
.fileupload-processing .fileupload-process,
.files .processing .preview {
  display: block;
  width: 32px;
  height: 32px;
  background: url("../imgs/loading.gif") center no-repeat;
  background-size: contain;
}
.files audio,
.files video {
  max-width: 300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle,
  .files .toggle,
  .files .btn span {
    display: none;
  }
  .files .name {
    width: 80px;
    word-wrap: break-word;
  }
  .files audio,
  .files video {
    max-width: 80px;
  }
  .files img,
  .files canvas {
    max-width: 100%;
  }
}

#return-to-top {
    bottom: -6px;
    background: rgb(0, 0, 0);
    background: #f1f2f7;
    display: block;
    -webkit-border-radius: 6px;
    -moz-border-radius: 35px;
    border-radius: 4px;
    display: none;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    color: black;
    padding: 5px;
}
#return-to-top i {
    font-size: 18px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#return-to-top:hover {
    background: #5bc0de;
}

.tree {
    min-height:20px;
    padding:19px;
    margin-bottom:20px;
    background-color:#fbfbfb;
    border:1px solid #999;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.tree li {
    list-style-type:none;
    margin:0;
    padding:10px 5px 0 5px;
    position:relative
}
.tree li::before, .tree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.tree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.tree li::after {
    border-top:1px solid #999;
    height:20px;
    top:25px;
    width:25px
}
.tree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border:1px solid #999;
    border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.tree li.parent_li>span {
    cursor:pointer
}
.tree>ul>li::before, .tree>ul>li::after {
    border:0
}
.tree li:last-child::before {
    height:30px
}
.tree li.parent_li>span:hover, .tree li.parent_li>span:hover+ul li span {
    background:#eee;
    border:1px solid #94a0b4;
    color:#000
}

.tools {
    cursor: pointer;
}