default.css 21 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912
  1. /* Base */
  2. a,
  3. .btn-link {
  4. color: #0088cc;
  5. }
  6. a:hover,
  7. a:focus,
  8. .btn-link:hover,
  9. .btn-link:focus {
  10. color: #0099e6;
  11. }
  12. a:active,
  13. .btn-link:active {
  14. color: #0077b3;
  15. }
  16. /* Sidebar Left */
  17. .sidebar-left .sidebar-header .sidebar-toggle:hover i {
  18. color: #0088cc;
  19. }
  20. @media only screen and (min-width: 768px) {
  21. html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover,
  22. html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover {
  23. color: #0088cc;
  24. }
  25. html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.label,
  26. html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.label {
  27. background-color: #0088cc;
  28. }
  29. }
  30. /* Layout Boxed - small than min-width */
  31. @media only screen and (max-width: 1199px) {
  32. html.boxed .header {
  33. border-top-color: #0088cc;
  34. }
  35. }
  36. /* Layout Boxed - larger or equal min width */
  37. @media only screen and (min-width: 1200px) {
  38. html.boxed .header {
  39. border-top-color: #0088cc;
  40. }
  41. html.boxed .sidebar-right {
  42. border-top-color: #0088cc;
  43. min-height: 0;
  44. }
  45. }
  46. /* Userbox - Open */
  47. .userbox.open .dropdown-menu a:hover {
  48. background: #0088cc;
  49. }
  50. /* Mailbox */
  51. .mailbox .mailbox-mail-list li.active {
  52. background: #0088cc;
  53. }
  54. .mailbox .mailbox-mail .mailbox-close-mail {
  55. color: #0088cc;
  56. }
  57. .mailbox .mailbox-mail .mailbox-close-mail:hover {
  58. color: #0099e6;
  59. }
  60. .mailbox .mailbox-mail .panel .panel-heading .panel-actions a:hover {
  61. color: #0088cc;
  62. }
  63. /* Media Gallery */
  64. .media-gallery ul.mg-tags > li a:hover {
  65. background-color: #0088cc;
  66. }
  67. .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom {
  68. background-color: #0088cc;
  69. }
  70. .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar {
  71. background-color: #0088cc;
  72. }
  73. .media-gallery .mg-files .thumbnail.thumbnail-selected {
  74. box-shadow: 0 0 8px -1px #0088cc;
  75. }
  76. /* Sign Screens - Wrappers */
  77. .body-sign .panel-sign .panel-title-sign .title {
  78. background-color: #0088cc;
  79. }
  80. .body-sign .panel-sign .panel-body {
  81. border-top-color: #0088cc;
  82. }
  83. /* Lock Screen */
  84. .body-locked .current-user .user-image {
  85. border-color: #0088cc;
  86. }
  87. /* Blockquote */
  88. blockquote.primary {
  89. border-color: #0088cc;
  90. }
  91. /* Nav Pills */
  92. .nav-pills-primary > li a:hover,
  93. .nav-pills-primary > li a:focus {
  94. color: #0088cc;
  95. background-color: #cceeff;
  96. }
  97. .nav-pills-primary > li.active > a,
  98. .nav-pills-primary > li.active > a:hover,
  99. .nav-pills-primary > li.active > a:active,
  100. .nav-pills-primary > li.active > a:focus {
  101. background-color: #0088cc;
  102. }
  103. /* Dropdown Menu */
  104. .dropdown-menu > .active > a,
  105. .dropdown-menu > .active > a:hover,
  106. .dropdown-menu > .active > a:focus {
  107. background-color: #0088cc;
  108. }
  109. .open > .dropdown-toggle.btn-primary {
  110. background: #0088cc;
  111. border-color: #0077b3;
  112. }
  113. body .btn-primary.dropdown-toggle {
  114. border-left-color: #00a3f5;
  115. }
  116. /* Buttons */
  117. body .btn-primary {
  118. color: #ffffff;
  119. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  120. background-color: #0088cc;
  121. border-color: #0088cc;
  122. }
  123. body .btn-primary:hover {
  124. border-color: #0099e6 !important;
  125. background-color: #0099e6;
  126. }
  127. body .btn-primary:active,
  128. body .btn-primary:focus {
  129. border-color: #0077b3 !important;
  130. background-color: #0077b3;
  131. }
  132. body .btn-primary[disabled] {
  133. border-color: #33bbff !important;
  134. background-color: #33bbff;
  135. }
  136. body .btn-success {
  137. color: #ffffff;
  138. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  139. background-color: #47a447;
  140. border-color: #47a447;
  141. }
  142. body .btn-success:hover {
  143. border-color: #51b451 !important;
  144. background-color: #51b451;
  145. }
  146. body .btn-success:active,
  147. body .btn-success:focus {
  148. border-color: #3f923f !important;
  149. background-color: #3f923f;
  150. }
  151. body .btn-success[disabled] {
  152. border-color: #86cb86 !important;
  153. background-color: #86cb86;
  154. }
  155. body .btn-warning {
  156. color: #ffffff;
  157. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  158. background-color: #ed9c28;
  159. border-color: #ed9c28;
  160. }
  161. body .btn-warning:hover {
  162. border-color: #efa740 !important;
  163. background-color: #efa740;
  164. }
  165. body .btn-warning:active,
  166. body .btn-warning:focus {
  167. border-color: #e89113 !important;
  168. background-color: #e89113;
  169. }
  170. body .btn-warning[disabled] {
  171. border-color: #f5c786 !important;
  172. background-color: #f5c786;
  173. }
  174. body .btn-danger {
  175. color: #ffffff;
  176. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  177. background-color: #d2322d;
  178. border-color: #d2322d;
  179. }
  180. body .btn-danger:hover {
  181. border-color: #d64742 !important;
  182. background-color: #d64742;
  183. }
  184. body .btn-danger:active,
  185. body .btn-danger:focus {
  186. border-color: #bd2d29 !important;
  187. background-color: #bd2d29;
  188. }
  189. body .btn-danger[disabled] {
  190. border-color: #e48481 !important;
  191. background-color: #e48481;
  192. }
  193. body .btn-info {
  194. color: #ffffff;
  195. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  196. background-color: #5bc0de;
  197. border-color: #5bc0de;
  198. }
  199. body .btn-info:hover {
  200. border-color: #70c8e2 !important;
  201. background-color: #70c8e2;
  202. }
  203. body .btn-info:active,
  204. body .btn-info:focus {
  205. border-color: #46b8da !important;
  206. background-color: #46b8da;
  207. }
  208. body .btn-info[disabled] {
  209. border-color: #b0e1ef !important;
  210. background-color: #b0e1ef;
  211. }
  212. body .btn-dark {
  213. color: #ffffff;
  214. text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  215. background-color: #171717;
  216. border-color: #171717;
  217. }
  218. body .btn-dark:hover {
  219. border-color: #242424 !important;
  220. background-color: #242424;
  221. }
  222. body .btn-dark:active,
  223. body .btn-dark:focus {
  224. border-color: #0a0a0a !important;
  225. background-color: #0a0a0a;
  226. }
  227. body .btn-dark[disabled] {
  228. border-color: #4a4a4a !important;
  229. background-color: #4a4a4a;
  230. }
  231. /* Switch*/
  232. .switch.switch-primary .ios-switch .on-background {
  233. background: #0088cc;
  234. }
  235. /* Label */
  236. .label-primary {
  237. background: #0088cc;
  238. }
  239. /* Text Primary */
  240. .text-primary {
  241. color: #0088cc !important;
  242. }
  243. /* BG Primary */
  244. .bg-primary {
  245. background: #0088cc;
  246. }
  247. /* Alternative Font Style */
  248. .alternative-font {
  249. color: #0088cc;
  250. }
  251. /* Hightlight */
  252. .highlight {
  253. background-color: #0088cc;
  254. }
  255. /* Drop Caps */
  256. p.drop-caps.colored:first-child:first-letter {
  257. color: #0088cc;
  258. }
  259. p.drop-caps.colored.secundary:first-child:first-letter {
  260. background-color: #0088cc;
  261. }
  262. /* Well */
  263. .well.primary {
  264. background: #0088cc;
  265. border-color: #006699;
  266. }
  267. /* Form */
  268. .form-control:focus {
  269. border-color: #33bbff;
  270. box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.3);
  271. }
  272. /* Header */
  273. .header .toggle-sidebar-left {
  274. background: #0088cc;
  275. }
  276. /* Page Header */
  277. .page-header h2 {
  278. border-bottom-color: #0088cc;
  279. }
  280. .page-header .sidebar-right-toggle:hover {
  281. color: #0088cc;
  282. }
  283. /* Navigation */
  284. ul.nav-main > li.nav-active > a {
  285. box-shadow: 2px 0 0 #0088cc inset;
  286. }
  287. ul.nav-main > li.nav-active > i {
  288. color: #0088cc;
  289. }
  290. ul.nav-main li .nav-children li.nav-active > a {
  291. color: #0088cc;
  292. }
  293. /* Nano Scroller Plugin */
  294. html.no-overflowscrolling .nano > .nano-pane > .nano-slider {
  295. background: #0088cc;
  296. }
  297. /* Nav Pills */
  298. .nav-pills > .active a,
  299. .nav-pills > .active a:hover,
  300. .nav-pills > .active a:focus {
  301. background-color: #0088cc;
  302. }
  303. /* Pagination */
  304. .pagination > li a {
  305. color: #0088cc;
  306. }
  307. .pagination > li a:hover,
  308. .pagination > li a:focus {
  309. color: #0099e6;
  310. }
  311. .pagination > li.active a,
  312. .pagination > li.active span,
  313. .pagination > li.active a:hover,
  314. .pagination > li.active span:hover,
  315. .pagination > li.active a:focus,
  316. .pagination > li.active span:focus {
  317. background-color: #0088cc;
  318. border-color: #0088cc;
  319. }
  320. .pagination > li.active a {
  321. background-color: #0088cc;
  322. }
  323. html .pagination > li.active a,
  324. html.dark .pagination > li.active a,
  325. html .pagination > li.active span,
  326. html.dark .pagination > li.active span,
  327. html .pagination > li.active a:hover,
  328. html.dark .pagination > li.active a:hover,
  329. html .pagination > li.active span:hover,
  330. html.dark .pagination > li.active span:hover,
  331. html .pagination > li.active a:focus,
  332. html.dark .pagination > li.active a:focus,
  333. html .pagination > li.active span:focus,
  334. html.dark .pagination > li.active span:focus {
  335. background-color: #0088cc;
  336. border-color: #0088cc;
  337. }
  338. html .pagination > li.active a,
  339. html.dark .pagination > li.active a {
  340. background-color: #0088cc;
  341. }
  342. /* Fullcalendar */
  343. .fc .fc-widget-header {
  344. background: #0088cc;
  345. border-color: #0088cc;
  346. }
  347. .fc .fc-header-title h2:before {
  348. color: #0088cc;
  349. }
  350. .fc-event {
  351. background: #0088cc;
  352. border-color: #0088cc;
  353. }
  354. .fc-event.fc-event-primary {
  355. background: #0088cc;
  356. border-color: #0088cc;
  357. }
  358. /* Maps */
  359. .jqvmap-zoomin,
  360. .jqvmap-zoomout {
  361. background: #0088cc;
  362. }
  363. /* Timeline */
  364. .timeline .tm-items > li .tm-datetime .tm-datetime-time {
  365. color: #0088cc;
  366. }
  367. .timeline .tm-items > li .tm-icon {
  368. border-color: #0088cc;
  369. color: #0088cc;
  370. }
  371. .timeline.timeline-simple .tm-body .tm-items > li:before {
  372. background: #0088cc;
  373. box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0088cc;
  374. }
  375. html.dark .timeline.timeline-simple .tm-body .tm-items > li:before {
  376. background: #0088cc;
  377. box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #0088cc;
  378. }
  379. /* Princing Table */
  380. .pricing-table h3 span {
  381. color: #0088cc;
  382. }
  383. .pricing-table .most-popular h3 {
  384. background-color: #0088cc !important;
  385. color: #ffffff !important;
  386. }
  387. /* Data Tables Loading */
  388. .dataTables_processing {
  389. background-color: #0088cc;
  390. }
  391. /* Accordion */
  392. .panel-group .panel-accordion .panel-heading a {
  393. color: #0088cc;
  394. }
  395. /* Alerts */
  396. .alert-primary {
  397. background-color: #0088cc;
  398. border-color: #007ebd;
  399. }
  400. .alert-primary .alert-link {
  401. color: #004466;
  402. }
  403. /* Nestable */
  404. .dd-handle:hover {
  405. color: #0088cc !important;
  406. }
  407. .dd-placeholder {
  408. background: #e6f7ff;
  409. border-color: #0088cc;
  410. }
  411. /* Panels */
  412. .panel-highlight .panel-heading {
  413. background-color: #0088cc;
  414. border-color: #0088cc;
  415. }
  416. .panel-highlight .panel-body {
  417. background-color: #0088cc;
  418. }
  419. html .panel-primary .panel-heading {
  420. background: #0088cc;
  421. border-color: #0088cc;
  422. }
  423. .panel-heading.bg-primary {
  424. background: #0088cc;
  425. }
  426. .panel-body.bg-primary {
  427. background: #0088cc;
  428. }
  429. .panel-featured-primary {
  430. border-color: #0088cc;
  431. }
  432. .panel-featured-primary .panel-title {
  433. color: #0088cc;
  434. }
  435. .panel-heading-icon.bg-primary {
  436. background: #0088cc;
  437. }
  438. .panel-group .panel-accordion-primary .panel-heading .panel-title a {
  439. background: #0088cc;
  440. }
  441. /* Progress Bar */
  442. .progress-bar {
  443. background-color: #0088cc;
  444. }
  445. .progress .progress-bar-primary {
  446. background-color: #0088cc;
  447. }
  448. /* Toggle */
  449. .toggle label {
  450. border-left-color: #0088cc;
  451. color: #0088cc;
  452. }
  453. .toggle.active > label {
  454. background: #0088cc !important;
  455. border-color: #0088cc;
  456. }
  457. /* Treeview */
  458. .jstree-default .jstree-hovered {
  459. background-color: #223b68 !important;
  460. }
  461. .jstree-default .jstree-clicked {
  462. background-color: #223b68 !important;
  463. }
  464. .jstree-default .colored {
  465. color: #0088cc !important;
  466. }
  467. .jstree-default .colored .jstree-icon {
  468. color: #0088cc !important;
  469. }
  470. .jstree-default .colored-icon .jstree-icon {
  471. color: #0088cc !important;
  472. }
  473. /* Widgets */
  474. .sidebar-widget.widget-tasks ul li:before {
  475. border-color: #0088cc;
  476. }
  477. .widget-twitter-profile {
  478. background-color: #0088cc;
  479. }
  480. .widget-twitter-profile .profile-quote {
  481. background-color: #0096e0;
  482. }
  483. .widget-twitter-profile .profile-quote .quote-footer {
  484. border-top-color: rgba(0, 170, 255, 0.7);
  485. }
  486. .widget-profile-info .profile-info .profile-footer {
  487. border-top-color: rgba(0, 170, 255, 0.7);
  488. }
  489. /* Thumb Info */
  490. .thumb-info .thumb-info-type {
  491. background-color: #0088cc;
  492. }
  493. /* Social Icons */
  494. .social-icons-list a {
  495. background: #0088cc;
  496. }
  497. /* Notifications */
  498. .notifications .notification-menu .notification-title {
  499. background: #0088cc;
  500. }
  501. .notifications .notification-menu .notification-title .label-default {
  502. background-color: #006699;
  503. }
  504. .notifications .notification-menu:before,
  505. .notifications .notification-icon:before {
  506. border-bottom-color: #0088cc;
  507. }
  508. .ui-pnotify .notification-primary {
  509. background: rgba(0, 136, 204, 0.95);
  510. }
  511. .ui-pnotify.stack-bar-top .notification-primary,
  512. .ui-pnotify.stack-bar-bottom .notification-primary {
  513. background: #0088cc;
  514. }
  515. .ui-pnotify.notification-primary .notification,
  516. .ui-pnotify.notification-primary .notification-primary {
  517. background: rgba(0, 136, 204, 0.95);
  518. }
  519. .ui-pnotify.notification-primary.stack-bar-top .notification,
  520. .ui-pnotify.notification-primary.stack-bar-bottom .notification,
  521. .ui-pnotify.notification-primary.stack-bar-top .notification-primary,
  522. .ui-pnotify.notification-primary.stack-bar-bottom .notification-primary {
  523. background: #0088cc;
  524. }
  525. /* Modal */
  526. .modal-block-primary .fa {
  527. color: #0088cc;
  528. }
  529. .modal-block-primary.modal-header-color .panel-heading {
  530. background-color: #0088cc;
  531. }
  532. .modal-block-primary.modal-full-color .panel {
  533. background-color: #00a3f5;
  534. }
  535. .modal-block-primary.modal-full-color .panel-heading {
  536. background-color: #0088cc;
  537. }
  538. .modal-block-primary.modal-full-color .panel-footer {
  539. background-color: #00a3f5;
  540. }
  541. /* Modal Icon */
  542. .modal-block-primary .modal-icon .fa {
  543. color: #0088cc;
  544. }
  545. /* Tabs */
  546. html body .tabs-primary .nav-tabs li a,
  547. html.dark body .tabs-primary .nav-tabs li a,
  548. html body .tabs-primary .nav-tabs.nav-justified li a,
  549. html.dark body .tabs-primary .nav-tabs.nav-justified li a,
  550. html body .tabs-primary .nav-tabs li a:hover,
  551. html.dark body .tabs-primary .nav-tabs li a:hover,
  552. html body .tabs-primary .nav-tabs.nav-justified li a:hover,
  553. html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
  554. color: #0088cc;
  555. }
  556. html body .tabs-primary .nav-tabs li a:hover,
  557. html.dark body .tabs-primary .nav-tabs li a:hover,
  558. html body .tabs-primary .nav-tabs.nav-justified li a:hover,
  559. html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover {
  560. border-top-color: #0088cc;
  561. }
  562. html body .tabs-primary .nav-tabs li.active a,
  563. html.dark body .tabs-primary .nav-tabs li.active a,
  564. html body .tabs-primary .nav-tabs.nav-justified li.active a,
  565. html.dark body .tabs-primary .nav-tabs.nav-justified li.active a,
  566. html body .tabs-primary .nav-tabs li.active a:hover,
  567. html.dark body .tabs-primary .nav-tabs li.active a:hover,
  568. html body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
  569. html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover,
  570. html body .tabs-primary .nav-tabs li.active a:focus,
  571. html.dark body .tabs-primary .nav-tabs li.active a:focus,
  572. html body .tabs-primary .nav-tabs.nav-justified li.active a:focus,
  573. html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus {
  574. border-top-color: #0088cc;
  575. color: #0088cc;
  576. }
  577. html body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
  578. html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover,
  579. html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover,
  580. html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover {
  581. border-bottom-color: #0088cc;
  582. }
  583. html body .tabs-primary.tabs-bottom .nav-tabs li.active a,
  584. html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a,
  585. html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
  586. html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a,
  587. html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
  588. html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover,
  589. html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
  590. html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover,
  591. html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
  592. html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus,
  593. html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus,
  594. html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus {
  595. border-top-color: #FFF;
  596. border-bottom-color: #0088cc;
  597. }
  598. html body .tabs-primary.tabs-vertical.tabs-left li a:hover,
  599. html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover {
  600. border-left-color: #0088cc;
  601. }
  602. html body .tabs-primary.tabs-vertical.tabs-left li.active a,
  603. html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a,
  604. html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
  605. html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover,
  606. html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus,
  607. html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus {
  608. border-left-color: #0088cc;
  609. }
  610. html body .tabs-primary.tabs-vertical.tabs-right li a:hover,
  611. html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover {
  612. border-right-color: #0088cc;
  613. }
  614. html body .tabs-primary.tabs-vertical.tabs-right li.active a,
  615. html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a,
  616. html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
  617. html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover,
  618. html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus,
  619. html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus {
  620. border-right-color: #0088cc;
  621. }
  622. /* Simple List */
  623. ul.simple-bullet-list li:before {
  624. border-color: #0088cc;
  625. }
  626. /* Simple Card List */
  627. .simple-card-list li.primary {
  628. background: #0088cc;
  629. }
  630. /* Search Results */
  631. .search-content .search-toolbar .nav-pills li.active a {
  632. color: #0088cc;
  633. border-bottom-color: #0088cc;
  634. }
  635. .search-results-list .result-thumb .fa {
  636. background: #0088cc;
  637. }
  638. html.dark .search-content .search-toolbar .nav-pills li.active a,
  639. html.dark .search-content .search-toolbar .nav-pills li.active a:hover,
  640. html.dark .search-content .search-toolbar .nav-pills li.active a:focus {
  641. color: #0088cc;
  642. border-bottom-color: #0088cc;
  643. }
  644. /* Time Picker */
  645. .bootstrap-timepicker-widget table td a:hover {
  646. background-color: #0088cc;
  647. }
  648. /* Checkboxes */
  649. html.dark .checkbox-primary label:before,
  650. .checkbox-primary label:before {
  651. background: #0088cc;
  652. border-color: #0077b3;
  653. }
  654. html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after,
  655. .checkbox-text-primary input[type="checkbox"]:checked + label:after {
  656. color: #0088cc;
  657. }
  658. /* Radios */
  659. html.dark .radio-primary input[type="radio"]:checked + label:after,
  660. .radio-primary input[type="radio"]:checked + label:after {
  661. background: #0088cc;
  662. -webkit-box-shadow: 0px 0px 1px #0088cc;
  663. box-shadow: 0px 0px 1px #0088cc;
  664. }
  665. /* Switch */
  666. .switch.switch-primary .ios-switch .on-background {
  667. background: #0088cc;
  668. }
  669. /* Progress Bar */
  670. .progress-bar {
  671. background-color: #0088cc;
  672. }
  673. .progress .progress-bar-primary {
  674. background-color: #0088cc;
  675. }
  676. /* Slider */
  677. .slider-primary .ui-slider-range,
  678. .slider-primary .ui-slider-handle {
  679. background: #0088cc;
  680. }
  681. .slider-gradient.slider-primary .ui-slider-range,
  682. .slider-gradient.slider-primary .ui-slider-handle {
  683. background-image: -webkit-linear-gradient(left, #00aaff 0, #0088cc 50%, #006699 100%);
  684. background-image: linear-gradient(left, #00aaff 0, #0088cc 50%, #006699 100%);
  685. }
  686. .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range,
  687. .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle {
  688. background-image: -webkit-linear-gradient(to right, #00aaff 0, #0088cc 50%, #006699 100%);
  689. background-image: linear-gradient(to right, #00aaff 0, #0088cc 50%, #006699 100%);
  690. }
  691. /* DatePicker */
  692. .datepicker table {
  693. width: 100%;
  694. }
  695. .datepicker table thead tr th.prev:hover,
  696. .datepicker table thead tr th.next:hover {
  697. background: #0088cc;
  698. }
  699. .datepicker table thead tr:first-child th:hover {
  700. background: #0088cc;
  701. }
  702. .datepicker table tr td span:hover {
  703. background: #0088cc;
  704. }
  705. .datepicker table tr td.day:hover {
  706. background: #0088cc;
  707. }
  708. .datepicker table tfoot tr th:hover {
  709. background: #0088cc;
  710. }
  711. /* DatePicker: Dark */
  712. html.dark .datepicker.datepicker-primary table thead tr th.prev:hover,
  713. .datepicker.datepicker-dark table thead tr th.prev:hover,
  714. html.dark .datepicker.datepicker-primary table thead tr th.next:hover,
  715. .datepicker.datepicker-dark table thead tr th.next:hover {
  716. background: #0088cc;
  717. }
  718. html.dark .datepicker.datepicker-primary table tbody tr td.day:hover,
  719. .datepicker.datepicker-dark table tbody tr td.day:hover {
  720. background: #0088cc;
  721. }
  722. html.dark .datepicker.datepicker-primary table tbody tr td.day.active,
  723. .datepicker.datepicker-dark table tbody tr td.day.active {
  724. background: #0088cc;
  725. }
  726. /* DatePicker: Primary */
  727. .datepicker.datepicker-primary table thead tr:first-child {
  728. background-color: #0088cc;
  729. }
  730. .datepicker.datepicker-primary table thead tr:first-child th:hover {
  731. background-color: #006699;
  732. }
  733. .datepicker.datepicker-primary table thead tr:last-child {
  734. background-color: #0099e6;
  735. }
  736. .datepicker.datepicker-primary table thead tr:last-child th:hover {
  737. background-color: #0088cc;
  738. }
  739. .datepicker.datepicker-primary table tbody tr td.day:hover {
  740. background: #0088cc;
  741. }
  742. .datepicker.datepicker-primary table tbody tr td.day.active {
  743. background: #0088cc;
  744. }
  745. /* Select 2 */
  746. .select2-container-multi .select2-choices .select2-search-choice {
  747. background: #0088cc;
  748. }
  749. /* Wizard */
  750. .wizard-steps > li.active .badge {
  751. background-color: #0088cc;
  752. }
  753. .wizard-steps > li.active a,
  754. .wizard-steps > li.active a:hover,
  755. .wizard-steps > li.active a:focus {
  756. border-top-color: #0088cc;
  757. }
  758. .wizard-tabs ul > li.active .badge {
  759. background-color: #0088cc;
  760. }
  761. html .wizard-progress .steps-progress .progress-indicator,
  762. html.dark .wizard-progress .steps-progress .progress-indicator {
  763. background: #0088cc;
  764. }
  765. html .wizard-progress .wizard-steps li.completed a span,
  766. html.dark .wizard-progress .wizard-steps li.completed a span {
  767. border-color: #0088cc;
  768. background: #0088cc;
  769. }
  770. html .wizard-progress .wizard-steps li.active a span,
  771. html.dark .wizard-progress .wizard-steps li.active a span {
  772. color: #0088cc;
  773. border-color: #0088cc;
  774. }
  775. /* Tables */
  776. .table > thead > tr > td.primary,
  777. .table > tbody > tr > td.primary,
  778. .table > tfoot > tr > td.primary,
  779. .table > thead > tr > th.primary,
  780. .table > tbody > tr > th.primary,
  781. .table > tfoot > tr > th.primary,
  782. .table > thead > tr.primary > td,
  783. .table > tbody > tr.primary > td,
  784. .table > tfoot > tr.primary > td,
  785. .table > thead > tr.primary > th,
  786. .table > tbody > tr.primary > th,
  787. .table > tfoot > tr.primary > th {
  788. background-color: #0088cc;
  789. }
  790. /* Data Tables Loading */
  791. .dataTables_processing {
  792. background-color: #0088cc;
  793. }
  794. /* Liquid Meter */
  795. .liquid-meter-wrapper .liquid-meter-selector a.active {
  796. color: #0088cc;
  797. }