.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 .sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a {
color:#fff;
background:#1e282c;
border-left-color:#3c8dbc;
}

.skin-blue-light .sidebar-menu>li.active {
border-left-color:#3c8dbc;
}

.skin-blue-light .main-footer {
border-top-color:#d2d6de;
}

.skin-black .sidebar-menu>li:hover>a,.skin-black .sidebar-menu>li.active>a {
color:#fff;
background:#1e282c;
border-left-color:#fff;
}

.skin-black .pace .pace-progress {
background:#222;
}

.skin-black .pace .pace-activity {
border-top-color:#222;
border-left-color:#222;
}

.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 .sidebar-menu>li:hover>a,.skin-green .sidebar-menu>li.active>a {
color:#fff;
background:#1e282c;
border-left-color:#00a65a;
}

.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 .sidebar-menu>li.active {
border-left-color:#00a65a;
}

.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 .sidebar-menu>li:hover>a,.skin-red .sidebar-menu>li.active>a {
color:#fff;
background:#1e282c;
border-left-color:#dd4b39;
}

.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 .sidebar-menu>li.active {
border-left-color:#dd4b39;
}

.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 .sidebar-menu>li:hover>a,.skin-yellow .sidebar-menu>li.active>a {
color:#fff;
background:#1e282c;
border-left-color:#f39c12;
}

.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 .sidebar-menu>li.active {
border-left-color:#f39c12;
}

.skin-purple .main-header .logo {
background-color:#139186;
color:#fff;
border-bottom:0 solid transparent;
}

.skin-purple .main-header .logo:hover {
background-color:#139186;
}

.skin-purple .sidebar-menu>li:hover>a,.skin-purple .sidebar-menu>li.active>a {
color:#fff;
background:#4c4c4c;
border-left-color:#16aa9d;
}

.skin-purple-light .main-header .logo {
background-color:#16aa9d;
color:#fff;
border-bottom:0 solid transparent;
}

.skin-purple-light .main-header .logo:hover {
background-color:#5d59a6;
}

.skin-purple-light .sidebar-menu>li.active {
border-left-color:#16aa9d;
}

.skin-blue .main-header .navbar,.skin-blue .main-header li.user-header,.skin-blue-light .main-header .navbar,.skin-blue-light .main-header li.user-header {
background-color:#3c8dbc;
}

.skin-blue .main-header .navbar .nav>li>a,.skin-blue .main-header .navbar .sidebar-toggle,.skin-blue .user-panel>.info,.skin-blue .user-panel>.info>a,.skin-blue .treeview-menu>li.active>a,.skin-blue .treeview-menu>li>a:hover,.skin-blue-light .main-header .navbar .nav>li>a,.skin-blue-light .main-header .navbar .sidebar-toggle,.skin-black .user-panel>.info,.skin-black .user-panel>.info>a,.skin-black .treeview-menu>li.active>a,.skin-black .treeview-menu>li>a:hover,.skin-green .main-header .navbar .nav>li>a,.skin-green .main-header .navbar .sidebar-toggle,.skin-green .user-panel>.info,.skin-green .user-panel>.info>a,.skin-green .treeview-menu>li.active>a,.skin-green .treeview-menu>li>a:hover,.skin-green-light .main-header .navbar .nav>li>a,.skin-green-light .main-header .navbar .sidebar-toggle,.skin-red .main-header .navbar .nav>li>a,.skin-red .main-header .navbar .sidebar-toggle,.skin-red .user-panel>.info,.skin-red .user-panel>.info>a,.skin-red .treeview-menu>li.active>a,.skin-red .treeview-menu>li>a:hover,.skin-red-light .main-header .navbar .nav>li>a,.skin-red-light .main-header .navbar .sidebar-toggle,.skin-yellow .main-header .navbar .nav>li>a,.skin-yellow .main-header .navbar .sidebar-toggle,.skin-yellow .user-panel>.info,.skin-yellow .user-panel>.info>a,.skin-yellow .treeview-menu>li.active>a,.skin-yellow .treeview-menu>li>a:hover,.skin-yellow-light .main-header .navbar .nav>li>a,.skin-yellow-light .main-header .navbar .sidebar-toggle,.skin-purple .main-header .navbar .nav>li>a,.skin-purple .main-header .navbar .sidebar-toggle,.skin-purple .user-panel>.info,.skin-purple .user-panel>.info>a,.skin-purple .treeview-menu>li.active>a,.skin-purple .treeview-menu>li>a:hover,.skin-purple-light .main-header .navbar .nav>li>a,.skin-purple-light .main-header .navbar .sidebar-toggle {
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,.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,.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,.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,.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,.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,.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,.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,.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,.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-blue .main-header .navbar .sidebar-toggle:hover,.skin-blue-light .main-header .navbar .sidebar-toggle:hover {
color:#f6f6f6;
background:rgba(0,0,0,0.1);
background-color:#367fa9;
}

.skin-blue .content-header,.skin-blue-light .content-header,.skin-green .content-header,.skin-green-light .content-header,.skin-red .content-header,.skin-red-light .content-header,.skin-yellow .content-header,.skin-yellow-light .content-header,.skin-purple .content-header,.skin-purple-light .content-header {
background:transparent;
}

.skin-blue .wrapper,.skin-blue .main-sidebar,.skin-blue .left-side,.skin-black .wrapper,.skin-black .main-sidebar,.skin-black .left-side,.skin-green .wrapper,.skin-green .main-sidebar,.skin-green .left-side,.skin-red .wrapper,.skin-red .main-sidebar,.skin-red .left-side,.skin-yellow .wrapper,.skin-yellow .main-sidebar,.skin-yellow .left-side,.skin-purple .wrapper,.skin-purple .main-sidebar,.skin-purple .left-side {
background-color:#595959;
}

.skin-blue .sidebar-menu>li.header,.skin-black .sidebar-menu>li.header,.skin-green .sidebar-menu>li.header,.skin-red .sidebar-menu>li.header,.skin-yellow .sidebar-menu>li.header,.skin-purple .sidebar-menu>li.header {
color:#ffffff;
background:#4c4c4c;
}

.skin-blue .sidebar-menu>li>a,.skin-black .sidebar-menu>li>a,.skin-green .sidebar-menu>li>a,.skin-red .sidebar-menu>li>a,.skin-yellow .sidebar-menu>li>a,.skin-purple .sidebar-menu>li>a {
border-left:3px solid transparent;
}

.skin-blue .sidebar-menu>li>.treeview-menu,.skin-black .sidebar-menu>li>.treeview-menu,.skin-green .sidebar-menu>li>.treeview-menu,.skin-red .sidebar-menu>li>.treeview-menu,.skin-yellow .sidebar-menu>li>.treeview-menu,.skin-purple .sidebar-menu>li>.treeview-menu {
background:#4c4c4c;
margin:0 1px;
}

.skin-blue .sidebar a,.skin-black .sidebar a,.skin-green .sidebar a,.skin-red .sidebar a,.skin-yellow .sidebar a,.skin-purple .sidebar a {
color:#ffffff;
}

.skin-blue .sidebar a:hover,.skin-blue-light .sidebar a:hover,.skin-black .sidebar a:hover,.skin-black-light .sidebar a:hover,.skin-green .sidebar a:hover,.skin-green-light .sidebar a:hover,.skin-red .sidebar a:hover,.skin-red-light .sidebar a:hover,.skin-yellow .sidebar a:hover,.skin-yellow-light .sidebar a:hover,.skin-purple .sidebar a:hover,.skin-purple-light .sidebar a:hover {
text-decoration:none;
}

.skin-blue .treeview-menu>li>a,.skin-black .treeview-menu>li>a,.skin-green .treeview-menu>li>a,.skin-red .treeview-menu>li>a,.skin-yellow .treeview-menu>li>a,.skin-purple .treeview-menu>li>a {
color:#ffffff;
}

.skin-blue .sidebar-form,.skin-black .sidebar-form,.skin-green .sidebar-form,.skin-red .sidebar-form,.skin-yellow .sidebar-form,.skin-purple .sidebar-form {
border-radius:3px;
border:1px solid #374850;
margin:10px;
}

.skin-blue .sidebar-form input[type="text"],.skin-blue .sidebar-form .btn,.skin-black .sidebar-form input[type="text"],.skin-black .sidebar-form .btn,.skin-green .sidebar-form input[type="text"],.skin-green .sidebar-form .btn,.skin-red .sidebar-form input[type="text"],.skin-red .sidebar-form .btn,.skin-yellow .sidebar-form input[type="text"],.skin-yellow .sidebar-form .btn,.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-blue .sidebar-form input[type="text"],.skin-blue-light .sidebar-form input[type="text"],.skin-black .sidebar-form input[type="text"],.skin-black-light .sidebar-form input[type="text"],.skin-green .sidebar-form input[type="text"],.skin-green-light .sidebar-form input[type="text"],.skin-red .sidebar-form input[type="text"],.skin-red-light .sidebar-form input[type="text"],.skin-yellow .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form input[type="text"],.skin-purple .sidebar-form input[type="text"],.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-blue .sidebar-form input[type="text"]:focus,.skin-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-blue-light .sidebar-form input[type="text"]:focus,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-black .sidebar-form input[type="text"]:focus,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-black-light .sidebar-form input[type="text"]:focus,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-green .sidebar-form input[type="text"]:focus,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-green-light .sidebar-form input[type="text"]:focus,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-red .sidebar-form input[type="text"]:focus,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-red-light .sidebar-form input[type="text"]:focus,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-yellow .sidebar-form input[type="text"]:focus,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-yellow-light .sidebar-form input[type="text"]:focus,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-purple .sidebar-form input[type="text"]:focus,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.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-blue .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-blue-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-black .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-black-light .sidebar-menu>li.active,.skin-black-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-green .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-green-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-red .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-red-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-yellow .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-yellow-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-purple .sidebar-form input[type="text"]:focus+.input-group-btn .btn,.skin-purple-light .sidebar-form input[type="text"]:focus+.input-group-btn .btn {
border-left-color:#fff;
}

.skin-blue .sidebar-form .btn,.skin-blue-light .sidebar-form .btn,.skin-black .sidebar-form .btn,.skin-black-light .sidebar-form .btn,.skin-green .sidebar-form .btn,.skin-green-light .sidebar-form .btn,.skin-red .sidebar-form .btn,.skin-red-light .sidebar-form .btn,.skin-yellow .sidebar-form .btn,.skin-yellow-light .sidebar-form .btn,.skin-purple .sidebar-form .btn,.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;
}

.skin-blue.layout-top-nav .main-header>.logo,.skin-blue-light .main-header .logo {
background-color:#3c8dbc;
color:#fff;
border-bottom:0 solid transparent;
}

.skin-blue.layout-top-nav .main-header>.logo:hover,.skin-blue-light .main-header .logo:hover {
background-color:#3b8ab8;
}

.skin-blue-light .wrapper,.skin-blue-light .main-sidebar,.skin-blue-light .left-side,.skin-black-light .wrapper,.skin-black-light .main-sidebar,.skin-black-light .left-side,.skin-green-light .wrapper,.skin-green-light .main-sidebar,.skin-green-light .left-side,.skin-red-light .wrapper,.skin-red-light .main-sidebar,.skin-red-light .left-side,.skin-yellow-light .wrapper,.skin-yellow-light .main-sidebar,.skin-yellow-light .left-side,.skin-purple-light .wrapper,.skin-purple-light .main-sidebar,.skin-purple-light .left-side {
background-color:#f9fafc;
}

.skin-blue-light .content-wrapper,.skin-blue-light .main-footer,.skin-black-light .content-wrapper,.skin-black-light .main-footer,.skin-green-light .content-wrapper,.skin-green-light .main-footer,.skin-red-light .content-wrapper,.skin-red-light .main-footer,.skin-yellow-light .content-wrapper,.skin-yellow-light .main-footer,.skin-purple-light .content-wrapper,.skin-purple-light .main-footer {
border-left:1px solid #d2d6de;
}

.skin-blue-light .user-panel>.info,.skin-blue-light .user-panel>.info>a,.skin-blue-light .sidebar a,.skin-black-light .user-panel>.info,.skin-black-light .user-panel>.info>a,.skin-black-light .sidebar a,.skin-green-light .user-panel>.info,.skin-green-light .user-panel>.info>a,.skin-green-light .sidebar a,.skin-red-light .user-panel>.info,.skin-red-light .user-panel>.info>a,.skin-red-light .sidebar a,.skin-yellow-light .user-panel>.info,.skin-yellow-light .user-panel>.info>a,.skin-yellow-light .sidebar a,.skin-purple-light .user-panel>.info,.skin-purple-light .user-panel>.info>a,.skin-purple-light .sidebar a {
color:#444;
}

.skin-blue-light .sidebar-menu>li,.skin-black-light .sidebar-menu>li,.skin-green-light .sidebar-menu>li,.skin-red-light .sidebar-menu>li,.skin-yellow-light .sidebar-menu>li,.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-blue-light .sidebar-menu>li.header,.skin-black-light .sidebar-menu>li.header,.skin-green-light .sidebar-menu>li.header,.skin-red-light .sidebar-menu>li.header,.skin-yellow-light .sidebar-menu>li.header,.skin-purple-light .sidebar-menu>li.header {
color:#848484;
background:#f9fafc;
}

.skin-blue-light .sidebar-menu>li>a,.skin-black-light .sidebar-menu>li>a,.skin-green-light .sidebar-menu>li>a,.skin-red-light .sidebar-menu>li>a,.skin-yellow-light .sidebar-menu>li>a,.skin-purple-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,.skin-black-light .sidebar-menu>li:hover>a,.skin-black-light .sidebar-menu>li.active>a,.skin-green-light .sidebar-menu>li:hover>a,.skin-green-light .sidebar-menu>li.active>a,.skin-red-light .sidebar-menu>li:hover>a,.skin-red-light .sidebar-menu>li.active>a,.skin-yellow-light .sidebar-menu>li:hover>a,.skin-yellow-light .sidebar-menu>li.active>a,.skin-purple-light .sidebar-menu>li:hover>a,.skin-purple-light .sidebar-menu>li.active>a {
color:#000;
background:#f4f4f5;
}

.skin-blue-light .sidebar-menu>li.active>a,.skin-blue-light .treeview-menu>li.active>a,.skin-black-light .sidebar-menu>li.active>a,.skin-black-light .treeview-menu>li.active>a,.skin-green-light .sidebar-menu>li.active>a,.skin-green-light .treeview-menu>li.active>a,.skin-red-light .sidebar-menu>li.active>a,.skin-red-light .treeview-menu>li.active>a,.skin-yellow-light .sidebar-menu>li.active>a,.skin-yellow-light .treeview-menu>li.active>a,.skin-purple-light .sidebar-menu>li.active>a,.skin-purple-light .treeview-menu>li.active>a {
font-weight:600;
}

.skin-blue-light .sidebar-menu>li>.treeview-menu,.skin-black-light .sidebar-menu>li>.treeview-menu,.skin-green-light .sidebar-menu>li>.treeview-menu,.skin-red-light .sidebar-menu>li>.treeview-menu,.skin-yellow-light .sidebar-menu>li>.treeview-menu,.skin-purple-light .sidebar-menu>li>.treeview-menu {
background:#f4f4f5;
}

.skin-blue-light .treeview-menu>li>a,.skin-black-light .treeview-menu>li>a,.skin-green-light .treeview-menu>li>a,.skin-red-light .treeview-menu>li>a,.skin-yellow-light .treeview-menu>li>a,.skin-purple-light .treeview-menu>li>a {
color:#777;
}

.skin-blue-light .treeview-menu>li.active>a,.skin-blue-light .treeview-menu>li>a:hover,.skin-black-light .treeview-menu>li.active>a,.skin-black-light .treeview-menu>li>a:hover,.skin-green-light .treeview-menu>li.active>a,.skin-green-light .treeview-menu>li>a:hover,.skin-red-light .treeview-menu>li.active>a,.skin-red-light .treeview-menu>li>a:hover,.skin-yellow-light .treeview-menu>li.active>a,.skin-yellow-light .treeview-menu>li>a:hover,.skin-purple-light .treeview-menu>li.active>a,.skin-purple-light .treeview-menu>li>a:hover {
color:#000;
}

.skin-blue-light .sidebar-form,.skin-black-light .sidebar-form,.skin-green-light .sidebar-form,.skin-red-light .sidebar-form,.skin-yellow-light .sidebar-form,.skin-purple-light .sidebar-form {
border-radius:3px;
border:1px solid #d2d6de;
margin:10px;
}

.skin-blue-light .sidebar-form input[type="text"],.skin-blue-light .sidebar-form .btn,.skin-black-light .sidebar-form input[type="text"],.skin-black-light .sidebar-form .btn,.skin-green-light .sidebar-form input[type="text"],.skin-green-light .sidebar-form .btn,.skin-red-light .sidebar-form input[type="text"],.skin-red-light .sidebar-form .btn,.skin-yellow-light .sidebar-form input[type="text"],.skin-yellow-light .sidebar-form .btn,.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-black .main-header,.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 .main-header .navbar-toggle,.skin-black .main-header .navbar .nav>li>a,.skin-black .main-header .navbar .sidebar-toggle,.skin-black-light .main-header .navbar-toggle,.skin-black-light .main-header .navbar .nav>li>a,.skin-black-light .main-header .navbar .sidebar-toggle {
color:#333;
}

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

.skin-black .main-header .navbar,.skin-black-light .main-header .navbar {
background-color:#fff;
}

.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,.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 .main-header .navbar .sidebar-toggle:hover,.skin-black-light .main-header .navbar .sidebar-toggle:hover {
color:#999;
background:#fff;
}

.skin-black .main-header .navbar .navbar-nav>li>a,.skin-black-light .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,.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 .main-header>.logo,.skin-black-light .main-header>.logo {
background-color:#fff;
color:#333;
border-bottom:0 solid transparent;
border-right:1px solid #eee;
}

.skin-black .main-header>.logo:hover,.skin-black-light .main-header>.logo:hover {
background-color:#fcfcfc;
}

.skin-black .main-header li.user-header,.skin-black-light .main-header li.user-header {
background-color:#222;
}

.skin-black .content-header,.skin-black-light .content-header {
background:transparent;
box-shadow:none;
}

.skin-green .main-header .navbar,.skin-green .main-header li.user-header,.skin-green-light .main-header .navbar,.skin-green-light .main-header li.user-header {
background-color:#00a65a;
}

.skin-green .main-header .navbar .sidebar-toggle:hover,.skin-green-light .main-header .navbar .sidebar-toggle:hover {
color:#f6f6f6;
background:rgba(0,0,0,0.1);
background-color:#008d4c;
}

.skin-red .main-header .navbar,.skin-red .main-header li.user-header,.skin-red-light .main-header .navbar,.skin-red-light .main-header li.user-header {
background-color:#dd4b39;
}

.skin-red .main-header .navbar .sidebar-toggle:hover,.skin-red-light .main-header .navbar .sidebar-toggle:hover {
color:#f6f6f6;
background:rgba(0,0,0,0.1);
background-color:#d73925;
}

.skin-yellow .main-header .navbar,.skin-yellow .main-header li.user-header,.skin-yellow-light .main-header .navbar,.skin-yellow-light .main-header li.user-header {
background-color:#f39c12;
}

.skin-yellow .main-header .navbar .sidebar-toggle:hover,.skin-yellow-light .main-header .navbar .sidebar-toggle:hover {
color:#f6f6f6;
background:rgba(0,0,0,0.1);
background-color:#e08e0b;
}

.skin-purple .main-header .navbar,.skin-purple .main-header li.user-header,.skin-purple-light .main-header .navbar,.skin-purple-light .main-header li.user-header {
background-color:#16aa9d;
}

.skin-purple .main-header .navbar .sidebar-toggle:hover,.skin-purple-light .main-header .navbar .sidebar-toggle:hover {
color:#f6f6f6;
background:rgba(0,0,0,0.1);
background-color:#139186;
}

@media max-width767px{
.skin-blue .main-header .navbar .dropdown-menu li.divider,.skin-blue-light .main-header .navbar .dropdown-menu li.divider,.skin-green .main-header .navbar .dropdown-menu li.divider,.skin-green-light .main-header .navbar .dropdown-menu li.divider,.skin-red .main-header .navbar .dropdown-menu li.divider,.skin-red-light .main-header .navbar .dropdown-menu li.divider,.skin-yellow .main-header .navbar .dropdown-menu li.divider,.skin-yellow-light .main-header .navbar .dropdown-menu li.divider,.skin-purple .main-header .navbar .dropdown-menu li.divider,.skin-purple-light .main-header .navbar .dropdown-menu li.divider {
background-color:rgba(255,255,255,0.1);
}

.skin-blue .main-header .navbar .dropdown-menu li a,.skin-blue-light .main-header .navbar .dropdown-menu li a,.skin-green .main-header .navbar .dropdown-menu li a,.skin-green-light .main-header .navbar .dropdown-menu li a,.skin-red .main-header .navbar .dropdown-menu li a,.skin-red-light .main-header .navbar .dropdown-menu li a,.skin-yellow .main-header .navbar .dropdown-menu li a,.skin-yellow-light .main-header .navbar .dropdown-menu li a,.skin-purple .main-header .navbar .dropdown-menu li a,.skin-purple-light .main-header .navbar .dropdown-menu li a {
color:#fff;
}

.skin-blue .main-header .navbar .dropdown-menu li a:hover,.skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
background:#367fa9;
}

.skin-black .main-header>.logo,.skin-black-light .main-header>.logo {
background-color:#222;
color:#fff;
border-bottom:0 solid transparent;
border-right:none;
}

.skin-black .main-header>.logo:hover,.skin-black-light .main-header>.logo:hover {
background-color:#1f1f1f;
}

.skin-green .main-header .navbar .dropdown-menu li a:hover,.skin-green-light .main-header .navbar .dropdown-menu li a:hover {
background:#008d4c;
}

.skin-red .main-header .navbar .dropdown-menu li a:hover,.skin-red-light .main-header .navbar .dropdown-menu li a:hover {
background:#d73925;
}

.skin-yellow .main-header .navbar .dropdown-menu li a:hover,.skin-yellow-light .main-header .navbar .dropdown-menu li a:hover {
background:#e08e0b;
}

.skin-purple .main-header .navbar .dropdown-menu li a:hover,.skin-purple-light .main-header .navbar .dropdown-menu li a:hover {
background:#555299;
}
}

@media min-width768px{
.skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.skin-black-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.skin-green-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.skin-red-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.skin-yellow-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu,.skin-purple-light.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
border-left:1px solid #d2d6de;
}
}



.main-header .logo .logo-lg {background: url(../../img/logo.png) no-repeat; width:210px; height: 50px;text-indent: -9999px;}