:root {
    --bs-heading-font-family: 'Merriweather Sans', sans-serif;
    --bs-font-sans-serif: 'Roboto', sans-serif;
    --bs-border-radius: 0;
    --bs-border-radius-sm: 0;
    --bs-border-radius-lg: 0;
    --bs-border-radius-xl: 0;
    --bs-border-radius-xxl: 0;
    /* --bs-border-radius-pill: 0; */
    --bs-bg-opacity: .8;
    --bs-body-font-size: 1.125rem;
    --bs-link-color: var(--portalThemeColor9);
    --bs-link-hover-color: var(--portalThemeColor10);
}

body {
    height: auto;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Merriweather Sans', sans-serif;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.5;
}

/*a,
.a {
    font-family: inherit ;
    font-size: inherit ;
}
*/
.text-bg-primary {
    background-color: var(--portalThemeColor4);
}

.skip-to-content a {
    font-size: 14px;
}


/*
Border Radius
*/
.btn {
    --bs-btn-border-radius: 0;
    --bs-btn-border-radius-sm: 0;
    --bs-btn-border-radius-lg: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: inherit;
}

/*
Cards, modals, alerts… add more only if you see stray curves
*/
.card {
    --bs-card-border-radius: 0;
    --bs-card-inner-border-radius: 0;
}

.card-link:hover .card-body.card-body-arrow {
    text-decoration: none;
}

a:not(.btn):hover.card-link{
 text-decoration: none !important;
}
a:focus.card-link .card-body.card-body-arrow,
a:hover.card-link .card-body.card-body-arrow,
a:not(.btn):hover.card-link .card-body.card-body-arrow
{
    text-decoration: none !important;
}

.modal-content {
    --bs-modal-border-radius: 0;
}

.alert {
    --bs-alert-border-radius: 0;
}

/*@media (min-width: 992px) {
    #org-card {
        position: absolute;
        top: -144px;
        right: 0;
    }
}*/
/*
Buttons
*/
.btn‑themeColor3 {
    background-color: var(--portalThemeColor3);
    border-color: var(--portalThemeColor3);
    color: var(--portalThemeColor1);
}

.btn‑themeColor3:hover,
.btn‑themeColor3:focus {
    background-color: var(--portalThemeColor6);
    border-color: var(--portalThemeColor6);
    color: var(--portalThemeColor1);
}

.btn-outline-primary {
    --bs-btn-color: var(--portalThemeColor4);
    --bs-btn-border-color: var(--portalThemeColor4);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--portalThemeColor4);
    --bs-btn-hover-border-color: var(--portalThemeColor4);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--portalThemeColor4);
    --bs-btn-active-border-color: var(--portalThemeColor4);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--portalThemeColor4);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--portalThemeColor4);
    --bs-gradient: none;
}

.btn-outline-secondary {
    --bs-btn-color: var(--portalThemeColor1);
    --bs-btn-border-color: var(--portalThemeColor3);
    --bs-btn-hover-color: var(--portalThemeColor1);
    --bs-btn-hover-bg: var(--portalThemeColor3);
    --bs-btn-hover-border-color: var(--portalThemeColor3);
    --bs-btn-focus-shadow-rgb: 108, 117, 125;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--portalThemeColor3);
    --bs-btn-active-border-color: var(--portalThemeColor3);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--portalThemeColor3);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--portalThemeColor3);
    --bs-gradient: none;
}

.button2,
.btn-secondary,
.btn-default {
    border-width: var(--bs-border-width);
}

/*
secondary nav
*/
.nav-pills {
    --bs-nav-pills-border-radius: 0;
    --bs-nav-pills-link-active-color: #fff;
    --bs-nav-pills-link-active-bg: var(--portalThemeColor4);
}

.nav-pills .nav-link.completed {
    background-color: var(--portalThemeColor3);
    color: var(--portalThemeColor1);
}

.nav-pills .nav-link.completed:focus,
.nav-pills .nav-link.completed:hover {
    background-color: var(--portalThemeColor6);
    color: var(--portalThemeColor1);
}

.nav-pills .nav-link:focus,
.nav-pills .nav-link:hover {
    background-color: var(--portalThemeColor11);
}

.nav-pills .nav-link.active:focus,
.nav-pills .nav-link.active:hover {
    background-color: var(--portalThemeColor4);
}

/*
Footer
*/
footer {
    font-family: inherit;
}

.border-end-md {
    border-inline-end: 0;
}

.border-top-md {
    border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    padding-top: 50px;
}

@media (min-width: 992px) {
    .border-end-md {
        border-inline-end: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    }

    .border-top-md {
        border-top: none;
        padding-top: 0;
    }
}

/*
Badges
*/
.badge,
.badge.badgeColor {
    float: none;
    font-size: 18px;
    margin-left: 5px;
}

/*
modals
*/
.btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
}

input#btnCloseMessage {
    background-color: transparent;
}

/*
tables
*/
table.table-striped thead tr {
    background: var(--portalThemeColor1);
    color: #fff;
}

table.table-striped thead tr th a {
    color: #fff;
    font-weight: 900;
}

fieldset {
    margin-bottom: 20px;
}

.alert .btn-close {
    content-visibility: hidden;
    content: " ";
    /* Keep space for accessibility */
}

.crmEntityFormView {
    border: none;
}

input.form-control:focus,
textarea.form-control:focus {
    border-color: #69c !important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25) !important;
}

textarea.form-control {
    border: 1px solid #949494;
}

.form-select,
.form-select:focus {
    border: 1px solid #949494 !important;
}

/* reset border on disabled elements */
.form-select:disabled,
.form-select[disabled],
.form-select[readonly] {
    border: none !important;
    background-color: var(--bs-gray-100) !important
}

/* Remove the Background color from selects in the print view */
.print-view .form-select:disabled {
    background: none;
    -webkit-appearance: none;
    /* For Chrome, Safari, and newer Opera */
    -moz-appearance: none;
    /* For Firefox */
    appearance: none;
    /* Standard property */
}

html[dir=ltr] div.message.success {
    padding: 9px 7px 9px 14px;
}

tr.selected.info .fa-check:before {
    display: block;
    margin-top: -3px;
}

fieldset[aria-label=Portal_HiddenSection],
table[data-name=Portal_HiddenSection],
fieldset[aria-label='Submission Details'] {
    display: none;
}

.print-view fieldset[aria-label='Submission Details'] {
    display: block;
}


/* add grey background to readonly form inputs */
.crmEntityFormView .form-control.readonly {
    background-color: var(--bs-gray-100) !important;
    /* use !important to override existing rule on .form-control that uses !important */
    padding-left: 0.75rem;
}

.form-readonly .form-control {
    padding-left: 10px;
    border: 1px solid #949494;
    background-color: #f8f9fa !important;
}

/* Print View Adjustments */
@media print {

    html,
    body,
    p,
    p a,
    li {
        font-size: 14px;
    }

    h1,
    .h1 {
        font-size: 32px;
    }

    h2,
    .h2 {
        font-size: 26px;
    }

    h3,
    .h3 {
        font-size: 21px;
    }

    h4,
    .h4 {
        font-size: 18px;
    }

    h5,
    .h5 {
        font-size: 16px;
    }

    h6,
    .h6 {
        font-size: 14px;
    }

    .form-readonly .form-control {
        padding-left: 10px;
        border: 1px solid #949494;
        background-color: #f8f9fa !important;
    }

    .container {
        margin-left: 0px;
        margin-right: 0px;
        max-width: fit-content;
    }

    .navbar {
        justify-content: start;
    }

    #navbar {
        display: none !important;
    }

    div.border:has(button) {
        display: none !important;
    }

    button {
        display: none !important;
    }

    .row .col-print-12 {
        width: 100%;
    }

    footer {
        display: none !important;
    }

    @media (max-width: 767px) {
        .container {
            margin-left: 0px;
            margin-right: 0px;
            max-width: fit-content;
        }

        .crmEntityFormView table[data-name*="_MultiColumn"] td[colspan="1"].cell {
            width: 30%;
            padding-right: 3%;
            display: table-cell;
        }

        .crmEntityFormView table[data-name*="_MultiColumn"] td.form-control-cell label.field-label {
            display: none;
        }

        .crmEntityFormView .cell div.table-info div.validators {
            display: none;
        }
    }
}

.btn-close:focus {
    outline: 0!important;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)!important;
    opacity: 1!important;
}