html {
    /*font-family: 'Open Sans', sans-serif;*/
    height: 100% !important;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    font-weight: 200;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 12px;
    color: #000;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background-color: #F1F5F6 !important;
}
/** {
    outline: 1px solid red;*/ /* See all elements' boundaries */
/*}*/
body {
    height: 100% !important;
    margin: 0;
    font-family: inherit;
    font-size: inherit;
   /* min-height: 650px !important;*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #F1F5F6 !important;
}
/*.wrapper {
    display: flex !important;
    flex-direction: column !important;
    min-height: 82% !important;
}

.content {
    flex: 1 !important;
}*/
.body-content {
    height: auto !important;
    min-height: 50% !important;
    width: 85% !important; /****added****/
}
@media (min-width: 768px) { /* Applies only for md and above */
    .custom-padding-left {
        padding-left: 80px;
    }
}
@media (min-width: 768px) { /* Applies only for md and above */
    .custom-align-left {
        text-align: left;
    }
}
@media (min-width: 768px) { /* Applies only for md and above */
    .custom-align-right {
        text-align: right;
    }
}
.progressbg {
    background-color: #dbe4e8;
}
.newGreen {
   color: #1F4048 !important;
}
.newRed {
    background-color: #9E2F67 !important;
}
.bodyPadding {
   padding-bottom: 25px;
 }
.buttonHelper {
    width:255px; 
    display:inline-flex;
    flex-wrap:nowrap;
}
.panelBodyBackground {
    background-color: #E6EEF0 !important;
}

.crmHeight {
    min-height:642px;
}
.stdHeight {
    min-height: 665px;
}
.bgnew {
    background-color: #F1F5F6 !important;
}
.deleteCautionRed {
    background-color: #E2C1D1 !important;
    color: #000 !important;
    font-weight: bold;
    border: solid 2px #337580;
}
.wrapper {
    display: flex !important;
    flex-direction: column !important;
    /*min-height: 100vh !important;*/
}

.content {
    flex: 1 !important;
}
.viewGridButtonNoColor {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    /*color: #FFF !important;*/
    /*background-color: #9E2F67 !important;*/
    font-size: 10px;
   /* font-weight: 100;*/
    /*text-transform: uppercase;*/
    border-radius: 8px; /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    transition: background-color 0.2s ease, border-radius 0.3s ease;
    margin-left: 5px;
    /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);*/
}
.viewGridButton {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    color: #FFF !important;
    background-color: #9E2F67 !important;
    font-size: 10px;
    font-weight: 100;
    /*text-transform: uppercase;*/
    border-radius: 8px; /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    transition: background-color 0.2s ease, border-radius 0.3s ease;
    margin-left: 5px;
    /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);*/
}
.viewGridButtonTeal {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    color: #FFF !important;
    background-color: #337580 !important;
    font-size: 10px;
    font-weight: 100;
    /*text-transform: uppercase;*/
    border-radius: 8px; /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    transition: background-color 0.2s ease, border-radius 0.3s ease;
    margin-left: 5px;
    /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);*/
}
.viewGridButtonDarkGreen {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    color: #FFF !important;
    background-color: #1F4048 !important;
    font-size: 10px;
    font-weight: 100;
    /*text-transform: uppercase;*/
    border-radius: 8px; /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    transition: background-color 0.2s ease, border-radius 0.3s ease;
    margin-left: 5px;
    /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);*/
}
.redButtonStyle {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    color: #FFF !important;
    background-color: #9E2F67 !important;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px; /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    transition: background-color 0.2s ease, border-radius 0.3s ease;
    margin-left: 5px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border: none;
}
.tealButtonStyle {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    color: #FFF !important;
    background-color: #337580 !important;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px; /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    transition: background-color 0.2s ease, border-radius 0.3s ease;
    margin-left: 5px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border: none;
}
    .tealButtonStyle:hover {
        font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
        color: #FFF !important;
        background-color: #337580 !important;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        border-radius: 8px; /* Adjust this value for more or less rounding */
        padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
        transition: background-color 0.2s ease, border-radius 0.3s ease;
        margin-left: 5px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        border: none;
    }
.darkGreenButtonStyle {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    color: #FFF !important;
    background-color: #1F4048 !important;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 8px; /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    transition: background-color 0.2s ease, border-radius 0.3s ease;
    margin-left: 5px;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
    border: none;
}
    .darkGreenButtonStyle:hover {
        font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
        color: #FFF !important;
        background-color: #1F4048 !important;
        font-size: 12px;
        font-weight: bold;
        text-transform: uppercase;
        border-radius: 8px; /* Adjust this value for more or less rounding */
        padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
        transition: background-color 0.2s ease, border-radius 0.3s ease;
        margin-left: 5px;
        box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2);
        border: none;
    }
.ButtonStylewoBG {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    color: #FFF !important;
    /* background-color: transparent; #1F4048  !important;*/
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    border-radius: 8px; /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    transition: background-color 0.2s ease, border-radius 0.3s ease;
    margin-left: 5px;
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
    border:none;
}
    .ButtonStylewoBG:hover {
        font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
        color: #FFF !important;
        /* background-color: transparent; #1F4048  !important;*/
        font-size: 12px;
        font-weight: 100;
        text-transform: uppercase;
        border-radius: 8px; /* Adjust this value for more or less rounding */
        padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
        transition: background-color 0.2s ease, border-radius 0.3s ease;
        margin-left: 5px;
        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
        border: none;
    }
.ButtonNoStyle {
    font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
    color: #FFF !important;
     background-color: transparent !important;
    font-size: 12px;
    font-weight: 100;
    text-transform: uppercase;
    /*border-radius: 8px;*/ /* Adjust this value for more or less rounding */
    padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
    /*transition: background-color 0.2s ease, border-radius 0.3s ease;*/
    margin-left: 5px;
    /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);*/
    border: none;
}
    .ButtonNoStyle:hover {
        font-family: 'Source Sans Pro', 'Open Sans', sans-serif !important;
        color: #FFF !important;
        background-color: transparent !important;
        font-size: 12px;
        font-weight: 100;
        text-transform: uppercase;
        /*border-radius: 8px;*/ /* Adjust this value for more or less rounding */
        padding: 5px 20px 5px 20px; /* Add padding to make the hover effect more visible */
        /*transition: background-color 0.2s ease, border-radius 0.3s ease;*/
        margin-left: 5px;
        /*box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);*/
        border: none;
    }
.deleteRed {
    background-color: #FF3232 !important;
}
.copyBlue {
    background-color: #32aaff !important;
}
.fontweight400 {
    font-weight: 400;
}
.fontweight600 {
    font-weight:600;
}
.fontweight700 {
    font-weight: 700;
}
.fontweightbold {
    font-weight:bold;
}

.font12 {
    font-size:12px;
}
.font14 {
    font-size: 14px;
}
.font16 {
    font-size: 16px;
}
.font18 {
    font-size: 18px;
}
.m-t-35 {
margin-top:35px;
}
.m-l-5 {
    margin-left: 5px;
}
.m-l-10 {
    margin-left: 10px;
}
.m-l-15 {
    margin-left: 15px;
}
.m-l-20 {
    margin-left: 20px;
}
.m-l-30 {
    margin-left: 30px;
}
.m-l-35 {
    margin-left: 35px;
}
.m-r-5 {
    margin-right: 5px;
}
.m-r-10 {
    margin-right: 10px;
}
.m-r-15 {
    margin-right: 15px;
}
.m-r-20 {
    margin-right: 20px;
}
.m-r-60 {
    margin-right: 60px;
}
.p-b-3 {
    padding-bottom: 3px;
}
.p-b-5 {
    padding-bottom: 5px;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-b-15 {
    padding-bottom:15px;
}
.p-b-20 {
    padding-bottom: 20px;
}
.p-b-25 {
    padding-bottom: 25px;
}
.p-t-2 {
    padding-top: 2px; /**used on the accordion headers*/
}
.p-t-3 {
    padding-top: 3px; /**used on the accordion headers*/
}
.p-t-4 {
    padding-top: 4px; /**used on the accordion headers*/
}
.p-t-5 {
    padding-top: 5px;
}

.p-t-10 {
    padding-top: 10px;
}

.p-t-15 {
    padding-top: 15px;
}

.p-t-20 {
    padding-top: 20px;
}

.p-t-25 {
    padding-top: 25px;
}
.p-t-30 {
    padding-top: 30px;
}
.p-t-35 {
    padding-top: 35px;
}

.p-l-5 {
    padding-left: 5px;
}

.p-l-10 {
    padding-left: 10px;
}

.p-l-15 {
    padding-left: 15px;
}

.p-l-20 {
    padding-left: 20px;
}

.p-l-25 {
    padding-left: 25px;
}

.p-l-30 {
    padding-left: 30px;
}

.p-l-35 {
    padding-left: 35px;
}

.p-r-5 {
    padding-right: 5px;
}

.p-r-10 {
    padding-right: 10px;
}

.p-r-15 {
    padding-right: 15px;
}

.p-r-20 {
    padding-right: 20px;
}

.p-r-25 {
    padding-right: 25px;
}

.p-r-30 {
    padding-right: 30px;
}

.p-r-35 {
    padding-left: 35px;
}

.darkGreenText {
    color: #1F4048 !important;
}
.darkGreen {
    color:#1F4048 !important;
}
.razText {
    color: #9E2F67 !important;
}
.darkGreenbg {
    background-color: #1F4048 !important;
}
.buttonRed {
    color:#9E2F67 !important;
}
.redbg {
    background-color: #9E2F67 !important;
}
.headerGreen {
    color:#337580 !important;
}
.tealbg {
    background-color: #337580 !important;
}
.tealText {
    color: #337580 !important;
}
.redText {
    color: #9E2F67 !important;
}

.tablelink {
    color: #337580; /* Set your link color */
    text-decoration: none; /* Remove underline */
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

    /* Hover state (when the user hovers over the link) */
    .tablelink:hover {
        color: #9E2F67 !important; /* Darker shade for hover */
        text-decoration: none !important; /* Add underline on hover */
    }

    /* Visited state (when the user has already clicked the link) */
    .tablelink:visited {
        color: #337580 !important; /* Different color for visited links */
        text-decoration: none !important; /* Optionally remove underline on visited */
    }
    .tablelink:active {
        /* No active state styling */
        text-decoration:none !important;
    }
.table.no-border,
.table.no-border th,
.table.no-border td {
    border: none !important;
}

    .table.no-border tbody tr {
        border-bottom: none !important;
    }

.table.no-border {
    box-shadow: none !important;
    outline: none !important;
}
.zero-p-m-Out {
    padding: 0 !important;
    margin: 0 !important;
}
.noBorder {
    border:none !important;
}
.fieldBorder {
    border-radius: 8px !important; /* Rounded corners *//* Adjust this value for more or less rounding */
    border: solid 1px #337580 !important; /* Border color */
}
.custom-form-width {
    width: 250px; /* Set specific width */
}
.long-form-width {
    width: 540px !important; /* Set specific width */
}
.xlong-form-width {
    width: 560px !important; /* Set specific width */
}
.searchMargin {
    margin-left: 5px;
    padding-right:10px !important;
    display:inline-block !important;
    /*This is important. this controls the event search box, which is also referenced in the dom*/
}
.searchControls {
    list-style: none;
    padding: 0;
    margin: 0 auto; /* Centers the UL */
    display: table; /* Ensures it behaves like a block-level element */
}
    .searchControls.subSearchControls {
        #1F4048;
    }


.progBarLinks a:link,
.progBarLinks a:visited,
.progBarLinks a:hover,
.progBarLinks a:active,
a.progBarLinks {
    color: #1F4048 !important;
    text-decoration: none;
}
.panelTabLinks a:link,
.panelTabLinks a:visited,
.panelTabLinks a:hover,
.panelTabLinks a:active,
a.panelTabLinks {
    /*color: #1F4048 !important;*/
    text-decoration: none;
}

/* Dale 1.7.2026 */

.error {
    color: red;
}

.indented-content {
    margin-left: 50px;
}

.event-options {
    padding: 10px 0;
}

.event-options ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: center;
}

    .event-options ul li {
        display: inline;
        float: left;
        padding: 0 10px;
        border-right: 1px solid #1F4048; /*var(--egs-purple);*/
        cursor: pointer;
    }

.event-options ul li:first-child {
    padding-left: 0;
}

.event-options ul li:last-child {
    border-right: 0;
}

.pageLink {
    margin: 2px;
    padding: 8px 12px;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    color: #1F4048;
}

.pageLink:hover {
    background-color: rgb(241, 224, 235) !important;
    color: #1F4048;
}

.active {
    background-color: rgb(241, 224, 235) !important;
    color: #1F4048;
    /*color: var(--egs-purple) !important;*/
}