.overviewPanel {
    /* position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%; */
    /* z-index: 10; */
     /* pointer-events: none;  */
}

#overviewContainer {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
    /* z-index: 10; */
    pointer-events: none;
}

@media (min-width: 1200px){
    .overviewPanel.col-lg-4 {
        max-width: 420px;
    }
}

#mainPanel {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    overflow: auto;
    /* max-width: calc(100% - 60px); */
}

#geoToolsPanel {
    overflow: hidden;
    pointer-events: auto;
    height: fit-content;
    width: min-content;
}

#sowacZoomGroup .ol-control{
    position: unset !important;
    background-color: unset !important;
    padding: unset !important;
}

#sowacZoomGroup .ol-control button{
    margin: 0px;
    border-radius: unset;
    width: 60px;
    height: 60px;
    background-color: var(--semitrans-light);
    color: var( --main-color-dark);
    transition: all 0.3s ease-in-out;
}

#sowacZoomGroup .ol-control button:hover{
    background-color: var(--main-color-light);
    color: var( --main-color-dark);
}


#sowacZoomGroup .ol-zoom-in{
    background-color: royalblue;

}

#mainToolsPanel, #detailPanel {
    pointer-events: auto;
    height: fit-content;
    max-height: 100%;
    overflow-y: auto;
}

#panelMainContainer {
    overflow-y: auto;
    box-shadow: -1px 7px 4px -6px rgb(0 23 40 / 30%) inset;
    -webkit-box-shadow: -1px 7px 4px -6px rgb(0 23 40 / 30%) inset;
    -moz-box-shadow: -1px 7px 4px -6px rgba(0,23,40,0.3) inset;
}

.overviewPanel > header {
  height: 60px;
}

.col-non-margin {
  margin: unset !important;
}

.nav-tabs .nav-link.active{
    font-weight: 800;
    color: var(--main-color-dark);
}

.nav-tabs .nav-link:not(.active){
    color: var(--main-color-semi);
    font-weight: 200;
}

.sizeBasic{
    width: 60px !important;
    min-width: 60px;
    height: 60px !important;
    min-height: 60px;
}

[data-bs-toggle].collapsed .targetIsOpened {
  display: none;
}

[data-bs-toggle]:not(.collapsed) .targetIsClosed {
  display: none;
}

.layerTitle.activeItem .layer-noncheck {
  display: none;
}

.layerTitle:not(.activeItem) .layer-check {
  display: none;
}

.layerTitle.activeItem .layerLabel {
  font-weight: bold;
  font-size: medium;
}

.layerOpationsLabel {
  font-size: smaller;
  color: darkslategrey;
}

.resultItem aside {
  width: 65px;
}

.resultItem {
  line-height: 1 !important;
  cursor: pointer;
}

.resultItem:hover {
  background-color: var(--main-color-lighter);
}

.resultItem aside {
  color: var(--main-color-dark);
}

/* search box*/
.searchBoxContainer input:focus {
  border-color: var(--main-color-semi) !important;
}

#searchingResultBox .typ{
  font-size: 0.8rem;
  color: var(--main-color-semi);
}

#searchingResultBox .okres, #searchingResultBox .ulozeno{
  font-size: 0.8rem;
  color: darkslategray;
}

.clearSearch {
  color: var(--main-color-grey);
  border: none !important;
}

table.queryTable tr>td:first-child{
    width: 40%;
}
table.queryTable td:last-child{
    width: 60%;
}

.groupContainer>header{
    cursor: pointer;
}

.modal-body{
    color: #6c757d!important;
    font-size: 80%;
    font-weight: 400;
}


.btn-icon{
    min-width: 60px !important;
}

.lokalizaceItem.active, .statisticsItem.active{
    background-color:  var(--main-color-lighter );
    color: var( --main-color-dark );
}

.saveLocIcon, .selectLocIcon{
    color:  rgb(125, 141, 157);
}

.saveLocIcon.toSave{
    color: firebrick;
}

.lokalizaceItem.selected, .statisticsItem.selected {

    border-top: solid 2px cadetblue;
    border-bottom: solid 2px cadetblue;
}



.settingStave {
    display: flex;
    justify-content: center;
    align-self: center;
}

.lokalizaceItem.selected [data-temp="nazev"], .statisticsItem.selected [data-temp="nazev"] {
    font-weight: bolder;
    font-size: larger;
}

.statisticsItem [data-temp="subtitle"], .statisticsItem [data-temp="description"] {
  font-size: small;
}

.spinner-background {
    /* Nastavení barvy pozadí - můžete přizpůsobit podle své preference */
    background-color: rgba(198, 206, 221, 1); 

    /* Animace s časovou osou 2 sekundy pro plynulou změnu průhlednosti a barvy */
    animation: fade-in-out 2s infinite;
}

/* Vytvoření klíčové snímky animace */
@keyframes fade-in-out {
    0% {
        background-color: rgba(232, 236, 245, 0.95);
    }
    50% {
        background-color: rgba(232, 236, 245, 0.85);
    }
    100% {
        background-color: rgba(232, 236, 245, 0.95);
    }
}

.fadeOut {
    opacity: 0 !important;
    transition: opacity 0.4s ease-out;
}


#infoPanel header, #infoPanel footer {
    flex-shrink: 0;
}

#themePanel {
    flex-grow: 1;
    overflow-y: auto;
}

#themeGraph{
    overflow: auto;
    padding-right: 15px;
}

#infoPanel {
    position: absolute;
    top: 0px;
    bottom: 0px;
    width: 100%;
}