.boxshadow-mode :is(.analyticscard,
.e-accumulationchart,
.e-chart,
.basegrid,
.basesfaccordion2 .e-accordion,
.container.listingsegment,
.container2.listingsegment,
.no-items-card-parent,
.feedcomponent,
.inputsectionsec2,
.integration-card,
.integration-row,
.auditparentsec,
.explanationsec,
.ergsetupsettingscontainer,
.chartfiltercomponent,
.chartfiltersection) {
    box-shadow: 0 3.2px 7.2px 0 var(--box-shadow-color,rgba(0, 0, 0, .132)),0 .6px 1.8px 0 var(--box-shadow-color-second,rgba(0, 0, 0, .108));
}


.boxrounded-mode :is(
.analyticscard,
.e-accumulationchart,
.e-chart,
.basegrid,
.basesfaccordion2 .e-accordion,
.container.listingsegment,
.container2.listingsegment,
.no-items-card-parent,
.feedcomponent,
.accumulationchartcontainer .e-accumulationchart svg,
.basesfaccordion2 .e-accordion .e-acrdn-item .e-acrdn-header,
.inputsectionsec2,
.integration-card,
.integration-row,
.auditparentsec,
.explanationsec,
.ergsetupsettingscontainer) {
    border-radius: 10px;
}

.searchfilterrounded-mode :is( .basedropdownlistrounded, .sftextboxclassrounded ) {
    border-radius: 20px !important;
}

/*accordion box rounded*/
.boxrounded-mode .basesfaccordion2 .e-accordion .e-acrdn-item {
    border-radius: 10px !important;
}
.boxrounded-mode .basesfaccordion2 .e-accordion .e-acrdn-item.e-active .e-acrdn-header {
    border-radius: 10px 10px 0px 0px !important;
}

.boxrounded-mode .basesfaccordion3 .e-accordion {
    border-radius: 0px !important;
}

    .boxrounded-mode .basesfaccordion3 .e-accordion .e-acrdn-item .e-acrdn-header {
        border-radius: 0px !important;
    }

.boxrounded-mode .basesfaccordion3 .e-accordion .e-acrdn-item {
    border-radius: 0px !important;
}

    .boxrounded-mode .basesfaccordion3 .e-accordion .e-acrdn-item.e-active .e-acrdn-header {
        border-radius: 0px !important;
    }


/*grid box rounded*/
.boxrounded-mode .basegrid .sf-grid {
    border-radius: 10px;
}

    .boxrounded-mode .basegrid .sf-grid .e-control.e-toolbar {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
    }

    .boxrounded-mode .basegrid .sf-grid .sf-pager {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

.boxrounded-mode .basegrid-boxround1 .sf-grid .e-gridheader {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.boxrounded-mode .basegrid-boxround2 .sf-grid .e-gridcontent {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.boxrounded-mode .basegrid-boxround3 .sf-grid .e-gridfooter {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.boxrounded-mode .basegrid-grouped .sf-grid .e-control.e-toolbar {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.boxrounded-mode .basegrid-grouped .e-groupdroparea {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}



.boxrounded-mode .accumulationchartcontainer.accumulationchartcontainer2 .e-accumulationchart svg {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.boxrounded-mode .accumulationchartcontainer.accumulationchartcontainer2 .e-chart {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}

.boxrounded-mode .chartfiltercomponent {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.boxrounded-mode .chartfiltersection {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}









/*overwrite some areas*/
.navitemlbl {
    font-size: 13px !important;
    /*font-weight: 500;*/
    font-weight: 600;
}

.sidebar-parent .e-sidebar .thetext {
    font-size: 13px;
    color: var(--text-color, #333333) !important;
}

.sidebar-parent .e-sidebar .nav-listing-item-b.active .thetext {
    color: var(--theme-color, #55AAAA) !important;
}

.browse-leftline {
    font-size: small !important;
    margin-left: 12px;
}

.sidebar-parent .e-sidebar .theicon {
    font-size: 24px;
}

/*.marginleft-28 {
    margin-left: 10px;
}*/

.sidebar-parent .e-sidebar .sidebar-item-text {
    /*font-size: 13px;*/
    /*font-size: 12px;*/ /*added 1-29-2024, testing it out*/
    /*font-weight: 500;*/
    font-size: 11px; /*added 6-27-2024, testing it out*/
    font-weight: 600;
}

.sidebar-parent .e-sidebar .sidebar-item-icon {
    font-size: 20px;
}

.sidebar-parent .e-sidebar .accordion-parent-icon {
    font-size: 24px;
}

.sidebar-parent .e-sidebar .accordion-parent-small-icon {
    font-size: 18px;
}

.sidebar-parent .e-sidebar .sidebar-item-text.sidebar-sub-item-text {
    margin-left: 5px;
}

.sidebar-parent .e-sidebar .basesfaccordion2v2 .e-accordion .e-acrdn-item.e-selected.e-select .e-acrdn-panel {
    background: var(--theme-color-vv-light, #F9FCFC);
}

.dark-mode .sidebar-parent .e-sidebar .basesfaccordion2v2 .e-accordion .e-acrdn-item.e-selected.e-select .e-acrdn-panel {
    /*background: var(--theme-color-vv-light, #F9FCFC);*/
    background: #4c4f4f;
}

.explanationsec {
    font-size: var(--font-medium, 14px);
}

.saveprofilebtn {
    padding: 6px 12px;
    line-height: 19px;
    font-size: 12px;
}


/*popups*/
.popuppostbtn,
.popupcancelbtn,
.registerbtmbtn,
.popuppostbtntheme {
    font-size: 12px !important;
    padding: 10px 15px !important;
}


.programruntable,
.filebutton {
    font-size: var(--font-small, 12px);
}

/*for resource chart, to basically revert back font to not override to smaller font*/
.filebutton2 {
    font-size: var(--font-medium, 14px);
}

.popuptitle {
    font-size: var(--font-medium-x, 16px) !important;
}

.popupsubtitle {
    font-size: var(--font-medium, 14px) !important;
}

.healthheadersublbl {
    font-size: var(--font-small-m, 13px);
}



.themesliderparent .e-slider-container {
    margin-right: 10px;
    margin-left: 10px;
}



/*modal buttons*/
.popuppostbtn,
.footersubmitbtn,
.footerrejectbtn,
.footersavebtn,
.footercancelbtn {
    font-size: 12px !important;
    padding: 10px 15px !important;
}





/*.e-dlg-container .e-edit-dialog .e-dlg-header-content {
    background: #b1d8d8;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-right: 20px;
    padding-top: 18px;
    padding-bottom: 18px;
}

.dark-mode .e-dlg-container .e-edit-dialog .e-dlg-header-content {
    background: #1a3535;
}

.e-dlg-container .e-edit-dialog .e-dlg-content {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding-top: 30px !important;
}

.e-dlg-container .e-edit-dialog .e-icon-dlg-close::before {
    padding: 5px;
    font-weight: 900;
}

.e-dlg-container .e-edit-dialog .e-icon-dlg-close:hover::before {
    background: #bedfdf;
    border-radius: 15px;
}

.dark-mode .e-dlg-container .e-edit-dialog .e-icon-dlg-close:hover::before {
    background: #489191;
}*/






.searchbar-autocomplete {
    font-family: var(--theme-font-family, Montserrat), sans-serif !important;
}

    .searchbar-autocomplete .e-dropdownbase .e-list-group-item {
        margin-top: 8px;
        color: var(--text-color, #333333);
        font-weight: 600;
        font-size: 13px;
    }

.searchbar-autocomplete .e-dropdownbase .e-list-item {
    font-size: 13px;
}

    .searchbar-autocomplete .e-dropdownbase .e-list-item .e-list-icon {
        font-size: 12px;
    }

    .searchbar-sidebar .e-input {
        font-size: 12px !important;
    }



/*testing basegrid expiremental*/
.basegrid-exp2 .sf-grid {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

    .basegrid-exp2 .sf-grid .e-control.e-toolbar {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
    }

    .basegrid-exp2 .sf-grid .sf-pager {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .basegrid-exp2 .sf-grid .e-gridcontent {
        padding-left: 10px;
        padding-right: 10px;
    }

/* used if we want to hide no records grid view, but we switched to using a custom norecordstemplate for this grid
.basegrid-customsuccessors .e-emptyrow {
    display: none;
}*/

.basegrid-customsuccessors .e-grid .e-content {
    background: var(--main-bg-color, #F6F7F7);
}




/*updating activity modal work*/
.modal-input-lbl {
    font-size: 13px;
    font-weight: 600;
    color: var(--text-color, #333333);
}

.modal-desc-lbl {
    font-size: 12px;
    line-height: 15px;
}

.modal-input-sub-lbl {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-color, #333333);
}

.modal-input-xl-lbl {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-color, #333333);
}

.modal-input-sub-alt-lbl {
    font-size: 13px;
    font-weight: 500;
    color: var(--text-color-a, #828282);
}

/*.basedropdownlist5.e-input-focus:not(.e-success):not(.e-warning):not(.e-error), .basedropdownlist5.e-control-wrapper.e-input-focus:not(.e-success):not(.e-warning):not(.e-error) {
    box-shadow: 0 0 0 2px rgba(13,110,253,.10) !important;
}*/

.basedropdownlist5 .e-ddl-icon::before {
    display: none;
}

.basedropdownlist5 .e-ddl-icon:hover::before {
    display: initial;
}

/*.e-tooltip {
    display: none;
}

.e-tooltip:hover {
    display: initial;
}*/


.pilllbl-n {
    border-radius: 24px;
    color: #333333;
    border: none;
    padding: 2px 12px;
}

.pillfaillbl {
    background-color: #FFCBCE;
    text-align: center;
    max-height: 46px; /*since this is two words, max it can wrap to is 2 lines, so this is fine to put*/
}

.underlinebtn {
    font-family: var(--theme-font-family, Montserrat), sans-serif;
    font-style: normal;
    font-size: 11px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: var(--letter-spacing, 0.25px);
    color: var(--text-color-b, #615F5F);
    text-decoration: underline;
    border: none;
    background: transparent;
    padding-left: 0px;
}

.underlinebtna {
    font-family: var(--theme-font-family, Montserrat), sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: var(--letter-spacing, 0.25px);
    color: var(--text-color-b, #615F5F);
    text-decoration: underline;
    border: none;
    background: transparent;
}

.underlinebtnb {
    font-size: 13px;
    font-weight: 500;
}



/*#region grouppage: my member */
.joinbtn-mymember {
    background: #333333;
    border-radius: 2px;
    color: #FFFFFF;
    font-family: var(--theme-font-family, Montserrat), sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: var(--font-medium, 14px);
    line-height: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    border: 1px solid #333333;
    padding-left: 24px;
    padding-right: 24px;
    min-width: 155px;
}

.cancelbtn-mymember {
    background: #FFFFFF;
    border-radius: 2px;
    color: #333333;
    font-family: var(--theme-font-family, Montserrat), sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: var(--font-medium, 14px);
    line-height: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    border: 1px solid #333333;
    padding-left: 24px;
    padding-right: 24px;
    min-width: 155px;
}

.joinbtn-mymember,
.cancelbtn-mymember {
    font-size: 12px !important;
    padding: 10px 15px !important;
}

.joinbtn-mymember:hover {
    background-color: #111111;
}

.cancelbtn-mymember:hover {
    background-color: #f2f4f6;
}
/*#endregion */



/*#region cleanup some areas*/
.adminhubheaderlbl {
    font-family: var(--theme-font-family, Montserrat), sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: var(--font-medium-xx, 18px); /*var(--font-large-m, 22px);*/
    line-height: 22px;
    letter-spacing: var(--letter-spacing, 0.25px);
    color: var(--text-color-z, #000000);
    margin-bottom: 25px;
    /*padding-top: 20px;*/
}

@media (max-width: 600px) {
    .adminhubheaderlbl {
        margin-bottom: unset;
    }
}
/*#endregion */



/*#region make grids smaller*/
.basegrid .e-grid .e-headercelldiv {
    /*font-size: 13px;*/
    font-size: 12px;
}

.basegrid .e-toolbar .e-toolbar-item .e-tbar-btn .e-tbar-btn-text {
    /*font-size: 13px;*/
    font-size: 11px;
    font-weight: 500;
}

.basegrid .e-toolbar .e-toolbar-item .e-tbar-btn .e-icons.e-btn-icon {
    /*font-size: 15px;*/
    font-size: 13px;
}

.basegrid .e-pager {
    font-size: 13px;
}

.basegrid .e-grid .e-rowcell {
    /*font-size: 13px;*/
    font-size: 12px;
}

.basegrid .e-checkbox-wrapper .e-label, .e-css.e-checkbox-wrapper .e-label {
    font-size: 13px;
}

.basegrid .e-contextmenu-container ul {
    font-size: 13px;
}

.basegrid .e-btn {
    /*font-size: 13px;*/
    font-size: 12px;
}

.basegrid .e-grid .e-groupcaption {
    font-size: 13px;
}

.basgrid .e-grid .e-summarycell {
    font-size: 13px;
}

.basegrid .e-grid .e-icon-grightarrow {
    font-size: 11px;
    font-weight: 600;
}

.basegrid .e-grid .e-icon-gdownarrow {
    font-size: 11px;
    font-weight: 600;
}
/*#endregion */



/*#region move these*/
.integration-card {
    background: var(--bg-color-a, #FFFFFF);
    padding: 20px;
    border: 1px solid gray;
    height: 180px;
    margin: 5px;
    width: 200px;
}

.integrationnamelbl {
    font-weight: bold;
    font-size: 14px;
    font-family: var(--theme-font-family, Montserrat), sans-serif;
    color: var(--text-color-z, #000000);
}

.integration-icon {
    width: 40px;
}


.integration-row {
    background: var(--bg-color-a, #FFFFFF);
    padding: 20px;
    border: 1px solid gray;
    height: 90px;
}

.integration-section {
    background: var(--bg-color-a, #FFFFFF);
    padding: 20px;
    border: 1px solid gray;
}

.integrationconnectedlbl {
    font-size: 12px;
}

.integration-deletebtn {
    background-color: #FFFFFF !important;
    border: 1px solid #333333 !important;
    box-sizing: border-box !important;
    border-radius: 2px !important;
    font-family: var(--theme-font-family, Montserrat), sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: var(--font-medium, 14px) !important;
    line-height: 16px !important;
    text-align: center !important;
    letter-spacing: var(--letter-spacing-e, 0.05em) !important;
    color: #333333 !important;
    padding: 4px 8px;
}

    .integration-deletebtn:hover {
        background-color: #f2f4f6 !important;
    }

    .integration-deletebtn:focus {
        box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #333333;
    }



.savebtn-icon:before {
    content: '\e161';
}

.historybtn-icon:before {
    content: '\e889';
}


.budgetbuckets-analytics-section {
    flex: 1 1 100%;
    padding: 20px;
    background: var(--bg-color, white);
    margin-bottom: 20px;
}
/*#endregion */



/*#region small width screen navmenu dropdown menu icons*/
.adminhub_icon:before {
    content: '\ef3d';
}

.browse_icon:before {
    content: '\e0ee';
}

.requests_icon:before {
    content: '\ef75';
}

.groups_icon:before {
    content: '\e7ef';
}

.mywork_icon:before {
    content: '\f030';
}

.messages_icon:before {
    content: '\e0c9';
}

.connects_icon:before {
    content: '\e541';
}

.myprofile_icon:before {
    content: '\e853';
}

.mysettings_icon:before {
    content: '\e8b8'; /*settings*/
}

.theme_icon:before {
    content: '\eb37'; /*contrast*/
}

.faq_icon:before {
    content: '\e02f'; /*library_books*/
}

.howto_icon:before {
    content: '\e8da'; /*theaters*/
}


.privacy_icon:before {
    content: '\f0dc'; /*privacy_tip*/
}

.support_icon:before {
    content: '\e94c'; /*contact_support*/
}

.signout_icon:before {
    content: '\e9ba'; /*logout*/
}
/*#endregion */


/*#region sidebar my list popups*/
.dual-list-group .e-listbox-container .e-listbox-tool {
    width: 59px;
    margin-left: 0px !important;
}

.dual-list-group {
    width: 50%;
}
/*#endregion */



/*#region chart settings box*/
.chartrefreshbtn {
    background: var(--btn-color-bg, #FFFFFF);
    border-radius: 4px;
    color: var(--text-color, #333333);
    font-size: var(--font-medium, 14px);
    border: 1px solid #ced4da;
}

    .chartrefreshbtn:hover {
        background-color: var(--hover-color, #F2F4F6);
    }

    .chartrefreshbtn:focus {
        box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #333333;
    }

.chartsetting-split-btn {
    width: 109px;
    border: 1px solid #ced4da !important;
    background: var(--btn-color-bg, #FFFFFF) !important;
    font-family: var(--theme-font-family, Montserrat), sans-serif !important;
}

    .chartsetting-split-btn:hover {
        background-color: var(--hover-color, #F2F4F6) !important;
    }

    .chartsetting-split-btn:focus {
        box-shadow: inset 0 0 0 1px #fff, inset 0 0 0 3px #333333 !important;
    }
/*#endregion */




.chartfiltercomponent {
    margin-right: 24px;
    background: #efefef;
    min-width: 600px;
}

.dark-mode .chartfiltercomponent {
    background: var(--bg-color-a);
}

.bigchartscontainer {
    padding-right: 24px;
    height: 50vh;
}


/*#region dashboard layout*/

/*needed for when persistence is enabled or else doesnt do full height for some reason
  .pagerightside  .e-dashboardlayout {
    min-height: 70vh;
}*/

.e-dashboardlayout .e-panel .e-panel-container .e-panel-content {
    overflow: hidden;
}

.e-dashboardlayout .analyticscard {
    padding: 24px;
    background: var(--bg-color-a, #FFFFFF);
    margin-right: 0px;
    width: unset;
    margin-bottom: 0px;
    overflow: hidden;
}



.e-dashboardlayout .overalltotalcountlbl {
    font-size: 36px;
    line-height: 36px;
    margin-bottom: 0px;
}

.e-dashboardlayout .percentlbl {
    font-size: 36px;
    line-height: 36px;
    padding-right: 5px;
    margin-bottom: unset;
}


.e-dashboardlayout .analyticheaderlbl {
    font-size: var(--font-medium, 14px);
    margin-bottom: 20px;
}

.e-dashboardlayout .notelbl {
    font-size: var(--font-medium, 14px);
    display: flex;
    align-items: normal;
    color: grey;
    padding-right: 5px;
    margin-top: 10px;
}


.e-dashboardlayout .amountlbl {
    font-size: 36px;
    margin-bottom: 0px;
    line-height: 36px;
}

@media (max-width: 2000px) {
    .e-dashboardlayout .analyticscard {
        padding: 12px 20px 0px 20px;
    }
}

@media (max-width: 1800px) {
    .e-dashboardlayout .analyticscard {
        padding: 12px 12px 0px 12px;
    }

    .e-dashboardlayout .analyticheaderlbl {
        margin-bottom: 10px;
    }

    .e-dashboardlayout .overalltotalcountlbl {
        font-size: 30px;
        line-height: 30px;
    }

    .e-dashboardlayout .percentlbl {
        font-size: 30px;
        line-height: 30px;
    }
}


@media (max-width: 1640px) {
    .e-dashboardlayout .analyticscard {
        padding: 12px;
    }

    .e-dashboardlayout .analyticheaderlbl {
        margin-bottom: 10px;
    }

    .e-dashboardlayout .overalltotalcountlbl {
        font-size: 26px;
        line-height: 26px;
    }

    .e-dashboardlayout .percentlbl {
        font-size: 26px;
        line-height: 26px;
    }

    .e-dashboardlayout .amountlbl {
        font-size: 26px;
        line-height: 26px;
    }
}

@media (max-width: 1440px) {
    .e-dashboardlayout .overalltotalcountlbl {
        font-size: 16px;
        line-height: 16px;
    }

    .e-dashboardlayout .percentlbl {
        font-size: 16px;
        line-height: 16px;
    }

    .e-dashboardlayout .amountlbl {
        font-size: 16px;
        line-height: 16px;
    }
}

@media (max-width: 1200px) {
    .e-dashboardlayout .analyticscard {
        padding: 12px;
    }

    .e-dashboardlayout .analyticheaderlbl {
        min-height: 20px;
    }
}
/*#endregion */