yellow-crusta.css 28 KB

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