/* Base */ a, .btn-link { color: #0088cc; } a:hover, a:focus, .btn-link:hover, .btn-link:focus { color: #0099e6; } a:active, .btn-link:active { color: #0077b3; } /* Sidebar Left */ .sidebar-left .sidebar-header .sidebar-toggle:hover i { color: #0088cc; } @media only screen and (min-width: 768px) { html.sidebar-left-collapsed.scroll .sidebar-left .nav-main li.nav-active a:hover, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main li.nav-active a:hover { color: #0088cc; } html.sidebar-left-collapsed.scroll .sidebar-left .nav-main > li:hover > a span.label, html.sidebar-left-collapsed.boxed .sidebar-left .nav-main > li:hover > a span.label { background-color: #0088cc; } } /* Layout Boxed - small than min-width */ @media only screen and (max-width: 1199px) { html.boxed .header { border-top-color: #0088cc; } } /* Layout Boxed - larger or equal min width */ @media only screen and (min-width: 1200px) { html.boxed .header { border-top-color: #0088cc; } html.boxed .sidebar-right { border-top-color: #0088cc; min-height: 0; } } /* Userbox - Open */ .userbox.open .dropdown-menu a:hover { background: #0088cc; } /* Mailbox */ .mailbox .mailbox-mail-list li.active { background: #0088cc; } .mailbox .mailbox-mail .mailbox-close-mail { color: #0088cc; } .mailbox .mailbox-mail .mailbox-close-mail:hover { color: #0099e6; } .mailbox .mailbox-mail .panel .panel-heading .panel-actions a:hover { color: #0088cc; } /* Media Gallery */ .media-gallery ul.mg-tags > li a:hover { background-color: #0088cc; } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-zoom { background-color: #0088cc; } .media-gallery .mg-files .thumbnail .thumb-preview .mg-thumb-options .mg-toolbar { background-color: #0088cc; } .media-gallery .mg-files .thumbnail.thumbnail-selected { box-shadow: 0 0 8px -1px #0088cc; } /* Sign Screens - Wrappers */ .body-sign .panel-sign .panel-title-sign .title { background-color: #0088cc; } .body-sign .panel-sign .panel-body { border-top-color: #0088cc; } /* Lock Screen */ .body-locked .current-user .user-image { border-color: #0088cc; } /* Blockquote */ blockquote.primary { border-color: #0088cc; } /* Nav Pills */ .nav-pills-primary > li a:hover, .nav-pills-primary > li a:focus { color: #0088cc; background-color: #cceeff; } .nav-pills-primary > li.active > a, .nav-pills-primary > li.active > a:hover, .nav-pills-primary > li.active > a:active, .nav-pills-primary > li.active > a:focus { background-color: #0088cc; } /* Dropdown Menu */ .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { background-color: #0088cc; } .open > .dropdown-toggle.btn-primary { background: #0088cc; border-color: #0077b3; } body .btn-primary.dropdown-toggle { border-left-color: #00a3f5; } /* Buttons */ body .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0088cc; border-color: #0088cc; } body .btn-primary:hover { border-color: #0099e6 !important; background-color: #0099e6; } body .btn-primary:active, body .btn-primary:focus { border-color: #0077b3 !important; background-color: #0077b3; } body .btn-primary[disabled] { border-color: #33bbff !important; background-color: #33bbff; } body .btn-success { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #47a447; border-color: #47a447; } body .btn-success:hover { border-color: #51b451 !important; background-color: #51b451; } body .btn-success:active, body .btn-success:focus { border-color: #3f923f !important; background-color: #3f923f; } body .btn-success[disabled] { border-color: #86cb86 !important; background-color: #86cb86; } body .btn-warning { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #ed9c28; border-color: #ed9c28; } body .btn-warning:hover { border-color: #efa740 !important; background-color: #efa740; } body .btn-warning:active, body .btn-warning:focus { border-color: #e89113 !important; background-color: #e89113; } body .btn-warning[disabled] { border-color: #f5c786 !important; background-color: #f5c786; } body .btn-danger { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #d2322d; border-color: #d2322d; } body .btn-danger:hover { border-color: #d64742 !important; background-color: #d64742; } body .btn-danger:active, body .btn-danger:focus { border-color: #bd2d29 !important; background-color: #bd2d29; } body .btn-danger[disabled] { border-color: #e48481 !important; background-color: #e48481; } body .btn-info { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bc0de; border-color: #5bc0de; } body .btn-info:hover { border-color: #70c8e2 !important; background-color: #70c8e2; } body .btn-info:active, body .btn-info:focus { border-color: #46b8da !important; background-color: #46b8da; } body .btn-info[disabled] { border-color: #b0e1ef !important; background-color: #b0e1ef; } body .btn-dark { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #171717; border-color: #171717; } body .btn-dark:hover { border-color: #242424 !important; background-color: #242424; } body .btn-dark:active, body .btn-dark:focus { border-color: #0a0a0a !important; background-color: #0a0a0a; } body .btn-dark[disabled] { border-color: #4a4a4a !important; background-color: #4a4a4a; } /* Switch*/ .switch.switch-primary .ios-switch .on-background { background: #0088cc; } /* Label */ .label-primary { background: #0088cc; } /* Text Primary */ .text-primary { color: #0088cc !important; } /* BG Primary */ .bg-primary { background: #0088cc; } /* Alternative Font Style */ .alternative-font { color: #0088cc; } /* Hightlight */ .highlight { background-color: #0088cc; } /* Drop Caps */ p.drop-caps.colored:first-child:first-letter { color: #0088cc; } p.drop-caps.colored.secundary:first-child:first-letter { background-color: #0088cc; } /* Well */ .well.primary { background: #0088cc; border-color: #006699; } /* Form */ .form-control:focus { border-color: #33bbff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 136, 204, 0.3); } /* Header */ .header .toggle-sidebar-left { background: #0088cc; } /* Page Header */ .page-header h2 { border-bottom-color: #0088cc; } .page-header .sidebar-right-toggle:hover { color: #0088cc; } /* Navigation */ ul.nav-main > li.nav-active > a { box-shadow: 2px 0 0 #0088cc inset; } ul.nav-main > li.nav-active > i { color: #0088cc; } ul.nav-main li .nav-children li.nav-active > a { color: #0088cc; } /* Nano Scroller Plugin */ html.no-overflowscrolling .nano > .nano-pane > .nano-slider { background: #0088cc; } /* Nav Pills */ .nav-pills > .active a, .nav-pills > .active a:hover, .nav-pills > .active a:focus { background-color: #0088cc; } /* Pagination */ .pagination > li a { color: #0088cc; } .pagination > li a:hover, .pagination > li a:focus { color: #0099e6; } .pagination > li.active a, .pagination > li.active span, .pagination > li.active a:hover, .pagination > li.active span:hover, .pagination > li.active a:focus, .pagination > li.active span:focus { background-color: #0088cc; border-color: #0088cc; } .pagination > li.active a { background-color: #0088cc; } html .pagination > li.active a, html.dark .pagination > li.active a, html .pagination > li.active span, html.dark .pagination > li.active span, html .pagination > li.active a:hover, html.dark .pagination > li.active a:hover, html .pagination > li.active span:hover, html.dark .pagination > li.active span:hover, html .pagination > li.active a:focus, html.dark .pagination > li.active a:focus, html .pagination > li.active span:focus, html.dark .pagination > li.active span:focus { background-color: #0088cc; border-color: #0088cc; } html .pagination > li.active a, html.dark .pagination > li.active a { background-color: #0088cc; } /* Fullcalendar */ .fc .fc-widget-header { background: #0088cc; border-color: #0088cc; } .fc .fc-header-title h2:before { color: #0088cc; } .fc-event { background: #0088cc; border-color: #0088cc; } .fc-event.fc-event-primary { background: #0088cc; border-color: #0088cc; } /* Maps */ .jqvmap-zoomin, .jqvmap-zoomout { background: #0088cc; } /* Timeline */ .timeline .tm-items > li .tm-datetime .tm-datetime-time { color: #0088cc; } .timeline .tm-items > li .tm-icon { border-color: #0088cc; color: #0088cc; } .timeline.timeline-simple .tm-body .tm-items > li:before { background: #0088cc; box-shadow: 0 0 0 3px #ffffff, 0 0 0 6px #0088cc; } html.dark .timeline.timeline-simple .tm-body .tm-items > li:before { background: #0088cc; box-shadow: 0 0 0 3px #2e353e, 0 0 0 6px #0088cc; } /* Princing Table */ .pricing-table h3 span { color: #0088cc; } .pricing-table .most-popular h3 { background-color: #0088cc !important; color: #ffffff !important; } /* Data Tables Loading */ .dataTables_processing { background-color: #0088cc; } /* Accordion */ .panel-group .panel-accordion .panel-heading a { color: #0088cc; } /* Alerts */ .alert-primary { background-color: #0088cc; border-color: #007ebd; } .alert-primary .alert-link { color: #004466; } /* Nestable */ .dd-handle:hover { color: #0088cc !important; } .dd-placeholder { background: #e6f7ff; border-color: #0088cc; } /* Panels */ .panel-highlight .panel-heading { background-color: #0088cc; border-color: #0088cc; } .panel-highlight .panel-body { background-color: #0088cc; } html .panel-primary .panel-heading { background: #0088cc; border-color: #0088cc; } .panel-heading.bg-primary { background: #0088cc; } .panel-body.bg-primary { background: #0088cc; } .panel-featured-primary { border-color: #0088cc; } .panel-featured-primary .panel-title { color: #0088cc; } .panel-heading-icon.bg-primary { background: #0088cc; } .panel-group .panel-accordion-primary .panel-heading .panel-title a { background: #0088cc; } /* Progress Bar */ .progress-bar { background-color: #0088cc; } .progress .progress-bar-primary { background-color: #0088cc; } /* Toggle */ .toggle label { border-left-color: #0088cc; color: #0088cc; } .toggle.active > label { background: #0088cc !important; border-color: #0088cc; } /* Treeview */ .jstree-default .jstree-hovered { background-color: #e6f7ff !important; } .jstree-default .jstree-clicked { background-color: #b3e5ff !important; } .jstree-default .colored { color: #0088cc !important; } .jstree-default .colored .jstree-icon { color: #0088cc !important; } .jstree-default .colored-icon .jstree-icon { color: #0088cc !important; } /* Widgets */ .sidebar-widget.widget-tasks ul li:before { border-color: #0088cc; } .widget-twitter-profile { background-color: #0088cc; } .widget-twitter-profile .profile-quote { background-color: #0096e0; } .widget-twitter-profile .profile-quote .quote-footer { border-top-color: rgba(0, 170, 255, 0.7); } .widget-profile-info .profile-info .profile-footer { border-top-color: rgba(0, 170, 255, 0.7); } /* Thumb Info */ .thumb-info .thumb-info-type { background-color: #0088cc; } /* Social Icons */ .social-icons-list a { background: #0088cc; } /* Notifications */ .notifications .notification-menu .notification-title { background: #0088cc; } .notifications .notification-menu .notification-title .label-default { background-color: #006699; } .notifications .notification-menu:before, .notifications .notification-icon:before { border-bottom-color: #0088cc; } .ui-pnotify .notification-primary { background: rgba(0, 136, 204, 0.95); } .ui-pnotify.stack-bar-top .notification-primary, .ui-pnotify.stack-bar-bottom .notification-primary { background: #0088cc; } .ui-pnotify.notification-primary .notification, .ui-pnotify.notification-primary .notification-primary { background: rgba(0, 136, 204, 0.95); } .ui-pnotify.notification-primary.stack-bar-top .notification, .ui-pnotify.notification-primary.stack-bar-bottom .notification, .ui-pnotify.notification-primary.stack-bar-top .notification-primary, .ui-pnotify.notification-primary.stack-bar-bottom .notification-primary { background: #0088cc; } /* Modal */ .modal-block-primary .fa { color: #0088cc; } .modal-block-primary.modal-header-color .panel-heading { background-color: #0088cc; } .modal-block-primary.modal-full-color .panel { background-color: #00a3f5; } .modal-block-primary.modal-full-color .panel-heading { background-color: #0088cc; } .modal-block-primary.modal-full-color .panel-footer { background-color: #00a3f5; } /* Modal Icon */ .modal-block-primary .modal-icon .fa { color: #0088cc; } /* Tabs */ html body .tabs-primary .nav-tabs li a, html.dark body .tabs-primary .nav-tabs li a, html body .tabs-primary .nav-tabs.nav-justified li a, html.dark body .tabs-primary .nav-tabs.nav-justified li a, html body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover { color: #0088cc; } html body .tabs-primary .nav-tabs li a:hover, html.dark body .tabs-primary .nav-tabs li a:hover, html body .tabs-primary .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li a:hover { border-top-color: #0088cc; } html body .tabs-primary .nav-tabs li.active a, html.dark body .tabs-primary .nav-tabs li.active a, html body .tabs-primary .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a, html body .tabs-primary .nav-tabs li.active a:hover, html.dark body .tabs-primary .nav-tabs li.active a:hover, html body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary .nav-tabs li.active a:focus, html.dark body .tabs-primary .nav-tabs li.active a:focus, html body .tabs-primary .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary .nav-tabs.nav-justified li.active a:focus { border-top-color: #0088cc; color: #0088cc; } html body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li a:hover { border-bottom-color: #0088cc; } html body .tabs-primary.tabs-bottom .nav-tabs li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:hover, html body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs li.active a:focus, html body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus, html.dark body .tabs-primary.tabs-bottom .nav-tabs.nav-justified li.active a:focus { border-top-color: #FFF; border-bottom-color: #0088cc; } html body .tabs-primary.tabs-vertical.tabs-left li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li a:hover { border-left-color: #0088cc; } html body .tabs-primary.tabs-vertical.tabs-left li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a, html body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-left li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-left li.active a:focus { border-left-color: #0088cc; } html body .tabs-primary.tabs-vertical.tabs-right li a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li a:hover { border-right-color: #0088cc; } html body .tabs-primary.tabs-vertical.tabs-right li.active a, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a, html body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:hover, html body .tabs-primary.tabs-vertical.tabs-right li.active a:focus, html.dark body .tabs-primary.tabs-vertical.tabs-right li.active a:focus { border-right-color: #0088cc; } /* Simple List */ ul.simple-bullet-list li:before { border-color: #0088cc; } /* Simple Card List */ .simple-card-list li.primary { background: #0088cc; } /* Search Results */ .search-content .search-toolbar .nav-pills li.active a { color: #0088cc; border-bottom-color: #0088cc; } .search-results-list .result-thumb .fa { background: #0088cc; } html.dark .search-content .search-toolbar .nav-pills li.active a, html.dark .search-content .search-toolbar .nav-pills li.active a:hover, html.dark .search-content .search-toolbar .nav-pills li.active a:focus { color: #0088cc; border-bottom-color: #0088cc; } /* Time Picker */ .bootstrap-timepicker-widget table td a:hover { background-color: #0088cc; } /* Checkboxes */ html.dark .checkbox-primary label:before, .checkbox-primary label:before { background: #0088cc; border-color: #0077b3; } html.dark .checkbox-text-primary input[type="checkbox"]:checked + label:after, .checkbox-text-primary input[type="checkbox"]:checked + label:after { color: #0088cc; } /* Radios */ html.dark .radio-primary input[type="radio"]:checked + label:after, .radio-primary input[type="radio"]:checked + label:after { background: #0088cc; -webkit-box-shadow: 0px 0px 1px #0088cc; box-shadow: 0px 0px 1px #0088cc; } /* Switch */ .switch.switch-primary .ios-switch .on-background { background: #0088cc; } /* Progress Bar */ .progress-bar { background-color: #0088cc; } .progress .progress-bar-primary { background-color: #0088cc; } /* Slider */ .slider-primary .ui-slider-range, .slider-primary .ui-slider-handle { background: #0088cc; } .slider-gradient.slider-primary .ui-slider-range, .slider-gradient.slider-primary .ui-slider-handle { background-image: -webkit-linear-gradient(left, #00aaff 0, #0088cc 50%, #006699 100%); background-image: linear-gradient(left, #00aaff 0, #0088cc 50%, #006699 100%); } .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-range, .slider-gradient.ui-slider-vertical.slider-primary .ui-slider-handle { background-image: -webkit-linear-gradient(to right, #00aaff 0, #0088cc 50%, #006699 100%); background-image: linear-gradient(to right, #00aaff 0, #0088cc 50%, #006699 100%); } /* DatePicker */ .datepicker table { width: 100%; } .datepicker table thead tr th.prev:hover, .datepicker table thead tr th.next:hover { background: #0088cc; } .datepicker table thead tr:first-child th:hover { background: #0088cc; } .datepicker table tr td span:hover { background: #0088cc; } .datepicker table tr td.day:hover { background: #0088cc; } .datepicker table tfoot tr th:hover { background: #0088cc; } /* DatePicker: Dark */ html.dark .datepicker.datepicker-primary table thead tr th.prev:hover, .datepicker.datepicker-dark table thead tr th.prev:hover, html.dark .datepicker.datepicker-primary table thead tr th.next:hover, .datepicker.datepicker-dark table thead tr th.next:hover { background: #0088cc; } html.dark .datepicker.datepicker-primary table tbody tr td.day:hover, .datepicker.datepicker-dark table tbody tr td.day:hover { background: #0088cc; } html.dark .datepicker.datepicker-primary table tbody tr td.day.active, .datepicker.datepicker-dark table tbody tr td.day.active { background: #0088cc; } /* DatePicker: Primary */ .datepicker.datepicker-primary table thead tr:first-child { background-color: #0088cc; } .datepicker.datepicker-primary table thead tr:first-child th:hover { background-color: #006699; } .datepicker.datepicker-primary table thead tr:last-child { background-color: #0099e6; } .datepicker.datepicker-primary table thead tr:last-child th:hover { background-color: #0088cc; } .datepicker.datepicker-primary table tbody tr td.day:hover { background: #0088cc; } .datepicker.datepicker-primary table tbody tr td.day.active { background: #0088cc; } /* Select 2 */ .select2-container-multi .select2-choices .select2-search-choice { background: #0088cc; } /* Wizard */ .wizard-steps > li.active .badge { background-color: #0088cc; } .wizard-steps > li.active a, .wizard-steps > li.active a:hover, .wizard-steps > li.active a:focus { border-top-color: #0088cc; } .wizard-tabs ul > li.active .badge { background-color: #0088cc; } html .wizard-progress .steps-progress .progress-indicator, html.dark .wizard-progress .steps-progress .progress-indicator { background: #0088cc; } html .wizard-progress .wizard-steps li.completed a span, html.dark .wizard-progress .wizard-steps li.completed a span { border-color: #0088cc; background: #0088cc; } html .wizard-progress .wizard-steps li.active a span, html.dark .wizard-progress .wizard-steps li.active a span { color: #0088cc; border-color: #0088cc; } /* Tables */ .table > thead > tr > td.primary, .table > tbody > tr > td.primary, .table > tfoot > tr > td.primary, .table > thead > tr > th.primary, .table > tbody > tr > th.primary, .table > tfoot > tr > th.primary, .table > thead > tr.primary > td, .table > tbody > tr.primary > td, .table > tfoot > tr.primary > td, .table > thead > tr.primary > th, .table > tbody > tr.primary > th, .table > tfoot > tr.primary > th { background-color: #0088cc; } /* Data Tables Loading */ .dataTables_processing { background-color: #0088cc; } /* Liquid Meter */ .liquid-meter-wrapper .liquid-meter-selector a.active { color: #0088cc; }