.skin-blue .main-header .navbar { background-color: #162c5e; }

.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: transparent; color: #f6f6f6; }

.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; margin-top: 10px; }

.skin-blue .main-header .navbar .sidebar-toggle:hover { background-color:transparent }
@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: #fff; 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: #243d77; }

.skin-blue .content-header { background:transparent }

.skin-blue .wrapper, .skin-blue .main-sidebar, .skin-blue .left-side { background-color:#162c5e; }

.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 { color: #fff; background: #243d77; border-left-color: #fff; }

.skin-blue .sidebar-menu > li > .treeview-menu { margin: 0 1px; background: #243d77; }

.skin-blue .sidebar a { color:#b8c7ce }

.skin-blue .sidebar a:hover { text-decoration:none }

.skin-blue .treeview-menu>li>a { color:#8aa4af }

.skin-blue .treeview-menu>li.active>a, .skin-blue .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 .content-wrapper, .skin-blue-light .main-footer { border-left: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 .treeview-menu>li>a { color:#777 }

.skin-blue-light .treeview-menu>li.active>a, .skin-blue-light .treeview-menu>li>a:hover { color:#000 }

.skin-blue-light .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 { color:#fff; background:#1e282c; 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 .treeview-menu>li>a { color:#8aa4af }

.skin-black .treeview-menu>li.active>a, .skin-black .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 { -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-light .main-header .navbar-toggle { color:#333 }

.skin-black-light .main-header .navbar-brand { color:#333; border-right:1px solid #eee }

.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 #eee }

.skin-black-light .main-header .navbar .navbar-nav>li>a { border-right:1px solid #eee }

.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 #eee; border-right-width:0 }

.skin-black-light .main-header>.logo { background-color:#fff; color:#333; border-bottom:0 solid transparent; border-right:1px solid #eee }

.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 .content-wrapper, .skin-black-light .main-footer { border-left: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 .treeview-menu>li>a { color:#777 }

.skin-black-light .treeview-menu>li.active>a, .skin-black-light .treeview-menu>li>a:hover { color:#000 }

.skin-black-light .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 { color:#fff; background:#1e282c; 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 .treeview-menu>li>a { color:#8aa4af }

.skin-green .treeview-menu>li.active>a, .skin-green .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 .content-wrapper, .skin-green-light .main-footer { border-left: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 .treeview-menu>li>a { color:#777 }

.skin-green-light .treeview-menu>li.active>a, .skin-green-light .treeview-menu>li>a:hover { color:#000 }

.skin-green-light .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 { color:#fff; background:#1e282c; 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 .treeview-menu>li>a { color:#8aa4af }

.skin-red .treeview-menu>li.active>a, .skin-red .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 .content-wrapper, .skin-red-light .main-footer { border-left: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 .treeview-menu>li>a { color:#777 }

.skin-red-light .treeview-menu>li.active>a, .skin-red-light .treeview-menu>li>a:hover { color:#000 }

.skin-red-light .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 { color:#fff; background:#1e282c; 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 .treeview-menu>li>a { color:#8aa4af }

.skin-yellow .treeview-menu>li.active>a, .skin-yellow .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 }

.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 .content-wrapper, .skin-yellow-light .main-footer { border-left: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 .treeview-menu>li>a { color:#777 }

.skin-yellow-light .treeview-menu>li.active>a, .skin-yellow-light .treeview-menu>li>a:hover { color:#000 }

.skin-yellow-light .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 { color:#fff; background:#1e282c; 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 .treeview-menu>li>a { color:#8aa4af }

.skin-purple .treeview-menu>li.active>a, .skin-purple .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 .content-wrapper, .skin-purple-light .main-footer { border-left: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 .treeview-menu>li>a { color:#777 }

.skin-purple-light .treeview-menu>li.active>a, .skin-purple-light .treeview-menu>li>a:hover { color:#000 }

.skin-purple-light .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
}
}