@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.10.0/themes/base/jquery-ui.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css");
@import url("./../glyphicons.css");
@import url("./../font-awesome.min.css");
@import url('intl-tel-input/intltelinput.css');
@import url('jquery-ui.custom.css');

@font-face {
    font-family: "uli-portal";
    src: url("./fonts/uli-portal.eot");
    src: url("./fonts/uli-portal.eot?#iefix") format("embedded-opentype"), url("./fonts/uli-portal.woff") format("woff"), url("./fonts/uli-portal.ttf") format("truetype"), url("./fonts/uli-portal.svg#uli-portal") format("svg");
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'roboto';
    color: #545759;
    /*max-width: 1320px;*/
    margin: auto;
}

img.logo {
    height: 20vw;
    max-height: 40px;
}

@media screen and (max-width: 990px) {
    img.logo {
        max-height: 32px;
    }
}

.navbar-toggler, .navbar-toggler:focus {
    border: 0px;
    box-shadow: none;
}

/*
.logo { text-indent:-99999px; display:inline-block;  margin-left:20px; background:url('logo.png') no-repeat left; }
*/
tr#eWebFrameWorkTopRow {
    border-color: #719d25;
    border-bottom-width: 8px;
}

td#eWebContentPaneTableCell {
    padding-top: 4vw;
}

@media screen and (max-width: 990px) {
    tr #eWebFrameWorkTopRow {
        border-bottom-width: 4px;
    }
}

nav#SecondaryNavbar {
    background-color: #fafafa;
    padding-top: 0px;
    padding-bottom: 0px;
}

nav#daoMainNavBar {
    /*   padding-top: 0px; */
    padding-bottom: 0px;
}

nav#SecondaryNavbar a {
    font-size: .8125rem;
    line-height: 1.5;
    color: #20232e;
    text-decoration: none;
    font-weight: 300;
    font-family: Roboto,sans-serif;
    padding-right: 2rem;
}

    nav#SecondaryNavbar a.btn-primary {
        background-color: #527d08;
        color: #fff;
    }

nav#daoMainNavBar {
    text-decoration: none;
    font-weight: 300;
}

    nav#daoMainNavBar a {
        color: #20232e;
    }

table#PageFrameWorkTable {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
}
/* menu */
tr#eWebTopPaneTableRowBottom {
    display: none;
}

/*content*/
td#ContentPane > table:first-child {
    max-width: 1200px;
    margin: auto;
}
/*footer*/
footer.footer {
    border-top: thin solid #e6e6e6;
    width: 100%;
    /*
    position: fixed;
    bottom: 0;
    height:150px;
    margin-top:150px;
*/
}

.footer div.row {
    padding-top: 2rem;
    padding-bottom: 2rem;
    padding-left: 4rem;
    padding-right: 4rem;
}

@media (max-width: 768px) {
    .footer div.row {
        padding-left: 2rem; 
        padding-right: 2rem;
    }
}

/* Typography */
h1 {
    color: #004717;
    font-weight: bold;
}

h2 {
    color: #545759;
    font-weight: bold;
}

h3 {
    letter-spacing: -1.5px;
}

h4, h5 {
    color: #545759;
    font-weight: bold;
    letter-spacing: 1px;
}

h5 {
    font-size: .75rem;
    text-transform: uppercase;
}

h6 {
    color: #004717;
    font-weight: bold;
}

a {
    color: #78a22f;
}

.bi {
    font-size: .75rem;
}

.errorBlock {
    margin-top: 30px;
    margin-bottom: 20px;
}
/*
div.alert, p.alert, .DataFormLabelErrorMessage, .DataFormValidationSummary, .alert, .alert h4 {
	color: #ad1f2a;
}
*/

/* Forms */
div.form {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

/*
input, select {
	border-radius: 0px !important;
	border-color: #78a22f !important;
}
*/
/* Buttons */
.btn {
    font-weight: bold;
    text-transform: uppercase;
    border: 0px;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    letter-spacing: 1px;
}

    .btn.btn-primary {
        background-color: #78a22f;
    }

    .btn.btn-secondary {
        background-color: #b0b7bc;
    }
    .btn.btn-danger {
    background-color: #dc3645;
    color: #fff;
}

    .btn.btn-tertiary {
        background-color: transparent !important;
        border: 1px solid #75A626 !important;
        color: #75A626 !important;
        border-radius: 3px !important;
        text-transform: uppercase;
        font-weight: 400;
    }


    .btn.btn-link {
        text-transform: capitalize;
        font-size: 16px;
        font-weight: normal;
        color: #78a22f;
    }

    @media (max-width: 768px) {
        .col-3 .btn {
            padding-left: 10px !important; 
            padding-right: 10px !important;
        }
    }
    
    #AddCreditCardFee{width:10%;}

/* Badges */
.badge.bg-primary {
    background-color: #78a22f !important;
}

.badge.bg-secondary {
    background-color: #b0b7bc !important;
}


/* Alerts */
.alert.alert-primary {
    background-color: #bbce93;
    background-color: rgba(187, 206, 147, .25); /* Tint color */
    border-radius: 0;
    border: 0px;
}

.alert.alert-secondary {
    background-color: #cebb2c;
    background-color: rgba(206, 187, 44, .25); /* Tint color */
    border-radius: 0;
    border: 0px;
}

.alert.alert-danger {
    border-radius: 0;
    border: 0px;
}

.closebutton {
    background-color: #b0b7bc;
}

/* Cards */
.card {
    font-size: smaller;
}

    .card.card-primary {
        background-color: #bbce93;
        background-color: rgba(187, 206, 147, .25); /* Tint color */
        border-radius: 0;
        border: 0px;
    }

    .card.card-secondary {
        background-color: #cebb2c;
        background-color: rgba(206, 187, 44, .25); /* Tint color */
        border-radius: 0;
        border: 0px;
    }

.card-body {
    padding: 1.5rem;
}

.card-title-uli {
    color: #78a22f;
}

.card-text-uli {
    color : #004717;
}

/* Accordions */
.accordion-item {
    border-radius: 0px !important;
    border-top-width: 5px;
    border-color: #004717;
    border-top-style: solid;
}

.accordion-button {
    font-size: inherit;
}

    .accordion-button:not(.collapsed) {
        background-color: #bbce93;
        background-color: rgba(187, 206, 147, .25); /* Tint color */
        border-radius: 0px;
        border: 0px;
        color: #545759;
        background-color: #fff;
    }

.accordion .current-membership {
    background-color: #e9ecef !important;
}


.error-box {
    border-color: #78a22f;
    background-color: #ce9093;
}

/* thermometer */
.progress {
    background-color: #78a22f;
    border-radius: 0;
}

.progress-bar {
    background-color: #004717;
    border-radius: 0px 50px 50px 0px;
}

.logo-in-progress-bar {
    height: 45px;
    /* padding: 5px 0px; */
    margin: 15px 10px;
}

    .logo-in-progress-bar.small {
        height: 30px;
    }

.progress-bar-step {
    background-color: #004717;
    padding: 20px 0;
}

    .progress-bar-step .step {
    }

        .progress-bar-step .step .text-bar {
            vertical-align: super;
        }

        .progress-bar-step .step span.text-bar {
            color: #fff;
            font-size: 0.9em;
            margin-left: 5px;
            margin-right: 25px;
        }

        .progress-bar-step .step i.text-bar {
            color: #78a22f;
            margin-right: 25px;
        }


.header-bg {
    background-color: #004717;
}

.progress-bar-step .step .checkmark {
    margin-top: 5px;
    display: inline-block;
    width: 21px;
    height: 21px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.progress-bar-step .step .checkmark_circle {
    position: absolute;
    width: 21px;
    height: 21px;
    background-color: #004717;
    border-radius: 11px;
    border: #fff 1px solid;
    left: 0;
    top: 0;
}

.progress-bar-step .step .checkmark_stem {
    position: absolute;
    width: 3px;
    height: 9px;
    background-color: #fff;
    left: 10px;
    top: 6px;
}

.progress-bar-step .step .checkmark_kick {
    position: absolute;
    width: 3px;
    height: 3px;
    background-color: #fff;
    left: 7px;
    top: 12px;
}

.progress-bar-step .step .checkmark_spot {
    position: absolute;
    width: 13px;
    height: 13px;
    background-color: #78a22f;
    border-radius: 11px;
    left: 4px;
    top: 4px;
}

.progress-bar-step .step .checkmark_spot_checked {
    position: absolute;
    width: 22px;
    height: 22px;
    background-color: #78a22f;
    border-radius: 11px;
    left: 0px;
    top: 0px;
}

a.step-link {
    text-decoration: none;
}

    a.step-link:link {
        text-decoration: none;
    }

    a.step-link:hover {
        text-decoration: none;
    }

/*** Override Bootrap css ***/
.form {
    margin-bottom: 1.2rem;
}


.form-label {
    font-weight: 700;
}

.form-control {
    border-radius: 0px !important;
    border-color: #78a22f;
}

.is-invalid {
    background-color: #ce9093 !important;
}

.invalid-feedback {
    display: block;
    font-size: 0.7rem;
    /*height:0px;*/
}

    .invalid-feedback a, .invalid-feedback a:hover {
        color: #dc3545;
    }

/** CUSTOM TEXT CSS */
.nt-1 {
    font-size: 0.7rem;
}

.no-wrap {
    white-space: nowrap;
}

.form-group {
    margin-bottom: 1.2rem;
}

.update-progress .overlay {
    position: fixed;
    z-index: 98;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #f7f7f7;
    filter: alpha(opacity=80);
    opacity: 0.5;
}

.update-progress .overlayContent {
    z-index: 99;
    margin: 250px auto;
    width: 80px;
    height: 80px;
}

.update-progress .update-progress-img {
    background-image: url(loading_green.gif);
    background-repeat: no-repeat;
    width: auto; /*or your image's width*/
    height: auto; /*or your image's height*/
    margin: 0;
    padding: 0;
}

/*typeahead*/
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding to account for vertical scrollbar */
    padding-right: 5px;
    z-index: 10000;
}


.form-control.typeahead {
    padding-right: 20px;
}

ul.ui-autocomplete li.ui-menu-item {
    padding-top: 5px; /*font-family:'Futura LT W01 Book';*/
    font-size: 0.875rem;
}

    ul.ui-autocomplete li.ui-menu-item a:hover {
        text-decoration: none !important;
        cursor: pointer !important
    }


.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px;
}

/** FOOTER */
.footer-copyright {
    text-transform: uppercase;
    font-size: 10px;
}

.footer-copyright-rights {
    opacity: 0.6;
}

.footer-nav {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 400;
}

    .footer-nav .menu-item:before {
        display: none;
    }

.menu-item {
    list-style: none;
}

    .menu-item a {
        color: #5D8200;
        text-decoration: none;
        transition: color 200ms;
    }

    .menu-item:not(:last-of-type) {
        margin-right: 50px;
    }

/** SOCIAL MEDIA */
.footer-social .socialLinks {
    width: 100%;
}

.footer-social .socialLink {
    opacity: 0.7;
    transition: opacity 300ms ease;
}

    .footer-social .socialLink a {
        text-decoration: none;
    }

    .footer-social .socialLink:not(:last-of-type) {
        margin-right: 20px;
    }

    .footer-social .socialLink a:before {
        font-size: 28px;
        color: #dddddf;
    }

    .footer-social .socialLink:hover {
        opacity: 1;
    }

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.footer-social .socialLink a:before {
    font-size: 1.75rem;
    color: #DDDDDF;
}

.socialLink--facebook a:before {
    font-size: 1rem;
}

[class^="icon-"]:before, [class*=" icon-"]:before, .icon:before, .socialLink--facebook a:before, .socialLink--twitter a:before, .socialLink--instagram a:before, .socialLink--linkedin a:before, .socialLink--pinterest a:before, .socialLink--youtube a:before, .socialLink--googleplus a:before, .sidebar-nav-item.current-item:before, .current-item.join-section-nav-item:before, .header-search-button:before, .header-nav-button--close:before, .portalHero-scrollArrow:before, .cta--secondary .cta-button:after, .downloadLink-button:before, .imageFeature-link:after, .about-mission-link:after, .about-footerLinks-contact:after, .join-members-link:after, .join-tile-link:after, .join-membershipTypes-type-link:after, .join-membershipBenefits .table-footer-link:after, .join-membershipRates-toggleDiscounts:after, .featuredText-button:after, .accordion-nav .sidebar-nav-title:before, .frontPage-news-arrow.prev:before, .frontPage-news-arrow.next:before, .about-footerLink:before, .join-members-slides .slick-arrow:before, .join-membershipBenefits-icon:before, .join-groupMembership-region-title:before, .join-groupMembership-region-groupPackage-title:before, .join-groupMembership-region-groupPackage-application:after, .join-methods-mail-application:before {
    font-family: "uli-portal" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-facebook:before, .socialLink--facebook a:before {
    content: "\71";
}

.icon-twitter:before, .socialLink--twitter a:before {
    content: "\66";
}

.icon-instagram:before, .socialLink--instagram a:before {
    content: "\68";
}

.icon-linkedin:before, .socialLink--linkedin a:before {
    content: "\64";
}

.icon-youtube:before, .socialLink--youtube a:before {
    content: "\67";
}

@media only screen and (max-width: 841px) and (min-width: 768px) {
    .footer-social .socialLink a:before {
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 767px) {
    .text-footer-center {
        text-align: center !important;
    }

    .mt-footer-2 {
        margin-top: 0.5rem !important;
    }
}

/** Stiky Box */

@media only screen and (max-width: 841px) and (min-width: 768px) {
}

@media screen and (min-width: 1221px) {
    .aside {
        margin-right: 40px;
        position: absolute;
        width: 400px;
        height: 170px;
        top: 160px;
    }
}

@media screen and (min-width: 1141px) and (max-width: 1221px) {
    .aside {
        margin-right: 40px;
        position: absolute;
        width: 400px;
        height: 170px;
        top: 160px;
        margin-left: 11px;
    }
}

@media screen and (min-width: 1033px) and (max-width: 1141px) {
    .aside {
        margin-right: 40px;
        position: absolute;
        width: 340px;
        height: 170px;
        top: 160px;
        margin-left: 67px;
    }
}

@media screen and (min-width: 991px) and (max-width: 1033px) {
    .aside {
        margin-right: 40px;
        position: absolute;
        width: 318px;
        height: 170px;
        top: 160px;
        margin-left: 88px;
    }
}

@media screen and (max-width: 991px) {
    .aside {
        display: none;
    }

    .aside-mobile {
        width: 150%;
    }
}

@media screen and (min-width: 991px) {
    .aside-mobile {
        display: none;
    }
}

/*
    Start Sticky CSS
*/
hr.gray-line {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
}

.sticky-card {
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    padding: 15px 0px;
}
/*
    End Sticky CSS
*/

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

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

.cart-review .card-header {
    background-color: transparent;
    border-bottom: 0px;
}


/** SOCIAL */
ul.no-bullets {
    list-style-type: none; /* Remove bullets */
    padding: 0; /* Remove padding */
    margin: 0; /* Remove margins */
}

    ul.no-bullets li {
        display: inline
    }



.form-check {
    padding-bottom: 1rem !important;
}
.form-check-input[type=radio] {
    border-radius: 50% !important;
}

.ui-datepicker {
    z-index: 2000 !important;
}

.input-group-button {
    cursor: pointer;
}

/** No scraping styles */
.disablecopypaste {
    -webkit-user-select: none; /*Chrome/Safari/Opera*/
    -moz-user-select: none; /*Firefox*/
    -ms-user-select: none; /*Internet Explorer/Edge*/
    -webkit-touch-callout: none; /*iOS Safari*/
}


/* print html section */
#orderContainerToPrint {
    visibility: hidden;
}

#orderContainerToPrintParent {
    display: none;
}

@media print {
    body * {
        visibility: hidden;
    }

    #orderContainerToPrintParent {
        display: block !important;
    }

    #orderContainerToPrint, #orderContainerToPrintParent, #orderContainerToPrint * {
        visibility: visible;
    }

    #orderContainerToPrint {
        position: absolute;
        left: 0;
        top: 0;
    }
}

@media (max-width: 768px) {
    #eWebLoginControl_UpdatePanelGoogleRecaptchaWidget .container-fluid {
        padding-left: 0.20rem;
        padding-right: 0.50rem;
    }
}

#recaptcha_container > div:first-child {
    width: 250px !important; 
}

/* Baseline Design Forms */
/* bs5 h3 */
legend {
    letter-spacing: -1.5px;
    font-size: calc(1.3rem + .6vw);
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
    border-color: #eee;
    border-style: solid;
    border: 0px;
    border-top: 1px;
    padding-top: 1.5rem !important;
    padding-bottom: .5rem;
}
/*
.greyBG {
    background-color: #eee;
}
*/
.WizardContentTable {
    width: 100%;
}

#DesignedTable {
    width: 100%;
}

table.DataFormRadioButtonList {
    width: 100%;
}

.DataFormRadioButtonList td {
    text-align: center;
    vertical-align: top;
    margin: auto;
    padding: 1px 2px;
}

#DesignedTable .control-label {
    font-weight: 700;
    margin-bottom: .5rem;
    text-transform: capitalize;
}

#DesignedTable input[type=text], #DesignedTable input[type=email], #DesignedTable input[type=number], #DesignedTable input[type=tel], #DesignedTable textarea, #DesignedTable select {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    /*-webkit-appearance: none;*/
    /*-moz-appearance: none;*/
    appearance: none;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    border-radius: 0px !important;
    border-color: #78a22f;
}

#DesignedTable .control-group {
    margin-bottom: 1rem !important;
}
/* bs5 form-text */
span.help-block {
    margin-top: .25rem;
    font-size: .875em;
    color: #6c757d;
}

#gft_recurring_flag {
    margin-left: 0px !important;
}
/* bs5 btn */
.DataFormButton {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    border: 0px;
    border-radius: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 25px;
    padding-right: 25px;
    letter-spacing: 1px;
    background-color: #b0b7bc;
}

.ui-widget-header {
    background: initial;
    border: none;
    border-bottom-width: 1px;
    border-bottom-color: #eee;
    border-bottom-style: solid;
}

span.ui-icon.ui-icon-closethick {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    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 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5;
    padding: .5rem .5rem;
    margin: -.5rem -.5rem -.5rem -.5rem;
}
/* bs5 h3 */
.ui-dialog-title {
    letter-spacing: -1.5px;
    font-size: calc(1.3rem + .6vw);
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2;
}

    .ui-dialog-title .ui-icon {
        padding: .5rem .5rem;
        margin: -.5rem -.5rem -.5rem -.5rem;
    }
/* */


.bg-dark {
    background-color: #004717 !important;
}

.bg-light {
}

.bg-dark a {
    color: #fff;
}

/* International Telephone Input mask */
.iti {
    display: block;
}

.iti__flag {
    background-image: url("intl-tel-input/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
    .iti__flag {
        background-image: url("intl-tel-input/img/flags@2x.png");
    }
}


/* button checkbox */

.ck-button li {
    margin: 4px;
    background-color: #EFEFEF;
    border-radius: 50px;
    border: 1px solid #D0D0D0;
    overflow: auto;
    float: left;
}

    .ck-button li:hover {
        background: #78a22f;
    }

    .ck-button li label {
        float: left;
    }

    .ck-button li label {
        text-align: center;
        padding: 10px 20px;
        display: block;
    }

    .ck-button li input {
        position: absolute;
        top: -20px;
        visibility: hidden;
    }

        .ck-button li input:checked + label {
            background-color: #78a22f;
            color: #fff;
        }


/* Modals */
div.modal-header h3.modal-title {
    display: inline;
}

div.modal-header button.btn-close {
    float: right;
}

/* Dynamic Forms */
table.DataFormTABLE {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

body.PageFrameworkBODYModal header {
    display: none;
}

.text-info {
    color: #004717 !important;
}

td.DataFormFooterTD_L {
    margin-bottom: 50px;
    padding-bottom: 50px;
}

span.AddEditDiv {
    overflow: auto;
    white-space: nowrap;
}

    span.AddEditDiv select {
        display: inline !important;
        width: initial !important;
    }

div.AddEditLinkDiv {
    display: inline;
}

    div.AddEditLinkDiv a {
        padding-right: 0px;
    }

span.help-block {
    display: block;
}

select {
    padding: .375rem 2.25rem .375rem .75rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat !important;
    background-position: right .75rem center !important;
    background-size: 16px 12px;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}

input[type=submit][value=Cancel] {
    background-color: #b0b7bc;
    color: #fff;
}

input[type=submit][value=Cancel]:not(.btn-danger) {
    background-color: #b0b7bc;
    color: #fff;
}

td#WizardContentTableBottom > div > table > tbody > tr > td > * {
    margin: .25rem;
}

div.DataFormValidationSummary {
    font-size: 0.7rem;
    color: #dc3545;
}

    div.DataFormValidationSummary ul {
        list-style-type: none;
    }


/* OTI styling */
.assign-message {
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
}

.bold {
    font-weight: 700;
}

.btn-mini {
    font-size: .875rem;
}

.assign-results {
    margin: 20px 0px;
}

div.bottom-block {
    float: right;
    padding-top: 10px;
}

input[type=button][value=Cancel] {
    background-color: #b0b7bc;
    color: #fff;
}

input[type=button][value=Confirm] {
    background-color: #78a22f;
    color: #fff;
}

a.ui-dialog-titlebar-close {
    display: block !important;
}

div[style="min-width: 500px;"] {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.accordion-group {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

.accordion-group {
    border-radius: 0px !important;
    border-color: #004717;
    border-top-style: solid;
    margin-bottom: -3px;
}

.accordion-heading {
    margin-bottom: 0;
    color: #545759;
    font-size: calc(1.325rem + .9vw);
}

    .accordion-heading a {
        text-decoration: none;
        font-weight: inherit;
    }

.accordion-button:not(.collapsed) {
    background-color: #bbce93;
    background-color: rgba(187, 206, 147, .25);
    border-radius: 0px;
    border: 0px;
    color: #545759;
    background-color: #fff;
}

.accordion-group:first-of-type .accordion-button {
    border-top-width: 5px;
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
}

.text-warning {
    color: #545759 !important;
}

.z-index-master {
    z-index: 1090
}

.field-container-creditcard input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.field-container-creditcard {
    position: relative;
}

#ccicon {
    height: 30px;
    position: absolute;
    right: 3px;
    top: calc(50% - 3px);
    width: 52px;
    font-size: 38px;
}

span.fancy-checkbox-toggle {
    position: relative;
    display: block;
    padding: 0 0 0 29px;
    cursor: pointer;
    /* Make text & control un-selectable, otherwise it will
       sometimes get selected if the user repeatedly clicks quickly */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ASP.Net CheckBoxList - Rendered in a TABLE */
table.fancy-checkbox-toggle td {
    position: relative;
    padding-left: 29px;
    /* Make text & control un-selectable, otherwise it will
       sometimes get selected if the user repeatedly clicks quickly */
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancy-checkbox-toggle input {
    display: none;
}

.fancy-checkbox-toggle label {
    cursor: pointer;
    padding-left: 0;
    font-weight: normal;
}

.fancy-checkbox-toggle input[type="checkbox"] + label:before {
    position: absolute;
    top: -1px;
    left: 0;
    font-family: FontAwesome;
    content: "\f204";
    font-size: 28px;
    line-height: 1;
    color: #aaa;
}

.fancy-checkbox-toggle input[type="checkbox"]:checked + label:before {
    content: "\f205";
    color: #004717;
}

.fancy-checkbox-toggle input[type="checkbox"]:disabled + label:before {
    color: #ccccdd;
}

.fancy-checkbox-toggle.aspNetDisabled label,
.fancy-checkbox-toggle .aspNetDisabled label {
    cursor: not-allowed;
}


.noneStyle {
    background: none;
    color: inherit;
    border: none;
    cursor: pointer;
    outline: inherit;
}

span[id^="SupportTxt"] {
    color: #A92418;
}

}

/* Donations styles */

#otherAmount.border {
    border-color: #78a22f !important;
}

#otherAmount:hover {
    border-color: #78a22f !important;
    border-width: 2px !important;
}

.recurrentButtons input[type="radio"] {
    list-style: none;
    display: none;
    list-style: none;
    list-style-type: none;
}

.recurrent:hover {
    cursor: pointer;
    background-color: #78a22f;
    color: white;
}

    .recurrent:hover label {
        cursor: pointer;
        background-color: #78a22f;
        color: white;
    }

.recurrent-checked {
    background-color: #78a22f;
    color: white;
}

.recurrent input[type="radio"]:checked + label {
    background-color: #78a22f;
    color: white;
}

.recurrent label {
    padding: 1rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.amountButtons input[type="radio"] {
    display: none;
    list-style: none;
    list-style-type: none;
}

.amountradio label {
    padding: 1rem 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.amountButtons span:hover {
    cursor: pointer;
    border-color: #78a22f;
    color: black;
}

.amountradio label:hover {
    cursor: pointer;
}

.amountButtons span {
    border: 1px solid;
    border-color: #dee2e6;
}

.amountradio:hover {
    cursor: pointer;
}

.amountradio input[type="radio"]:checked + label {
    border: 4px solid;
    border-color: #78a22f;
    color: black;
}

.amountButtons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 10px;
}

.border-primary {
    border-color: #78a22f !important;
}

.donationsAcordion .accordion-button:after {
    order: -1;
    margin-left: 0;
    margin-right: 0.5em;
}

.LayoutCell span#TEXT_0 {
    position: absolute;
    margin-top: -1.4rem;
    margin-left: 1.2rem;
}
td.LayoutCell[title="padding-bottom"] {
    padding-bottom: 30px;
}

@media only screen and (max-width: 590px) {
    .LayoutCell span#TEXT_0 {
        position: inherit;
    }
}

@media only screen and (max-width: 575px) {
    .donateButton {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100vw;
        font-weight: normal;
        z-index: 9999;
    }

    .amountButtons {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 10px 10px;
    }
}

#iframe2 {
    height: 100% !important;
}

.displayInline {
    display: inline;
}
.modal-recurring-donations {

max-height:600px;
}
.checkbox-error-message-wrapper {
    margin-left: 18px; 
}
.table-green {
  --bs-table-bg: #14562a;         /* base */
  --bs-table-striped-bg: #004717; /* ~+8% lighter */
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #29643c;  /* ~+16% lighter */
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #1f5d33;   /* ~+12% lighter */
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #336c45;          /* subtle contrast for borders */
}

    .inter-modal-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 1056;
    }
    
    #monthlyUpdateModal {
        z-index: 1060;
    }
    
    #editMembershipModal.modal-disabled .modal-content {
        pointer-events: none;
        opacity: 0.0;
    }
.ms-1 input[type="radio"] {
    margin-right: 6px;
}

/* Green table borders: 1px #79a22f, all four sides + column dividers */
.uli-table-green.table-bordered > :not(caption) > * > * {
    border: 1px solid #79a22f;
}

.uli-table-green.table-bordered > thead {
    --bs-border-color: #79a22f;
    --bs-table-border-color: #79a22f;
}
/* Green action link (Rejoin) */
.uli-link-green,
.uli-link-green:hover,
.uli-link-green:focus {
    color: #79a22f;
}

/* "Update Needed" text */
.uli-text-update-needed,
.uli-text-update-needed:hover,
.uli-text-update-needed:focus {
    color: #C65200;
}

/* Pay-off alert: reuse the existing cream, standard text color */
.uli-alert-payoff {
    color: #545759;              /* site standard text color */
    background-color: #f3eecd;
    border-radius: 0;
    border: 0;                   /* matches .alert-danger / .alert-primary */
}

/* End-action link (End All Now) */
.uli-link-danger,
.uli-link-danger:hover,
.uli-link-danger:focus {
    color: #dc3645;
}