.skin-blue .main-header .navbar{
    background-color:#00c0ef;
}
.skin-blue .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-blue .main-header .navbar .nav>li>a:hover,
.skin-blue .main-header .navbar .nav>li>a:active,
.skin-blue .main-header .navbar .nav>li>a:focus,
.skin-blue .main-header .navbar .nav .open>a,
.skin-blue .main-header .navbar .nav .open>a:hover,
.skin-blue .main-header .navbar .nav .open>a:focus,
.skin-blue .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}


/*** CUSTOM ***/


@media (max-width: 767px){
    .homepage p {
        text-align: justify;
    }
    .container {
        padding-right: 5px;
        padding-left: 5px;
    }
    .content {
        padding-left: 5px;
        padding-right: 5px;
    }
    .main-header {
        position: fixed;
    }
    .layout-top-nav .content-wrapper {
        margin-top: 50px;
    }
    .skin-green .main-header .navbar {
        background: #066f3f !important;
    }
    .navbar-toggle {
        float: left;
        padding-left: 25px;
        padding-right: 20px;
    }
    .navbar-header {
        background-color: #00a65a !important;
    }
    .navbar-brand {
        padding: 15px 0 !important;
    }
    .ex-links.visible-xs {
        background-color: #088a4e;
        float: left;
    }

    .skin-green .main-header .navbar {
     box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
     border-bottom: 1px solid #32c582;
    }
    .ex-links.visible-xs a {
        float: left;
    }
    div.small-box.visible-xs {
        margin: -15px -20px 20px;
    }
    .small-box.visible-xs>.inner {
        padding-top: 0px;
    }
    .container>.navbar-collapse {
        float: left !important;
        margin-left: 43px;
        box-shadow: none !important;
    }
    .main-header .navbar-custom-menu {
        float: right;
        top: 0px;
        position: fixed;
        right: 0px;
        z-index: 10;
    }
    .navbar-custom-menu .navbar-nav>li>a {
        padding-top: 17px;
        padding-bottom: 12px;
    }
    .navbar-custom-menu>.navbar-nav>li>.dropdown-menu {
        right: 0%;
        border: 0px;
        padding-top: 0px;
        box-shadow: -2px 3px 5px rgba(0,0,0,0.1);
    }
    .invoice {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 5px;
        padding-right: 5px;
    }
    .layout-top-nav .main-footer {
        text-align: center;
    }
}

.sidebar {
    margin-top : 15px;
}

@media (min-width:768px){
    .content-wrapper {
        margin-top: 50px;
    }
}

@media (max-width: 767px){
    .form-group {
        margin-bottom: 0px;
    }   
    label {
        font-weight: 400;
        margin: 7px 0 5px;
    }
}

.has-success .control-label, .has-success .help-block {
    color: #1cb320;
}
.has-success .form-control {
    border-color: #1cb320;
}

.package-rate .alert ul {
    padding-left: 20px;
}
.package-rate a.btn {
    color: #fff !important;
    text-decoration: none;
    margin-top: 7px;
}
.package-rate a.btn:hover {
    color: #fff;
}
.package-rate li.list-group-item {
    padding: 5px 0 5px 15px;
    display: list-item;
    list-style-type: circle;
    list-style-position: inside;
}
.package-rate li.list-group-item small {
    margin-left: 18px;
    display: block;
}
section.content-header .title-inner {
    color: #777;
    border-bottom: 0px solid #777;
    line-height: 50px;
}
.icheckbox_flat-green {
    margin-top: -5px;
    margin-right: 5px;
}
.btn-social {
    margin-top: 2px;
    margin-bottom: 2px;
}
.alert {
    margin-top: 30px;
    opacity: 1;
}
.user-body .col-xs-4.text-center {
    line-height: 15px;
}
.user-body a {
    font-size: 12px;
}

/* Button XS */
.btn.btn-xs {
    min-width: 28px;
    border-radius: 20px;
}

/* Tooltip */
.tooltip-inner {
    background-color: #333;
    font-family:'Raleway', sans-serif;
    font-weight:400;
    font-size: 12px;
    border-radius: 20px;
    font-weight: bold;
    padding: 7px 10px;
}
.tooltip.top .tooltip-arrow {
     border-top-color: #333;
}


/* Page Reservation */
.box-cp {
    box-shadow: 0 0px 10px rgba(0,0,0,0.2) !important;
    border-radius: 5px;
    border: 1px solid #ddd;
}
.box-cp .box-header {
    color: #00a65a;
    border-bottom: 1px solid #00a65a;
    text-align: center;
}
.box-cp .box-header h3 {
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;
}

/* Confirm Page */
.date {
    font-size: 14px;
    margin-top: 5px;
}
#todayDate.todate {
    background: transparent;
    border: 0px;
    font-size: 16px !important;
    border: 0px;
    width: 80px;
    font-size: 14px;
    margin-top: 5px;
}

/* Sign Up Page */
.box-social {
    text-align:center;
    background:#eee;
}
.box-social .btn-social {
    width: 125px;
}
.sign-up small.pull-left a {
    font-weight: bold;
    font-size: 13px;
}

/* Homepage */

@media (max-width:767px){
    .content-wrapper .carousel-caption{
        display: none;
    }
}
.homepage .detail dt.title {
    float: left;
    line-height: 30px;
    width: 40%;
    margin-left: 20px;
}
.homepage .detail dd {
    float: left;
    line-height: 30px;
    width: 50%;
}
.nav-tabs .fa {
    color: #3c8dbc;
}
dd span.fa {
    color: #00a65a;
}
.amenity dd {
    margin-left: 20px;
    line-height: 35px;
}
.carousel-caption {
    bottom: 200px;
    text-shadow: 0 0 10px rgba(0,0,0,.8);
}
.carousel-caption h1 {
    font-family: 'Raleway', sans-serif !important;
}
.box-rsvr>.small-box-footer {
    padding: 15px 0;
    font-size: 18px;
    font-weight: bold;
}

.box-rsvr-float {
    position: absolute;
    padding-top: 20px;
    bottom: 0px;
    height: 182px;
    margin: auto;
    width: 100%;
    background: rgba(0,0,0,0.7) !important;
}
.box-rsvr-float .inner {
    max-width: 400px;
    text-align: center;
}

.box-rsvr-float label {
    font-size: 19px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 20px;
}



/* profile page */
.img-profile {
    text-align: center;
}
.img-profile .profile-pic {
    background: #f3f3f3;
    padding: 10px;
}
.img-profile .profile-pic img {
    margin-bottom: 10px;
    width: 100%;
    max-width: 350px;
    height: auto;
}
.img-profile .profile-pic button {
    margin-bottom: 10px;
}
.img-profile .profile-pic small {
    text-align: left !important;
}

/* reservation form page */
.rsrv-detail .pic img{
    max-width: 250px;
    max-height: 270px;
    width: auto;
    height: auto;
    border: 1px solid #eee;
    padding: 5px;
}

/* my reservation page */

@media (max-width:767px){
    .overflow-y {
        overflow-y:auto; 
    }
}
.rsvr-content span.input-group-addon {
    padding: 5px 10px !important;
}

/* Pop up Edit Player Info */

@media (min-width:768px){
    .modal .modal-dialog.edit-player {
        width: 1100px; 
    }
}
.edit-player .gender label {
    font-size: 12px;
    font-weight: normal;
    padding: 0 12px;
}

/* Pop up Login */
.sign-in .box-footer small {
    text-align: right;
}
.sign-in .box-footer small a {
    font-weight: bold;
    font-size: 13px;
}
.sign-in .modal-footer {
    text-align: center;
    background: #eee;
    padding: 7px 7px 20px;
}
.sign-in .modal-footer .btn-social {
    width: 125px;
}

/*** END CUSTOM ***/


section.content-header {
    text-transform: capitalize;
}

.skin-blue .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-blue .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-blue .main-header .navbar .sidebar-toggle:hover{
    background-color:#367fa9
}
@media (max-width:767px){
    .skin-blue .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-blue .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-blue .main-header .navbar .dropdown-menu li a:hover{
        background:#367fa9
    }
}
.skin-blue .main-header .logo{
    background-color:#367fa9;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-blue .main-header .logo:hover{
    background-color:#357ca5
}
.skin-blue .main-header li.user-header{
    background-color:#00acd7;
}
.skin-blue .content-header{
    background:transparent
}
.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side{
    /*background-color:#222d32*/
    background-color:transparent;
}
.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a{
    color:#fff
}
.skin-blue .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-blue .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-blue .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li.menu-open>a{
    color:#fff;
    background:#1e282c
}
.skin-blue .sidebar-menu>li.active>a{
    border-left-color:#3c8dbc
}
.skin-blue .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-blue .sidebar a{
    color:#b8c7ce
}
.skin-blue .sidebar a:hover{
    text-decoration:none
}
.skin-blue .sidebar-menu .treeview-menu>li>a{
    color:#8aa4af
}
.skin-blue .sidebar-menu .treeview-menu>li.active>a,.skin-blue .sidebar-menu .treeview-menu>li>a:hover{
    color:#fff
}
.skin-blue .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px
}
.skin-blue .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-blue .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-blue.layout-top-nav .main-header>.logo{
    background-color:#3c8dbc;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-blue.layout-top-nav .main-header>.logo:hover{
    background-color:#3b8ab8
}
.skin-blue-light .main-header .navbar{
    background-color:#3c8dbc
}
.skin-blue-light .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-blue-light .main-header .navbar .nav>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a:active,.skin-blue-light .main-header .navbar .nav>li>a:focus,.skin-blue-light .main-header .navbar .nav .open>a,.skin-blue-light .main-header .navbar .nav .open>a:hover,.skin-blue-light .main-header .navbar .nav .open>a:focus,.skin-blue-light .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-blue-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-blue-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-blue-light .main-header .navbar .sidebar-toggle:hover{
    background-color:#367fa9
}
@media (max-width:767px){
    .skin-blue-light .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-blue-light .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-blue-light .main-header .navbar .dropdown-menu li a:hover{
        background:#367fa9
    }
}
.skin-blue-light .main-header .logo{
    background-color:#3c8dbc;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-blue-light .main-header .logo:hover{
    background-color:#3b8ab8
}
.skin-blue-light .main-header li.user-header{
    background-color:#3c8dbc
}
.skin-blue-light .content-header{
    background:transparent
}
.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side{
    background-color:#f9fafc
}
.skin-blue-light .main-sidebar{
    border-right:1px solid #d2d6de
}
.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a{
    color:#444
}
.skin-blue-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-blue-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-blue-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-blue-light .sidebar-menu>li:hover>a,.skin-blue-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-blue-light .sidebar-menu>li.active{
    border-left-color:#3c8dbc
}
.skin-blue-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-blue-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-blue-light .sidebar a{
    color:#444
}
.skin-blue-light .sidebar a:hover{
    text-decoration:none
}
.skin-blue-light .sidebar-menu .treeview-menu>li>a{
    color:#777
}
.skin-blue-light .sidebar-menu .treeview-menu>li.active>a,.skin-blue-light .sidebar-menu .treeview-menu>li>a:hover{
    color:#000
}
.skin-blue-light .sidebar-menu .treeview-menu>li.active>a{
    font-weight:600
}
.skin-blue-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px
}
.skin-blue-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-blue-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}
.skin-blue-light .main-footer{
    border-top-color:#d2d6de
}
.skin-blue.layout-top-nav .main-header>.logo{
    background-color:#3c8dbc;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-blue.layout-top-nav .main-header>.logo:hover{
    background-color:#3b8ab8
}
.skin-black .main-header{
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);
    box-shadow:0 1px 1px rgba(0,0,0,0.05)
}
.skin-black .main-header .navbar-toggle{
    color:#333
}
.skin-black .main-header .navbar-brand{
    color:#333;
    border-right:1px solid #eee
}
.skin-black .main-header .navbar{
    background-color:#fff
}
.skin-black .main-header .navbar .nav>li>a{
    color:#333
}
.skin-black .main-header .navbar .nav>li>a:hover,.skin-black .main-header .navbar .nav>li>a:active,.skin-black .main-header .navbar .nav>li>a:focus,.skin-black .main-header .navbar .nav .open>a,.skin-black .main-header .navbar .nav .open>a:hover,.skin-black .main-header .navbar .nav .open>a:focus,.skin-black .main-header .navbar .nav>.active>a{
    background:#fff;
    color:#999
}
.skin-black .main-header .navbar .sidebar-toggle{
    color:#333
}
.skin-black .main-header .navbar .sidebar-toggle:hover{
    color:#999;
    background:#fff
}
.skin-black .main-header .navbar>.sidebar-toggle{
    color:#333;
    border-right:1px solid #eee
}
.skin-black .main-header .navbar .navbar-nav>li>a{
    border-right:1px solid #eee
}
.skin-black .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black .main-header .navbar .navbar-right>li>a{
    border-left:1px solid #eee;
    border-right-width:0
}
.skin-black .main-header>.logo{
    background-color:#fff;
    color:#333;
    border-bottom:0 solid transparent;
    border-right:1px solid #eee
}
.skin-black .main-header>.logo:hover{
    background-color:#fcfcfc
}
@media (max-width:767px){
    .skin-black .main-header>.logo{
        background-color:#222;
        color:#fff;
        border-bottom:0 solid transparent;
        border-right:none
    }
    .skin-black .main-header>.logo:hover{
        background-color:#1f1f1f
    }
}
.skin-black .main-header li.user-header{
    background-color:#222
}
.skin-black .content-header{
    background:transparent;
    box-shadow:none
}
.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side{
    background-color:#222d32
}
.skin-black .user-panel>.info,.skin-black .user-panel>.info>a{
    color:#fff
}
.skin-black .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-black .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a,.skin-black .sidebar-menu>li.menu-open>a{
    color:#fff;
    background:#1e282c
}
.skin-black .sidebar-menu>li.active>a{
    border-left-color:#fff
}
.skin-black .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-black .sidebar a{
    color:#b8c7ce
}
.skin-black .sidebar a:hover{
    text-decoration:none
}
.skin-black .sidebar-menu .treeview-menu>li>a{
    color:#8aa4af
}
.skin-black .sidebar-menu .treeview-menu>li.active>a,.skin-black .sidebar-menu .treeview-menu>li>a:hover{
    color:#fff
}
.skin-black .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px
}
.skin-black .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-black .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-black .pace .pace-progress{
    background:#222
}
.skin-black .pace .pace-activity{
    border-top-color:#222;
    border-left-color:#222
}
.skin-black-light .main-header{
    border-bottom:1px solid #d2d6de
}
.skin-black-light .main-header .navbar-toggle{
    color:#333
}
.skin-black-light .main-header .navbar-brand{
    color:#333;
    border-right:1px solid #d2d6de
}
.skin-black-light .main-header .navbar{
    background-color:#fff
}
.skin-black-light .main-header .navbar .nav>li>a{
    color:#333
}
.skin-black-light .main-header .navbar .nav>li>a:hover,.skin-black-light .main-header .navbar .nav>li>a:active,.skin-black-light .main-header .navbar .nav>li>a:focus,.skin-black-light .main-header .navbar .nav .open>a,.skin-black-light .main-header .navbar .nav .open>a:hover,.skin-black-light .main-header .navbar .nav .open>a:focus,.skin-black-light .main-header .navbar .nav>.active>a{
    background:#fff;
    color:#999
}
.skin-black-light .main-header .navbar .sidebar-toggle{
    color:#333
}
.skin-black-light .main-header .navbar .sidebar-toggle:hover{
    color:#999;
    background:#fff
}
.skin-black-light .main-header .navbar>.sidebar-toggle{
    color:#333;
    border-right:1px solid #d2d6de
}
.skin-black-light .main-header .navbar .navbar-nav>li>a{
    border-right:1px solid #d2d6de
}
.skin-black-light .main-header .navbar .navbar-custom-menu .navbar-nav>li>a,.skin-black-light .main-header .navbar .navbar-right>li>a{
    border-left:1px solid #d2d6de;
    border-right-width:0
}
.skin-black-light .main-header>.logo{
    background-color:#fff;
    color:#333;
    border-bottom:0 solid transparent;
    border-right:1px solid #d2d6de
}
.skin-black-light .main-header>.logo:hover{
    background-color:#fcfcfc
}
@media (max-width:767px){
    .skin-black-light .main-header>.logo{
        background-color:#222;
        color:#fff;
        border-bottom:0 solid transparent;
        border-right:none
    }
    .skin-black-light .main-header>.logo:hover{
        background-color:#1f1f1f
    }
}
.skin-black-light .main-header li.user-header{
    background-color:#222
}
.skin-black-light .content-header{
    background:transparent;
    box-shadow:none
}
.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side{
    background-color:#f9fafc
}
.skin-black-light .main-sidebar{
    border-right:1px solid #d2d6de
}
.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a{
    color:#444
}
.skin-black-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-black-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-black-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-black-light .sidebar-menu>li.active{
    border-left-color:#fff
}
.skin-black-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-black-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-black-light .sidebar a{
    color:#444
}
.skin-black-light .sidebar a:hover{
    text-decoration:none
}
.skin-black-light .sidebar-menu .treeview-menu>li>a{
    color:#777
}
.skin-black-light .sidebar-menu .treeview-menu>li.active>a,.skin-black-light .sidebar-menu .treeview-menu>li>a:hover{
    color:#000
}
.skin-black-light .sidebar-menu .treeview-menu>li.active>a{
    font-weight:600
}
.skin-black-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px
}
.skin-black-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-black-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}
.skin-green .main-header .navbar{
    background-color:#00a65a
}
.skin-green .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-green .main-header .navbar .nav>li>a:hover,
.skin-green .main-header .navbar .nav>li>a:active,
.skin-green .main-header .navbar .nav>li>a:focus,
.skin-green .main-header .navbar .nav .open>a,
.skin-green .main-header .navbar .nav .open>a:hover,
.skin-green .main-header .navbar .nav .open>a:focus,
.skin-green .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-green .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-green .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-green .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-green .main-header .navbar .sidebar-toggle:hover{
    background-color:#008d4c
}
@media (max-width:767px){
    .skin-green .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-green .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-green .main-header .navbar .dropdown-menu li a:hover{
        background:#008d4c
    }
}
.skin-green .main-header .logo{
    background-color:#008d4c;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-green .main-header .logo:hover{
    background-color:#008749
}
.skin-green .main-header li.user-header{
    background-color:#00a65a
}
.skin-green .content-header{
    background:transparent
}
.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side{
    background-color:#222d32
}
.skin-green .user-panel>.info,.skin-green .user-panel>.info>a{
    color:#fff
}
.skin-green .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-green .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-green .sidebar-menu>li:hover>a,
.skin-green .sidebar-menu>li.active>a,
.skin-green .sidebar-menu>li.menu-open>a{
    color:#fff;
    background:#1e282c
}
.skin-green .sidebar-menu>li.active>a{
    border-left-color:#00a65a
}
.skin-green .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-green .sidebar a{
    color:#b8c7ce
}
.skin-green .sidebar a:hover{
    text-decoration:none
}
.skin-green .sidebar-menu .treeview-menu>li>a{
    color:#8aa4af
}
.skin-green .sidebar-menu .treeview-menu>li.active>a,
.skin-green .sidebar-menu .treeview-menu>li>a:hover{
    color:#fff
}
.skin-green .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-green .sidebar-form input[type="text"],
.skin-green .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px
}
.skin-green .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-green .sidebar-form input[type="text"]:focus,
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-green .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-green-light .main-header .navbar{
    background-color:#00a65a
}
.skin-green-light .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-green-light .main-header .navbar .nav>li>a:hover,
.skin-green-light .main-header .navbar .nav>li>a:active,
.skin-green-light .main-header .navbar .nav>li>a:focus,
.skin-green-light .main-header .navbar .nav .open>a,
.skin-green-light .main-header .navbar .nav .open>a:hover,
.skin-green-light .main-header .navbar .nav .open>a:focus,
.skin-green-light .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-green-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-green-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-green-light .main-header .navbar .sidebar-toggle:hover{
    background-color:#008d4c
}
@media (max-width:767px){
    .skin-green-light .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-green-light .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-green-light .main-header .navbar .dropdown-menu li a:hover{
        background:#008d4c
    }
}
.skin-green-light .main-header .logo{
    background-color:#00a65a;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-green-light .main-header .logo:hover{
    background-color:#00a157
}
.skin-green-light .main-header li.user-header{
    background-color:#00a65a
}
.skin-green-light .content-header{
    background:transparent
}
.skin-green-light .wrapper,
.skin-green-light .main-sidebar,
.skin-green-light .left-side{
    background-color:#f9fafc
}
.skin-green-light .main-sidebar{
    border-right:1px solid #d2d6de
}
.skin-green-light .user-panel>.info,
.skin-green-light .user-panel>.info>a{
    color:#444
}
.skin-green-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-green-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-green-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-green-light .sidebar-menu>li:hover>a,
.skin-green-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-green-light .sidebar-menu>li.active{
    border-left-color:#00a65a
}
.skin-green-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-green-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-green-light .sidebar a{
    color:#444
}
.skin-green-light .sidebar a:hover{
    text-decoration:none
}
.skin-green-light .sidebar-menu .treeview-menu>li>a{
    color:#777
}
.skin-green-light .sidebar-menu .treeview-menu>li.active>a,
.skin-green-light .sidebar-menu .treeview-menu>li>a:hover{
    color:#000
}
.skin-green-light .sidebar-menu .treeview-menu>li.active>a{
    font-weight:600
}
.skin-green-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-green-light .sidebar-form input[type="text"],
.skin-green-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px
}
.skin-green-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-green-light .sidebar-form input[type="text"]:focus,
.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-green-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}
.skin-red .main-header .navbar{
    background-color:#dd4b39
}
.skin-red .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-red .main-header .navbar .nav>li>a:hover,.skin-red .main-header .navbar .nav>li>a:active,.skin-red .main-header .navbar .nav>li>a:focus,.skin-red .main-header .navbar .nav .open>a,.skin-red .main-header .navbar .nav .open>a:hover,.skin-red .main-header .navbar .nav .open>a:focus,.skin-red .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-red .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-red .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-red .main-header .navbar .sidebar-toggle:hover{
    background-color:#d73925
}
@media (max-width:767px){
    .skin-red .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-red .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-red .main-header .navbar .dropdown-menu li a:hover{
        background:#d73925
    }
}
.skin-red .main-header .logo{
    background-color:#d73925;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-red .main-header .logo:hover{
    background-color:#d33724
}
.skin-red .main-header li.user-header{
    background-color:#dd4b39
}
.skin-red .content-header{
    background:transparent
}
.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side{
    background-color:#222d32
}
.skin-red .user-panel>.info,.skin-red .user-panel>.info>a{
    color:#fff
}
.skin-red .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-red .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-red .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a,.skin-red .sidebar-menu>li.menu-open>a{
    color:#fff;
    background:#1e282c
}
.skin-red .sidebar-menu>li.active>a{
    border-left-color:#dd4b39
}
.skin-red .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-red .sidebar a{
    color:#b8c7ce
}
.skin-red .sidebar a:hover{
    text-decoration:none
}
.skin-red .sidebar-menu .treeview-menu>li>a{
    color:#8aa4af
}
.skin-red .sidebar-menu .treeview-menu>li.active>a,.skin-red .sidebar-menu .treeview-menu>li>a:hover{
    color:#fff
}
.skin-red .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px
}
.skin-red .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-red .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-red-light .main-header .navbar{
    background-color:#dd4b39
}
.skin-red-light .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-red-light .main-header .navbar .nav>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a:active,.skin-red-light .main-header .navbar .nav>li>a:focus,.skin-red-light .main-header .navbar .nav .open>a,.skin-red-light .main-header .navbar .nav .open>a:hover,.skin-red-light .main-header .navbar .nav .open>a:focus,.skin-red-light .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-red-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-red-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-red-light .main-header .navbar .sidebar-toggle:hover{
    background-color:#d73925
}
@media (max-width:767px){
    .skin-red-light .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-red-light .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-red-light .main-header .navbar .dropdown-menu li a:hover{
        background:#d73925
    }
}
.skin-red-light .main-header .logo{
    background-color:#dd4b39;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-red-light .main-header .logo:hover{
    background-color:#dc4735
}
.skin-red-light .main-header li.user-header{
    background-color:#dd4b39
}
.skin-red-light .content-header{
    background:transparent
}
.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side{
    background-color:#f9fafc
}
.skin-red-light .main-sidebar{
    border-right:1px solid #d2d6de
}
.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a{
    color:#444
}
.skin-red-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-red-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-red-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-red-light .sidebar-menu>li.active{
    border-left-color:#dd4b39
}
.skin-red-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-red-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-red-light .sidebar a{
    color:#444
}
.skin-red-light .sidebar a:hover{
    text-decoration:none
}
.skin-red-light .sidebar-menu .treeview-menu>li>a{
    color:#777
}
.skin-red-light .sidebar-menu .treeview-menu>li.active>a,.skin-red-light .sidebar-menu .treeview-menu>li>a:hover{
    color:#000
}
.skin-red-light .sidebar-menu .treeview-menu>li.active>a{
    font-weight:600
}
.skin-red-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px
}
.skin-red-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-red-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}
.skin-yellow .main-header .navbar{
    background-color:#f39c12
}
.skin-yellow .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-yellow .main-header .navbar .nav>li>a:hover,.skin-yellow .main-header .navbar .nav>li>a:active,.skin-yellow .main-header .navbar .nav>li>a:focus,.skin-yellow .main-header .navbar .nav .open>a,.skin-yellow .main-header .navbar .nav .open>a:hover,.skin-yellow .main-header .navbar .nav .open>a:focus,.skin-yellow .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-yellow .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-yellow .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-yellow .main-header .navbar .sidebar-toggle:hover{
    background-color:#e08e0b
}
@media (max-width:767px){
    .skin-yellow .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-yellow .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-yellow .main-header .navbar .dropdown-menu li a:hover{
        background:#e08e0b
    }
}
.skin-yellow .main-header .logo{
    background-color:#e08e0b;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-yellow .main-header .logo:hover{
    background-color:#db8b0b
}
.skin-yellow .main-header li.user-header{
    background-color:#f39c12
}
.skin-yellow .content-header{
    background:transparent
}
.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side{
    background-color:#222d32
}
.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a{
    color:#fff
}
.skin-yellow .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-yellow .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-yellow .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a,.skin-yellow .sidebar-menu>li.menu-open>a{
    color:#fff;
    background:#1e282c
}
.skin-yellow .sidebar-menu>li.active>a{
    border-left-color:#f39c12
}
.skin-yellow .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-yellow .sidebar a{
    color:#b8c7ce
}
.skin-yellow .sidebar a:hover{
    text-decoration:none
}
.skin-yellow .sidebar-menu .treeview-menu>li>a{
    color:#8aa4af
}
.skin-yellow .sidebar-menu .treeview-menu>li.active>a,.skin-yellow .sidebar-menu .treeview-menu>li>a:hover{
    color:#fff
}
.skin-yellow .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px
}
.skin-yellow .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-yellow .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-yellow-light .main-header .navbar{
    /*background-color:#f39c12*/
    background-color:#00c0ef;
}
.skin-yellow-light .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-yellow-light .main-header .navbar .nav>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a:active,.skin-yellow-light .main-header .navbar .nav>li>a:focus,.skin-yellow-light .main-header .navbar .nav .open>a,.skin-yellow-light .main-header .navbar .nav .open>a:hover,.skin-yellow-light .main-header .navbar .nav .open>a:focus,.skin-yellow-light .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-yellow-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-yellow-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-yellow-light .main-header .navbar .sidebar-toggle:hover{
    background-color:#e08e0b
}
@media (max-width:767px){
    .skin-yellow-light .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-yellow-light .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-yellow-light .main-header .navbar .dropdown-menu li a:hover{
        background:#e08e0b
    }
}
.skin-yellow-light .main-header .logo{
    background-color:#f39c12;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-yellow-light .main-header .logo:hover{
    background-color:#f39a0d
}
.skin-yellow-light .main-header li.user-header{
    background-color:#f39c12
}
.skin-yellow-light .content-header{
    background:transparent
}
.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side{
    background-color:#f9fafc
}
.skin-yellow-light .main-sidebar{
    border-right:1px solid #d2d6de
}
.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a{
    color:#444
}
.skin-yellow-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-yellow-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-yellow-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-yellow-light .sidebar-menu>li.active{
    border-left-color:#f39c12
}
.skin-yellow-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-yellow-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-yellow-light .sidebar a{
    color:#444
}
.skin-yellow-light .sidebar a:hover{
    text-decoration:none
}
.skin-yellow-light .sidebar-menu .treeview-menu>li>a{
    color:#777
}
.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a,.skin-yellow-light .sidebar-menu .treeview-menu>li>a:hover{
    color:#000
}
.skin-yellow-light .sidebar-menu .treeview-menu>li.active>a{
    font-weight:600
}
.skin-yellow-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px
}
.skin-yellow-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-yellow-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}
.skin-purple .main-header .navbar{
    background-color:#605ca8
}
.skin-purple .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-purple .main-header .navbar .nav>li>a:hover,.skin-purple .main-header .navbar .nav>li>a:active,.skin-purple .main-header .navbar .nav>li>a:focus,.skin-purple .main-header .navbar .nav .open>a,.skin-purple .main-header .navbar .nav .open>a:hover,.skin-purple .main-header .navbar .nav .open>a:focus,.skin-purple .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-purple .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-purple .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-purple .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-purple .main-header .navbar .sidebar-toggle:hover{
    background-color:#555299
}
@media (max-width:767px){
    .skin-purple .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-purple .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-purple .main-header .navbar .dropdown-menu li a:hover{
        background:#555299
    }
}
.skin-purple .main-header .logo{
    background-color:#555299;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-purple .main-header .logo:hover{
    background-color:#545096
}
.skin-purple .main-header li.user-header{
    background-color:#605ca8
}
.skin-purple .content-header{
    background:transparent
}
.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side{
    background-color:#222d32
}
.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a{
    color:#fff
}
.skin-purple .sidebar-menu>li.header{
    color:#4b646f;
    background:#1a2226
}
.skin-purple .sidebar-menu>li>a{
    border-left:3px solid transparent
}
.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a,.skin-purple .sidebar-menu>li.menu-open>a{
    color:#fff;
    background:#1e282c
}
.skin-purple .sidebar-menu>li.active>a{
    border-left-color:#605ca8
}
.skin-purple .sidebar-menu>li>.treeview-menu{
    margin:0 1px;
    background:#2c3b41
}
.skin-purple .sidebar a{
    color:#b8c7ce
}
.skin-purple .sidebar a:hover{
    text-decoration:none
}
.skin-purple .sidebar-menu .treeview-menu>li>a{
    color:#8aa4af
}
.skin-purple .sidebar-menu .treeview-menu>li.active>a,.skin-purple .sidebar-menu .treeview-menu>li>a:hover{
    color:#fff
}
.skin-purple .sidebar-form{
    border-radius:3px;
    border:1px solid #374850;
    margin:10px 10px
}
.skin-purple .sidebar-form input[type="text"],.skin-purple .sidebar-form .btn{
    box-shadow:none;
    background-color:#374850;
    border:1px solid transparent;
    height:35px
}
.skin-purple .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-purple .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
.skin-purple-light .main-header .navbar{
    background-color:#605ca8
}
.skin-purple-light .main-header .navbar .nav>li>a{
    color:#fff
}
.skin-purple-light .main-header .navbar .nav>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a:active,.skin-purple-light .main-header .navbar .nav>li>a:focus,.skin-purple-light .main-header .navbar .nav .open>a,.skin-purple-light .main-header .navbar .nav .open>a:hover,.skin-purple-light .main-header .navbar .nav .open>a:focus,.skin-purple-light .main-header .navbar .nav>.active>a{
    background:rgba(0,0,0,0.1);
    color:#f6f6f6
}
.skin-purple-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover{
    color:#f6f6f6;
    background:rgba(0,0,0,0.1)
}
.skin-purple-light .main-header .navbar .sidebar-toggle{
    color:#fff
}
.skin-purple-light .main-header .navbar .sidebar-toggle:hover{
    background-color:#555299
}
@media (max-width:767px){
    .skin-purple-light .main-header .navbar .dropdown-menu li.divider{
        background-color:rgba(255,255,255,0.1)
    }
    .skin-purple-light .main-header .navbar .dropdown-menu li a{
        color:#fff
    }
    .skin-purple-light .main-header .navbar .dropdown-menu li a:hover{
        background:#555299
    }
}
.skin-purple-light .main-header .logo{
    background-color:#605ca8;
    color:#fff;
    border-bottom:0 solid transparent
}
.skin-purple-light .main-header .logo:hover{
    background-color:#5d59a6
}
.skin-purple-light .main-header li.user-header{
    background-color:#605ca8
}
.skin-purple-light .content-header{
    background:transparent
}
.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side{
    background-color:#f9fafc
}
.skin-purple-light .main-sidebar{
    border-right:1px solid #d2d6de
}
.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a{
    color:#444
}
.skin-purple-light .sidebar-menu>li{
    -webkit-transition:border-left-color .3s ease;
    -o-transition:border-left-color .3s ease;
    transition:border-left-color .3s ease
}
.skin-purple-light .sidebar-menu>li.header{
    color:#848484;
    background:#f9fafc
}
.skin-purple-light .sidebar-menu>li>a{
    border-left:3px solid transparent;
    font-weight:600
}
.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a{
    color:#000;
    background:#f4f4f5
}
.skin-purple-light .sidebar-menu>li.active{
    border-left-color:#605ca8
}
.skin-purple-light .sidebar-menu>li.active>a{
    font-weight:600
}
.skin-purple-light .sidebar-menu>li>.treeview-menu{
    background:#f4f4f5
}
.skin-purple-light .sidebar a{
    color:#444
}
.skin-purple-light .sidebar a:hover{
    text-decoration:none
}
.skin-purple-light .sidebar-menu .treeview-menu>li>a{
    color:#777
}
.skin-purple-light .sidebar-menu .treeview-menu>li.active>a,.skin-purple-light .sidebar-menu .treeview-menu>li>a:hover{
    color:#000
}
.skin-purple-light .sidebar-menu .treeview-menu>li.active>a{
    font-weight:600
}
.skin-purple-light .sidebar-form{
    border-radius:3px;
    border:1px solid #d2d6de;
    margin:10px 10px
}
.skin-purple-light .sidebar-form input[type="text"],.skin-purple-light .sidebar-form .btn{
    box-shadow:none;
    background-color:#fff;
    border:1px solid transparent;
    height:35px
}
.skin-purple-light .sidebar-form input[type="text"]{
    color:#666;
    border-top-left-radius:2px;
    border-top-right-radius:0;
    border-bottom-right-radius:0;
    border-bottom-left-radius:2px
}
.skin-purple-light .sidebar-form input[type="text"]:focus,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    background-color:#fff;
    color:#666
}
.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn{
    border-left-color:#fff
}
.skin-purple-light .sidebar-form .btn{
    color:#999;
    border-top-left-radius:0;
    border-top-right-radius:2px;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:0
}
@media (min-width:768px){
    .skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu{
        border-left:1px solid #d2d6de
    }
}