@charset "UTF-8";
/*removed the line below because that font file no longer existed in that location anymore*/
/*@import "https://interdev.cseainc.org/wp-content/plugins/social-icons-widget-by-wpzoom/assets/css/font-awesome.min.css?ver=20180625";*/

:root {
    --dk-blue: #000070;
    --blue: #3012d9;
    --footer-gradient: var(--Blue-Gradient, linear-gradient(180deg, #3012d9 0%, #000070 100%));
    --button-color: var(--dk-blue);
    --body-color: #212529;
    --link-color: var(--dk-blue);
    --link-color-hover: var(--blue);
    --deep-blue: var(--dk-blue);
}

h1, h2, h3, h4, h5, h6 {
    line-height: 120% !important;
}

h1 {
    font-size: 41.6px !important;
}

h2 {
    font-size: 35.36px !important;
}

h3 {
    font-size: 30.056px !important;
}

h4 {
    font-size: 25.5476px !important;
}

h5 {
    font-size: 21.71546px !important;
}

h6 {
    font-size: 18.458141px !important;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, label, .datafield span, .datafield div {
    font-size: 16px;
    line-height: 19.84px;
}

@media only screen and (min-width: 1156px) {
    body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td, label, .datafield span, .datafield div {
        font-size: 16px;
    }
}

html, body {
    overflow-x: hidden;
}

body {
    font-size: 16px !important;
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background: white;
    color: var(--body-color);
}

@media all and (min-width: 1156px) {
    body {
        font-size: 16px !important;
    }
}

a {
    color: var(--link-color);
}

    a:hover {
        color: var(--link-color-hover);
    }

    a:visited {
        color: purple;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: "Raleway", sans-serif;
    color: var(--body-color) !important;
}

.row {
    width: 1200px;
    max-width: 100%;
}

.memapp * .alwayslabel {
    width: 100%;
    background: none;
    color: black;
    font-size: 16px;
    line-height: 22px;
    font-family: "Raleway", sans-serif;
    margin-bottom: 0px;
}

.memapp * .required_icon {
    color: red;
    font-size: 22px;
    font-weight: bolder;
    font-stretch: expanded;
    line-height: 16px;
}

.memapp * input[type="text"]:not(.ssn), .memapp * select[data-name="SalaryRange"] {
    width: 100%;
}

@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/password.ttf);
}

.ssnhide {
    font-family: 'password';
}

.smsallowed {
    margin-top: 20px;
}

    .smsallowed * label {
        margin-left: 40px;
    }

.memapp * input[type="radio"] {
    margin-top: 8px;
    zoom: 1.3;
}

.memappsection {
    color: #3072AF !important;
}

.italic {
    font-style: italic;
}

.divcol {
    padding: 0px;
}

.memapppform {
    overflow: auto !important;
    border-radius: 8px !important;
    box-shadow: 0 0 8px rgba(0,0,0,.6) !important;
    border: 1px #999 solid !important;
}

.memapp * .checkbox {
    margin-top: 8px;
    font-weight: bold;
}

.memapp * input[type="checkbox"] {
    transform: scale(1.6);
}

.memapp .empty {
    color: gray;
}

.memapp .error-message {
    color: #f00;
}

.memapp option {
    color: black;
}

.viewssn {
    padding-left: 7px;
    padding-top: 7px;
}

#ctl00_Body___766__cboSalaryRange__1 {
    min-height: 85px;
}

.button, .button.button-edit,
.submitbutton {
    background: var(--button-color) !important;
    border: 2px solid white !important;
    box-shadow: none !important;
    font-family: "" -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    text-transform: uppercase;
    color: white !important;
    border-radius: 7px;
    text-align: center !important;
    padding: 8.4px 15px !important;
    font-weight: 600 !important;
    font-size: 14px;
    position: relative;
    transition: all .3s;
    line-height: 1 !important;
}

    /*.button:after,*/ .button.button-edit:after,
    .submitbutton:after {
        font-size: 35px;
        line-height: .25em;
        content: "›";
        opacity: 0;
        position: absolute;
        margin-left: -1em;
        -moz-transition: all .2s;
        -webkit-transition: all .2s;
        transition: all .2s;
        text-transform: none;
        font-variant: none;
        font-style: normal;
        font-weight: 400;
        text-shadow: none;
    }

    .button:hover, .button.button-edit:hover,
    .submitbutton:hover {
        background: var(--button-color) !important;
        border: solid 2px var(--button-color) !important;
        padding: 8.4px 22px 8.4px 15px !important;
    }

        .button:hover:after, .button.button-edit:hover:after,
        .submitbutton:hover:after {
            opacity: 1;
            margin-left: 3px;
            transition: all 300ms ease 0ms;
        }

#content_body {
    width: 1250px;
}

.quickcontact div {
    margin: 3px 0 !important;
}

#ctl00_Body___100__divQuickLinks__1,
#ctl00_Body___100__lblQuickContacts__1,
.yourinfo {
    overflow-wrap: break-word;
}

header.header_wrapper {
    background: var(--blue);
    height: auto !important;
}

    /*.login header.header_wrapper {
    border-top: 42px solid var(--deep-blue);
}*/

    header.header_wrapper .logoimage {
        background: url("../images/csea-logo-2025.png") center center no-repeat !important;
        background-size: auto !important;
        width: 220px;
        display: inline-block;
        text-align: center;
        height: 94px;
        margin-top: 6px;
        max-width: 100%;
        margin-bottom: 24px;
        margin-top: 24px;
    }

@media all and (min-width: 768px) {
    header.header_wrapper .logoimage {
        max-width: initial;
        position: relative;
    }
}

header.header_wrapper .userinfo {
    margin-top: 0;
    margin-bottom: 0;
    position: relative;
    z-index: 5;
    color: white;
    &::before

{
    display: block;
    content: '';
    top: 0;
    bottom: 0;
    height: 100%;
    width: 200vw;
    right: -50vw;
    background: var(--dk-blue);
    z-index: -1;
    position: absolute;
}

}

@media all and (min-width: 570px) {
    header.header_wrapper .userinfo {
        line-height: 42px;
    }
}

@media all and (min-width: 768px) {
    header.header_wrapper .userinfo {
        white-space: nowrap;
    }
}

/*header.header_wrapper .userinfo:before {
    content: '';
    background: var(--dk-blue);
    display: block;
    position: absolute;
    width: 200vw;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
}*/

header.header_wrapper .userinfo .logoutlink {
    color: white;
}

header.header_wrapper .nav-utility {
    margin-top: 0px !important;
}

body.quicklinks .postcontent img {
    width: 100%;
}

#content_nav {
    font-family: -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    text-transform: uppercase;
}

#nav-main > ul {
    max-width: 1200px !important;
}

#content_nav nav > ul li.haschildren {
    background: url(../../../images/icons/downwhite.png) center right no-repeat !important;
}

@media all and (max-width: 639px) {
    #content_nav nav > ul li.haschildren {
        padding-right: 3rem !important;
        background: url(../../../images/icons/downwhite.png) top 30px right 1rem no-repeat !important;
    }
}

@media all and (min-width: 640px) {

    #content_nav {
        font-weight: 700;
    }
}

#content_nav .downarrow {
    display: none;
}

#content_nav nav {
    background: var(--blue);
}

.login #content_nav nav {
    border-top: 0;
}

@media all and (min-width: 768px) {
    #content_nav nav > ul {
        display: flex;
        justify-content: flex-start;
        gap: 1rem;
    }
}

.login #ctl00___1__divWrapper__1 {
    justify-content: space-between;
}

#content_nav nav > ul > li > a {
    font-size: 16px;
    line-height: 33px;
}

#content_nav nav > ul .haschildren {
    padding-right: 12px !important;
}

@media all and (max-width: 639px) {
    #content_nav nav li {
        border: none;
        background: none !important;
        box-shadow: none !important;
    }

    #content_nav nav > ul .haschildren {
        position: relative;
    }

        #content_nav nav > ul .haschildren .downarrow {
            display: block;
            position: absolute;
            width: 48px;
            height: 48px;
            top: 0;
            right: 0;
            background: url(../../images/icons/downwhite.png) center right no-repeat;
            z-index: 999;
        }

            #content_nav nav > ul .haschildren .downarrow:after {
                content: '';
                width: 0;
                height: 0;
                border: solid rgba(0, 0, 0, 0);
                border-width: 11px 8px 11px 8px;
                border-top: 11px solid white;
                position: absolute;
                top: 45%;
            }
}

#content_nav nav ul li {
    min-height: 33px;
    line-height: 33px;
}

#content_nav nav ul ul {
    text-align: unset;
    font-weight: 400;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    background: var(--dk-blue) !important;
}

@media all and (min-width: 640px) {
    /* #content_nav nav ul ul { */
    /* margin-top: 33px !important; */
    /* } */
}

#content_nav nav ul ul li {
    line-height: 24px;
}

#content_nav nav ul ul a {
    font-size: 13px;
}

#content_nav nav li {
    border: none;
    white-space: nowrap;
    /*background: none !important;*/
    box-shadow: none !important;
}

#content_nav nav > ul > li > a {
    padding-top: 1rem;
    padding-bottom: 1rem;
}


#content_nav nav li:hover {
    background: "" !important;
}

#content_nav nav li a {
    color: white;
    padding-left: 9px;
    font-size: 15px;
}

@media all and (min-width: 640px) {
    #content_nav nav li a:hover {
        /*color: var(--deep-blue);*/
        /*transform: scale(1.1);*/
        text-decoration: underline;
        /*font-weight: 800;*/
    }
}

#content_nav nav li a.current {
    /*color: white;*/
    text-decoration: underline;
}

@media all and (max-width: 639px) {
    #content_nav nav > ul > li {
        border-bottom: 1px solid #F3F3F3 !important;
    }

    #content_nav nav ul {
        padding-left: 0 !important;
        background: var(--blue) !important;
        margin-top: 0 !important;
    }

        #content_nav nav ul li {
            min-height: unset;
            padding-left: 0 !important;
        }

        #content_nav nav ul ul a {
            padding-left: 24px !important;
        }

    #content_nav nav .current {
        background: unset;
    }

    #content_nav nav a {
        display: block;
        font-size: 15px !important;
        line-height: 48px !important;
        text-decoration: none;
        color: white !important;
        padding-left: 12px !important;
    }
}

#ctl00_Body___100__divQuickLinks__1,
#ctl00_Body___100__divQuickContacts__1,
.yourinfo {
    overflow-wrap: break-word;
}

#content_wrapper {
    background: white !important;
}

    #content_wrapper .shadedpanel {
        background: white !important;
        border-radius: 0px !important;
        border: 0px;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0);
    }

    #content_wrapper .panel h4.head-icon-yourinfo,
    #content_wrapper .panel h4.head-icon-quickcontacts,
    #content_wrapper .panel h4.head-icon-quicklinks {
        padding-left: 0;
        background: none;
    }

    #content_wrapper .postcontent {
        margin-bottom: 25.888px;
    }

        #content_wrapper .postcontent img[align='left'] {
            display: block;
            float: left;
            margin: 0 .85em .85em 0;
        }

        #content_wrapper .postcontent img[align='center'] {
            display: block;
            margin: 0 auto .85em;
        }

        #content_wrapper .postcontent img[align='right'] {
            display: block;
            margin: 0 0 .85em .85em;
        }

    #content_wrapper .datafield span,
    #content_wrapper .datafield div {
        padding-left: .0em !important;
    }

    #content_wrapper .relateddocuments {
        margin-left: 0 !important;
    }

        #content_wrapper .relateddocuments ul {
            margin-left: 0 !important;
            margin-top: .5em;
        }

#content_body table {
    width: 100%;
}

    #content_body table th {
        text-align: left;
    }

table.dataTable {
    border-bottom: 1px solid #ddd !important;
}

    table.dataTable th {
        border-bottom: 1px solid #ddd !important;
    }

input {
    border-radius: 7 !important;
}

    input.submitbutton:hover {
        padding: 8.4px 15px !important;
    }

    input[type="text"], input[type="password"] {
        min-height: 33px;
    }

.emaillink {
    margin-top: 7px;
    display: inline-block;
}

.alwayslabel {
    background: var(--deep-blue);
    padding-left: 5px;
    border-radius: 0;
}

label {
    margin-bottom: 18px;
}

footer {
    background: var(--footer-gradient) !important;
    border-bottom: 0 !important;
    /*height: 340px;*/
    display: flex;
    align-items: center;
}

    footer #footer {
        border: 0;
        margin-top: 0 !important;
    }

        footer #footer div {
            font-size: 12px;
            color: white;
        }

.copyright {
    display: flex;
    gap: 1rem;
    align-items: center;
}

footer #footer .copyright a {
    color: white;
}

    footer #footer .copyright a:hover {
        color: var(--link-color);
    }

.eventcalendar .day {
    padding: 3px 5px;
}

    .eventcalendar .day .eventcalendarlink:not([title='']) {
        color: #008080;
        background: "";
        padding: 8px 0;
        margin: 5px 0;
        display: block;
        border-radius: 4px;
        text-align: center;
        font-size: 90%;
    }

        .eventcalendar .day .eventcalendarlink:not([title='']):hover {
            text-decoration: none;
            opacity: .8;
        }

.eventcalendar .eventcalendardetails {
    background: none;
}

    .eventcalendar .eventcalendardetails .availableevent {
        border-radius: 0;
        background: none;
    }

        .eventcalendar .eventcalendardetails .availableevent .headline {
            color: #008080;
        }

.registeredevent,
.availableevent {
    border-radius: 0px !important;
    background: white;
}

.wizardbutton {
    line-height: 22px !important;
    border-color: rgba(0, 0, 0, 0) !important;
}

@media all and (min-width: 768px) {
    .wizardbutton {
        margin-left: 6px;
        margin-right: 6px;
    }
}

.wizardbutton:hover {
    padding-right: 15px !important;
}

.overflow.bar {
    background: none !important;
    border: 0;
}

    .overflow.bar .wizardbutton {
        margin-left: 14px;
    }

.eventdetails .topbar {
    border: 0;
}

.eventpage {
    border: 0;
}

.membercard {
    background: url("../images/csea1000membercard.jpg") no-repeat !important;
    background-size: contain !important;
    display: block;
    margin-top: 10px;
    margin-left: .5em;
    text-indent: -9999px;
    height: 132px;
}

div.popup-datarow:after {
    content: none !important;
}

/*.popup-savebutton:after{
    content: '>' !important;
}*/

.position-popup, .position-popup .overflow {
    overflow: visible;
}

    .position-popup > .popup-addbutton {
        margin-top: 10px;
    }

.facility-popup {
    overflow: visible !important;
}


.popup-dataset {
    display: none;
}

.popup[data-popupid="positionpopup"] {
    top: 20%;
    left: 25%;
    transform: none;
}

.popup-button-container {
    float: right;
    min-width: 163px;
}

@media only screen and (max-width: 767px) {
    div .popup {
        top: 0 !important;
        left: 0 !important;
    }

    .popup-cancelbutton {
        margin-left: 0px !important;
        margin-right: 0px !important;
        width: 100%;
    }

    .popup-button-container {
        width: 100%;
    }
}

.pdf-download {
    content: url("../../../images/icons/pdf.png");
}


.login h3 {
    font-size: 22px !important;
}

.login #content_wrapper {
    background-size: cover;
}

.login .smallfont {
    margin-top: 1em;
}

.login .loginimage {
    display: none !important;
}

.login #ctl00_Body___101__lblSignupTitle__1 {
    margin-top: 0 !important;
}

@media all and (min-width: 768px) {
    .login #ctl00_Body___101__divLoginPanelB__1 {
        font-size: 84%;
    }

        .login #ctl00_Body___101__divLoginPanelB__1 a[data-buttonname="lnkForgotUsername"] {
            margin-top: 46px;
        }

        .login #ctl00_Body___101__divLoginPanelB__1 a[data-buttonname="lnkForgotPassword"] {
            margin-top: 26px;
        }
}

.login #ctl00_Body___101__chkRememberMe__1 {
    white-space: nowrap;
}

@media all and (min-width: 768px) {
    .login #ctl00_Body___101__chkRememberMe__1 {
        margin-top: 7px;
        font-size: 84%;
    }
}

@media all and (min-width: 768px) {
    .login #ctl00_Body___101__divSubmitLeft__1 {
        padding-left: 0 !important;
    }
}

@media (min-width: 640px) {
    .logo {
        padding-top: 42px;
    }
}

@media only screen and (min-width: 768px) {
    header .logoimage {
        display: block;
        width: 330px;
        float: left;
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

@media only screen and (min-width: 1156px) {
    header .logoimage {
        margin-top: 45px;
        margin-bottom: 15px;
    }
}

/*# sourceMappingURL=CSEA1000.css.map */

/*CSEA1000-21-0207*/
.csea1000-session-container {
    margin-bottom: 2% !important;
}

/* CSEA1000-23-0021 - Fix for ViewSSN checkbox label overlapping the actual text input control making it unclickable. */
@media only screen and (max-width: 767px) {
    .memapp div.viewssn {
        clear: both;
    }

        .memapp div.viewssn label {
            margin-left: 30px;
        }
}

/* header layout tweaks after moving elements around with JS */
#ctl00___1__divWrapper__1 {
    display: grid !important;
    align-items: center;
    justify-content: space-around;
    column-gap: 1rem;
    grid-template-areas: "login login" "logo nav";
}

@media (max-width: 1000px ) {
    #ctl00___1__divWrapper__1 {
        grid-template-areas: 'logo' 'login' 'nav';
    }
}

#ctl00___1__divRight__1 {
    grid-area: login;
    width: 100% !important;
    #ctl00___1__divUserInfo__1

{
    padding: 1rem 0;
}

}

#ctl00___1__divLeft__1 {
    grid-area: logo;
    display: flex;
    justify-content: center;
    width: 100% !important;
    padding: 0 !important;
}

#content_nav {
    grid-area: nav;
    width: 100%;
}

/* Footer message */
#ctl00___2__Wrapper__1 {
    width: 1200px !important;
}

#ctl00___2__lblFooterMessage__1_label {
    color: white !important;
    font-size: 96px !important;
    letter-spacing: -4.8px;
    font-family: "din-2014-narrow", sans-serif;
    font-weight: 700 !important;
    line-height: 76.8px !important;
    margin: 0;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    width: 26ch;
    padding-top: 100px;
    margin-bottom: 20px;
}

#ctl00___2__lblOneVoice__1_label {
    text-align: left !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    text-transform: uppercase;
    color: white !important;
    margin-top: 48px;
    font-size: 110% !important;
    &::before

{
    content: '';
    display: block;
    background: url('../images/Footer-Logo.png') center/contain no-repeat;
    width: 120px;
    height: 100px;
}

}

#ctl00___2__divBottomSquare__1 {
    --green: #a0cc3a;
    --blue: #000070;
    --lt-blue: #82ffff;
    background: linear-gradient(to right, var(--lt-blue) 36px, rgba(0,0,0,0) 36px);
    width: 100%;
    height: 36px;
    display: block;
    position: absolute;
    margin-top: -22px;
    left: -18px;
    &::before, &::after

{
    content: '';
    display: block;
    background: var(--green);
    position: absolute;
    bottom: 180px;
    right: 36px;
    width: 36px;
    height: 36px;
}

&::before {
    bottom: 216px;
    right: -36px;
    background: var(--blue);
    width: 72px;
    height: 72px;
}
}


@media (max-width: 1200px ) {
    /* Footer message */
    #ctl00___2__Wrapper__1 {
        width: auto !important;
    }

    #ctl00___2__lblFooterMessage__1_label{
        width: auto !important;
        position: relative;
        z-index: 1;
    }
}

@media only screen and (max-width: 767px) { 

    #ctl00___2__divBottomSquare__1{
        margin-top: -100px !important;
    }
}

@media only screen and (max-width: 500px) { 

    #ctl00___2__divBottomSquare__1{
        margin-top: -170px !important;
    }
}