.mr-auto { margin-right: auto; }
.mb-16 { margin-bottom: 16px; }
.mr-8 { margin-right: 8px; }
.mb-8 { margin-bottom: 8px; }
.mb-24 { margin-bottom: 24px; }
.align-items-center { align-items: center; }
.flex-direction-column { flex-direction: column; }
.text-align-center { text-align: center; }
.text-align-right { text-align: right; }

.status-animation {
    animation: pulsate 1s ease-out infinite;
}

@keyframes pulsate {
    0% { transform: scale(1);}
    50% { transform: scale(1.1);}
    100% { transform: scale(1);}
}

.form-check.form-switch {
    display: flex;
    align-items: center;
}

.form-check.form-switch .form-check-input {
    height: 24px;
    width: 48px;
    border-width: 1px;
}

.form-check.form-switch .form-check-input:checked {
    background-color: #4EC9AD!important;
    border-color: #4EC9AD!important;
    border: none;
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba(255,255,255,1.0)'/></svg>")
}

.form-check.form-switch .form-check-input:not(:checked) {
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='rgba(200,200,200,1.0)'/></svg>");
}

.form-check.form-switch .form-check-input:focus {
    box-shadow: none !important;
    border-color: rgba(0, 0, 0, 0.25);
}


.form-check.form-switch .form-check-label {
    margin-left: 8px;
}


/* *:focus {
    box-shadow: none !important;
} */