default.css 25 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607
  1. /****
  2. Boby
  3. ****/
  4. body {
  5. background-color: white;
  6. }
  7. /******
  8. General
  9. ******/
  10. /* Theme Font Color */
  11. .theme-font {
  12. color: #5c9bd1 !important;
  13. }
  14. /* Pace - Page Progress */
  15. .pace .pace-progress {
  16. background: #4db3a4;
  17. }
  18. /* Theme Light Portlet */
  19. .portlet.light .btn.btn-circle.btn-icon-only.btn-default {
  20. border-color: #bbc2ce;
  21. }
  22. .portlet.light .btn.btn-circle.btn-icon-only.btn-default > i {
  23. font-size: 13px;
  24. color: #a6b0bf;
  25. }
  26. .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active {
  27. color: #fff;
  28. background: #4db3a4;
  29. border-color: #4db3a4;
  30. }
  31. .portlet.light .btn.btn-circle.btn-icon-only.btn-default:hover > i, .portlet.light .btn.btn-circle.btn-icon-only.btn-default.active > i {
  32. color: #fff;
  33. }
  34. /******
  35. Page Header
  36. ******/
  37. .page-header {
  38. background-color: white;
  39. /* Page Header Top */
  40. /* Page Header Menu */
  41. }
  42. .page-header .page-header-top {
  43. /* Top menu */
  44. }
  45. .page-header .page-header-top.fixed {
  46. background: white !important;
  47. box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.2);
  48. }
  49. .page-header .page-header-top .top-menu .navbar-nav {
  50. /* Top Links */
  51. /* Separator */
  52. /* Extended Dropdowns */
  53. /* Notification */
  54. /* Inbox */
  55. /* Tasks */
  56. /* User */
  57. /* Language */
  58. /* Dark version */
  59. }
  60. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown .separator {
  61. border-left: 1px solid #e3e8ec;
  62. }
  63. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
  64. color: #c1ccd1;
  65. }
  66. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
  67. background-color: white;
  68. }
  69. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover > i {
  70. color: #a4b4bb;
  71. }
  72. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle .badge.badge-default {
  73. background-color: #f36a5a;
  74. color: white;
  75. }
  76. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle {
  77. background-color: white;
  78. }
  79. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle > i {
  80. color: #a4b4bb;
  81. }
  82. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
  83. border-left: 1px solid #e3e8ec;
  84. }
  85. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu:after {
  86. border-bottom-color: #f7f8fa;
  87. }
  88. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external {
  89. background: #f7f8fa;
  90. }
  91. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > h3 {
  92. color: #6f949c;
  93. }
  94. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a {
  95. color: #5b9bd1;
  96. }
  97. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu > li.external > a:hover {
  98. color: #3175af;
  99. text-decoration: none;
  100. }
  101. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a {
  102. border-bottom: 1px solid #eff2f6 !important;
  103. color: #222222;
  104. }
  105. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu .dropdown-menu-list > li > a:hover {
  106. background: #f8f9fa;
  107. }
  108. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a .time {
  109. background: #f1f1f1;
  110. }
  111. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  112. background: #e4e4e4;
  113. }
  114. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .circle {
  115. background-color: #4db3a4;
  116. color: white;
  117. }
  118. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox > .dropdown-toggle > .corner {
  119. border-color: transparent transparent transparent #4db3a4;
  120. }
  121. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-inbox .dropdown-menu .dropdown-menu-list .subject .from {
  122. color: #5b9bd1;
  123. }
  124. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-tasks .dropdown-menu .dropdown-menu-list .progress {
  125. background-color: #dfe2e9;
  126. }
  127. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username {
  128. color: #8ea3b6;
  129. }
  130. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
  131. color: #8ea3b6;
  132. }
  133. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
  134. width: 195px;
  135. }
  136. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username,
  137. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > i, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > .username,
  138. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-toggle > i {
  139. color: #7089a2;
  140. }
  141. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language > .dropdown-toggle > .langname {
  142. color: #8ea3b6;
  143. }
  144. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language:hover > .dropdown-toggle > .langname, .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-language.open > .dropdown-toggle > .langname {
  145. color: #7089a2;
  146. }
  147. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
  148. background: #2e343b;
  149. border: 0;
  150. }
  151. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
  152. border-bottom-color: #2e343b;
  153. }
  154. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
  155. background: #272c33;
  156. }
  157. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > h3 {
  158. color: #a2abb7;
  159. }
  160. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external > a:hover {
  161. color: #87b6dd;
  162. }
  163. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a,
  164. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a {
  165. color: #aaafb7;
  166. border-bottom: 1px solid #3b434c !important;
  167. }
  168. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a > i,
  169. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a > i {
  170. color: #6fa7d7;
  171. }
  172. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover,
  173. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover {
  174. background: #373e47;
  175. }
  176. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
  177. border-bottom: 0 !important;
  178. }
  179. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li.divider {
  180. background: #3b434c;
  181. }
  182. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a .time {
  183. background: #23272d;
  184. }
  185. .page-header .page-header-top .top-menu .navbar-nav > li.dropdown-notification.dropdown-dark .dropdown-menu .dropdown-menu-list > li > a:hover .time {
  186. background: #181b1e;
  187. }
  188. .page-header .page-header-menu {
  189. background: #444d58;
  190. /* Default Mega Menu */
  191. /* Light Mega Menu */
  192. /* Header seaech box */
  193. }
  194. .page-header .page-header-menu.fixed {
  195. box-shadow: 0px 1px 10px 0px rgba(68, 77, 88, 0.2);
  196. }
  197. .page-header .page-header-menu .hor-menu .navbar-nav {
  198. /* Mega menu content */
  199. /* Classic menu */
  200. }
  201. .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  202. box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
  203. }
  204. .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  205. color: #ced5de;
  206. }
  207. .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
  208. color: #bcc2cb;
  209. }
  210. .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
  211. color: #bcc2cb;
  212. }
  213. .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
  214. .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
  215. color: white;
  216. background: #55616f !important;
  217. }
  218. .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
  219. .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover > i {
  220. color: white;
  221. }
  222. .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
  223. .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
  224. .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
  225. color: #f1f1f1;
  226. background: #4e5966;
  227. }
  228. .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
  229. .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
  230. .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
  231. color: #bcc2cb;
  232. }
  233. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
  234. box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
  235. background: #55616f;
  236. }
  237. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
  238. color: #ced5de;
  239. }
  240. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
  241. color: #6fa7d7;
  242. }
  243. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
  244. color: #ced5de;
  245. background: #5d6b7a;
  246. }
  247. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
  248. color: #6fa7d7;
  249. }
  250. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
  251. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
  252. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
  253. color: #ced5de;
  254. background: #5d6b7a;
  255. }
  256. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
  257. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
  258. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  259. color: #6fa7d7;
  260. }
  261. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
  262. background-color: #606d7d;
  263. }
  264. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-submenu > a:after {
  265. color: #6fa7d7;
  266. }
  267. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav {
  268. /* Mega menu content */
  269. /* Classic menu */
  270. }
  271. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  272. box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
  273. }
  274. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  275. color: #555555;
  276. }
  277. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a {
  278. color: #bcc2cb;
  279. }
  280. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a > i {
  281. color: #bcc2cb;
  282. }
  283. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover {
  284. color: white;
  285. background: #55616f;
  286. }
  287. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > a:hover > i {
  288. color: white;
  289. }
  290. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a {
  291. color: #333333 !important;
  292. background: #fafafc !important;
  293. }
  294. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.open > a > i {
  295. color: #333333 !important;
  296. }
  297. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a,
  298. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a,
  299. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover {
  300. color: #f1f1f1;
  301. background: #4e5966;
  302. }
  303. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a > i,
  304. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a > i,
  305. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li.current > a:hover > i {
  306. color: #bcc2cb;
  307. }
  308. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu {
  309. box-shadow: 5px 5px rgba(85, 97, 111, 0.2);
  310. background: #fafafc;
  311. }
  312. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a {
  313. color: black;
  314. }
  315. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li > a > i {
  316. color: #6fa7d7;
  317. }
  318. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a {
  319. color: black;
  320. background: #eaeaf2;
  321. }
  322. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li:hover > a > i {
  323. color: #6fa7d7;
  324. }
  325. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a,
  326. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a,
  327. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover {
  328. color: black;
  329. background: #eaeaf2;
  330. }
  331. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a > i,
  332. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a > i,
  333. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  334. color: #6fa7d7;
  335. }
  336. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li .dropdown-menu li.divider {
  337. background-color: #ededf4;
  338. }
  339. .page-header .page-header-menu .hor-menu.hor-menu-light .navbar-nav > li > .dropdown-menu {
  340. border: 1px solid #eaeaf2;
  341. border-top: 0;
  342. }
  343. .page-header .page-header-menu .search-form {
  344. background: #38414c;
  345. }
  346. .page-header .page-header-menu .search-form .input-group {
  347. background: #38414c;
  348. }
  349. .page-header .page-header-menu .search-form .input-group .form-control {
  350. color: #616d7d;
  351. background: #38414c;
  352. }
  353. .page-header .page-header-menu .search-form .input-group .form-control::-moz-placeholder {
  354. color: #5f6a7a;
  355. opacity: 1;
  356. }
  357. .page-header .page-header-menu .search-form .input-group .form-control:-ms-input-placeholder {
  358. color: #5f6a7a;
  359. }
  360. .page-header .page-header-menu .search-form .input-group .form-control::-webkit-input-placeholder {
  361. color: #5f6a7a;
  362. }
  363. .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i {
  364. color: #616d7d;
  365. }
  366. /******
  367. Page Footer
  368. ******/
  369. .page-prefooter {
  370. background: #48525e;
  371. color: #a2abb7;
  372. }
  373. .page-prefooter h2 {
  374. color: #4db3a4;
  375. }
  376. .page-prefooter .subscribe-form .form-control {
  377. background: #343b44;
  378. border-color: #343b44;
  379. color: #a2abb7;
  380. }
  381. .page-prefooter .subscribe-form .form-control::-moz-placeholder {
  382. color: #939eac;
  383. opacity: 1;
  384. }
  385. .page-prefooter .subscribe-form .form-control:-ms-input-placeholder {
  386. color: #939eac;
  387. }
  388. .page-prefooter .subscribe-form .form-control::-webkit-input-placeholder {
  389. color: #939eac;
  390. }
  391. .page-prefooter .subscribe-form .btn {
  392. color: white;
  393. background-color: #58b8a9;
  394. }
  395. .page-prefooter .subscribe-form .btn:hover, .page-prefooter .subscribe-form .btn:focus, .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
  396. color: white;
  397. background-color: #46a597;
  398. }
  399. .open .page-prefooter .subscribe-form .btn.dropdown-toggle {
  400. color: white;
  401. background-color: #46a597;
  402. }
  403. .page-prefooter .subscribe-form .btn:active, .page-prefooter .subscribe-form .btn.active {
  404. background-image: none;
  405. background-color: #3f9387;
  406. }
  407. .page-prefooter .subscribe-form .btn:active:hover, .page-prefooter .subscribe-form .btn.active:hover {
  408. background-color: #429a8d;
  409. }
  410. .open .page-prefooter .subscribe-form .btn.dropdown-toggle {
  411. background-image: none;
  412. }
  413. .page-prefooter .subscribe-form .btn.disabled, .page-prefooter .subscribe-form .btn.disabled:hover, .page-prefooter .subscribe-form .btn.disabled:focus, .page-prefooter .subscribe-form .btn.disabled:active, .page-prefooter .subscribe-form .btn.disabled.active, .page-prefooter .subscribe-form .btn[disabled], .page-prefooter .subscribe-form .btn[disabled]:hover, .page-prefooter .subscribe-form .btn[disabled]:focus, .page-prefooter .subscribe-form .btn[disabled]:active, .page-prefooter .subscribe-form .btn[disabled].active, fieldset[disabled] .page-prefooter .subscribe-form .btn, fieldset[disabled] .page-prefooter .subscribe-form .btn:hover, fieldset[disabled] .page-prefooter .subscribe-form .btn:focus, fieldset[disabled] .page-prefooter .subscribe-form .btn:active, fieldset[disabled] .page-prefooter .subscribe-form .btn.active {
  414. background-color: #58b8a9;
  415. }
  416. .page-prefooter .subscribe-form .btn .badge {
  417. color: #58b8a9;
  418. background-color: white;
  419. }
  420. .page-footer {
  421. background: #3b434c;
  422. color: #a2abb7;
  423. }
  424. /* Scroll Top */
  425. .scroll-to-top > i {
  426. color: #657383;
  427. font-size: 32px;
  428. opacity: 0.7;
  429. filter: alpha(opacity=70);
  430. }
  431. @media (min-width: 992px) {
  432. /* 992px */
  433. .page-header {
  434. /* Page Header Menu */
  435. }
  436. .page-header .page-header-menu.fixed {
  437. width: 100%;
  438. position: fixed;
  439. top: 0;
  440. left: 0;
  441. z-index: 9995;
  442. }
  443. }
  444. @media (max-width: 991px) {
  445. /* 991px */
  446. .page-header .page-header-menu {
  447. background: #eff3f8;
  448. /* Horizontal mega menu */
  449. }
  450. .page-header .page-header-menu .hor-menu .navbar-nav {
  451. background: #fff !important;
  452. /* Mega menu content */
  453. /* Classic menu */
  454. }
  455. .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu {
  456. box-shadow: none;
  457. }
  458. .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu {
  459. border-right: none !important;
  460. }
  461. .page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown > .dropdown-menu .mega-menu-content .mega-menu-submenu li > h3 {
  462. color: #72808a;
  463. }
  464. .page-header .page-header-menu .hor-menu .navbar-nav > li {
  465. border-bottom: 1px solid #F0F0F0;
  466. }
  467. .page-header .page-header-menu .hor-menu .navbar-nav > li:last-child {
  468. border-bottom: 0;
  469. }
  470. .page-header .page-header-menu .hor-menu .navbar-nav > li > a {
  471. background: none !important;
  472. color: #666666 !important;
  473. }
  474. .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i {
  475. color: #666666 !important;
  476. }
  477. .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a {
  478. background: none !important;
  479. color: #4db3a4 !important;
  480. }
  481. .page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a > i {
  482. color: #4db3a4 !important;
  483. }
  484. .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
  485. .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
  486. .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
  487. .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
  488. color: white !important;
  489. background: #4db3a4 !important;
  490. }
  491. .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a > i,
  492. .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a > i,
  493. .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a > i,
  494. .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover > i {
  495. color: white !important;
  496. }
  497. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
  498. border: 0 !important;
  499. border-top: 1px solid #eee;
  500. box-shadow: none !important;
  501. background: #fff !important;
  502. }
  503. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
  504. border-bottom: 1px solid #F0F0F0;
  505. }
  506. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:first-child {
  507. margin-top: 1px;
  508. }
  509. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
  510. color: #666666 !important;
  511. }
  512. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
  513. color: #666666 !important;
  514. }
  515. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
  516. background: none !important;
  517. color: #4db3a4 !important;
  518. }
  519. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
  520. color: #4db3a4 !important;
  521. }
  522. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a,
  523. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a,
  524. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a,
  525. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover {
  526. color: white !important;
  527. background: #4db3a4 !important;
  528. }
  529. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a > i,
  530. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.open > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a > i,
  531. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover > i, .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a > i,
  532. .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.current > a:hover > i {
  533. color: white !important;
  534. }
  535. .page-header .page-header-menu .hor-menu .navbar-nav > li.classic-menu-dropdown .dropdown-menu > li.dropdown-submenu.open > a:after {
  536. color: white !important;
  537. }
  538. .page-header .page-header-menu .hor-menu .nav {
  539. border: 0 !important;
  540. margin: 0 !important;
  541. }
  542. .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a,
  543. .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover {
  544. border: 0 !important;
  545. margin: 0 !important;
  546. color: #fff !important;
  547. background: #5fbbad !important;
  548. }
  549. .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a > i,
  550. .page-header .page-header-menu .hor-menu .nav .dropdown-submenu.open > a:hover > i {
  551. color: #fff !important;
  552. }
  553. .page-header .search-form {
  554. background: #fff !important;
  555. }
  556. .page-header .search-form .input-group {
  557. background: #fff !important;
  558. }
  559. .page-header .search-form .input-group .form-control {
  560. background: #fff !important;
  561. }
  562. .page-header .search-form .input-group .input-group-btn .btn.submit {
  563. background: #4db3a4;
  564. }
  565. .page-header .search-form .input-group .input-group-btn .btn.submit i {
  566. color: #fff !important;
  567. }
  568. .page-header .search-form .input-group .input-group-btn .btn.submit:hover, .page-header .search-form .input-group .input-group-btn .btn.submit:focus, .page-header .search-form .input-group .input-group-btn .btn.submit:active, .page-header .search-form .input-group .input-group-btn .btn.submit.active {
  569. background: #40978a;
  570. }
  571. }
  572. @media (max-width: 480px) {
  573. /* 480px */
  574. .page-header {
  575. /* Top menu */
  576. }
  577. .page-header .top-menu {
  578. background-color: white;
  579. }
  580. .page-header-fixed-mobile .page-header .top-menu {
  581. background-color: white;
  582. }
  583. .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  584. background-color: white;
  585. }
  586. .page-header-fixed-mobile .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
  587. background: none;
  588. }
  589. .page-header .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
  590. background-color: white;
  591. }
  592. }
  593. /****
  594. CSS3 Spinner Bar
  595. ****/
  596. .page-spinner-bar > div,
  597. .block-spinner-bar > div {
  598. background: #5fbbad;
  599. }