html {
   font-size:16px;
   height:100%;
   padding:0;
}
body{
    height:100%;
}
.mt-0 {
    margin-top: 0 !important;
}
.popup2 {
    background: rgb(34 34 34 / 27%);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.4s, visibility 0.4s;
    font-size: medium;
    text-align: center;
}
.tab-content>.active {
    display: flex;
}
.btn-group-vsm {
    &>.btn {
        padding: 0.20rem 0.3rem !important;
        font-size: 0.775rem !important;
        border-radius: 0.25rem !important;
    }

}

.btn-vsm {
    padding: 0.20rem 0.3rem !important;
    font-size: 0.775rem !important;
    border-radius: 0.25rem !important;
}

#tabHeader.nav > li > a {
    padding: 5px 7.5px 1px;
    font-size: 0.8rem;
    outline: 0;
    height: 30px;
    color: var(--wka-clr-brand);
    cursor: pointer;
    
    
    
    
    
    
    
    
    
    & > label {
        margin-bottom:0;
        cursor: pointer;
    }
    &> .btn-xs {
        padding: 0 0.25rem !important;
        font-size: 0.675rem !important;
    }
}
#tabHeader {
    flex: 0 0 auto;
}

#tabContent {
    flex: 1 0 auto;
}
.col-lg-12:has(> .INSIDE_DIV_STYLE) {
    padding: 0 5px;
}
.popup--is-visible {
    visibility: visible;
    opacity: 1;
    z-index: 999999;
}

.popup_container {
    background: var(--wka-bg);
    position: relative;
    transform: translate(0, -2.5rem);
    transform: translate3d(0, -2.5rem, 0);
    backface-visibility: hidden;
    transition: transform 0.4s;
}

.popup_container-is-lower {
    transform: translate(0, 0);
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    width: 250px;
    height: auto;
    top: calc(70vh - 50%);
    border-radius: 15px;
    border: 3px solid #0d83d7;
    margin: auto;
}

.popup_title {
    border-bottom: 1px solid var(--wka-blue);
    text-align: left;
    padding-left: 10px;
}

.popup_body {
    border-bottom: 1px solid var(--wka-blue);
    padding-bottom: 20px;
}

.popup_btn {
    margin-top: -7px !important;
    margin-bottom: 2px !important;
}

.switch {
    position: relative;
    display: inline-block;
    width: 41px;
    height: 20px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 18px;
        width: 18px;
        left: 1px;
        bottom: 1px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(2rem);
    -ms-transform: translateX(2rem);
    transform: translateX(2rem);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

.txtTheme {
    z-index: -1;
    width: 0;
    height: 0;
    visibility: hidden;
}

#divContainerFluid {
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    & #tabContent .tab-pane {
        height:100% !important;
        & > iframe {
            height:100% !important;
        }
       
    }
}
.btnDarkMode,.btnTheme {
    cursor: pointer;
}
.uInfo {
    color: var(--color);
    cursor: pointer;
    &:empty {
        display:none;
    }
    &:hover {
        padding: 0 0.267em;
        background-color: var(--wka-darkBlue);
        color: white;
        border-radius: 6px;
    }
}
.top-btn-con {
    z-index: 2;
    right: 0;
    position: absolute;
    top: 0;
    padding: 4px 0px 0 0;
    display: flex;
    column-gap: 1em;
}
.txtTheme, .btnTheme {
    border: none;
    color: var(--color);
}

@media only screen and (max-width: 760px) {
    .container-fluid#divContainerFluid {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}