/* highContrast */


/* =================== COLOR =================== */

body.highContrast p,
body.highContrast h1,
body.highContrast h2,
body.highContrast a,
body.highContrast span,
body.highContrast label,
body.highContrast ul,
body.highContrast h2.title,
body.highContrast h3,
body.highContrast .expand,
body.highContrast div,
body.highContrast .popup-content2,
body.highContrast #time-desc,
body.highContrast #wPdfPanel h2,
body.highContrast #descriptionSelection h2,
body.highContrast .attribute h2,
body.highContrast #wmsPopupText,
body.highContrast .toolbar-button span:hover,
body.highContrast #shapeSelection h2,
body.highContrast #wfsWmsPanel h2,
body.highContrast #sldSelection h2,
body.highContrast #div-attribute h2, 
body.highContrast #searchByText,
body.highContrast #homeSelect span{
    color: var(--yellowWCAG);
}

body.highContrast .cesium-infoBox-bodyless .cesium-infoBox-title,
body.highContrast .cesium-infoBox-description{
    color: var(--yellowWCAG)!important;
}

body.highContrast #buttonLoadWms,
body.highContrast #buttonLoadExport span,
body.highContrast #lightDef,
body.highContrast #lidarResetWindowOptions,
body.highContrast input,
body.highContrast #radioSelectExport,
body.highContrast .selecionado_opcion,
body.highContrast .contextMenuPlugin>li>a:hover,
body.highContrast .cont_select_int li,
body.highContrast .select_mate,
/*nat*/
body.highContrast .toolbar-button:hover .show-icon-toolbar, 
body.highContrast .nicemenu-item .show-icon-toolbar:hover,
body.highContrast .nicemenu-item .show-icon-toolbar:focus,
body.highContrast .nicemenu-item.active .show-icon-toolbar,
body.highContrast .nicemenu-sub.active .show-icon-toolbar,
body.highContrast .addres-left p,
body.highContrast #contrastButton span /*nat*/,
body.highContrast .ui-menu-item div,
body.highContrast .popUpButtonCenterKMD{
    color:var(--black);
} 

body.highContrast .classificationElementTitle:hover,
body.highContrast #indicatorText{
    color: var(--whiteTxt);
}

/* =================== BCG-COLOR =================== */

body.highContrast,
body.highContrast #toolbar,
body.highContrast .dropdown-toggle,
body.highContrast .dropdown-menu,
body.highContrast .navi,
body.highContrast .navigationButton,
body.highContrast .yearsList,
body.highContrast .datePicker,
body.highContrast .ol-scale-line-inner, 
body.highContrast #manualContainerHeader,
body.highContrast #manualContainer, 
/* body.highContrast .nicemenu-item.active,  */
body.highContrast .nicemenu-sub.active,
body.highContrast #homeSelect,
body.highContrast .popup-content2,
body.highContrast .controls input,
body.highContrast header,
body.highContrast .window-view-button,
body.highContrast .text-site,
body.highContrast .window-view,
body.highContrast #measure-popup, 
body.highContrast #measure-popupElevation, 
body.highContrast #resizeModel3dWindow,
body.highContrast .comic,
body.highContrast .comic2,
body.highContrast #chartContainer,
body.highContrast #detailsContainer,
body.highContrast #intersectionList,
body.highContrast #wfsWmsPanel,
body.highContrast rect.bg,
body.highContrast #dateListR,
body.highContrast #dateListL,
body.highContrast #coordinates,
body.highContrast #wPdfPanel,
body.highContrast #shapeSelection,
body.highContrast #indicator,
body.highContrast .contextMenuPlugin,
body.highContrast .slider-wrapper.active,
body.highContrast .container__responsive-menu.open,
body.highContrast .responsive-menu,
body.highContrast #sldSelection,
body.highContrast #descriptionSelection,
body.highContrast .copyPopup,
body.highContrast #measureOptions,
body.highContrast .attribute,
body.highContrast #colorPickerMain,
body.highContrast .slider-wrapper,
body.highContrast #KMDStatsToggleAppBtn,
body.highContrast #KMDStats{
    background-color: var(--black);
}
body.highContrast .navigationButton,
body.highContrast .cesium-infoBox.cesium-infoBox-bodyless.cesium-infoBox-visible,
body.highContrast .cesium-infoBox,
body.highContrast .cesium-infoBox-bodyless .cesium-infoBox-title{
    background-color: var(--black)!important;
}

body.highContrast .logotype,
body.highContrast .toolbar-button:hover,
body.highContrast .show-icon-toolbar:hover,
body.highContrast  #obrebSelect,
body.highContrast #searchType,
body.highContrast #search-input,
body.highContrast .search-form-input,
body.highContrast #units,
body.highContrast #setScale,
body.highContrast .cont_select_int li,
body.highContrast .select_mate,
body.highContrast #lightDef:active,
body.highContrast #lightDef:hover,
body.highContrast #lidarResetWindowOptions:hover,
body.highContrast #contrastButton,
body.highContrast .responsive-menu__burger,
body.highContrast .responsive-menu__burger:after,
body.highContrast .responsive-menu__burger:before,
/* body.highContrast .toolbar-button .selected  */
body.highContrast .addres-input-container,
body.highContrast .pathFinderInput,
body.highContrast .ui-widget-content,
body.highContrast .KMDToolsMenu:hover,
body.highContrast #footerProjectionSelect{ 
    background-color: var(--yellowWCAG); 
}

body.highContrast .task-wrapper2 input[type=range]::-webkit-slider-runnable-track{
    background: #a6a6a6;
}

body.highContrast #btnResMeasure-popupElevation,
body.highContrast #btnResMeasure-popupElevationRes{
    background-color:  var(--mainColor);
 }


 /* =================== FILL =================== */

/* body.highContrast #Wyszukiwarka svg,
body.highContrast #homeContainer svg,
body.highContrast #measureContainer svg,
body.highContrast #displayContainer svg,
body.highContrast #fullscreenContainer svg,
body.highContrast #layersBox svg,
body.highContrast #documents svg,
body.highContrast #exportBox svg,
body.highContrast #optionsButton svg,
body.highContrast #brightnessButton svg,
body.highContrast #streetButton svg,
body.highContrast #plotButton svg,
body.highContrast #streetViewButton svg,
body.highContrast #corridorButton svg,
body.highContrast #fontsSizeButton svg,
body.highContrast #fontSizeChangerSVG,
body.highContrast #fontsSizeContent svg,
body.highContrast #contrastButton svg,
body.highContrast #manualButton svg, 
body.highContrast #logoutButton svg, */
body.highContrast .nicemenu-item.active .buttonFunc.active svg,
body.highContrast svg.cesium-svgPath-svg,
body.highContrast #pathFinderIcons svg,
body.highContrast .location-button svg,
body.highContrast #reverse-button-icon.naPolnoc{
    fill: var(--whiteTxt)!important;
    }
/* body.highContrast #Wyszukiwarka:hover svg,
body.highContrast #homeContainer:hover svg,
body.highContrast #measureContainer:hover svg,
body.highContrast #displayContainer:hover svg,
body.highContrast #fullscreenContainer:hover svg,
body.highContrast #layersBox:hover svg,
body.highContrast #documents:hover svg,
body.highContrast #exportBox:hover svg,
body.highContrast #optionsButton:hover svg,
body.highContrast #brightnessButton:hover svg,
body.highContrast #streetButton:hover svg,
body.highContrast #plotButton:hover svg,
body.highContrast #streetViewButton:hover svg,
body.highContrast #corridorButton:hover svg,
body.highContrast #fontsSizeButton:hover svg,
body.highContrast #contrastButton:hover svg,
body.highContrast #manualButton:hover svg, 
body.highContrast #logoutButton:hover svg, */
body.highContrast .toolbar-button:hover svg,
body.highContrast .buttonFunc:hover svg,
body.highContrast .buttonFunc .active svg,
body.highContrast .slider-button svg,
body.highContrast #contrastButton svg,
body.highContrast #buttonSearchClear,
body.highContrast .KMDToolsMenu svg:hover{
    fill: var(--black);
}
body.highContrast .buttonFunc:hover svg,
body.highContrast #search-form svg,
body.highContrast .addres-left svg,
body.highContrast .addres-right svg,
body.highContrast .btn-search svg,
body.highContrast #buttonSearchClear svg{
    fill: var(--black)!important;
}

body.highContrast #fontsSizeButton svg,
body.highContrast #fontSizeChangerSVG,
body.highContrast #fontsSizeContent svg,
body.highContrast .naPolnoc svg,
body.highContrast #contrastButton svg{
    fill: var(--yellowWCAG);
}
body.highContrast .buttonFunc svg
/* ,
body.highContrast #fontsSizeButton:hover svg,
body.highContrast #fontSizeChangerSVG:hover,
body.highContrast #fontsSizeContent:hover svg,
body.highContrast #contrastButton:hover svg */
{
    fill: var(--yellowWCAG)!important;
}

body.highContrast .buttonFunc .active svg{
    fill: var(--mainColor);
}

body.highContrast .buttonFunc .active svg,
body.highContrast .streets.selected svg,
body.highContrast .ewidencja.selected svg,
body.highContrast #pathFinderIcons .pathFinderIconActive svg{
    fill: var(--mainColor)!important;
}

body.highContrast.toolbar-button:hover,
body.highContrast .show-icon-toolbar:hover,
body.highContrast .nicemenu-item.active {
    background-color: var(--yellowWCAG); 
}

/* =================== BORDER =================== */

body.highContrast #buttonLoadWms:hover,
body.highContrast #buttonLoadExport span:hover,
body.highContrast .gutterLine{
    border: 1px solid var(--yellowWCAG);
}

body.highContrast .lidarClassBcg{
    border: 1px solid var(--yellowWCAG);
}

body.highContrast #LayerButtonTop1:active,
body.highContrast #LayerButtonTop1:hover,
body.highContrast #LayerButtonTop2:active,
body.highContrast #LayerButtonTop2:hover,
body.highContrast .baseLayerPicker-item:active,
body.highContrast .baseLayerPicker-item:hover{
    border: 1px solid var(--whiteTxt);
}

body.highContrast #menuText{
    border-bottom: 2px solid var(--whiteTxt);
}

body.highContrast .select-style:focus,
body.highContrast #searchType{
    border: solid  var(--mainColor) 2px;
}

body.highContrast .slider-button{
    border: solid 3px  var(--mainColor);
}

/* =================== OTHER =================== */

body.highContrast .switch2,
body.highContrast .switch3{
    margin-left: 0.5rem;
}

body.highContrast .shadowPopUp .popup-content input[type=range]::-webkit-slider-runnable-track,
body.highContrast .lidarPopUp input[type=range]::-webkit-slider-runnable-track {
    background-color: var(--yellowWCAG);
    height: 0.15rem;
}

body.highContrast .shadowPopUp .popup-content input[type=range],
body.highContrast .lidarPopUp input[type=range]  {
    height: 2.3rem;
    background-color: transparent;
    -webkit-appearance: none;
}

body.highContrast .contextMenuPlugin>li>a:hover{
    background-color: var(--black) !important;
    color: var(--yellowWCAG);
    text-decoration: underline;
}

body.highContrast .imageReveal-drag{
    background-color:  var(--mainColor);
    width: 4px !important;   
}

body.highContrast .nicemenu-sub.active{
    border-bottom: solid 1px var(--yellowWCAG);
    box-shadow: 0px 2px var(--yellowWCAG);
}

body.highContrast .cesium-infoBox-title{
    color:var(--yellowWCAG)!important;
    background-color: transparent!important;
}

body.highContrast .close-button{
    fill: var(--whiteTxt);
}

body.highContrast #popupSource > a {
    color:  var(--mainColor); 
}

body.highContrast select option{
    background-color:var(--yellowWCAG);
}
body.highContrast ul.ui-autocomplete li {
    border-top: 1px solid #333;
}

body.highContrast #shapeSelect {
    background-color: var(--yellowWCAG);
}

body.highContrast #keySelect {
    background-color: var(--yellowWCAG);
}

body.highContrast #expand-legend-window svg {
    fill: var(--yellowWCAG) !important;
}

body.highContrast #manualSubjectContentT a {
    color: var(--yellowWCAG);
    text-decoration: underline;
}

body.highContrast .zoom-container svg {
    fill: var(--yellowWCAG);
}

body.highContrast #layers-list .sortableStyle,
body.highContrast #layers-list .layerMove,
body.highContrast #groupName,
body.highContrast .layerOptionsContainer {
    background-color: #000;
}

body.highContrast .draggableContainerMainGroup svg,
body.highContrast .draggableContainerMain svg,
body.highContrast .center_to_attribute {
    fill: var(--yellowWCAG) !important;
}

body.highContrast .draggableContainerMainGroup svg#layerSvgOption:hover,
body.hichContrast .draggableContainer svg.atrybIcon:hover,
body.hichContrast .draggableContainer svg#layerSvgOption:hover,
body.highContrast .center_to_attribute:hover {
    fill: var(--mainColor) !important;
}

body.highContrast .switchLayers,
body.highContrast .wms-checkbox {
    border-color: var(--yellowWCAG) !important;
}

body.highContrast #buttonLoadWms {
    color: var(--yellowWCAG);
}