html {
    -ms-overflow-style: scrollbar;
}

body {
    overflow-y: scroll;
    overflow-x: hidden;
}

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
    border-color: #000000;
    padding: 3px;
}

.modalContent {
    padding: 10px;
}

.modal-body {
    max-height: none !important;
    overflow: auto;
}

input[type="text"], input[type="password"], input[type="date"], input[type="email"], input[type="tel"], select {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

form {
    margin-top: 0;
}

/* custom disabled */
.disabled {
    opacity: .35;
    cursor: not-allowed;
    pointer-events: none;
}

    .disabled input[type=text], .disabled .custom-radio {
        background-color: #cecece;
    }

    .disabled label {
        color: #8c8c8c !important;
    }

/* custom hidden */
.hidden {
    display: none
}

/* custom button */
.button:hover {
    cursor: pointer;
}

/* french overrides */
body.language-fr.platform-mac.browser-safari.xs a[data-cw-event-label="participate"] {
    font-size: 16px;
}

body.language-fr.platform-mac.browser-safari.xs .footer-nav ul li a {
    line-height: 30px;
}

div#lstHypoglycemia div.input-group div.col-12 {
    white-space: nowrap;
}

/* table fixes*/
table tbody td {
    padding: 5px !important;
}

table thead th {
    text-align: center !important;
}

/* custom */
body.method-post .auto-hide {
    visibility: hidden;
}

.pq, .pq-complete, .qo, .qo-complete, .qo-incomplete, .dq, .dq-complete, .dq-incomplete, .delete-complete {
    display: none;
}

.country-ca-only, .country-us-only {
    display: none;
}

body.country-ca .country-ca-only:not(.hidden) {
    display: block;
}

body.country-us .country-us-only:not(.hidden) {
    display: block;
}

.label_helper {
    display: block;
    font-family: "Nunito Sans", sans-serif;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    margin-bottom: 0;
    margin-top: 4px;
    color: #000000;
    line-height: 24px;
}

#lstContactTime {
    margin-top: 35px;
}

/* modal */
#modal-message .modal-footer, #consentModal .modal-footer {
    display: -webkit-box;
}

#consentModal .btn-close {
    margin-left: auto;
    margin-top: 10px;
    margin-right: 10px;
}

.btn-close {
    background-color: transparent;
    position: relative;
    border: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .btn-close:before, .btn-close:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 90%;
        height: 2px;
        background-color: #573392;
    }

    .btn-close:focus-visible {
        border-color: #fff;
        -webkit-box-shadow: 0px 0px 0px 4px rgba(0, 101, 171, 0.7);
        box-shadow: 0px 0px 0px 4px rgba(0, 101, 171, 0.7);
        outline: 0;
    }

    .btn-close:before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .btn-close:after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

/* override for us-english */
body.region-en .hero_banner {
    background-color: #b42e1a;
}