/* Override bootstrap vars */


/*.btn-secondary {*/
/*    --bs-btn-bg: var(--bs-secondary);*/
/*    --bs-btn-border-color: var(--bs-secondary);*/
/*    --bs-btn-disabled-bg: var(--bs-secondary);*/
/*    --bs-btn-disabled-border-color: var(--bs-secondary);*/
/*    --bs-btn-hover-bg: #0bbfd7;*/
/*    --bs-btn-hover-border-color: #0ba7d7;*/
/*}*/

/* Page stuff */

body {
    min-height: 100vh;
    background-color: var(--bs-white);
}

.bg-form-card {
    background-color: var(--bs-gray-400) !important;
}

/* UI/UX stuff */

.icon {
    height: 24px;
    width: 24px;
}

.info-icon {
    height: 20px;
    width: 20px;
}

.shadow-subtle {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}

.shadow-less-subtle {
    box-shadow: 0 4px 6px rgba(0, 0, 0, .3);
}

.shadow-less-subtle-light {
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1);
}

.shadow-large {
    box-shadow: 0 15px 25px rgba(0, 0, 0, .2);
}

.min-vh-75 {
    min-height: 75vh !important
}

/* Forms */

.form-info {
    max-width: 25em;
}

.form-widget {
    width: 600px;
}

.form-widget h1 {
    font-size: 1.5rem;
    font-weight: normal;
}

.required:after {
    content:" *";
    color: var(--bs-info);
}

.btn:focus {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1);
}