/* CLIENT OVERRIDES */
.Cart-Button {
    text-align: center;
    height: 60px;
    padding: 0 !important;
}

.ClientNavButton {
    clear: both;
    background-color: #555;
    border: 1px solid #333;
    width: 100%;
    color: #fff;
    margin-bottom: .25em;
    text-align: left;
}

.FormButtonSecondary.ClientNavButton {
    background-color: transparent;
    border: 1px solid #333;
    color: #333;
}

.ClientNavButton:hover {
    background-color: #333;
    border: 1px solid #555;
}

.FormButtonSecondary.ClientNavButton:hover {
    background-color: transparent;
    border: 1px solid #222;
    color: #000;
}

.Search-Button {
}


#SignInUserInfoBox {
    z-index: 2000 !important;
}



/*ADDITIONAL CSS OVERRIDES*/

.donation-button {
    background-color: #CCC !important;
    color: #555 !important;
}

    .donation-button:hover {
        background-color: #555 !important;
        color: #fff !important;
    }

input.donation-amount-other {
    height: 35px !important;
    width: 75% !important;
}

.dollar-sign {
    top: .25em !important;
}

.donation-amount-other-close-image {
    top: .55em !important;
    right: 26% !important;
}

.table-striped > tbody > tr:hover {
    background-color: #49A842 !important;
    color: #fff !important;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #F6F8FC;
}

.table-hover > tbody > tr:hover {
    background-color: #49A842 !important;
    color: #fff !important;
}

/*.btn {
    text-align: left !important;
}*/

.btn:active, .btn.active {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn-circle {
    border-radius: 50% !important;
    border: 1px solid #000 !important;
    padding: 0;
    text-align: center !important;
}

.btn-primary {
    background-color: #D06F1A !important;
    border-color: #D06F1A !important;
    border-radius: 43px !important;
}

    .btn-primary.btn-outline {
        color: #fff !important;
    }

.btn-default {
    color: #49A842 !important;
    background-color: transparent !important;
    border: none !important;
    font-size: 1em !important;
    border-bottom: 4px solid #49A842 !important;
    border-radius: 0 !important;
    margin-right: 1em;
    white-space: normal;
}

    .btn-default:hover {
        color: #000 !important;
        background-color: transparent !important;
        border: none;
        font-size: 1em !important;
        border-bottom: 4px solid #000 !important;
        border-radius: 0 !important;
    }

/* RADGIRD OVERRIDES */
.RadGrid {
    overflow-x: auto;
    width: 100% !important;
}

.RadGrid_NOAH input.rgAdd,
.RadGrid_NOAH input.rgRefresh {
    border: 0px solid white !important;
}

.RadGrid_NOAH input.rgAdd {
    background-position: -12px -3012px !important;
}

    .RadGrid_NOAH input.rgAdd:hover {
        background-position: -62px -3012px !important;
    }

.RadGrid_NOAH input.rgRefresh {
    background-position: -12px -1312px !important;
}

    .RadGrid_NOAH input.rgRefresh:hover {
        background-position: -62px -1312px !important;
    }

.RadGrid .rgNumPart {
    padding-top: .25em !important;
}

.RadGrid_NOAH .rgNumPart a {
    border: 0px !important;
}

.RadGrid .rgWrap {
    line-height: 3.5em !important;
}

.RadGrid tfoot {
    background-color: #EEE !important;
}

.RadGrid .rcbInputCell {
    background-color: #FFF !important;
}

.RadGrid_NOAH .rgPager .RadComboBox_NOAH {
    width: auto !important;
}

.RadGrid .rgRow,
.RadGrid .rgAltRow {
    line-height: 2.2em !important;
}

.RadGrid_NOAH .rgPager .rgStatus {
    border: 0px !important;
}

.popover-content {
    max-height: 200px;
    overflow-y: auto;
}


.Special-Header {
    border: 1px solid transparent;
    border-top: 1px solid #49A842;
    border-bottom: 1px solid #49A842;
    padding: .25em;
    text-transform: uppercase;
}

.No-Bootstrap-Col > .HTML-Form-Correction {
    width: 100%;
}

/*=================  POSTBACK SPINNER STYLING =================*/
.postback-spinner {
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #777777a8;
}

    .postback-spinner i {
        margin-left: 50% !important;
        top: 50% !important;
        position: relative;
    }

/*  DNNSmart Effects Module Overrides   */
.dnnsmart_control input[type=checkbox] {
    border: 0;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    height: unset !important;
    width: unset !important;
    clip: unset !important;
}

.dnnsmart_control input[type=radio] {
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    clip: unset !important;
}

/* SHOPPING CART FIX FOR OLD STYLES */
@media (min-width:0) and (max-width: 640px) {
    [id*="ShoppingCart_Cart_DetailsPanel"] div:nth-child(4) > div {
        margin: 0 !important;
        margin-top: .25em !important;
        width: 100% !important;
    }

        [id*="ShoppingCart_Cart_DetailsPanel"] div:nth-child(4) > div input {
            width: 100% !important;
        }
}

/*========== User Icon Updates ==========*/
i.User-Icon.fa.fa-user {
    font-size: 6em;
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

#SignInUserPhoto > .fa.fa-user {
    font-size: 6em !important;
    background-color: #666666;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
    color: transparent;
    text-shadow: rgba(255,255,255,0.5) 0px 3px 3px;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #4A4E53 !important;
    border-color: #49A842 !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #49A842 !important;
    border-color: #49A842 !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    color: #4A4E53 !important;
}

.pagination > li > a, .pagination > li > span {
    color: #4A4E53 !important;
    border: 1px solid #49A842 !important;
}

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        color: #4A4E53 !important;
        background-color: #A3CF62 !important;
        border: 1px solid #49A842 !important;
    }

.panel-default > .panel-heading {
    color: #4A4E53 !important;
    background-color: #F6F8FC !important;
    border-color: #DBDFE4 !important;
    font-family: 'Gotham Narrow Book';
    font-size: 1.25em;
}

.panel-heading {
    font-family: 'Gotham Narrow Book';
    font-size: 1.25em;
}

.panel-footer {
    color: #4A4E53;
    font-family: 'Gotham Narrow Book';
}

.nav-tabs > li > a:hover {
    border-color: #A3CF62;
}

.nav > li > a:hover, .nav > li > a:focus {
    text-decoration: none !important;
    background-color: #A3CF62;
    color: #fff;
}

.nav-tabs {
    border-bottom: 1px solid #A3CF62;
    font-family: 'Gotham Narrow Book';
}

    .nav-tabs > li.active > a,
    .nav-tabs > li.active > a:hover,
    .nav-tabs > li.active > a:focus {
        color: #fff !important;
        background-color: #49A842;
        border: 1px solid #A3CF62;
    }

.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
    background-color: #49A842;
}

.form-control {
    font-family: 'Gotham Narrow Book' !important;
}


label [plugincorrected="true"] {
    padding-right: .5em;
}

/*========== CONTAINER STYLES =========*/
.DnnModule-NOAH_Clients [class*=DNNContainer_Title_],
.DnnModule-NOAH_Clients [id*=DNNContainer_Title_],
.DnnModule-NOAH_Clients [id*=ContentPane],
.DnnModule-NOAH_Clients [class*=page-header],
.DnnModule-DNN_HTML [class*=DNNContainer_Title_],
.DnnModule-DNN_HTML [id*=DNNContainer_Title_],
.DnnModule-DNN_HTML [id*=ContentPane],
.DnnModule-DNN_HTML [class*=page-header],
.Notch-Wrapper [id*=ContentPane] {
    padding: .75em;
}

    .DnnModule-NOAH_Clients [class*=DNNContainer_Title_] > *,
    .DnnModule-NOAH_Clients [id*=DNNContainer_Title_] > *,
    .DnnModule-NOAH_Clients [id*=ContentPane] > *,
    .DnnModule-NOAH_Clients [class*=page-header] > *,
    .DnnModule-DNN_HTML [class*=DNNContainer_Title_] > *,
    .DnnModule-DNN_HTML [id*=DNNContainer_Title_] > *,
    .DnnModule-DNN_HTML [id*=ContentPane] > *,
    .DnnModule-DNN_HTML [class*=page-header] > *,
    .Notch-Wrapper h1 > *,
    .Notch-Wrapper h2 > *,
    .Notch-Wrapper h3 > *,
    .Notch-Wrapper h4 > *,
    .Notch-Wrapper h5 > *,
    .Notch-Wrapper h6 > * {
        padding: 0;
    }

.Notch {
    position: relative;
    background: transparent;
    border: 0 solid transparent;
    height: 1em;
    /*z-index: 110;*/
}

    .Notch:after, .Notch:before {
        top: 0;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }

    .Notch:after {
        border-color: rgba(85, 85, 85, 0);
        border-top-color: #555;
        border-width: 30px;
        margin-left: -30px;
    }

    .Notch:before {
        border-color: rgba(85, 85, 85, 0);
        border-top-color: #555;
        border-width: 31px;
        margin-left: -31px;
    }

.Notch-White:before,
.Notch-White:after {
    border-top-color: #fff;
}

.Notch-Gray:before,
.Notch-Gray:after {
    border-top-color: #9C9EA1;
}

.notchText {
    font-family: 'Gotham Narrow Book';
    text-align: center;
    padding-top: 2em !important;
    font-size: 20px;
    line-height: 25px;
    color: #F6F8FC !important;
}

    .notchText p {
        font-family: 'Gotham Narrow Book';
        text-align: center;
        font-size: 20px;
        line-height: 25px;
        color: #F6F8FC;
        margin-top: 1.5em;
    }

    .notchText a {
        color: #F6F8FC;
        text-decoration: none;
    }

    .notchText i {
        color: #F6F8FC;
        font-family: Font Awesome 5 Brands;
        font-size: 32px;
        line-height: 20px;
    }

        .notchText i:hover {
            color: #4A4E53;
            text-decoration: none;
        }

a:hover .notchText i {
    color: #4A4E53 !important;
    
}

.notchText a:hover .footerPhoneFax {
    color: #4A4E53 !important;
    text-decoration: none;
}

.notchText .footerNumbers a,
.notchText .footerNumbers i {
    font-size: 20px !important;
    line-height: 25px !important;
    font-weight: 400;
    color: #F6F8FC;
    text-decoration: none;
}

    .notchText .footerNumbers i:hover {
        color: #4A4E53 !important;
        text-decoration: none;
    }

.notchText .footerIconContainer {
    margin-top: 3em;
}

.notchText .footerIcons {
    padding-right: .70em;
    padding-left: .70em;
}

.notchText .footerLink {
    font-family: 'Gotham Narrow Book';
    text-align: center;
    font-size: 18px;
    line-height: 20px;
    color: #F6F8FC !important;
    letter-spacing: 0.01em;
    text-align: center;
}

    .notchText .footerLink a {
        font-family: 'Gotham Narrow Book' !important;
        text-align: center;
        font-size: 18px !important;
        line-height: 20px !important;
        color: #F6F8FC !important;
        letter-spacing: 0.01em;
        text-align: center;
        padding-right: .70em;
        padding-left: .70em;
    }

        .notchText .footerLink a:hover {
            color: #4A4E53 !important;
            text-decoration: none;
        }

.fa-phone-alt:before,
.fa-fax:before {
    padding-right: .85em;
}
/*========== END CONTAINER STYLES =========*/

/*========== TOP HEADER STYLING ==========*/
header {
    font-family: 'Gotham Narrow Book';
    z-index: 101;
    min-height: 4.5em;
}

.headerIcons {
    display: inline-grid;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
    letter-spacing: 0.095em;
    text-transform: uppercase;
    padding: 3em 1em 2em 1.5em;
    z-index: 501;
}

.iconContainer {
    display: inline-block;
    height: 100%;
    margin: 0 !important;
    background-color: #F6F8FC !important;
    float: right;
    min-height: 4.5em;
}
/*========== /TOP HEADER STYLING ==========*/

/*========== FOOTER STYLING ==========*/
footer > p {
    color: #F6F8FC !important;
    text-align: center;
    font-family: 'Gotham Narrow Book';
}

footer i {
    color: #F6F8FC !important;
}

footer a {
    color: #F6F8FC !important;
    font-family: 'Gotham Narrow Book';
}

.footerCopyright {
    color: #F6F8FC !important;
    text-align: center;
    font-family: 'Gotham Narrow Book';
}
/*========== /FOOTER STYLING ==========*/

.fa.fa-dashboard:before, .fa.fa-tachometer:before {
    content: "\f0e4";
}

.fa.fa-sign-out.fa-fw:before {
    content: "\f2f5" !important;
}

.brandTagConference {
    background-color: #AB650D;
    opacity: 0.88;
    width: 167px;
    height: 40px;
    z-index: 309;
    position: absolute;
    top: 1em;
    left: -75px;
    border: 1px solid #AB650D;
    color: #fff;
    text-align: center;
    padding-top: .25em;
}

.brandTagWebinar {
    background-color: #34715B;
    opacity: 0.88;
    width: 167px;
    height: 40px;
    z-index: 309;
    position: absolute;
    top: 1em;
    left: -75px;
    border: 1px solid #34715B;
    color: #fff;
    text-align: center;
    padding-top: .25em;
}

.brandTagInstitute {
    background-color: #52247F;
    opacity: 0.88;
    width: 167px;
    height: 40px;
    z-index: 309;
    position: absolute;
    top: 1em;
    left: -75px;
    border: 1px solid #52247F;
    color: #fff;
    text-align: center;
    padding-top: .25em;
}

.eventBorder {
    border-bottom: 4px solid #49A842;
    padding-bottom: 10px;
}

.eventBorderLong {
    border-bottom: 4px solid #49A842;
    padding-bottom: 10px;
}

.eventDate {
    padding-top: 10px;
    color: #7C8A9E !important;
}

.calendar {
    float: left;
    margin-right: 1em;
    margin-bottom: 2em;
}

input#siteSearchInput::placeholder {
    color: #fff !important;
}

.homeOrangeBox {
    background-color: #AB650D;
    box-sizing: border-box;
    position: absolute;
    height: 100%;
    right: 0;
    top: 0;
}

    .homeOrangeBox p {
        color: #fff !important;
        text-align: center !important;
    }

.arrow_box {
    position: relative;
    background: #1A292B;
}

.homeOrangeBox p a.btn-default {
    color: #fff !important;
    border-bottom: 4px solid #fff !important;
}

    .homeOrangeBox p a.btn-default:hover {
        color: #000 !important;
        border-bottom: 4px solid #000 !important;
    }

.arrow_box:after {
    left: 75%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(26, 41, 43, 0);
    border-left-color: #1A292B;
    border-width: 23px;
    margin-top: -23px;
}

.homeOrangeBoxHead {
    font-size: 25px !important;
    font-family: 'Gotham Narrow Book';
    text-align: center !important;
}

.homeBottomBox {
    background: #1A292B;
    padding: .8em;
}

.image-overlay {
    overflow: hidden;
    position: relative;
    background: linear-gradient(112.23deg, #49A842 13.08%, #006068 93.78%);
}

.image-green-overlay {
    opacity: .2;
}

.image-overlay h1,
.image-overlay h2,
.image-overlay h3,
.image-overlay h4 {
    position: absolute;
    display: block;
    top: 4em;
    z-index: 99;
    color: #fff !important;
    margin-left: 30px;
}

.image-overlay p {
    position: absolute;
    display: block;
    top: 19em;
    z-index: 99;
    color: #fff !important;
    margin-left: 30px;
}

.image-overlay a.btn {
    position: relative;
    display: block;
    top: 3em;
    z-index: 99;
    color: #fff !important;
    white-space: nowrap;
}

.image-overlay .btn-default {
    color: #fff !important;
    border-bottom: 4px solid #fff !important;
}

    .image-overlay .btn-default:hover {
        color: #000 !important;
        border-bottom: 4px solid #000 !important;
    }

.mainBg {
    background-color: #000;
}

.overlayBg {
    background-color: #000;
}

.image-overlaySide {
    overflow: hidden;
    position: relative;
    background: rgb(0,0,0);
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 43.23%, rgba(0, 0, 0, 0.824) 100%);
}

.image-dark-overlay {
    opacity: 0.86;
    vertical-align: top;
}

.textBottom {
    overflow: hidden;
    position: relative;
}

.homeBottomLeft {
    display: block;
    margin-top: 45%;
    position: absolute;
    z-index: 99;
    color: #fff !important;
    margin-left: 4%;
}

.smallImgHead {
    font-size: .95rem;
    line-height: 23px;
    font-family: 'Gotham Narrow Book';
}

.smallImgText {
    font-size: .85rem;
    line-height: 20px;
    font-family: 'Gotham Narrow Book';
}

.grayBox {
    width: 100%;
    height: 100%;
    min-height: 15rem;
    background-color: #EFEFEF;
    position: relative;
    display: inline-block;
    margin-top: -.75em;
}

.grayBoxText {
    font-family: 'Lato' !important;
    font-size: 1.3rem !important;
    line-height: 1.8rem !important;
    font-weight: normal !important;
    color: #676767 !important;
    padding-top: 2.9rem !important;
    padding-left: 1em !important;
}

    .grayBoxText p {
        font-family: 'Lato' !important;
        font-size: 1.3rem !important;
        line-height: 1.8rem !important;
        font-weight: normal !important;
        color: #676767 !important;
        padding-top: 2.9rem !important;
    }

.btn-blue {
    background-color: #6D94AA;
    border: 1px solid #6D94AA;
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.082), inset 0px -1px 0px rgba(0, 0, 0, 0.042);
    border-radius: 4px;
    color: #fff !important;
    font-size: 1rem !important;
    text-align: center;
    font-weight: bold;
    font-family: 'Lato';
    line-height: 1.2rem !important;
    padding: 15px 40px;
}

    .btn-blue:hover {
        background-color: #6799C8;
        border: 1px solid #6799C8;
        color: #fff !important;
    }

.insideOverlay {
    overflow: hidden;
    position: relative;
    background: linear-gradient(141.26deg, #49A842 13.08%, #006068 93.78%);
    padding: 0 !important;
}

.inside-Green-Overlay {
    opacity: .2;
    /*height: 100%;*/
}

.insideOverlayHeader {
    font-size: 2.7rem;
    line-height: 3rem;
    font-family: 'Lato';
    font-weight: 300;
    color: #fff !important;
    position: absolute;
    margin-top: 2em;
    margin-left: .5em;
    z-index: 99;
}

.insideOverlayText {
    font-size: 1.3rem !important;
    line-height: 36px !important;
    font-weight: 400;
    font-family: 'Lato';
    color: #fff !important;
    position: absolute;
    margin-top: 7em;
    margin-left: 1.15em;
    z-index: 99;
}

.grayBoxGeneral {
    width: 100%;
    height: 100%;
    min-height: 15rem;
    background-color: #EFEFEF;
    position: relative;
    display: inline-block;
    padding-top: 3rem !important;
    overflow-wrap: break-word;
    margin-bottom: 1em !important;
}

.btn-wire {
    background-color: transparent;
    border: 1.5px solid #9D9D9D;
    box-sizing: border-box;
    border-radius: 4px;
    color: #676767 !important;
    font-size: 1rem !important;
    text-align: center;
    font-weight: bold;
    font-family: 'Lato';
    line-height: 1.2rem !important;
    padding: 15px 40px;
}

    .btn-wire:hover {
        color: #fff !important;
        background-color: #D06F1A;
        border: 1.5px solid #D06F1A;
    }

.well {
    background-color: transparent;
    border: 2px solid #6D94AA;
}

/*========== COUNTDOWN TIMER ==========*/

#clockdiv {
    display: flex;
}

#day,
#hour,
#minute {
    color: #1B1B1B;
    font-family: 'Lato';
    position: relative;
    padding-right: .75em;
    text-align: center;
    font-size: 39px !important;
    line-height: 48px !important;
}

.smalltext {
    font-size: 14px;
    Width: 100%;
    font-style: italic;
    font-family: 'Lato';
    color: #959595;
    text-align: center;
    margin-left: -1em;
}

.countDownText {
    font-family: 'Lato';
    font-size: 1rem;
    line-height: 24px;
    color: #959595;
    position: relative;
    top: 1em;
    left: 2em;
}

.eventTimerText a.btn.btn-blue {
    float: right;
    clear: both;
    right: 0;
    position: relative;
    display: inline-block;
}

/*========== END COUNTDOWN TIMER ==========*/

.NOAH-Form {
    font-size: 16px !important;
}

[id*=wcbForm] html5controlform .row, [id*=wcbForm] html5controlform .row [class*="col-"] {
    font-size: 16px !important;
}

.fa-remove:before, .fa-close:before, .fa-times:before {
    font-family: 'Font Awesome 5 Pro';
}

[id*=wcbForm] .HTML5-Multiple-Selection-Dropdown-Icon:before {
    font-family: 'Font Awesome 5 Pro';
}