﻿.dark-mode-menu { width: 50px;height: 40px;overflow: visible;position: relative;background-image: url('/Images/colors-toggle-26.png');background-repeat: no-repeat;background-position: 12px center;padding-right: 5px; }
.dark-mode-menu .caret-culture { margin-right: 5px; margin-top: 19px; }
.dark-mode-panel-container { width:190px;position:absolute;top:40px;right:0; z-index:1000;display:none;background-color:white; cursor:pointer;background-color:var(--second-color);border:2px solid orange;  }
.popup-mode-preference {width:100%; float:left; height:30px; border-bottom:1px solid lightgray; line-height:30px;padding-left: 38px;background-image: url('/Images/checkbox-unchecked-13.png'); background-repeat: no-repeat;background-position: 12px center;}
.popup-mode-preference:hover { background-color:var(--highlight-color); color:white; }

.skin-0 .theme-1 { background-image: url('/Images/checkbox-checked-13.png'); }
.skin-1 .theme-2 { background-image: url('/Images/checkbox-checked-13.png'); }
.skin-2 .theme-3 { background-image: url('/Images/checkbox-checked-13.png'); }
.skin-3 .theme-4 { background-image: url('/Images/checkbox-checked-13.png'); }

.dark-mode-menu:hover { background-color:var(--highlight-color); } 
.dark-mode-menu:hover .caret { color:white; }
.darkmode-color-custom { width:100%;float:left; height:30px; position:relative; } 
.dark-mode .dark-mode-menu { color:white; }
.dark-mode-panel-container .colorPicker { padding: 0; margin: 5px; width: 25px; height: 20px; border: none; }
.color-custom-label { position: absolute; left: 39px; right: 5px; top: 0; bottom: 0; line-height: 29px; overflow:hidden; }

.dark-mode .resa-gantt-header-line-top, .dark-mode .resa-gantt-header-line-bottom { background-color:var(--main-color); color:white; }
.dark-mode .resa-gantt-header-line-top { border-bottom-color:var(--second-color); }

.dark-mode .gantt-overlap-indicator-label1,
.dark-mode .gantt-overlap-indicator-label2,
.dark-mode .gantt-overlap-indicator-label3 { color:white; }
.dark-mode .gantt-overlap-indicator-jump-button { background-image: url('../Images/search_white.png'); }
.dark-mode-panel-container .theme-4 { border-bottom:none!important; }