body,
html {
    /* font-family: 'Poppins', sans-serif; */
    font-family: 'Karla', serif;
    scrollbar-width: none;
}

html::-webkit-scrollbar {
    /* WebKit */
    width: 0;
    height: 0;
    display: none;
}

#nurse-booking .mx-datepicker {
    width: 100%;
}

#nurse-booking .mx-datepicker .datepicker {
    font-size: 12px;
    padding: 20px 20px;
}

label.label-input-required::after {
    content: " *";
    color: red;
}

.font-weight-500 {
    font-weight: 500;
}

.swal2-popup.swal2-modal.swal2-show:not(.swal2-default) {
    width: 300px;
    border: 2px solid #c4c8d4;
    border-radius: 20px;
}

/* Bootstrap hover at dropdown menu */
.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown .dropdown-menu a {
    text-transform: uppercase;
    font-size: 14px;
}

.dropdown .dropdown-menu.active a {
    font-weight: bold;
}

a.primary-red {
    color: #a81a17;
}

/* Vue pagination styling */
li.VuePagination__pagination-item .page-link {
    color: #666666;
    font-weight: 500;
}

li.VuePagination__pagination-item .page-link.active {
    background-color: #a81a17;
    border-color: #a81a17;
}

@media (max-width: 450px) {

    .wrapper-2L6Ge,
    .u-userLauncherColor:not([disabled]),
    .wrapperMobile-4dd0Q {
        display: none !important;
    }
}

@media print {

    #printing,
    .wrapper-2L6Ge,
    .u-userLauncherColor:not([disabled]) {
        display: none !important;
    }

    #page-break {
        page-break-before: auto;
    }
}

/* 
.thumbnails {
    margin: auto;
    max-width: 300px;
}

.thumbnails .vueperslide {
    box-sizing: border-box;
    border: 1px solid #fff;
    transition: 0.3s ease-in-out;
    opacity: 0.7;
    cursor: pointer;
}

.thumbnails .vueperslide--active {
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    opacity: 1;
    border-color: #000;
} */

/* font-family: 'Karla', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Spectral', serif; */

.ff-title {
    font-family: 'Popins', sans-serif !important;
}

.ff-desc {
    font-family: 'Karla', serif !important;
}

.fw-strong {
    font-weight: bold !important;
}

.fw-stronger {
    font-weight: bolder !important;
}

.fw-light {
    font-weight: light !important;
}

.fs-1 {
    font-size: 3rem !important;
}

.fs-2 {
    font-size: 2rem !important;
}

.fs-3 {
    font-size: 1.25rem !important;
}

.c-primary {
    color: #a71b17 !important
}

.bg-c-primary {
    background-color: #a71b17 !important;
}

.btn-outline-c-primary {
    border-color: #a71b17 !important;
}

.btn-c-primary {
    background-color: #a71b17 !important;
    border-color: #a71b17 !important
}


.custom-radius {
    border-radius: .75rem !important;
}

.bg-no {
    background-color: transparent !important;
}

.modal {
    z-index: 9999999 !important
}