5 .skin-blue-light .main-header .navbar {
6 background-color: #3c8dbc;
8 .skin-blue-light .main-header .navbar .nav > li > a {
11 .skin-blue-light .main-header .navbar .nav > li > a:hover,
12 .skin-blue-light .main-header .navbar .nav > li > a:active,
13 .skin-blue-light .main-header .navbar .nav > li > a:focus,
14 .skin-blue-light .main-header .navbar .nav .open > a,
15 .skin-blue-light .main-header .navbar .nav .open > a:hover,
16 .skin-blue-light .main-header .navbar .nav .open > a:focus,
17 .skin-blue-light .main-header .navbar .nav > .active > a {
18 background: rgba(0, 0, 0, 0.1);
21 .skin-blue-light .main-header .navbar .sidebar-toggle {
24 .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
26 background: rgba(0, 0, 0, 0.1);
28 .skin-blue-light .main-header .navbar .sidebar-toggle {
31 .skin-blue-light .main-header .navbar .sidebar-toggle:hover {
32 background-color: #367fa9;
34 @media (max-width: 767px) {
35 .skin-blue-light .main-header .navbar .dropdown-menu li.divider {
36 background-color: rgba(255, 255, 255, 0.1);
38 .skin-blue-light .main-header .navbar .dropdown-menu li a {
41 .skin-blue-light .main-header .navbar .dropdown-menu li a:hover {
45 .skin-blue-light .main-header .logo {
46 background-color: #3c8dbc;
48 border-bottom: 0 solid transparent;
50 .skin-blue-light .main-header .logo:hover {
51 background-color: #3b8ab8;
53 .skin-blue-light .main-header li.user-header {
54 background-color: #3c8dbc;
56 .skin-blue-light .content-header {
57 background: transparent;
59 .skin-blue-light .wrapper,
60 .skin-blue-light .main-sidebar,
61 .skin-blue-light .left-side {
62 background-color: #f9fafc;
64 .skin-blue-light .content-wrapper,
65 .skin-blue-light .main-footer {
66 border-left: 1px solid #d2d6de;
68 .skin-blue-light .user-panel > .info,
69 .skin-blue-light .user-panel > .info > a {
72 .skin-blue-light .sidebar-menu > li {
73 -webkit-transition: border-left-color 0.3s ease;
74 -o-transition: border-left-color 0.3s ease;
75 transition: border-left-color 0.3s ease;
77 .skin-blue-light .sidebar-menu > li.header {
81 .skin-blue-light .sidebar-menu > li > a {
82 border-left: 3px solid transparent;
85 .skin-blue-light .sidebar-menu > li:hover > a,
86 .skin-blue-light .sidebar-menu > li.active > a {
90 .skin-blue-light .sidebar-menu > li.active {
91 border-left-color: #3c8dbc;
93 .skin-blue-light .sidebar-menu > li.active > a {
96 .skin-blue-light .sidebar-menu > li > .treeview-menu {
99 .skin-blue-light .sidebar a {
102 .skin-blue-light .sidebar a:hover {
103 text-decoration: none;
105 .skin-blue-light .treeview-menu > li > a {
108 .skin-blue-light .treeview-menu > li.active > a,
109 .skin-blue-light .treeview-menu > li > a:hover {
112 .skin-blue-light .treeview-menu > li.active > a {
115 .skin-blue-light .sidebar-form {
117 border: 1px solid #d2d6de;
120 .skin-blue-light .sidebar-form input[type="text"],
121 .skin-blue-light .sidebar-form .btn {
123 background-color: #fff;
124 border: 1px solid transparent;
127 .skin-blue-light .sidebar-form input[type="text"] {
129 border-top-left-radius: 2px;
130 border-top-right-radius: 0;
131 border-bottom-right-radius: 0;
132 border-bottom-left-radius: 2px;
134 .skin-blue-light .sidebar-form input[type="text"]:focus,
135 .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
136 background-color: #fff;
139 .skin-blue-light .sidebar-form input[type="text"]:focus + .input-group-btn .btn {
140 border-left-color: #fff;
142 .skin-blue-light .sidebar-form .btn {
144 border-top-left-radius: 0;
145 border-top-right-radius: 2px;
146 border-bottom-right-radius: 2px;
147 border-bottom-left-radius: 0;
149 @media (min-width: 768px) {
150 .skin-blue-light.sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu {
151 border-left: 1px solid #d2d6de;
154 .skin-blue-light .main-footer {
155 border-top-color: #d2d6de;
157 .skin-blue.layout-top-nav .main-header > .logo {
158 background-color: #3c8dbc;
160 border-bottom: 0 solid transparent;
162 .skin-blue.layout-top-nav .main-header > .logo:hover {
163 background-color: #3b8ab8;