/* 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; }