:root {
    --bs-body-font-size: 1.1rem;
}

@include media-breakpoint-up(sm) {
    html {
        font-size: 1.2rem;
    }
}

@include media-breakpoint-up(md) {
    html {
        font-size: 1.4rem;
    }
}

@include media-breakpoint-up(lg) {
    html {
        font-size: 1.6rem;
    }
}

.dropdown-item {
    white-space: normal;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

h1 {
    font-size: 2.0rem;
}

h2 {
    font-size: 1.85rem;
}

.bg-success-light {
    background-color: #bafac9 !important;
}

.bg-danger-light {
    background-color: #ffc4c3 !important;
}

.form-control:focus {
    box-shadow: none !important;
}

body .modal-dialog {
    min-width: 450px;
    max-width: 95%;
    width: max-content !important;
}

a {
    text-decoration: none;
}

.table>:not(caption)>*>* {
    color: inherit;
}