body {
    background: #ccccdd;
}

#page {
    background: white;
    border: none;
    border-radius: 5px;
    min-height: 10em;
    margin-bottom: 0.5em;
}

.page-body {
    padding: 0.25em 1em 2em 1em;
}

.error-occurred {
    margin-left: 0.15em;
}

h1.header {
    color: #2e6da4;
}

.required:before {
    content: "*";
    color: red;
}

.header {
    margin-top: 2vh;
}

a {
    color: #2e6da4;
}

.info-border {
    border: 1px solid #b3aba9;
    border-radius: 5px;
}

.info-border h1 {
    font-size: 1em;
    margin-top: -1em;
    margin-left: 1em;
    color: #b3aba9;
    font-family: font-family-sans-serif, sans-serif;
}

.info-border h1 span {
    background-color: white;
}

.btn-toolbar {
    margin: 1em 0 0 0;
}

.info-text label {
    font-weight: bold;
    color: #84807B;
    font-size: .75em;
    margin-bottom: -1em;
}

.info-text p {
    font-weight: bold;
    color: #84807B;
    font-size: .75em;
}

.form-check label {
    font-weight: bold;
}

.form-check-label-normal {
    margin-bottom: 0;
    font-weight: normal !important;
}

.form-check input {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
}

#patient-consent-tooltip {
    border-radius: 15px;
    font-weight: bold;
    color: white;
    font-size: 1.2em;
    background: #FFA500;
    line-height: .8em;
}

.form-group.required .control-label:after {
    content: "*";
    color: red;
}

.was-validated .form-control:valid {
    border-color: #ced4da;
}

.invalid-tooltip {
    top: 80%;
    position: static;
}

.invalid {
    color: red;
    display: none;
}

.valid {
    color: green;
    display: none;
}

#referral-info {
    resize: none;
    font-size: .75em;
}

#referral-info::placeholder {
    color: #b3aba9;
}

#referral-info:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #b3aba9;
}

#provider-message {
    color: #dc3545;
    font-size: .75em;
    margin: 0 0 0 -.05em;
}

.flood {
    background-color: #F7F7F7;
}

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

.download {
    float: right;
}

@media print {
    .dont-print {
        display: none;
    }
    body {
        background: white;
    }
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
    background-image: none;
}

.form-control.is-valid,
.was-validated .form-control:valid {
    background-image: none;
}

.card-spacing {
    margin-bottom: 1em;
}

.print {
    margin: 1em;
}

.icon {
    height: 1em;
}

.nav-tabs {
    border-bottom: 1px solid #2e6da4;
}

nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #2e6da4 #2e6da4 #fff;
}

.page-link {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #2e6da4;
    background-color: #fff;
    border: 1px solid #dee2e6;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2e6da4;
    border-color: #2e6da4;
}

.covid-form-check-input.is-invalid ~ .invalid-feedback, .covid-form-check .form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .covid-form-check .form-check-input:invalid ~ .invalid-feedback, .was-validated .covid-form-check .form-check-input:invalid ~ .invalid-tooltip {
    display: inline;
}

.form-check-input.is-invalid ~ .invalid-tooltip, .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip {
    display: block;
}

.inline_block {
    display: inline-block;
}

.btn-primary {
    color: #fff;
    background-color: #2e6da4;
    border-color: #2e6da4;
}

.bg-secondary-crisp {
    background-color: #7f8991 !important;
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 900px;
    }
}

@media print {
    /* on modal open bootstrap adds class "modal-open" to body, so you can handle that case and hide body */
    body.modal-open {
        visibility: hidden;
    }

    body.modal-open .modal .modal-header,
    body.modal-open .modal .modal-body {
        position: absolute;
        top: 0;
        padding: 0;
        left: -25%;
        margin-left: -25%;
        overflow: visible !important;
        visibility: visible; /* make visible modal body and header */
    }

    body.modal-open .close,
    body.modal-open .modal-header{
        visibility: hidden !important;
    }
}

@supports (-ms-ime-align: auto) {
     /* Edge CSS styles go here */
    @media print {
        /* on modal open bootstrap adds class "modal-open" to body, so you can handle that case and hide body */
        body.modal-open {
            visibility: hidden;
        }

        body.modal-open .modal .modal-header,
        body.modal-open .modal .modal-body {
            position: absolute;
            top: 0;
            left: -5%;
            margin-left: -5%;
            padding: 0;
            overflow: visible !important;
            visibility: visible; /* make visible modal body and header */
        }

        body.modal-open .close,
        body.modal-open .modal-header {
            visibility: hidden !important;
        }
    }
}

@media print and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    /* on modal open bootstrap adds class "modal-open" to body, so you can handle that case and hide body */    
    body.modal-open {
        visibility: hidden;
    }
    
    body.modal-open .modal .modal-body {
        position: absolute;
        top: 0;
        left: -5% !important;
        margin-left: -5% !important;
        padding: 0;
        overflow: visible !important;
        visibility: visible; /* make visible modal body and header */
    }

    body.modal-open .close,
    body.modal-open .modal-header{
        visibility: hidden !important;
    }
}

.covid-text-adjust {
    font-size: 90%;
}

.highlighted {
    background: #ccccdd;
}

.dropdown-menu {
    max-width: 100% !important;
}

.form-center-adjust {
    text-align: center;
    padding-top: 3%
}

.readonly-color {
    background-color: #e9ecef;
}

.loading-icon {
    background: url('../images/ajax-loader.gif') no-repeat right center;
    border: 1px solid #2e6da4;
    outline: none;
}
.loading-icon-front {
    background: url('../images/ajax-loader.gif') no-repeat center center;
    outline: none;
}

.invisible-form-control {
    opacity: 0;
}

.modal {
    text-align: center;
    padding: 0 !important;
}

.modal:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.referrlaui-clear-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: 100%;
    height: 0%;
    right: 10%;
}

input[readonly].date-readonly{
    background-color:white;
    border: 0;
    font-size: 1em;
}

.pimr-section {
    margin: 0 auto;
}

.pimr-title {
    margin: auto;
    text-align: center;
}

.pimr-section-body {
    margin-bottom: 1%;
}

.section-end {
    margin-bottom: 0;
}

.bs-tooltip-top {
    font-size: 1rem;
    max-height: 99vh;
}

.bs-tooltip-top .tooltip-inner {
    max-width: 50vh;
    word-wrap: break-word;
}

#referralform {
    padding-bottom: 5px;
}