:root {
    --bs-border-color: #7f868d;
    --bs-border-color-translucent: rgba(0, 0, 0, 0.5);

    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.15);
    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.35);
    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.15);

    --bs-secondary-border-subtle: var(--bs-secondary);

    .alert-primary {
        --bs-alert-border-color: var(--bs-primary);
    }
    .alert-secondary {
        --bs-alert-border-color: var(--bs-secondary);
    }
    .alert-success {
        --bs-alert-border-color: var(--bs-success);
    }
    .alert-danger {
        --bs-alert-border-color: var(--bs-danger);
    }
    .alert-warning {
        --bs-alert-border-color: var(--bs-warning);
    }
    .alert-info {
        --bs-alert-border-color: var(--bs-info);
    }
    .alert-light {
        --bs-alert-border-color: var(--bs-light);
    }
    .alert-dark {
        --bs-alert-border-color: var(--bs-dark);
    }

    .card {
        --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.05);
    }

    .form-check-input:focus, .form-control:focus, .form-select:focus, .focus .ts-control {
        border-color: #3085ff;
        box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.5);
    }

    .hide-light {
        display: none;
    }

    hr {
        color: var(--bs-border-color-translucent);
        opacity: 1;
    }
}

.form-login {
    max-width: 400px;
    padding: 1rem;
}
.form-login .form-floating:focus-within {
    z-index: 2;
}
.form-login input#username {
    margin-bottom: -1px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.form-login input#password {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}