Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1 
/* Cubic Bezier Transition */
2 
/***********
3 
    Page Header
4 
    ***********/
5 
/* Header search bar, toggler button & top menu */
6 
.page-header.navbar {
7 
  background-color: #747F8C;
8 
  /* Top notification menu/bar */
9 
  /* Header seaech box */
10 
  /* Toggler button for sidebar expand/collapse and responsive sidebar menu */ }
11 
  .page-header.navbar .top-menu .navbar-nav {
12 
    /* Extended Dropdowns */
13 
    /* Notification */
14 
    /* Inbox */
15 
    /* Tasks */
16 
    /* User */
17 
    /* Language */
18 
    /* Dark version */ }
19 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
20 
      color: #bbc1c8; }
21 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle .badge.badge-default {
22 
      background-color: #3FD5C0;
23 
      color: #ffffff; }
24 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover {
25 
      background-color: #9099a3; }
26 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle:hover > i {
27 
        color: #e5e7ea; }
28 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
29 
      background-color: #9099a3; }
30 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
31 
        color: #e5e7ea; }
32 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
33 
      border-color: #e7eaf0; }
34 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
35 
        border-bottom-color: #eaedf2; }
36 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
37 
        background: #eaedf2; }
38 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
39 
          color: #62878f; }
40 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
41 
          color: #337ab7; }
42 
          .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
43 
            color: #23527c;
44 
            text-decoration: none; }
45 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
46 
        border-bottom: 1px solid #EFF2F6 !important;
47 
        color: #888888; }
48 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
49 
          background: #f8f9fa; }
50 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
51 
      background: #f1f1f1; }
52 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
53 
      background: #e4e4e4; }
54 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
55 
      background-color: #3FD5C0;
56 
      color: #ffffff; }
57 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
58 
      border-color: transparent transparent transparent #3FD5C0; }
59 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
60 
      color: #5b9bd1; }
61 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
62 
      background-color: #dfe2e9; }
63 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
64 
      color: white; }
65 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
66 
      color: white; }
67 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
68 
      width: 195px; }
69 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
70 
      color: white; }
71 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
72 
      background: #727c89;
73 
      border: 0; }
74 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
75 
        border-bottom-color: #727c89; }
76 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
77 
        background: #68727e; }
78 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
79 
          color: #d6d9dd; }
80 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
81 
          color: #5496cf; }
82 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
83 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
84 
        color: #d6d9dd;
85 
        border-bottom: 1px solid #7a8491 !important; }
86 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
87 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
88 
          color: #babfc6; }
89 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
90 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
91 
          background: #77828e; }
92 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
93 
        border-bottom: 0 !important; }
94 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
95 
        background: #7a8491; }
96 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
97 
      background: #6d7784; }
98 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
99 
      background: #616b76; }
100 
  .page-header.navbar .search-form {
101 
    background: #6b7581; }
102 
    .page-header.navbar .search-form:hover {
103 
      background: #9099a3; }
104 
    .page-header.navbar .search-form .input-group .form-control {
105 
      color: #c4c9d0; }
106 
      .page-header.navbar .search-form .input-group .form-control::-moz-placeholder {
107 
        color: #c1c6ce;
108 
        opacity: 1; }
109 
      .page-header.navbar .search-form .input-group .form-control:-ms-input-placeholder {
110 
        color: #c1c6ce; }
111 
      .page-header.navbar .search-form .input-group .form-control::-webkit-input-placeholder {
112 
        color: #c1c6ce; }
113 
    .page-header.navbar .search-form .input-group .input-group-btn .btn.submit > i {
114 
      color: #c4c9d0; }
115 
    .page-header.navbar .search-form.open {
116 
      background: #9099a3; }
117 
  .page-header.navbar .menu-toggler > span,
118 
  .page-header.navbar .menu-toggler > span:before,
119 
  .page-header.navbar .menu-toggler > span:after {
120 
    background: white; }
121 
  .page-header.navbar .menu-toggler > span:hover {
122 
    background: white; }
123 
    .page-header.navbar .menu-toggler > span:hover:before, .page-header.navbar .menu-toggler > span:hover:after {
124 
      background: white; }
125 
  .page-header.navbar .menu-toggler.th-toggle-exit > span {
126 
    background-color: transparent !important; }
127 
 
128 
/* Default Horizontal Menu */
129 
.page-header.navbar {
130 
  /* Default Mega Menu */
131 
  /* Light Mega Menu */ }
132 
  .page-header.navbar .hor-menu .navbar-nav {
133 
    /* Mega menu content */
134 
    /* Classic menu */ }
135 
    .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
136 
      box-shadow: 5px 5px rgba(144, 153, 163, 0.2); }
137 
      .page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
138 
        color: white; }
139 
    .page-header.navbar .hor-menu .navbar-nav > li > a {
140 
      color: white; }
141 
      .page-header.navbar .hor-menu .navbar-nav > li > a > i {
142 
        color: #d6d9dd; }
143 
    .page-header.navbar .hor-menu .navbar-nav > li:hover > a,
144 
    .page-header.navbar .hor-menu .navbar-nav > li.open > a,
145 
    .page-header.navbar .hor-menu .navbar-nav > li > a:hover {
146 
      color: white;
147 
      background: #9099a3 !important; }
148 
      .page-header.navbar .hor-menu .navbar-nav > li:hover > a > i,
149 
      .page-header.navbar .hor-menu .navbar-nav > li.open > a > i,
150 
      .page-header.navbar .hor-menu .navbar-nav > li > a:hover > i {
151 
        color: #e4e6e8; }
152 
    .page-header.navbar .hor-menu .navbar-nav > li.active > a,
153 
    .page-header.navbar .hor-menu .navbar-nav > li.active > a, .page-header.navbar .hor-menu .navbar-nav > li.current > a,
154 
    .page-header.navbar .hor-menu .navbar-nav > li.current > a {
155 
      color: white;
156 
      background: #3FD5C0 !important; }
157 
      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i,
158 
      .page-header.navbar .hor-menu .navbar-nav > li.active > a > i, .page-header.navbar .hor-menu .navbar-nav > li.current > a > i,
159 
      .page-header.navbar .hor-menu .navbar-nav > li.current > a > i {
160 
        color: #d6d9dd; }
161 
    .page-header.navbar .hor-menu .navbar-nav > li.active .selected, .page-header.navbar .hor-menu .navbar-nav > li.current .selected {
162 
      border-top: 6px solid #3FD5C0; }
163 
    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu {
164 
      box-shadow: 5px 5px rgba(144, 153, 163, 0.2);
165 
      background: #9099a3; }
166 
      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a {
167 
        color: white; }
168 
        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
169 
          color: #fafafa; }
170 
      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
171 
        color: white;
172 
        background: #9ba3ac; }
173 
        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
174 
          color: white; }
175 
      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
176 
      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
177 
      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
178 
        color: white;
179 
        background: #9ba3ac; }
180 
        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
181 
        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
182 
        .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
183 
          color: white; }
184 
      .page-header.navbar .hor-menu .navbar-nav > li .dropdown-menu li.divider {
185 
        background-color: #9ea6af; }
186 
    .page-header.navbar .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
187 
      color: #fafafa; }
188 
  .page-header.navbar .hor-menu.hor-menu-light .navbar-nav {
189 
    /* Mega menu content */
190 
    /* Classic menu */ }
191 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
192 
      box-shadow: 5px 5px rgba(102, 102, 102, 0.1); }
193 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
194 
        color: #666; }
195 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a {
196 
      color: white; }
197 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a > i {
198 
        color: #d6d9dd; }
199 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a,
200 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
201 
      color: white;
202 
      background: #9099a3; }
203 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li:hover > a > i,
204 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
205 
        color: #e4e6e8; }
206 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a {
207 
      color: #333 !important;
208 
      background: white !important; }
209 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
210 
        color: #333 !important; }
211 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a,
212 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a,
213 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
214 
      color: white;
215 
      background: #3FD5C0; }
216 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
217 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
218 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
219 
        color: #d6d9dd; }
220 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
221 
      box-shadow: 5px 5px rgba(102, 102, 102, 0.1);
222 
      background: white; }
223 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
224 
        color: #000; }
225 
        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
226 
          color: #888; }
227 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
228 
        color: #000;
229 
        background: whitesmoke; }
230 
        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
231 
          color: #666; }
232 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
233 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
234 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
235 
        color: #000;
236 
        background: whitesmoke; }
237 
        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
238 
        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
239 
        .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
240 
          color: #666; }
241 
      .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
242 
        background-color: whitesmoke; }
243 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
244 
      border: 1px solid #f2f2f2; }
245 
    .page-header.navbar .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
246 
      border-top: 0; }
247 
 
248 
/* Page sidebar */
249 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover,
250 
.page-sidebar {
251 
  background-color: #FFFFFF;
252 
  /* Default sidebar */
253 
  /* light sidebar */
254 
  /* Sidebar search */ }
255 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
256 
  .page-sidebar .page-sidebar-menu {
257 
    /* 1st level links */
258 
    /* All links */ }
259 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
260 
    .page-sidebar .page-sidebar-menu > li > a {
261 
      border-top: 1px solid #F0F5F7;
262 
      color: #555555; }
263 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i,
264 
      .page-sidebar .page-sidebar-menu > li > a > i {
265 
        color: #a6adb6; }
266 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class^="icon-"],
267 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > i[class*="icon-"],
268 
      .page-sidebar .page-sidebar-menu > li > a > i[class^="icon-"],
269 
      .page-sidebar .page-sidebar-menu > li > a > i[class*="icon-"] {
270 
        color: #7c8793; }
271 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a > .arrow.open:before,
272 
      .page-sidebar .page-sidebar-menu > li > a > .arrow:before,
273 
      .page-sidebar .page-sidebar-menu > li > a > .arrow.open:before {
274 
        color: #a6adb6; }
275 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.heading > h3,
276 
    .page-sidebar .page-sidebar-menu > li.heading > h3 {
277 
      color: #1a1a1a; }
278 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a,
279 
    .page-sidebar .page-sidebar-menu > li:hover > a,
280 
    .page-sidebar .page-sidebar-menu > li.open > a {
281 
      background: #F1F1F1;
282 
      color: #555555; }
283 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > i,
284 
      .page-sidebar .page-sidebar-menu > li:hover > a > i,
285 
      .page-sidebar .page-sidebar-menu > li.open > a > i {
286 
        color: #aeaeae; }
287 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.open > a > .arrow.open:before,
288 
      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow:before,
289 
      .page-sidebar .page-sidebar-menu > li:hover > a > .arrow.open:before,
290 
      .page-sidebar .page-sidebar-menu > li.open > a > .arrow:before,
291 
      .page-sidebar .page-sidebar-menu > li.open > a > .arrow.open:before {
292 
        color: #aeaeae; }
293 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a,
294 
    .page-sidebar .page-sidebar-menu > li.active > a,
295 
    .page-sidebar .page-sidebar-menu > li.active.open > a {
296 
      background: #3FD5C0;
297 
      border-top-color: transparent;
298 
      color: #ffffff; }
299 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a:hover,
300 
      .page-sidebar .page-sidebar-menu > li.active > a:hover,
301 
      .page-sidebar .page-sidebar-menu > li.active.open > a:hover {
302 
        background: #3FD5C0; }
303 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > i,
304 
      .page-sidebar .page-sidebar-menu > li.active > a > i,
305 
      .page-sidebar .page-sidebar-menu > li.active.open > a > i {
306 
        color: #ffffff; }
307 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .arrow.open:before,
308 
      .page-sidebar .page-sidebar-menu > li.active > a > .arrow:before,
309 
      .page-sidebar .page-sidebar-menu > li.active > a > .arrow.open:before,
310 
      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow:before,
311 
      .page-sidebar .page-sidebar-menu > li.active.open > a > .arrow.open:before {
312 
        color: #ffffff; }
313 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active + li > a,
314 
    .page-sidebar .page-sidebar-menu > li.active + li > a {
315 
      border-top-color: transparent; }
316 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open + li > a,
317 
    .page-sidebar .page-sidebar-menu > li.active.open + li > a {
318 
      border-top-color: #F0F5F7; }
319 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li:last-child > a,
320 
    .page-sidebar .page-sidebar-menu > li:last-child > a {
321 
      border-bottom: 1px solid transparent !important; }
322 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > .arrow.open:before,
323 
    .page-sidebar .page-sidebar-menu li > a > .arrow:before,
324 
    .page-sidebar .page-sidebar-menu li > a > .arrow.open:before {
325 
      color: #a6adb6; }
326 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover > a > .arrow.open:before,
327 
    .page-sidebar .page-sidebar-menu li:hover > a > .arrow:before,
328 
    .page-sidebar .page-sidebar-menu li:hover > a > .arrow.open:before {
329 
      color: #aeaeae; }
330 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li.active > a > .arrow.open:before,
331 
    .page-sidebar .page-sidebar-menu li.active > a > .arrow:before,
332 
    .page-sidebar .page-sidebar-menu li.active > a > .arrow.open:before {
333 
      color: #ffffff; }
334 
    .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu:hover .sub-menu, .page-sidebar-closed
335 
    .page-sidebar .page-sidebar-menu:hover .sub-menu {
336 
      background-color: #FFFFFF; }
337 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a,
338 
    .page-sidebar .page-sidebar-menu .sub-menu > li > a {
339 
      color: #555555; }
340 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i,
341 
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i {
342 
        color: #a6adb6; }
343 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
344 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"],
345 
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class^="icon-"],
346 
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > i[class*="icon-"] {
347 
        color: #7c8793; }
348 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li > a > .arrow.open:before,
349 
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow:before,
350 
      .page-sidebar .page-sidebar-menu .sub-menu > li > a > .arrow.open:before {
351 
        color: #a6adb6; }
352 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a,
353 
    .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a,
354 
    .page-sidebar .page-sidebar-menu .sub-menu > li.open > a,
355 
    .page-sidebar .page-sidebar-menu .sub-menu > li.active > a {
356 
      background: #F1F1F1 !important; }
357 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > i,
358 
      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > i,
359 
      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > i,
360 
      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > i {
361 
        color: #aeaeae;
362 
        color: #7c8793; }
363 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before,
364 
      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow:before,
365 
      .page-sidebar .page-sidebar-menu .sub-menu > li:hover > a > .arrow.open:before,
366 
      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow:before,
367 
      .page-sidebar .page-sidebar-menu .sub-menu > li.open > a > .arrow.open:before,
368 
      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow:before,
369 
      .page-sidebar .page-sidebar-menu .sub-menu > li.active > a > .arrow.open:before {
370 
        color: #aeaeae; }
371 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light,
372 
  .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
373 
    /* 1st level links */ }
374 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.open > a,
375 
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a,
376 
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
377 
      background: whitesmoke; }
378 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a,
379 
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a,
380 
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
381 
      background: #ededed;
382 
      border-left: 4px solid #3FD5C0;
383 
      color: #666666; }
384 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover,
385 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover,
386 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
387 
        border-left: 4px solid #3FD5C0;
388 
        background: whitesmoke; }
389 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i,
390 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > i,
391 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > i {
392 
        color: #999999; }
393 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before,
394 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow:before,
395 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a > .arrow.open:before,
396 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow:before,
397 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a > .arrow.open:before {
398 
        color: #999999; }
399 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu,
400 
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
401 
      background: white; }
402 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a,
403 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a,
404 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a,
405 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
406 
        background: #ededed !important; }
407 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler,
408 
  .page-sidebar .sidebar-toggler {
409 
    background: #7c8793; }
410 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span,
411 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:before,
412 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:after,
413 
    .page-sidebar .sidebar-toggler > span,
414 
    .page-sidebar .sidebar-toggler > span:before,
415 
    .page-sidebar .sidebar-toggler > span:after {
416 
      background: white; }
417 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover,
418 
    .page-sidebar .sidebar-toggler > span:hover {
419 
      background: white; }
420 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:before, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler > span:hover:after,
421 
      .page-sidebar .sidebar-toggler > span:hover:before,
422 
      .page-sidebar .sidebar-toggler > span:hover:after {
423 
        background: white; }
424 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler.th-toggle-exit > span,
425 
    .page-sidebar .sidebar-toggler.th-toggle-exit > span {
426 
      background-color: transparent !important; }
427 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-toggler:hover,
428 
    .page-sidebar .sidebar-toggler:hover {
429 
      background: #6f7a87; }
430 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group,
431 
  .page-sidebar .sidebar-search .input-group {
432 
    border-bottom: 1px solid #e6eef2; }
433 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control,
434 
    .page-sidebar .sidebar-search .input-group .form-control {
435 
      background-color: #FFFFFF;
436 
      color: #B5C0C9; }
437 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-moz-placeholder,
438 
      .page-sidebar .sidebar-search .input-group .form-control::-moz-placeholder {
439 
        color: #bec8cf;
440 
        opacity: 1; }
441 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control:-ms-input-placeholder,
442 
      .page-sidebar .sidebar-search .input-group .form-control:-ms-input-placeholder {
443 
        color: #bec8cf; }
444 
      .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .form-control::-webkit-input-placeholder,
445 
      .page-sidebar .sidebar-search .input-group .form-control::-webkit-input-placeholder {
446 
        color: #bec8cf; }
447 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search .input-group .input-group-btn .btn > i,
448 
    .page-sidebar .sidebar-search .input-group .input-group-btn .btn > i {
449 
      color: #B5C0C9; }
450 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-bordered .input-group,
451 
  .page-sidebar .sidebar-search.sidebar-search-bordered .input-group {
452 
    border: 1px solid #e6eef2; }
453 
  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .input-group, .page-sidebar-closed
454 
  .page-sidebar .sidebar-search.open .input-group {
455 
    background-color: #FFFFFF; }
456 
  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.open .remove > i, .page-sidebar-closed
457 
  .page-sidebar .sidebar-search.open .remove > i {
458 
    color: #B5C0C9; }
459 
  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group, .page-sidebar-closed
460 
  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
461 
    background: none; }
462 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group,
463 
  .page-sidebar .sidebar-search.sidebar-search-solid .input-group {
464 
    border: 1px solid #f7f7f7;
465 
    background: #f7f7f7; }
466 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid .input-group .form-control,
467 
    .page-sidebar .sidebar-search.sidebar-search-solid .input-group .form-control {
468 
      background: #f7f7f7; }
469 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group,
470 
  .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group {
471 
    border: 1px solid #FFFFFF;
472 
    background: #FFFFFF; }
473 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .sidebar-search.sidebar-search-solid.open .input-group .form-control,
474 
    .page-sidebar .sidebar-search.sidebar-search-solid.open .input-group .form-control {
475 
      background: #FFFFFF; }
476 
 
477 
.page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light {
478 
  /* 1st level links */ }
479 
  .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
480 
    border-left: 0;
481 
    border-right: 4px solid #3FD5C0; }
482 
    .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar-reversed .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
483 
      border-left: 0;
484 
      border-right: 4px solid #3FD5C0; }
485 
 
486 
/******
487 
    Page Footer
488 
    ******/
489 
.page-footer .page-footer-inner {
490 
  color: #333333; }
491 
 
492 
.page-footer-fixed .page-footer {
493 
  background-color: #e4e6e8; }
494 
 
495 
@media (min-width: 992px) {
496 
  /* 992px */
497 
  /* Sidebar menu closed */
498 
  .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu {
499 
    box-shadow: 5px 5px rgba(241, 241, 241, 0.2); }
500 
    .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-hover-submenu > li:hover > .sub-menu.sidebar-search-wrapper {
501 
      box-shadow: none; }
502 
  .page-sidebar-menu.page-sidebar-menu-closed > li:hover {
503 
    box-shadow: 5px 5px rgba(241, 241, 241, 0.2); }
504 
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover.sidebar-search-wrapper {
505 
      box-shadow: none; }
506 
    .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu {
507 
      box-shadow: 5px 5px rgba(241, 241, 241, 0.2); }
508 
      .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-toggler-wrapper, .page-sidebar-menu.page-sidebar-menu-closed > li:hover > .sub-menu.sidebar-search-wrapper {
509 
        box-shadow: none; }
510 
  /* Light sidebar menu */
511 
  .page-sidebar-menu.page-sidebar-menu-light.page-sidebar-menu-closed > li.heading {
512 
    padding: 0;
513 
    margin-top: 15px;
514 
    margin-bottom: 15px;
515 
    border-top: 1px solid #F0F5F7 !important; }
516 
  /* Fixed Sidebar */
517 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-content {
518 
    border-bottom: 0; }
519 
  .page-sidebar-fixed:not(.page-footer-fixed) .page-footer {
520 
    background-color: #fff; }
521 
    .page-sidebar-fixed:not(.page-footer-fixed) .page-footer .page-footer-inner {
522 
      color: #333; }
523 
  /* Boxed Layout */
524 
  .page-boxed {
525 
    background-color: #f7f7f7 !important;
526 
    /* Page container */
527 
    /* Page sidebar */
528 
    /* Page footer */ }
529 
    .page-boxed .page-container {
530 
      background-color: #FFFFFF;
531 
      border-left: 1px solid #F0F5F7;
532 
      border-bottom: 1px solid #F0F5F7; }
533 
    .page-boxed.page-sidebar-reversed .page-container {
534 
      border-left: 0;
535 
      border-right: 1px solid #F0F5F7; }
536 
    .page-boxed.page-sidebar-fixed .page-container {
537 
      border-left: 0;
538 
      border-bottom: 0; }
539 
    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-container {
540 
      border-left: 0;
541 
      border-right: 0;
542 
      border-bottom: 0; }
543 
    .page-boxed.page-sidebar-fixed .page-sidebar {
544 
      border-left: 1px solid #F0F5F7; }
545 
    .page-boxed.page-sidebar-reversed.page-sidebar-fixed .page-sidebar {
546 
      border-right: 1px solid #F0F5F7;
547 
      border-left: 0; }
548 
    .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer {
549 
      background-color: #f7f7f7 !important; }
550 
      .page-boxed.page-sidebar-fixed.page-footer-fixed .page-footer .page-footer-inner {
551 
        color: #333333; }
552 
  /* Sidebar Menu Wirh Hoverable Submenu */
553 
  .page-sidebar-menu-hover-submenu li:hover a > .arrow {
554 
    border-right: 8px solid #e9e9e9; }
555 
    .page-sidebar-reversed .page-sidebar-menu-hover-submenu li:hover a > .arrow {
556 
      border-left: 8px solid #e9e9e9; }
557 
  .page-sidebar-menu-hover-submenu li:hover > .sub-menu {
558 
    background: #e9e9e9 !important; } }
559 
 
560 
@media (max-width: 991px) {
561 
  /* 991px */
562 
  /* Page sidebar */
563 
  .page-sidebar {
564 
    background-color: #fcfcfc;
565 
    /* light sidebar */ }
566 
    .page-sidebar .page-sidebar-menu > li > a {
567 
      border-top: 1px solid #FFFFFF; }
568 
    .page-sidebar .page-sidebar-menu > li:hover > a, .page-sidebar .page-sidebar-menu > li.open > a {
569 
      background: #d9d9d9; }
570 
    .page-sidebar .page-sidebar-menu > li:last-child > a {
571 
      border-bottom: 0 !important; }
572 
    .page-sidebar .page-sidebar-menu > li .sub-menu {
573 
      background-color: #fcfcfc !important; }
574 
    .page-sidebar .page-sidebar-menu .sidebar-search input {
575 
      background-color: #fcfcfc !important; }
576 
    .page-sidebar .page-sidebar-menu.page-sidebar-menu-light {
577 
      /* 1st level links */ }
578 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.open > a {
579 
        background: white; }
580 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a {
581 
        background: white; }
582 
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active > a:hover, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li.active.open > a:hover {
583 
          background: white; }
584 
      .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu {
585 
        background: #fcfcfc !important; }
586 
        .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li:hover > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.open > a, .page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li .sub-menu > li.active > a {
587 
          background: white !important; } }
588 
 
589 
@media (max-width: 480px) {
590 
  /* 480px */
591 
  .page-header.navbar {
592 
    /* Top menu */ }
593 
    .page-header.navbar .top-menu {
594 
      background-color: #FFFFFF; }
595 
      .page-header-fixed-mobile .page-header.navbar .top-menu {
596 
        background-color: #747F8C; }
597 
      .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
598 
        background-color: #939ba5; }
599 
        .page-header-fixed-mobile .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
600 
          background: none; }
601 
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
602 
          background-color: #9099a3; } }
603 
 
604 
/****
605 
    Boby
606 
    ****/
607 
body {
608 
  background-color: #FFFFFF; }
609 
 
610 
/****
611 
 CSS3 Spinner Bar
612 
****/
613 
.page-spinner-bar > div,
614 
.block-spinner-bar > div {
615 
  background: #54dac7; }
616 
 
617 
/* Page sidebar */
618 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu,
619 
.page-sidebar .page-sidebar-menu {
620 
  /* Adjust "selected" arrow */
621 
  /* Change sidebar link font weight */
622 
  /* Sidebar search */ }
623 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected,
624 
  .page-sidebar .page-sidebar-menu > li.active.open > a > .selected,
625 
  .page-sidebar .page-sidebar-menu > li.active > a > .selected {
626 
    top: 0px;
627 
    right: -8px;
628 
    border-top: 20px double transparent;
629 
    border-bottom: 20px double transparent;
630 
    border-right: 0;
631 
    border-left: 8px solid #3FD5C0; }
632 
    .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-sidebar-reversed
633 
    .page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-sidebar-reversed
634 
    .page-sidebar .page-sidebar-menu > li.active > a > .selected {
635 
      right: auto;
636 
      left: -8px;
637 
      border-left: 0;
638 
      border-right: 8px solid #3FD5C0; }
639 
    .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid
640 
    .page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid
641 
    .page-sidebar .page-sidebar-menu > li.active > a > .selected {
642 
      border-color: transparent transparent transparent #3FD5C0; }
643 
    .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li.active > a > .selected, .page-container-bg-solid.page-sidebar-reversed
644 
    .page-sidebar .page-sidebar-menu > li.active.open > a > .selected, .page-container-bg-solid.page-sidebar-reversed
645 
    .page-sidebar .page-sidebar-menu > li.active > a > .selected {
646 
      border-color: transparent #3FD5C0 transparent transparent; }
647 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a,
648 
  .page-sidebar .page-sidebar-menu li > a {
649 
    font-weight: 400; }
650 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li > a > i,
651 
    .page-sidebar .page-sidebar-menu li > a > i {
652 
      font-weight: 300; }
653 
  .page-sidebar-closed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li:hover .sub-menu, .page-sidebar-closed
654 
  .page-sidebar .page-sidebar-menu li:hover .sub-menu {
655 
    background-color: #F9F9F9; }
656 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a,
657 
  .page-sidebar .page-sidebar-menu li .sub-menu li > a {
658 
    font-weight: normal; }
659 
    .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu li .sub-menu li > a > i,
660 
    .page-sidebar .page-sidebar-menu li .sub-menu li > a > i {
661 
      font-weight: 300; }
662 
  .page-sidebar-closed:not(.page-sidebar-reversed) .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group, .page-sidebar-closed:not(.page-sidebar-reversed)
663 
  .page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
664 
    margin-left: 16px;
665 
    border: 1px solid #F0F0F0;
666 
    border-left-color: transparent; }
667 
  .page-sidebar-closed.page-sidebar-reversed .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sidebar-search.open .input-group, .page-sidebar-closed.page-sidebar-reversed
668 
  .page-sidebar .page-sidebar-menu .sidebar-search.open .input-group {
669 
    margin-left: -228px !important;
670 
    border: 1px solid #F0F0F0;
671 
    border-right-color: transparent; }
672 
 
673 
.page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu.page-sidebar-menu-light > li > a .selected,
674 
.page-sidebar .page-sidebar-menu.page-sidebar-menu-light > li > a .selected {
675 
  display: none; }
676 
 
677 
.page-content {
678 
  border-left: 1px solid #F0F5F7;
679 
  border-bottom: 1px solid #F0F5F7; }
680 
  .page-sidebar-reversed .page-content {
681 
    border-right: 1px solid #F0F5F7; }
682 
 
683 
@media (max-width: 991px) {
684 
  /* 991px */
685 
  .page-content {
686 
    border-left: 0;
687 
    border-bottom: 0; }
688 
    .page-sidebar-reversed .page-content {
689 
      border-right: 0; }
690 
  .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu > li > a,
691 
  .page-sidebar .page-sidebar-menu > li > a {
692 
    border-top: 1px solid #F0F5F7; } }
693 
 
694 
@media (max-width: 480px) {
695 
  /* 480px */
696 
  body {
697 
    background: #98a0aa; }
698 
  .page-header.navbar .top-menu {
699 
    background-color: #98a0aa; }
700 
    .page-header-fixed-mobile .page-header.navbar .top-menu {
701 
      background-color: #747F8C; }
702 
    .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle > i {
703 
      color: #dde0e3; } }