.atlas-element-stat-card {
    border-radius: 8px;
    border: 1px solid var(--Grey-200, #E5E7EA);
    background: var(--White, #FFF);
    min-height: 4.583vw;
    width: 11.6vw !important;
    min-width: 210px;
}

.atlas-element-detail-switches {
    width: 100%;
    display: flex;
    justify-content: center;
}

.atlas-element-detail-switches .atlas-element-switches {
    display: inline-flex !important;
    gap: 0.775rem;
    justify-content: center !important;
    align-items: center !important;
    width: auto !important;
    min-width: 0;
    padding-left: 0 !important;
    margin: 0 !important;
}

.atlas-element-detail-switches .atlas-element-switches .sph-switch-loading-target {
    width: 72px;
    height: 30px;
}

.atlas-element-detail-switches .atlas-element-switches .sph-switch-loading-target.sph-switch-loading::after {
    width: 20px;
    height: 20px;
}

.atlas-element-detail-switches .atlas-element-switches .sph-switch-loading-target.sph-switch-loading.sph-switch-loading-checked::after {
    right: 5px;
    left: auto;
}

.atlas-element-detail-switches .atlas-element-switches .sph-switch-loading-target.sph-switch-loading.sph-switch-loading-unchecked::after {
    left: 5px;
    right: auto;
}

.atlas-element-detail-switches .atlas-element-switches .sph-switch-on-off {
    width: 72px !important;
    min-width: 72px;
    height: 30px !important;
    --sph-switch-label-knob-space: 25px;
    --sph-switch-label-edge-space: 3px;
}

.atlas-element-detail-switches .atlas-element-switches .sph-switch-on-off::after {
    font-size: 11px;
    font-weight: 400;
}

.atlas-element-detail-switches .atlas-element-switches .outputStatusBadge {
    padding: 0.2rem 0.45rem !important;
    margin-top: 0 !important;
    font-size: 0.85rem;
}

@media (max-width: 991.98px) {
    .atlas-element-detail-switches .atlas-element-switches .outputStatusBadge {
        margin-top: 0.25rem !important;
    }
}

.divDetailContent .sph-refresh-button.btnReload-tiny {
    width: 3.50rem !important;
    min-width: 3.50rem !important;
    height: 3rem !important;
    min-height: 3rem !important;
}

.divDetailContent .sph-refresh-button.btnReload-tiny .sph-refresh-button-icon {
    font-size: 1.50rem;
}

.divDetailContent .sph-refresh-button.btnReload-tiny .sph-refresh-button-spinner {
    width: 1.1rem;
    height: 1.1rem;
}