@import '_content/BlazorDateRangePicker/BlazorDateRangePicker.bundle.scp.css';
@import '_content/Excubo.Blazor.TreeViews/Excubo.Blazor.TreeViews.bundle.scp.css';

/* /Components/SBC/Dialer.razor.rz.scp.css */
/* APPEND THE CODE BELOW TO THE EXISTING CSS, DO NOT REMOVE THE EXISTING CSS */
.dialer[b-ewfmi8szi6] {
    background-color: #FFF;
    padding: 5px 20px;
    width: 350px;
    padding-bottom: 15px;
}

.dialer--show-top[b-ewfmi8szi6] {
    bottom: -450px;
}

.dialer--incoming-call[b-ewfmi8szi6] {
    animation: shake-b-ewfmi8szi6 1s cubic-bezier(.36, .07, .19, .97) infinite both;
}

.dialer--show[b-ewfmi8szi6] {
    bottom: 0;
}

.dialer .btn[b-ewfmi8szi6]{
    text-align: center;
}

.show-hide-button[b-ewfmi8szi6] {
    position: absolute;
    top: -38px;
    right: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

div.dial-pad[b-ewfmi8szi6]{
    margin-left: 27px;
}

.dial-pad button[b-ewfmi8szi6] {
    display: block;
    float: left;
    border-radius: 37.5px;
    width: 60px;
    height: 60px;
    margin-bottom: 5px;
    margin-right: 5px;
    font-size: 24px;
}

.dial-pad button:nth-child(3n)[b-ewfmi8szi6] {
    margin-right: 0;
}

@keyframes shake-b-ewfmi8szi6 {
    5%, 45% {
        transform: translate3d(-1px, 0, 0);
    }

    10%, 40% {
        transform: translate3d(1px, 0, 0);
    }

    15%, 25%, 35% {
        transform: translate3d(-2px, 0, 0);
    }

    20%, 30% {
        transform: translate3d(2px, 0, 0);
    }
}
/* /Components/SBC/Map/MapBase.razor.rz.scp.css */
.card-body-top-space .leaflet-container[b-i0u9hc784p] {
    height: 100%;
    z-index: 20;
}

#main-map-container[b-i0u9hc784p] {
    height:100%
}

.card-body-top-space .card.dark-black-card .card-header h1[b-i0u9hc784p] {
    color: #ffffff;
}

#main-map-div .map-expand-icon-section[b-i0u9hc784p] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 100%;
    margin-bottom: 0px;
    z-index: 1024;
}

#main-map-div .input-map[type="checkbox"]:checked + label[b-i0u9hc784p] {
    box-shadow: none;
}

#main-map-div .input-map[type="checkbox"]:not(:checked) + label[b-i0u9hc784p] {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

#main-map-div .map-expand-icon-section svg[b-i0u9hc784p] {
    width: 24px;
    height: 24px;
}

    #main-map-div .map-expand-icon-section svg path.st0[b-i0u9hc784p] {
        fill: none;
    }

    #main-map-div .map-expand-icon-section svg path.st1[b-i0u9hc784p] {
        fill: #929497;
    }

/*class*/

.main-map-div-class .map-expand-icon-section[b-i0u9hc784p] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 100%;
    margin-bottom: 0px;
    z-index: 1024;
}

.main-map-div-class .input-map[type="checkbox"]:checked + label[b-i0u9hc784p] {
    box-shadow: none;
}

.main-map-div-class .input-map[type="checkbox"]:not(:checked) + label[b-i0u9hc784p] {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

.main-map-div-class .map-expand-icon-section svg[b-i0u9hc784p] {
    width: 24px;
    height: 24px;
}

    .main-map-div-class .map-expand-icon-section svg path.st0[b-i0u9hc784p] {
        fill: none;
    }

    .main-map-div-class .map-expand-icon-section svg path.st1[b-i0u9hc784p] {
        fill: #929497;
    }


.leaflet-control .input-map ~ div[b-i0u9hc784p] {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s, overflow 0s;
}

.leaflet-control .input-map[type="checkbox"]:checked ~ div[b-i0u9hc784p] {
    max-height: 632px;
    overflow: hidden;
    transition: max-height 0.5s, overflow 0.5s 0.5s;
}

.leaflet-control input[b-i0u9hc784p] {
    display: none;
}

#unit-group-selection[b-i0u9hc784p] {
    margin-top: 5px;
}

/* Not Working CSS Folder wise Start */
.card-body-top-space .card.dark-black-card[b-i0u9hc784p] {
    background-color: #414042 !important;
}

.card-body-top-space .card .card-body[b-i0u9hc784p] {
    padding-top: 0px !important;
}
/* Not Working CSS Folder wise End */

@media (max-width: 991.98px) {
}

@media (max-width: 575.98px) {
    .card-body-top-space .card.dark-black-card .card-header h1[b-i0u9hc784p] {
        color: #404041;
    }
}
/* /Components/SBC/Map/UnitsMap.razor.rz.scp.css */
.card-body-top-space .leaflet-container[b-vmybfe9fep] {
    height: 100%;
    z-index: 20;
}

#main-map-container[b-vmybfe9fep] {
    height:100%
}

.card-body-top-space .card.dark-black-card .card-header h1[b-vmybfe9fep] {
    color: #ffffff;
}

#main-map-div .map-expand-icon-section[b-vmybfe9fep] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 100%;
    margin-bottom: 0px;
    z-index: 1024;
}

#main-map-div .input-map[type="checkbox"]:checked + label[b-vmybfe9fep] {
    box-shadow: none;
}

#main-map-div .input-map[type="checkbox"]:not(:checked) + label[b-vmybfe9fep] {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

#main-map-div .map-expand-icon-section svg[b-vmybfe9fep] {
    width: 24px;
    height: 24px;
}

    #main-map-div .map-expand-icon-section svg path.st0[b-vmybfe9fep] {
        fill: none;
    }

    #main-map-div .map-expand-icon-section svg path.st1[b-vmybfe9fep] {
        fill: #929497;
    }

/*class*/
.card-body-top-space .leaflet-container.main-map-div-class[b-vmybfe9fep] {
    z-index: 0;
}
.main-map-div-class .map-expand-icon-section[b-vmybfe9fep] {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border-radius: 100%;
    margin-bottom: 0px;
    z-index: 1024;
}

.main-map-div-class .input-map[type="checkbox"]:checked + label[b-vmybfe9fep] {
    box-shadow: none;
}

.main-map-div-class .input-map[type="checkbox"]:not(:checked) + label[b-vmybfe9fep] {
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.2);
}

.main-map-div-class .map-expand-icon-section svg[b-vmybfe9fep] {
    width: 24px;
    height: 24px;
}

    .main-map-div-class .map-expand-icon-section svg path.st0[b-vmybfe9fep] {
        fill: none;
    }

    .main-map-div-class .map-expand-icon-section svg path.st1[b-vmybfe9fep] {
        fill: #929497;
    }

.leaflet-control .input-map ~ div[b-vmybfe9fep] {
    max-height: 0px;
    overflow: hidden;
    transition: max-height 0.5s, overflow 0s;
}

.leaflet-control .input-map[type="checkbox"]:checked ~ div[b-vmybfe9fep] {
    max-height: 632px;
    overflow: hidden;
    transition: max-height 0.5s, overflow 0.5s 0.5s;
}

.leaflet-control input[b-vmybfe9fep] {
    display: none;
}

.dash-border[b-vmybfe9fep] {
    border: 2px dashed #3388ff;
    background-color: #3388ff4d;
}

#unit-group-selection[b-vmybfe9fep] {
    margin-top: 5px;
}

@media (max-width: 991.98px) {
}

@media (max-width: 575.98px) {
    .card-body-top-space .card.dark-black-card .card-header h1[b-vmybfe9fep] {
        color: #404041;
    }
}
/* /Components/SBC/SBIOUnitStatusTable.razor.rz.scp.css */

.cause-container[b-jjsb0ydonu] {
    overflow: auto;
}

span.status[b-jjsb0ydonu] {
    font-weight: bold;
}

    span.status.connected[b-jjsb0ydonu] {
        color: limegreen;
    }

    span.status.maybe[b-jjsb0ydonu] {
        color: orange;
    }

    span.status.not[b-jjsb0ydonu] {
        color: red;
    }