html,
body {
    height: 100%
}

.content {
    margin: auto
}

    .content > .row {
        height: 100%
    }

.icon-banner {
    width: 140px
}

.navbar-lang-red-arrow {
    font-size: 12px
}

    .navbar-lang-red-arrow::after {
        color: black;
        font-size: 16px !important;
    }

.w-640 {
    width: 640px;
    margin: 0 auto
}

.p-top-4 {
    padding-top: 4px
}

.m-left-4 {
    margin-left: 4px
}

.error-message {
    z-index: 10000
}

.validation-summary-errors {
    margin: 0 8px;
    flex: 1 1
}

    .validation-summary-errors > ul {
        margin: 0;
        padding-inline-start: 0;
        list-style-type: none
    }

.alert {
    box-shadow: 0 2px 6px 0 rgba(77, 77, 77, 0.4);
    padding: 8px
}

    .alert div {
        align-self: center
    }

    .alert .assura-close {
        cursor: pointer
    }

.popover {
    max-width: 416px;
    -webkit-box-shadow: 0px 11px 30px 0px rgba(77, 77, 77, 0.15), 0px 12px 80px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 11px 30px 0px rgba(77, 77, 77, 0.15), 0px 12px 80px 0px rgba(0, 0, 0, 0.15);
}

.bs-popover-auto[x-placement^=bottom] > .arrow::after, .bs-popover-bottom > .arrow::after {
    border-bottom-color: var(--white)
}

.field-validation-error {
    display: inline-block
}

.loader-hide {
    display: none
}

.btn-loader:disabled {
    opacity: 100;
    color: var(--white) !important;
    background-color: var(--primary) !important
}

.assura-contact-mobile,
.assura-contact-desktop {
    padding: 24px
}

.assura-contact-mobile {
    border-width: 1px;
    border-style: solid
}

@media screen and (max-width: 671px) {
    .dropdown-menu {
        left: auto !important;
        right: -20px !important
    }
}