/* ======================================================================== Dark - timepicker.css ======================================================================== */ .dark .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before { border-bottom: 7px solid #444; } .dark .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after { border-bottom-color: #222; } .dark .bootstrap-datetimepicker-widget.dropdown-menu.top:before { border-top-color: #DDD; } .dark .bootstrap-datetimepicker-widget.dropdown-menu.top:after { border-top-color: #222; } .dark .bootstrap-datetimepicker-widget table th.disabled, .dark .bootstrap-datetimepicker-widget table th.disabled:hover { color: #AAA; } .dark .bootstrap-datetimepicker-widget table thead tr:first-child th:hover { background: #444; } .dark .bootstrap-datetimepicker-widget table td.cw { color: #AAA; } .dark .bootstrap-datetimepicker-widget table td.day:hover, .dark .bootstrap-datetimepicker-widget table td.hour:hover, .dark .bootstrap-datetimepicker-widget table td.minute:hover, .dark .bootstrap-datetimepicker-widget table td.second:hover { background: #444; } .dark .bootstrap-datetimepicker-widget table td.old, .dark .bootstrap-datetimepicker-widget table td.new { color: #AAA; } .dark .bootstrap-datetimepicker-widget table td.active, .dark .bootstrap-datetimepicker-widget table td.active:hover { color: #222; } .dark .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #222; } .dark .bootstrap-datetimepicker-widget table td.disabled, .dark .bootstrap-datetimepicker-widget table td.disabled:hover { color: #AAA; } .dark .bootstrap-datetimepicker-widget table td span:hover { background: #444; } .dark .bootstrap-datetimepicker-widget table td span.active { color: #222; } .dark .bootstrap-datetimepicker-widget table td span.old { color: #AAA; } .dark .bootstrap-datetimepicker-widget table td span.disabled, .dark .bootstrap-datetimepicker-widget table td span.disabled:hover { color: #AAA; } /* ======================================================================== select-boxes.css ======================================================================== */ .dark .select2-dropdown { background-color: #333; border-color: #555; } .dark .select2-close-mask { background-color: #333; } .dark .select2-container--default .select2-selection--single { background-color: #333; border-color: #555; } .dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: #EEE; } .dark .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .dark .select2-container--default .select2-selection--multiple { background-color: #333; border-color: #555; } .dark .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; } .dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #444; border-color: #555; } .dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; } .dark .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #EEE; } .dark .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #444; } .dark .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #555; background-color: #555; color: #EEE; } .dark .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .dark .select2-container--default .select2-results__option[aria-selected=true] { background-color: #444; } .dark .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: #EEE; } .dark .select2-container--classic .select2-selection--single { background-color: #444; border-color: #555; background-image: -webkit-linear-gradient(top, white 50%, #444 100%); background-image: -o-linear-gradient(top, white 50%, #444 100%); background-image: linear-gradient(to bottom, white 50%, #444 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44444444', endColorstr='#44EEEEEE', GradientType=0); } .dark .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .dark .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; } .dark .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .dark .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #444; border-left-color: #555; background-image: -webkit-linear-gradient(top, #444 50%, #444 100%); background-image: -o-linear-gradient(top, #444 50%, #444 100%); background-image: linear-gradient(to bottom, #444 50%, #444 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44EEEEEE', endColorstr='#44CCCCCC', GradientType=0); } .dark .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border-right-color: #555; } .dark .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { background-image: -webkit-linear-gradient(top, white 0%, #444 50%); background-image: -o-linear-gradient(top, white 0%, #444 50%); background-image: linear-gradient(to bottom, white 0%, #444 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44444444', endColorstr='#44EEEEEE', GradientType=0); } .dark .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { background-image: -webkit-linear-gradient(top, #444 50%, white 100%); background-image: -o-linear-gradient(top, #444 50%, white 100%); background-image: linear-gradient(to bottom, #444 50%, white 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#44EEEEEE', endColorstr='#444', GradientType=0); } .dark .select2-container--classic .select2-selection--multiple { background-color: #333; border-color: #555; } .dark .select2-container--classic .select2-selection--multiple:focus { border-color: #5897fb; } .dark .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #444; border-color: #555; } .dark .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #EEE; } .dark .select2-container--classic .select2-search--dropdown .select2-search__field { border-color: #555; } .dark .select2-container--classic .select2-dropdown { background-color: #333;} .dark .select2-container--classic .select2-results__option[aria-disabled=true] { color: #444; } .dark .select2-container--classic .select2-results__option--highlighted[aria-selected] { color: #333; } .dark .select2-container--default.select2-container--disabled .select2-selection--single { background-color: rgba(255,255,255,0.1); } /* ======================================================================== radio-checkbox.css ======================================================================== */ .dark .checkbox-style-1-label:before, .dark .radio-style-1-label:before, .dark .checkbox-style-2-label:before, .dark .radio-style-2-label:before, .dark .checkbox-style-3-label:before, .dark .radio-style-3-label:before { background: #333; border-color: #444; } .dark .radio-style:checked + .radio-style-1-label:before { background: #CCC; } /* Checkbox-small + Radio-small */ .dark .checkbox-style-1-label.checkbox-small:before, .dark .radio-style-1-label.radio-small:before, .dark .checkbox-style-2-label.checkbox-small:before, .dark .radio-style-2-label.radio-small:before, .dark .checkbox-style-3-label.checkbox-small:before, .dark .radio-style-3-label.radio-small:before { border-color: #444; } /* Style-2 */ .dark .checkbox-style:checked + .checkbox-style-2-label:before { box-shadow: inset 0px 0px 0px 4px #000; } .dark .radio-style:checked + .radio-style-2-label:before { background: #CCC; box-shadow: inset 0px 0px 0px 4px #333; } .dark .checkbox-style:checked + .checkbox-style-2-label.checkbox-small:before { box-shadow: inset 0px 0px 0px 2px #000; } .dark .radio-style:checked + .radio-style-2-label.radio-small:before { box-shadow: inset 0px 0px 0px 2px #000; } /* style-3 */ .dark .checkbox-style:checked + .checkbox-style-3-label:before, .dark .radio-style:checked + .radio-style-3-label:before { color: #222; } .dark .radio-style:checked + .radio-style-3-label:before { color: #CCC; border-color: #CCC; } /* style-3 - Small */ .dark .checkbox-style + .checkbox-style-3-label.checkbox-small:before, .dark .radio-style + .radio-style-3-label.radio-small:before { border-color: #555; } /* ======================================================================== ion.rangeslider.css ======================================================================== */ .dark .irs-bar-edge, .dark .irs-line-mid, .dark .irs-line-left, .dark .irs-line-right { background-color: #444; } /*======================================================================== daterangepicker.css ======================================================================== */ .dark .daterangepicker { background: #222; } .dark .daterangepicker.opensleft:before { border-bottom-color: #444; border-bottom-color: rgba(255, 255, 255, 0.2); } .dark .daterangepicker.opensleft:after { border-bottom-color: #555; border-left-color: transparent; } .dark .daterangepicker.openscenter:before { border-bottom-color: #444; border-left-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.2); } .dark .daterangepicker.openscenter:after { border-bottom-color: #222; border-left-color: transparent; } .dark .daterangepicker.opensright:before { border-bottom-color: #444; border-left-color: transparent; border-bottom-color: rgba(0, 0, 0, 0.2); } .dark .daterangepicker.opensright:after { border-bottom-color: #222; border-left-color: transparent; } .dark .daterangepicker.dropup:before{ border-top-color: #444; } .dark .daterangepicker.dropup:after{ border-top-color: #222; } .dark .daterangepicker .calendar-table { border-color: #444; background: #222; } .dark .daterangepicker td.off, .dark .daterangepicker td.off.in-range, .dark .daterangepicker td.off.start-date, .dark .daterangepicker td.off.end-date { color: #999; background: #222; } .dark .daterangepicker td.disabled, .dark .daterangepicker option.disabled { color: #999; } .dark .daterangepicker td.available:hover, .dark .daterangepicker th.available:hover { background: #555; } .dark .daterangepicker td.in-range { background: #444; border-radius: 0; } .dark .daterangepicker td.active, .dark .daterangepicker td.active:hover { background-color: #357ebd; border-color: #3071a9; color: #EEE; } .dark .daterangepicker td.week, .dark .daterangepicker th.week { color: #444; } .dark .reportrange { border-color: #444 !important; } /* Text Input Above Each Calendar */ .dark .daterangepicker .input-mini { border-color: #444; color: #555; } .dark .daterangepicker .input-mini.active { border-color: #357ebd; } .dark .daterangepicker .calendar-time select.disabled { color: #444; } .daterangepicker .daterangepicker_input i { color: #333; } /* Predefined Ranges */ .dark .daterangepicker .ranges li { background: #333; border-color: #333; color: #EEE; } .dark .daterangepicker .ranges li.active, .dark .daterangepicker .ranges li:hover { background: #08c; border-color: #08c; color: #EEE; } .dark .input-daterange .input-group-addon { background-color: #222; border-color: #111; text-shadow: none; } /* ======================================================================== * bs-switches.css * ====================================================================== */ .dark .bootstrap-switch { border-color: #444; } .dark .bootstrap-switch .bootstrap-switch-label { color: #EEE; background: #222; } .dark .bootstrap-switch-label:after { border-top-color: #444; border-bottom-color: #444; } /* Switches -------------------------------------------------------------- */ .dark input.switch-toggle-round + label { background-color: #444; } .dark input.switch-toggle-round + label:before, .dark input.switch-toggle-flat + label:before { background-color: #222; } .dark input.switch-toggle-flat + label, .dark input.switch-toggle-flat + label:after { background-color: #AAA; } .dark input.switch-toggle-round + label:after { background-color: #AAA; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); box-shadow: 0 2px 5px rgba(0, 0, 0, 0.8); }