:root { --default-background-color: #ffffff; --default-background-color-light: rgba(209, 209, 209, 0.5); --default-text-color: black; --default-link-color: #6dcfb8; --default-graph-color: #5ac9af; --default-graph-color-light: rgba(90, 201, 175, 0.5); --default-graph-color-dim: rgba(245, 227, 179, 0.5); --default-path-color: #f2796b; --default-point-color: #5ac9af; --button-color: white; --button-background-image: linear-gradient(to bottom, rgb(109, 207, 184), #00d6a4); --button-box-shadow: inset 0 0 0.1em 2px rgba(255, 255, 255, 0.1), 0 2px rgba(0, 0, 0, 0.12); --button-text-shadow: 0 0.1em rgba(0, 0, 0, 0.2); --button-border: 1px solid #215a96; --button-background-image-hover: linear-gradient(to bottom, #f2796b, #f48a7e); --button-background-image-disabled: linear-gradient(to bottom, rgb(230, 230, 230), #bfbfbf); --button-color-disabled: #7c7c7c; --button-border-color-disabled: #b7b7b7; --button-close-color: #aaa; --button-close-color-hover: #000; --window-background: #fff; --window-border: 1px solid #BBBABA; --dialog-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); --window-active-background: rgb(176, 233, 220); --background-background: rgba(0, 0, 0, 0); --background-visible-background: rgba(0, 0, 0, 0.6); --window-title-color: #444; --window-tools-close-background: linear-gradient(to bottom, #e8616c, #f2796b); --window-tools-close-border: 1px solid #7b8f9d; --window-tools-close-background-hover: #f0a1a8; --dialog-loading-background: rgb(185, 223, 255); --dialog-loading-content-border: 10px solid #fff; --dialog-loading-content-border-top: 10px solid #d2fff5; --dialog-loading-content-border-right: 10px solid #60fad6; --dialog-loading-content-border-bottom: 10px solid #13d5a7; --window-header-background: #e6e6e6; --window-footer-border-top: #eee solid 1px; --window-footer-background: linear-gradient(to bottom, white, #e1e2eb); --panel-border: 1px solid #BBBABA; --panel-title-color: #444; --table-td-border-bottom: 1px solid #e0e0e0; --table-td-border: 0; --table-header-background: linear-gradient(to bottom, white, #e1e2eb); --table-header-text-background-up: url(img/sort-up.png) no-repeat right; --table-header-text-background-down: url(img/sort-down.png) no-repeat right; --table-header-text-background-up-rtl: url(img/sort-up.png) no-repeat left; --table-header-text-background-down-rtl: url(img/sort-down.png) no-repeat left; --table-header-sort-background: url(img/sort_16.png) no-repeat; --table-tree-background-image: url(img/plus.png); --table-tree-background-image-hover: url(img/plus-hover.png); --table-tree-background-image-expanded: url(img/minus.png); --table-tree-background-image-expanded-hover: url(img/minus-hover.png); --table-row-level-1-background: rgba(221, 221, 221, 0.5); --table-row-level-2-background: rgba(121, 121, 121, 0.3); --table-row-level-3-background: darkkhaki; --table-row-background-hover: #d0fef3; --table-row-selected-background: rgb(180, 238, 224); --table-row-selected-box-shadow: #cecbcb 0 1px 10px 0 inset; --table-header-wrap-border: 1px solid #c9c9c9; --table-resizer-background: #dde2e3; --button-flat-background: linear-gradient(to bottom, rgba(255, 255, 255, 0.2) 5%, rgb(246, 246, 246) 100%); --button-flat-border: 1px solid rgba(220, 220, 220, 0.51); --button-flat-color: #666666; --button-flat-border-hover: #ffcbcb; --button-flat-background-hover: rgb(170, 226, 213); --colorpicker-button-checked-border: 3px rgb(255, 40, 40) solid; --colorpicker-button-checked-box-shadow: 0 .0 1em 1px #747373; --colorpicker-button-hover-border-color: red; --menu-li-hover-background: rgb(176, 233, 220); --menu-li-hover-box-shadow: #cecbcb 0 1px 1px 0; --checkbutton-checked-background: rgb(182, 223, 213); --checkbutton-checked-box-shdow: #ffffff 0 1px 10px 0 inset; --tabs-content-border: 1px solid #dcdcdc; --tabs-button-background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%); --tabs-button-border: 1px solid #dcdcdc; --tabs-button-color: #666666; --tabs-button-hover-border: 1px red solid; --tabs-button-checked-box-shadow: 0 2px rgb(109, 207, 184); --tabs-button-checked-background: linear-gradient(to bottom, rgb(174, 233, 219) 10%, #c6f2e8); --tabs-button-checked-color: #000000; --dropdown-arrow-up-background-image: url(img/dropdown-arrow-up.png); --dropdown-arrow-down-background-image: url(img/dropdown-arrow-down.png); --listview-li-hover-background: #eee; --menu-border: 1px solid #CCC; --menu-background: #FFF; --menu-color: #333; --menu-box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506); --textbox-color: black; --textbox-background: white; --textbox-border: 2px solid #dadada; --textbox-border-color-focus: #b4ebde; --textbox-box-shadow-focus: 0 0 10px #b0e9dc; --resizer-horizontal-background: #dde2e3; --resizer-vertical-background: #dde2e3; --selectlist-arrow-hover-background-image: url(img/arrow-down-hover.png); --selectlist-label-background: #fff; --selectlist-arrow-background-color: #fff; --selectlist-arrow-border: 2px solid #dadada; --selectlist-arrow-background-image: url(img/arrow-down.png); --searchlist-menu-border: 1px solid #CCC; --searchlist-menu-background: rgba(255, 255, 255, 0.44); --searchlist-menu-color: #333; --lazylist-more-background-image: url(img/arrow-down-hover.png); --button-arrow-background-color: #f3f3f3; --button-arrow-background-border: 1px solid #dadada; --button-arrow-background-color-hover: #f3f3f3; --separator-background: rgba(82, 82, 82, 0.38); --separator-box-shadow: inset 0 0 15px #ffffff; --dropdown-visible-img-filter: drop-shadow(0px 0px 8px #26ffcb); --dropdown-visible-badge: drop-shadow(1px 1px 5px #42e8c1); --range-background: rgba(0,0,0,0); --range-track-box-shadow: 0px 0px 0px rgba(95, 153, 86, 0.7), 0px 0px 0px rgba(107, 167, 98, 0.7); --range-track-background: rgba(192, 192, 192, 0.75); --range-track-border: 0px solid rgba(26, 93, 157, 0.35); --range-thumb-box-shadow: 2.2px 2.2px 8.6px rgb(159, 247, 227), 0px 0px 2.2px rgba(177, 255, 237, 0.78); --range-thumb-border: 2px solid rgba(82, 209, 179, 0.73); --range-thumb-background: rgb(88, 208, 180); --range-track-background-focus: rgba(210, 210, 210, 0.75); --bar-arrow-left-background-image: url(img/arrow-left.png); --bar-arrow-right-background-image: url(img/arrow-right.png); --bar-arrow-left-inactive-background-image: url(img/arrow-left-inactive.png); --bar-arrow-right-inactive-background-image: url(img/arrow-right-inactive.png); --bar-item-background: rgba(235, 240, 242, 0.69); --bar-item-border: 1px solid #dcdcdc; --bar-item-color: #666666; --bar-item-background-hover: rgba(255, 255, 255, 0.87); --bar-item-checked-border-bottom: 3px solid #5bd0b5; --bar-item-checked-box-shadow: #cecbcb 0 1px 10px 0 inset; --multiselect-add-background-image: url(img/add.png); --multiselect-add-background-image-hover: url(img/add-hover.png); --multiselect-list-li-border-bottom: 2px dotted #dadada; --multiselect-list-remove-background-image: url(img/remove.png); --multiselect-list-remove-background-image-hover: url(img/remove-hover.png); --grid-window-over-border: #e13946 dotted 3px; --grid-window-drag-border: #1cd4a9 dotted 3px; --datetimepicker-calendar-border-right: 3px solid pink; --datetimepicker-clock-background: gainsboro; --datetimepicker-different-month-color: #bebebe; --datetimepicker-day-background-hover: #b0e9dc; --datetimepicker-day-selected-background: #0cd5a6; --datetimepicker-day-selected-color: #fff; --datetimepicker-day-today-border-bottom: 3px solid #f65314; --scrollbar-background: #ebebeb; --scrollbar-track-border: 1px #dadada solid; --scrollbar-track-box-shadow: 0 0 6px #c8c8c8 inset; --scrollbar-thumb-background: #60bfa8; --scrollbar-thumb-border: 1px solid #dadada; --scrollbar-thumb-background-hover: #019472; --scrollbar-thumb-border-hover: 1px solid #dadada; --scrollbar-thumb-background-active: #b4eee0; --scrollbar-thumb-border-active: 1px solid #dadada; }