.fade-out.ng-leave {
    transition: .5s linear all;
    -o-transition: .5s linear all;
    -moz-transition: .5s linear all;
    -webkit-transition: .5s linear all;
    opacity: 1;
}

#welcomeTextMobileHome{
    font-weight:600;
}

.reducedBadgeSize {
    font-size: 75% !important;
    margin-left: 0px !important;
}

.supportStepMessageDivContainer p {
    white-space: pre-wrap;
}

.btn-white:not(:disabled):not(.disabled):active, .btn-white:not(:disabled):not(.disabled).active, .show > .btn-white.dropdown-toggle {
    color: #212529;
    background-color: #e6e6e6;
    border-color: #dfdfdf;
}

.reconciliationButton:disabled:hover {
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}

.leadStep {
    /*box-shadow: 0px 1px 6px 0.1px rgba(79, 79, 79, 0.18);
    -webkit-box-shadow: 0px 1px 6px 0.1px rgba(79, 79, 79, 0.18);
    border: 1px solid #e8e8e8;*/

    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}

.stepNextButtonLeadQual {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    border: none !important;
}

.customArrowsAddresses {
    color: #6c757d !important;
}

#member-header {
    padding-bottom: 1.0rem !important;
}

.manualFormSectionName {
    font-weight: 500 !important;
}

.header-no-caps {
    text-transform: none !important;
}

.override-mobile-dropdown-bg {
    background-color: initial !important;
}

.narrow-spacing-nav-list li {
    margin-bottom: .8rem !important;
}

.narrow-spacing-nav-list a {
    padding-bottom: .4rem !important;
    padding-top: .4rem !important;
}

.narrow-spacing-nav-list div {
    padding-top: 0 !important;
}

#plan-banner-color {
    background-color: #1C336B !important;
    z-index: 1049 !important;
}

#plan-button-color {
    background: #1C336B !important;
}

.plan-banner {
    position: sticky;
    top: 0;
    text-align: center;
    width: 100%;
    padding: 0.8rem;
    z-index: 9999;
    align-items: center;
    justify-content: center;
    height: 56px;
}

.page-wrap.plan-banner-wrap #admin-header
{
    top: 56px;
}

#admin-menu.plan-banner-active {
    top: 61px;
}

#admin-menu.plan-banner-active {
    top: 61px;
}

.impersonateBanner.plan-banner-impersonating {
    top: 127px;
}

#admin-menu.plan-banner-active {
    top: 61px;
}

.btn-white {
    background-color: #ffffff;
}

.btn-outline-blue {
    color: #3a80b6;
    background-color: transparent;
    background-image: none;
    border-color: #3a80b6;
}

.btn-blue {
    color: #fff;
    background-color: #3a80b6;
    background-image: none;
    border-color: #3a80b6;
}

.icon-box.blue {
    border-color: #4e49dc;
    color: #4e49dc;
    background: #edecfb;
}

.mobile-dashboard-wrap .mobile-header {
    z-index: 1009 !important;
}

#member-header {
    z-index: 1009 !important;
}

.icon-box.teal {
    border-color: #2ed6b4;
    color: #2ed6b4;
    background: #e1fcf7;
}

ol.breadcrumb.pl-0 {
    background-color: transparent;
}

.member-modal {
    width: 1200px !important;
}

.lead-qual-img {
    max-width: 100px;
    max-height: 100px
}

.no-text-transform {
    text-transform: none !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

.add-edit-user-modal-main {
    min-width: 100% !important;
    height: 100% !important;
}

.add-edit-user-block {
    display: block !important;
}

.badgeReplySidebarCircle {
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 8px;
    background: #fff;
    color: #CE2F2C;
    text-align: center;
}

.user-dropdown .dropdown .btn {
    font-weight: 400;
}

input.hideMe {
    display: none !important;
}

.badgeReplyNew .replyCircle {
    display: inline-block;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 8px;
    background: #fff;
    color: #000;
    text-align: center;
}

.menuBoop {
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    text-align: center;
    display: inline-block;
    line-height: 22px;
    background-color: #dc3545;
    /* white border */
    border: 1px solid #fff;
}

.badgeReplyNew {
    background-color: #CE2F2C;
    color: #fff;
}

.fade-out.ng-leave.ng-leave-active {
    opacity: 0;
}

.fade-in.ng-enter {
    transition: .5s linear all;
    -o-transition: .5s linear all;
    -moz-transition: .5s linear all;
    -webkit-transition: .5s linear all;
    opacity: 0;
}

.grecaptcha-badge {
    visibility: hidden;
}

.col-lg-4:has(.piechartContainer) {
    max-width: 100% !important;
    min-width: 100% !important;
    flex: 0 0 100;
}

.col-md-4:has(.piechartContainer) {
    max-width: 100% !important;
    min-width: 50% !important;
}

.fade-in.ng-enter.ng-enter-active {
    opacity: 1;
}

.was-validated mdr-select2.ng-invalid ~ .invalid-feedback {
    display: block;
}

.was-validated input[type="hidden"].form-control.ng-invalid ~ .invalid-feedback {
    display: block;
}

.was-validated input[type="text"].form-control.ng-invalid ~ .invalid-feedback {
    display: block;
}

.was-validated input[type="password"].form-control.ng-invalid ~ .invalid-feedback {
    display: block;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

ul[dnd-list] .dndDraggingSource {
    display: none;
}

.paginate-buttons-here .pagination {
    float: right !important;
}

.hidden-file-input{
    overflow: hidden;
    position: static!important;
}

.bs-popover-top {
    z-index: 10001 !important;
}

.hidden-file-input input {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 10;
    cursor: pointer;
}

.hidden-file-input .btn {
    position: relative;
}

#public-banner-color {
    background-color: #1C336B !important;
    z-index: 0!important;
}
/*
.pre-loader {
    background: url(/images/loading-icon.gif) center center no-repeat #ffffff;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 900000000;
}*/
.badge.badge-gray {
    margin-left: 10px;
}

body.membershine .btn-primary:disabled {
    background-color: #FF4227;
    border-color: #FF4227;
}

body.hoastart .btn-primary:disabled {
    background-color: #49A1A3;
    border-color: #49A1A3;
}

.manualvalid {
    border-color: #28a745!important;
}

.manualinvalid {
    border-color: #dc3545!important;
}

.manualvalid:focus {
    border-color: #28a745!important;
}

.manualinvalid:focus {
    border-color: #dc3545!important;
}

.manualinvalidfeedback {
    display: block;
}

.manualinvalidfeedbackhidden {
    display: none;
}

#communitySlugInput{
    text-transform: lowercase;
}

.siteCard{
    cursor: pointer;
}

.switchModalList #userTable th{
    display: none!important;
}

.customvalid {
    border-color: #28a745!important;
}

.custominvalid {
    border-color: #dc3545 !important;
}

.customvalid button.multiselect {
    border-color: #28a745 !important;
}

.custominvalid button.multiselect {
    border-color: #dc3545 !important;
}

.display-invalid-feedback {
    display: block !important;
}

.slug-feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.custom-feedback {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.superModal, .superModal .modal-dialog {
    margin: 0 !important;
    padding: 0 !important;
    height: 100% !important;
    width: 100% !important;
    max-height: 100% !important;
    max-width: 100% !important;
}

    .superModal .modal-dialog #wizard-content, .superModal .modal-dialog .modal-content {
        margin-bottom: 20px;
        background: #D3D3D3 !important;
    }
/*
.nav-menu-wrapper svg{
    margin-right: 15px!important;
}*/

.pricing-tier-option{
    cursor: pointer;
}

.modal-xxl .modal-dialog{
    max-width: 99%;
    margin-top: 10px;
    min-height: 97%;
    height: 97vh !important;
    margin-bottom: 0px;
}

.custom-hidden-upload-label input {
    display: block;
    margin-top: -30px;
    margin-left: -15px;
    width: calc(100% + 28px);
    cursor: pointer;
    opacity: 0;
    height: 40px;
    margin-top: -35px;
}

.slick-slide img {
    width: auto !important;
}

.modal-xl-overwrite .modal-dialog{
    max-width: 1000px;
}

.multiselectcustom button{
    width: 300px;
    min-width: 300px;
    max-width: 300px;
}

.editSponsorBlock {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #0076b9;
    border-radius: 10px;
    padding: 1rem;
    margin-bottom: 20px;
}

.editSponsorIcon svg {
    width: 38px!important;
    margin-top: 9px;
}

.builderGridRow .btn-outline-primary:hover {
    color: #fff;
}

.siteBuilder.publicView section.page-container {
    margin-right: 0;
}

.modal-body .custom-file-label::after {
    pointer-events: none;
}

.custompointer{
    cursor: pointer;
}
/*
.pre-loader{
    opacity: 1!important;
}*/

/* Chrome, Safari, Edge, Opera */
input.hiddenArrowPrice::-webkit-outer-spin-button,
input.hiddenArrowPrice::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input.hiddenArrowPrice[type=number] {
    -moz-appearance: textfield;
}

.fullwidthmultiselect button.multiselect{
    width: 100%;
}

.fullwidthmultiselect div.btn-group {
    width: 100%;
}

#uploadImageIconButton {
    position: absolute;
    max-width: 0px;
    max-height: 42px;
    padding-left: 42px;
    margin-left: -30px;
    margin-top: -10px;
    height: 100%;
}

#uploadFileIconButton {
    position: absolute;
    max-width: 0px;
    max-height: 42px;
    padding-left: 82px;
    margin-left: -71px;
    margin-top: -10px;
    height: 100%;
}

#messaging-global .messaging-inner.nofooter {
    overflow-y: auto;
    scrollbar-width: none;
    height: calc(100%);
}

#messaging-global .messaging-inner.messageattachments {
    overflow-y: auto;
    scrollbar-width: none;
    height: calc(100% - 258px);
}

.siteBuilder  .blockMenu a {
    color: #0076b9 !important;
}

.font-select{
    color: #333;
}

.siteBuilder .gridBlock{
    padding: 0px;
}

.customMapWidget {
    /* max-height: 400px;*/
}

.iconpicker-popover{
    opacity: 1!important;
}

.replyBubbleSelf  .emoji-picker{
    margin-top: -30px;
    right: 58px;
}

    .replyBubbleSelf .emoji-picker.parent-has-scroll {
        margin-top: -30px;
        right: 74px;
    }


#messaging-global .emoji-menu {
    margin-top: -275px;
}

#messaging-global .messageContainer .messageBubbleTo{
    width: 70%;
}

#messaging-global .messageContainer .messageBubbleFrom {
    width: 70%;
}

.siteBuilder .builderGridRow.quoteBlock .quoteText{
    font-weight: normal;
}

.siteBuilder .builderGridRow button {
    border-style: solid!important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.gridBlock.newsfeedBlock{
    margin-bottom: 100px;
}

.newsfeedBlock .newsfeedCard.pinnedCard {
    border: 1px solid rgba(20, 20, 20, 0.43);
    box-shadow: 0px 1px 6px 0.1px rgba(20, 20, 20, 0.53);
    -webkit-box-shadow: 0px 1px 6px 0.1px rgba(20, 20, 20, 0.53);
}

.mainDues h1, .mainDues h2, .mainDues h3, .mainDues h4, .mainDues h5, .mainDues h6 {
    color: #5e5141;
    font-weight: 500;
}

.thinArrowSvg svg {
    width: 22px !important;
    margin-left: 12px!important;
    /*
    float: right;
    margin-top: 2px;
    margin-left: 0px;
*/
}


/*
.sectionRowContainer {
    overflow: hidden;
}*/

.customText1 .sectionblockMenu a {
    color: #ffffff !important;
}

.customText2 .sectionblockMenu a {
    color: #ffffff !important;
}

.customText3 .sectionblockMenu a {
    color: #ffffff !important;
}

.customText4 .sectionblockMenu a {
    color: #ffffff !important;
}

.customText5 .sectionblockMenu a {
    color: #ffffff !important;
}

.customText6 .sectionblockMenu a {
    color: #ffffff !important;
}

.customText7 .sectionblockMenu a {
    color: #ffffff !important;
}

.gridBlock > .headerBlock {
    padding-left: 20px;
    padding-right: 20px;
}

.sectionRowContainer .builderGridRow .mainNavGrid {
    padding-left: 20px;
    padding-right: 20px;
}

.calendarDetailModal {
    padding-top: 11px;
    padding-bottom: 11px;
}

.manageWidgetsModal .multiselect-container {
    max-height: 400px;
    overflow: scroll;
}

.cursorPointer{
    cursor: pointer;
}

.customTopDocsIcon svg {
    /*width: 0.5em!important;*/
}

.formSubmissionResponse{
    min-height: 100px;
}

.mapHideWrap {
    display: flex;
    flex-flow: column wrap;
    height: calc(100% - 50px);
}

    .mapHideWrap .card:nth-child(2n+1) {
        order: 1;
    }

    .mapHideWrap .card:nth-child(2n+2) {
        order: 2;
    }

    /* Force new columns */
    .mapHideWrap::before,
    .mapHideWrap::after {
        content: "";
        flex-basis: 100%;
        width: 0;
        order: 2;
    }

    .angularJsNewLine{
        white-space:pre-line;
    }

.siteBuilder .gridBlock.populatedBlock .sponsorBlock img{
    max-height: 100px!important;
    width: auto!important;
}

.documentsBlock.documentsTopWidget {
    height: auto;
}

.tooltip{
    pointer-events: none!important;
}

.committeeMemberScroll{
    max-height: 400px;
    overflow-y: scroll;
}

.siteCardFix {
    margin-bottom: 11%!important;
}

.hiddenPageItem{
    max-height: 0px;
    padding: 0px;
    overflow: hidden;
    border: none!important;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    margin-top: none;
    margin-bottom: none;
}

#addPricingModalHoaStart2 .userTableWrap{
    overflow-x: scroll;
}

.siteBuilder .gridBlock.populatedBlock.imageBlock1 .heroOverlay p.customHero1HeaderOverride {
    font-size: 24px;
    font-weight: 400;
}

.siteBuilder .myEventsCard h5 {
    font-size: 20px;
    font-weight: 400;
}

.multiselect-native-select ul{
    max-height: 600px;
    overflow-y: scroll;
}

.gridBlock.faqBlock2 .accordionNested h5 button{
    padding-right: 35px;
}

.multiselect-container label{
    width: 100%;
}


.truncate-events-overflow {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*
.truncate-events-overflow{
    --max-lines: 2;
    position: relative;
    max-height: calc(var(--1h) * var(--max-lines));
    overflow: hidden;
    padding-right: 1rem;
}
.truncate-events-overflow::before {
    position: absolute;
    content: "...";
    inset-block-end: 0;
    inset-inline-end: 0;
}
.truncate-events-overflow::after {
    content: "";
    position: absolute;
    inset-inline-end: 0;
    width: 1rem;
    height: 1rem;
    background: white;
}*/


a.freshdeskTooltip{
    font-size: 12px!important;
}

    a.freshdeskTooltip .fa-info {
        margin-left: auto;
    }

    a.freshdeskTooltip .fa-circle {
        font-size: 12px !important;
    }


.table-responsive{
    overflow-x: inherit!important;
}

.multiselect-container.dropdown-menu{
    max-height: 300px;
}

.customStickyFooter{
    position: absolute!important;
    bottom: 0;
    min-width: 100%;
}

.messageFooter .emoji-wysiwyg-editor{
    max-width: 357px!important;
}

.gridBlock .customText1 p a, .gridBlock .customText2 p a, .gridBlock .customText3 p a, .gridBlock .customText4 p a, .gridBlock .customText5 p a, .gridBlock .customText6 p a, .gridBlock .customText7 p a {
    color: #0000EE !important;
}


.chip {
    cursor: default!important;
}

.chip:hover{
    box-shadow: none!important;
}

.customFaqRowHover:hover{
    margin-top: 100px!important;
}

.customFaqOverlay{
    max-height: 100px!important;
}


.customFaqRowHover:hover .blockOverlay {
    opacity: .9 !important;
    background: #8a8a8a !important;
}

    .customFaqRowHover:hover .blockOverlay a {
        color: #a1cfff !important;
    }

.customFaqRowHover:hover .blockMenu {
    background: #202020 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none !important;
    width: 200px !important;
    text-align: left !important;
    /*-webkit-box-shadow: 4px 15px 5px 0px rgba(49, 49, 49, 0.92);
            -moz-box-shadow: 4px 15px 5px 0px rgba(49, 49, 49, 0.92);
            box-shadow: 4px 15px 5px 0px rgba(49, 49, 49, 0.92);*/
}

    .customFaqRowHover:hover .blockMenu a {
        color: #a1cfff !important;
        margin: 0px !important;
        padding: 10px 0px !important;
    }


.list-group-item.active .faq-pencil-icon{
    color: #fff!important;
}

.select2-container {
    min-width: 100% !important;
    max-width: 100% !important;
}

    .select2-container .select2-selection {
        border: 1px solid #ced4da !important;
        transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    }

    .select2-container input {
        min-height: 34px !important;
    }


    /* I'm really not sure why these are needed, something weird is going on with the sizing of the html and body causing the sticky footer to act odd in the admin panel */
.autoHeight {
    height: auto !important;
}

body.autoHeight {
    position: absolute;
    width: 100%;
}


.page-container > .container-fluid {
    margin-bottom: 40px;
}

.newsfeedBlock .newsfeedCard .postImage img {
    max-width: 60%!important;
    max-height: 600px!important;
}

.previewModalNoPreviewBlock{
    min-height: 100px;
    text-align: center;
}

.previewModalNoPreviewIcon{
    font-size: 50px;
}

.previewAreaImage {
    background: url(/File/Get/8f405695-da2a-466f-8863-8976e1733e92);
    background-repeat: no-repeat;
    background-size: contain!important;
    background-position: center;
}

.previewImage{
    height: 0px;
    width: 0px;
    display: hidden!important;
}

.previewAreaPDF{
    height: 0px;
}

.modal-xlg .modal-dialog {
    max-width: 1000px;
}

.modal-xlg .modal-dialog .modal-content {
    width: 1000px;
}

.ticketCommentContainer {
    max-height: 400px;
    overflow-y: auto;
}

.ticketComment {
    border-left: 1px solid #c3c3c3;
    border-right: 1px solid #c3c3c3;
    border-bottom: 1px solid #c3c3c3;
}

.ticketComment:first-child {
    border-top: 1px solid #c3c3c3;
}

.newTicketCommentsParagraph {
    padding-left: 55px;
}

.newTicketCommentContainer{
    overflow-y:auto;
    max-height: 400px;
}

.custom-hidden-upload-button{
    display: none!important;
}

.word-wrap-fix-table{
    table-layout: fixed;
}

    .word-wrap-fix-table td, .word-wrap-fix-table td span{
        word-break: break-word;
    }

.account-management-footer-columns{
    max-width: 50%;
    width: 50%;
    float: left;
}

.customerNotesActions{
    margin-top: -45px;
    margin-bottom: 30px;
}

input:checked + .slider-red {
    background-color: #dc3545!important;
}

#suspendModalBG {
    background: rgba(90,90,90,0.8);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 100000000;
}

.suspendModalContainer{
    width: 80%;
    background-color: #fff;
    margin-top: 200px;
}

.suspendModalContent {
    border-top: 1px solid #d3d3d3;
}

.householdsWizardOneThird{
    width: 33%;
    float: left;
}

.householdsWizardTwoThirds {
    width: 66%;
    float: left;
}

.limitedModalContainer{
    max-height: 400px;
    overflow-y: scroll;
}

.householdTitleLabel {
    font-weight: 600;
}

.table.noBorderTable th, .table.noBorderTable td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: none!important;
}

.householdsAccordionLabel button {
    font-size: 1.25rem;
    color: rgb(85,85,85) !important;
    font-weight: 600!important;
}

.customHouseholdsAddressSelect2 .select2-selection__arrow {
    top: 25%!important;
}

.customHouseholdsAddressSelect2 .select2-selection--single{
    height: 47px!important;
    padding-top: 7px;
}

.householdsWizardConfigurableTypesContainer{
    background-color: #dedede;
    max-width: 67%;
}

.membershipDirectoryMap .card-img.noAvatar span.membershipDirectoryNoAvatarSmallText {
    font-size: 2rem;
}

.row.membershipDirectorySearchRow{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.membershipDirectoryMap .memberCol .memberScroll{
    margin-top: 0px;
}

.membershipDirectoryMap .memberSearch{
    max-height: 800px;
}

.mainDuesSmallerTitle{
    font-size: 1.45rem;
}

.no-border, table td .no-border{
    border: none;
}

.organizationOnboardingCard{
}

.organizationOnboardingCard .onboardingLabelFontSize {
    font-size: 18px;
}

.organizationOnboardingCard img {
    width: 100%;
}

.organizationOnboardingCard .onboardingStatusCard {
    height: auto !important;
    border-radius: 5px;
}

.organizationOnboardingCard .onboardingStatusCard h4{
    text-transform: none!important;
}

.duesTableHouseholdRow {
    background-color: #f8f9fa!important;
}

.card-header-late{
    background-color: #ca0000!important;
}

.dashboardCollapseCarat {
    font-size: 2rem;
    line-height: 50%;
    color: #fff;
}

.helpModalLargeButton{
    font-size: 1rem;
}

.helpModalText{
    font-size: 1.4rem;
}

.helpModalInfoIcon {
    font-size: 3rem;
}

.membershipDirectoryMap .memberCol .card:hover {
    margin-bottom: 18px;
}

.help-modal .modal-title{
    font-size: 1.6rem;
}

.siteBuilder .gridBlock.populatedBlock.membershipDirectoryMap{
    height: auto!important;
}

.actionsDropDown .dropdown-item {
    padding-left: 10px;
}
.actionsDropdownIcon {
    width: 25px !important;
    display: inline-block;
}

.actionsDropdownTooltip {
    font-size: 13px;
    color: #888888;
}

.scrollableTable{
    max-height: 400px;
    overflow-y: auto;
}

.duesMiniTextInputs{
    max-width: 90px;
}

.duesPaymentTableCheck {
    margin-left: 0;
    margin-top: -6px;
}

.duesSummaryDateRange{
    width: 45%;
    display: inline-block;
}

.removeTextTransform{
    text-transform: none!important;
}

.documentRepositoryCustomFileName{
    max-width: 300px;
    display: inline-block;
}

.documentsBlockAutoHeight.documentsBlock{
    height: auto!important;
}

.mbsc-event-start.mbsc-ios{
    display: none;
}

.mbsc-event-end.mbsc-ios{
    display: none;
}

.mbsc-calendar-title-wrapper.mbsc-ios{
    padding-top: 10px;
    padding-left: 10px;
}

.mbsc-calendar-title.mbsc-calendar-month.mbsc-ios {
    color: #4d4d47;
}

.mbsc-calendar-title.mbsc-calendar-year.mbsc-ios {
    color: #4d4d47;
}

.mbsc-calendar-button {
    color: #4d4d47;
}

.custom-ticketing-attachments-label input{
    max-width: 103%!important;
}

.publicView .mbsc-ltr.mbsc-picker.mbsc-popup-round .mbsc-popup.mbsc-ios.mbsc-popup-bottom {
    max-height: 247px!important;
}

.modal-fullscreen .modal-dialog {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
}

table.table.data-table{
    padding-right: 0px!important;
}

.siteBuilder .gridBlock.populatedBlock.makePaymentBlock .paymentImage {
    margin: 20px 0 20px 0;
    aspect-ratio: 2 / 1;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.siteBuilder .gridBlock.populatedBlock.makePaymentBlock .makePaymentOuter {
    box-shadow: 0px 1px 6px 0.1px rgba(79, 79, 79, 0.18);
    -webkit-box-shadow: 0px 1px 6px 0.1px rgba(79, 79, 79, 0.18);
    margin: 10px;
}

.siteBuilder .gridBlock.populatedBlock.makePaymentBlock .imageContentInfo {
    padding: 10px;
    background: #fff;
}

.ticketModal .select2.select2-container{
    width: 100%!important;
}

#userTable{
    width: 100%!important;
}

table.dataTable thead > tr > th:last-child {
    padding-right: 0.75rem!important;
}

.dropdown-menu.show{
    z-index: 10000!important;
}

.mbsc-ios.mbsc-calendar-label-text{
    color: #fff!important;
}

.mbsc-calendar-text.mbsc-ios.mbsc-ltr.mbsc-calendar-text-more .mbsc-ios.mbsc-calendar-label-text{
    color: #000!important;
}

span.multiselect-selected-text {
    font-weight: normal;
    max-width: 93%;
    overflow: hidden;
    display: inline-block;
    text-overflow: ellipsis;
}

.addOnDateInput{
    max-width: 150px;
    display: inline;
}

.calendarEntryMoreInfo img{
    max-width: 100%;
    max-height: 100%;
    width: auto !important;
    height: auto !important;
}

.bt-none {
    border-top: none;
}
.bb-none {
    border-bottom: none;
}

.mbsc-popup-body.mbsc-popup-body-anchored.mbsc-ios.mbsc-popup-body-round{
    max-height: 380px!important;
}

.select2-container.select2-container--default.select2-container--open .select2-dropdown.select2-dropdown--below {
    z-index: 10000;
}

.multiselect-item.multiselect-filter .input-group .input-group-btn .multiselect-clear-filter{
    display: none!important;
}

.menuText {
    z-index: 1;
    position: relative;
}

.editIcon {
    position: relative;
    z-index: 2;
}

.gridBlock .customText7 ul li a {
    color: #0000EE !important;
}

.forms-dashboard-list h3 {
    color: #535759!important;
}

.boldItem {
    font-weight: 600!important;
}

.modal-open{
    overflow: auto!important;
}

.member-dashboard .page-container.siteBuilder {
    background: white;
    background-image: url(../images/cartoon-houses-bg.png), linear-gradient(180deg, white 0%, #eef4f5 79%, #ebf2f3 100%)!important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom center;
}

strong, b{
    font-weight: bold;
}

.category-dropdown .active{
    background-color: #ededed!important;
}

.category-select .category-dropdown a {
    padding: 0 !important;
    line-height: 12px;
}

.public-banner {
    margin-top: -20px;
    height: auto !important;
    justify-content: space-between;
}
.public-banner p{
    text-align: left;
}
    .public-banner a {
        color:#1C336B!important;
    }

    .public-banner .white-close-button{
        color: #fff!important;
    }
    /* START MEDIA SECTION */
    @media screen and (min-width: 768px) {
        .helpModalDarkButton {
            background-color: #2c5c78;
        }

        @media screen and (min-width: 851px) {
            .membershipDirectoryMap .memberCol .memberScroll {
                height: 100%;
            }
        }

        @media screen and (max-width: 767px) {
            .membershipDirectoryMap .memberCol .memberScroll {
                max-height: 400px;
            }
        }