/*.edjoin-card2 {
    margin-bottom: 15px;
}*/

.largeH2 {
    font-size: 22px;
}
/* utilities */
.marg-bot-10 {
    margin-bottom: 10px;
}

.marg-bot-15 {
    margin-bottom: 15px;
}

.marg-bot-25 {
    margin-bottom: 25px;
}

.pad-top-15 {
    padding-top: 15px;
}

.pad-top-25 {
    padding-top: 25px;
}

/*text area css*/
textarea {
    min-height: 5em;
    max-height: 50vh;
    width: 100%;
}

#saveSearchModalSize {
    width: 466px;
    height: 110px;
}
/*font stack  edited on sept 2 2021 by LA */
/*body {*/
/*font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;*/
/*font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}*/
input::placeholder {
    font-size: 13px;
}

.small-inst {
    padding-top: 10px;
    font-size: 12px;
}

/*.btn-nav {
    color: #fff;
    background-color: #962D22;
    border-color: #962D22;
    font-size: 20px;
    padding: 10px 20px 10px 20px;
}*/

.profile-nav {
    background-color: #2978C7;
    border-radius: 35px;
}

.profile-nav2 {
    background-color: #2978C7;
    border-radius: 35px;
}


.nav-stick {
    position: sticky;
    top: 0;
}

.prevo {
    padding-left: 10px;
}

.nexto {
    padding-right: 10px;
}

#btnprev {
    color: #fff;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
    background-color: #2978C7;
}

    #btnprev:hover {
        color: #fff;
        border-top-left-radius: 50px;
        border-bottom-left-radius: 50px;
        background-color: #1c5186;
        transition: 0.3s;
    }

#btnnext {
    color: #fff;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    background-color: #2978C7;
}

    #btnnext:hover {
        color: #fff;
        border-top-right-radius: 50px;
        border-bottom-right-radius: 50px;
        background-color: #1c5186;
        transition: 0.3s;
    }

.edj-paperclip {
    color: #2978C7;
    font-size: 34px;
}

    .edj-paperclip:hover {
        color: #000;
        font-size: 34px;
        text-decoration: none !important;
    }

.edj-paperclipLegend {
    /*color: #2978C7;*/
    font-size: 24px;
}

.savedsrch-btn {
    padding: 5px 10px 5px 10px;
    border: 1px solid #000;
    border-radius: 8px;
    margin-left: 10px;
    transition: all 0.5s ease;
}

    .savedsrch-btn:hover, .savedsrch-btn:focus {
        background: #2978C7;
        border: 1px solid #2978C7;
        color: #fff;
        transition: background 0.5s ease;
        transition: border 0.5s ease;
        outline: none !important;
    }

    .savedsrch-btn:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.3);
    }

.icon-spinner {
    color: #949494;
}

/*.whiteText:hover {
    color: #fff;
}*/

/*.btn-nav {
    color: #fff;
 
    font-size: 20px;
    padding: 9px 20px 9px 20px;
    border-radius: 50%;
}*/
.btn-navSave:hover {
    color: #fff;
    background-color: #1c5186;
    border-color: #1c5186;
    transition: 0.3s;
}

.btn-navSave {
    color: #fff;
    font-size: 23px;
    padding: 9px 20px 9px 20px;
    background-color: #2978C7;
    border-radius: 0 !important;
}

.btn-navMobile {
    color: #fff;
    font-size: 23px !important;
    padding: 9px 10px 9px 10px;
    border-radius: 50%;
}

    .btn-navMobile:hover {
        color: #fff;
        transition: 0.3s;
    }

.btn-navSavem:hover {
    color: #fff;
    font-size: 26px !important;
    padding: 9px 20px 9px 20px;
}

.btn-navSavem {
    color: #fff;
    font-size: 26px !important;
    padding: 9px 20px 9px 20px;
}

/*.btn-navSave:hover {
    color: #fff;
    background-color: #1c5186;
    border-color: #1c5186;
    transition: 0.3s;
}*/


/*.btn-nav:hover {
        color: #fff;
        background-color: #782117;
        border-color: #782117;
        transition: 0.3s;
    }*/

/*#btnsave {
    font-size:23px !important;
}*/


.nav-h2 {
    line-height: 1;
}


/*radio buttons*/
/*[type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

    [type="radio"]:checked + label,
    [type="radio"]:not(:checked) + label {
        position: relative;
        padding-left: 28px;
        cursor: pointer;
        line-height: 20px;
        display: inline-block;
        color: #666;
    }

        [type="radio"]:checked + label:before,
        [type="radio"]:not(:checked) + label:before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 18px;
            height: 18px;
            border: 1px solid #9e9e9e;
            border-radius: 100%;
            background: #fff;
        }

        [type="radio"]:checked + label:after,
        [type="radio"]:not(:checked) + label:after {
            content: '';
            width: 12px;
            height: 12px;
            background: #14405C;
            position: absolute;
            top: 3.2px;
            left: 2.7px;
            border-radius: 100%;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        [type="radio"]:not(:checked) + label:after {
            opacity: 0;
            -webkit-transform: scale(0);
            transform: scale(0);
        }

        [type="radio"]:checked + label:after {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
        }*/


/*Checkboxes*/
@supports (-webkit-appearance: none) or (-moz-appearance: none) {
    input[type='checkbox'] {
        --active: #14405C;
        --active-inner: #fff;
        --focus: 2px rgba(39, 94, 254, .3);
        /*--border: #BBC1E1;*/
        --border: #000;
        --border-hover: #275EFE;
        --background: #fff;
        --disabled: #F6F8FF;
        --disabled-inner: #E1E6F9;
        -webkit-appearance: none;
        -moz-appearance: none;
        height: 21px;
        outline: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin: 0;
        cursor: pointer;
        border: 1px solid var(--bc, var(--border));
        background: var(--b, var(--background));
        -webkit-transition: background .3s, border-color .3s, box-shadow .2s;
        transition: background .3s, border-color .3s, box-shadow .2s;
    }

        input[type='checkbox']:after {
            content: '';
            display: block;
            left: 0;
            top: 0;
            position: absolute;
            -webkit-transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
            transition: opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s);
            transition: transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), -webkit-transform var(--d-t, 0.3s) var(--d-t-e, ease);
        }

        input[type='checkbox']:checked {
            --b: var(--active);
            --bc: var(--active);
            --d-o: .3s;
            --d-t: .6s;
            --d-t-e: cubic-bezier(.2, .85, .32, 1.2);
        }

        input[type='checkbox']:disabled {
            --b: var(--disabled);
            cursor: not-allowed;
            opacity: .9;
        }

            input[type='checkbox']:disabled:checked {
                --b: var(--disabled-inner);
                --bc: var(--border);
            }

            input[type='checkbox']:disabled + label {
                cursor: not-allowed;
            }

        input[type='checkbox']:hover:not(:checked):not(:disabled) {
            --bc: var(--border-hover);
        }

        input[type='checkbox']:focus {
            box-shadow: 0 0 0 var(--focus);
        }

        input[type='checkbox']:not(.switch) {
            width: 21px;
        }

            input[type='checkbox']:not(.switch):after {
                opacity: var(--o, 0);
            }

            input[type='checkbox']:not(.switch):checked {
                --o: 1;
            }

        input[type='checkbox'] + label {
            font-size: 14px;
            line-height: 21px;
            display: inline-block;
            vertical-align: top;
            cursor: pointer;
            margin-left: 4px;
        }

        input[type='checkbox']:not(.switch) {
            border-radius: 3px;
        }

            input[type='checkbox']:not(.switch):after {
                width: 5px;
                height: 9px;
                border: 2px solid var(--active-inner);
                border-top: 0;
                border-left: 0;
                left: 8px;
                top: 5px;
                -webkit-transform: rotate(var(--r, 20deg));
                transform: rotate(var(--r, 20deg));
            }

            input[type='checkbox']:not(.switch):checked {
                --r: 43deg;
            }

        input[type='checkbox'].switch {
            width: 38px;
            border-radius: 11px;
        }

            input[type='checkbox'].switch:after {
                left: 2px;
                top: 2px;
                border-radius: 50%;
                width: 15px;
                height: 15px;
                background: var(--ab, var(--border));
                -webkit-transform: translateX(var(--x, 0));
                transform: translateX(var(--x, 0));
            }

            input[type='checkbox'].switch:checked {
                --ab: var(--active-inner);
                --x: 17px;
            }

            input[type='checkbox'].switch:disabled:not(:checked):after {
                opacity: .6;
            }
}

.showItem {
    display: block !important;
}

.noshowItem {
    display: none !important;
}




/*Modals*/
.modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: none;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.btn.btn-primary.bootbox-accept {
    color: #2978C7;
    font-weight: 700;
    background-color: transparent !important;
    border: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.btn.btn-secondary.btn-default.bootbox-cancel {
    color: #000;
    font-weight: 700;
    background: #fff;
    border: none;
}

.bootbox-close-button {
    float: right;
    text-align: right;
    outline: none !important;
}

.bootbox-body {
    padding: 25px 15px 0 15px;
}


/*colors*/
.dark-blue {
    /*background-color: #14405C;*/
    background-color: #14405C;
    color: #fff;
}


/*utilities*/
.hide-me {
    display: none !important;
}

.sortable {
    width: 100%;
    float: left;
}

.pointer {
    cursor: pointer;
}

/*.lang-header {
    padding-bottom: 10px;
}*/

/*.lang-item {
    margin-bottom: 7px;
    background: #4c4c4c;
    color: #fff;
    padding: 5px 15px 5px 15px;*/
    /* width: 25%; */
    /*float: left;
    font-size: 12px;
    margin-right: 7px;
    font-weight: 700;
    border-radius: 0.25rem;
}*/

.edjoin-btn {
    border: 0;
    padding: 5px 15px 5px 15px;
    background: #2978C7;
    color: #fff;
}

    .edjoin-btn:hover {
        background-color: #164675 !important;
        color: #fff;
    }

    .edjoin-btn:focus, .edjoin-btn:active {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.3);
    }

.edjoin-btn-submit {
    border: 0;
    padding: 15px 15px 15px 15px;
    background: #636363;
    color: #fff;
}

    .edjoin-btn-submit:hover {
        background-color: #164675 !important;
        color: #fff;
    }

    .edjoin-btn-submit:focus, .edjoin-btn:active {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.3);
    }

.edjoin-btn-submit-dark {
    border: 0;
    padding: 15px 15px 15px 15px;
    background: #4c4c4c;
    color: #fff;
}

    .edjoin-btn-submit-dark:hover {
        background-color: #0c0c0c !important;
        color: #fff;
    }

    .edjoin-btn-submit-dark:focus, .edjoin-btn:active {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(204, 204, 204);
    }

.btnHover:hover {
    background-color: #d8d8d8 !important;
    /*color: #fff;*/
}

#credCont {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 15px;
}

.cred-title {
    line-height: 18px;
    float: left;
    width: 90%;
}

.header-box {
    padding: 10px 15px 12px;
    color: #fff;
    border-radius: 5px;
}

.btnremovecred {
    float: right;
}

.full-width {
    width: 100%;
    float: left;
}

.state-flex {
    float: left;
    width: 100%;
    margin-top: auto;
}

.cred-state {
    float: left;
    padding-top: 5px;
}

.changeDate-btn {
    border: 0;
    padding: 5px 10px 5px 10px;
    background: #2978c7;
    color: #fff;
}

/*.icon-remove {
    color: #4c4c4c;
}*/

.bootbox-close-button {
    color: #4c4c4c;
}


/* sticky footer stuff */
html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

.main-cont {
    flex: 1 0 auto;
}

#footer {
    background: #BDC3C7;
    padding-top: 45px;
    padding-bottom: 45px;
    flex-shrink: 0;
    margin-top: 45px;
}

    #footer a {
        color: #000;
        transition: color 350ms ease 0s;
    }

        #footer a:hover {
            color: #fff;
            text-decoration: none;
        }

    #footer .btn.btn-alt {
        float: right;
        color: #bdc3c7;
        margin-top: 14px;
        padding: 1px 8px;
        font-size: 11.9px;
        background: #7f8c8d;
        transition: color 350ms ease 0s;
    }

        #footer .btn.btn-alt:hover {
            float: right;
            color: #bdc3c7;
            margin-top: 14px;
            padding: 1px 8px;
            font-size: 11.9px;
            background: #fff;
        }

/*end sticky footer*/


/*profile nav*/
.navTitle {
    color: #000;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    margin: 0 -16px 0 -16px;
    padding: 10px 0 13px 35px;
}

.currrentNav {
    color: #fff;
    text-decoration: none !important;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin: 0 -16px 0 -16px;
    padding: 10px 0 13px 35px;
    background: #14405C;
}

    .currrentNav:hover {
        color: #fff;
        transition: 0.3s;
    }

.crumb {
    padding: 0 8px 55px 5px;
    color: #000;
    text-decoration: underline !important;
}

.crumb1 {
    padding: 0 8px 5px 0;
    color: #000;
    text-decoration: underline !important;
}

.crumb:hover {
    padding: 0 8px 55px 5px;
    color: #000;
    text-decoration: none !important;
}

.crumb1:hover {
    padding: 0 8px 5px 0;
    color: #000;
    text-decoration: none !important;
}

#breadcrumbs {
    font-size: 14px;
    line-height: 20px;
}

.current-crumb {
    color: #4d4d4d;
}

a.navTitle:hover {
    color: #fff !important;
    background: #2978C7 !important;
    transition: 0.3s;
}

#mobile-profile-nav {
    position: fixed;
    bottom: 0;
    z-index: 9999;
    padding: 15px 15px 15px 15px;
    background-color: rgba(255, 255, 255, 0.9);
    width: 100%;
}


/*footer css*/
#ft_about {
}

#ft_contact {
}

#ft_sites {
}

.footerH2 {
    font-weight: 600;
    color: #14405C;
}


/*menu*/
.logo-nav {
    width: 200px;
    float: left;
}

.ed-toggler {
    float: right;
    text-align: right;
    padding-top: 7px;
    margin-right: 15px;
    display: none;
    cursor: pointer;
}

.show-men {
    display: inline !important;
}

.fixZoomIn {
    margin-left: -115px;
    margin-top: 7px;
    vertical-align: -webkit-baseline-middle !important;
    cursor: pointer;
    color: #767676;
}

@media (min-width: 767px) {
    .fixZoomIn {
        margin-left: -115px;
    }
}

.form-control {
    padding: 0.375rem 0.40rem !important;
}



body, modal-body {
    background-color: #fff;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}

/*FireFox*/
@-moz-document url-prefix() {
    .fixZoomIn {
        margin-left: -110px;
        margin-top: 15px;
        vertical-align: -webkit-baseline-middle !important;
        cursor: pointer;
        color: #767676;
    }
    /*used form centering the show password input firefox*/
    #togglePassword {
        vertical-align: -moz-middle-with-baseline;
    }
    /*    .modalPadding {
        padding: 0px 0px 0px 0px !important
    }*/
}

#signInModal {
    padding: 0px 0px 0px 0px !important
}

@media (min-width: 1200px) {
    .searchWidth {
        width: 275px !important;
    }

    .ed-toggler {
        display: inline;
    }

    .hide-men {
        display: none !important;
    }

    #mobile-nav {
        float: left !important;
        padding: 20px !important;
    }
}


.navbar-toggler {
    /*margin-top: -17px;*/
    margin-right: 20px;
}

/*#globalKeywordSearchForm {
    padding-top: 10px;
}*/

#ed-mainmenu {
    margin-top: -9px;
}

.container-ed {
    float: left;
    display: inline !important;
    /*-ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;*/
}

#globalKeywordSearchForm {
    float: left;
}

.btn-edjoin {
    border-radius: 2px !important;
}


/*search bar main*/
.keySearch {
    height: 30px;
    border-radius: 3px 0px 0px 3px;
}

.locationSearch {
    border-radius: 0 3px 3px 0;
    height: 30px;
    width: 100%;
}

#main-ed-nav {
    margin-bottom: 25px;
}


/*form elements*/
.edjoin-input {
    border-radius: 0 !important;
    background: #ECF6FF;
    border: 0;
    border-bottom: 3px solid #2978C7;
}

.inputWithIcon input[type="text"] {
    padding-left: 40px;
}

.inputWithIcon {
    position: relative;
}

    .inputWithIcon i {
        position: absolute;
        left: 0;
        top: 2px;
        padding: 9px 10px;
        color: #000;
        transition: 0.3s;
    }


/*menu stuff*/
.edDropItem {
    padding-right: 15px !important;
}

.nav-right {
    justify-content: flex-end;
}


/*mobile off canvas*/
.navbar-toggler .navbar-toggler-icon,
.navbar-toggler .navbar-toggler-icon::after,
.navbar-toggler .navbar-toggler-icon::before {
    background-color: #fff;
    z-index: 9999;
}


/* end colors */
body {
    background: #EDF1F5;
}

.white-cont {
    background: #fff;
    border-radius: 6px;
    padding: 15px;
}

#header {
    margin-bottom: 25px;
}

#btnClearSignIn {
    outline: none !important;
}



.sidebar-cont {
    padding: 1rem !important;
    margin-bottom: 15px;
}


/*.main-body {
    margin-bottom: 1rem !important;
    padding: 1rem !important;
}*/


.main-body {
    margin-bottom: 1rem !important;
    padding: 10px 15px;
}


.searchBtnCnt {
    height: 30px;
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark .navbar-toggler {
    border-radius: 25px;
    padding: 6px;
    color: rgba(255,255,255,.5);
    border-color: rgba(255,255,255,0);
    margin-right: 16px !important;
    margin-top: 12px;
}

    .navbar-dark .navbar-toggler:hover {
        color: rgba(255,255,255,1);
        border-color: rgba(255,255,255,0);
        background: #1A4977;
        border-radius: 25px;
        padding: 6px;
    }

.navbar-nav .nav-item.active > .nav-link, .navbar-nav .nav-item:active:focus > .nav-link, .navbar-nav .nav-item:active > .nav-link, .navbar-nav .nav-item:focus > .nav-link, .navbar-nav .nav-item:hover > .nav-link {
    color: #fefefe;
}


/*buttons*/
.collapse-header {
    text-align: left;
}

.collapseTitle {
    float: left;
    width: 70%;
}

.filter-title {
    font-size: 18px;
    font-weight: 500;
   /* margin-bottom: 25px;*/
}

    .filter-title:link, .filter-title:visited, .filter-title:hover, .filter-title:focus, .filter-title:active {
        color: #000;
        /*margin-bottom: 25px;*/
    }

.icon-chevron-down:link, .icon-chevron-down:visited, .icon-chevron-down:hover, .icon-chevron-down:focus, .icon-chevron-down:active {
    color: #000;
    /*margin-bottom: 25px;*/
}

.filter-check {
    margin-bottom: 10px;
}

.ed-select {
    width: 100%;
    padding: 5px 0 5px 10px;
}

#savedkeywords {
    width: 100%;
    float: left;
    padding-top: 10px;
}

/*.lang-box {
    padding: 8px;
    padding-left: 12px;
    background: #efefef;
    margin: 0 5px 15px 5px;
    border: 1px solid #c7c7c7;
    float: left;
    width: 48%;
    border-radius: 0.25rem;
}*/

/*.key-box {
    padding: 1px 8px 3px 12px;
    background: #efefef;
    margin: 15px 7px 15px 0;
    border: 1px solid #c7c7c7;
    float: left;
}*/

.keyword.key-box {
    padding: 5px 8px 3px 12px;
    background: #efefef;
    margin: 5px 10px 5px 0;
    border: 1px solid #c7c7c7;
    float: left;
    max-width: 330px;
    border-radius: 0.25rem;
}



.key-label {
    padding-right: 15px;
    margin: 0;
    max-width: 85%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/*.key-label {
    padding-right: 15px;
    margin: 0;
}*/


/*.remove-cont {
    padding-top: 2px;
}*/



.lang-box2 {
    padding: 8px;
    background: #efefef;
    margin: 0 5px 15px 5px;
    border: 1px solid #c7c7c7;
    float: left;
    cursor: pointer;
    border-radius: 0.25rem;
}

.lang-label {
    margin: 0;
}

.default {
    cursor: default;
}


/*icons*/
.icon-move {
    padding-right: 25px;
}

.move {
    float: left;
}

#icon-cal {
    margin-right: 6px;
    height: 20px;
    display: flex;
    float: left;
    margin-top: 3px;
}

#icon-help {
    margin-right: 6px;
    height: 20px;
    display: flex;
    float: left;
    margin-top: 3px;
}

#icon-bell {
    margin-right: 6px;
    height: 20px;
    display: flex;
    float: left;
    margin-top: 4px;
    position: relative;
}

.job-title {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
}

.icon-bell-alt {
    color: #ff6f62;
}

.alert-badge {
    font-size: 9px;
    color: #ff6f62;
    margin-top: -3px;
    margin-left: -5px;
}

#icon-person {
    margin-right: 6px;
    height: 20px;
    display: flex;
    float: left;
    margin-top: 4px;
}

#LocationSearch2 {
    height: 40px;
    width: 100%;
}

.grid-bookmark {
    float: right;
}

/*for job grids*/

.grid-main {
    float: left;
    width: 90%;
}

/*#jobListContainer {*/
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr;*/
    /*grid-auto-rows: 1fr;*/
    /*grid-gap: 15px;*/
    /*grid-row-gap: 5px;
    column-gap: 20px
}*/

#jobWishListContainer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 1fr;
    grid-gap: 15px;
}

.job-contain {
    background: #fff;
    padding: 15px 25px 15px 25px;
    border-radius: 8px;
    /*height: 105px;*/
    margin-bottom: 15px !important;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    width: 100%;
    float: left;
}

/*.salary-cont {
    display: flex;
    align-items: flex-end;
    align-content: flex-end;
  
}*/

a.card-job-title {
    color: #2978C7;
    text-decoration: none;
    line-height: 25px;
}

.bell {
    animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both;
    animation-delay: 4s;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
}

.salary-cont {
    float: left;
    width: 60%;
}

.salary-p {
    width: 736px;
    /*width: 260px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    margin-bottom: 0;
}

@media (max-width: 767px) and (min-width: 463px) {
    .salary-p {
        width: 348px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
        margin-bottom: 0;
        line-height: 18px;
    }
}

@media (max-width: 462px) {
    .salary-p {
        width: 284px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
        margin-bottom: 0;
        line-height: 18px;
    }
}

.certi {
    font-weight: 600;
    font-style: italic !important;
    margin-bottom: 0;
}

.cert-require {
    text-align: right;
    padding-right: 5px;
}

@keyframes shake {
    10%, 90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%, 80% {
        transform: translate3d(2px, 0, 0);
    }

    30%, 50%, 70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(4px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(0px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(0px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(0px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(0px, 0, 0);
    }

    40%, 60% {
        transform: translate3d(0px, 0, 0);
    }
}

.lower-grid-cont {
    /*padding-top: 10px;*/
    float: left;
    width: 100%;
    /* padding-bottom: 65px; */
}

.certi-cont {
    float: right;
}

.address-deadline {
    padding-top: 3px;
    padding-bottom: 10px;
}

/*alerts command buttons*/
.edjoin-fw {
    width: 100%;
}

/*jobs pagi*/
@media screen and (max-width: 991px) {
    .pagination.pagi {
        justify-content: flex-start !important;
        margin-top: 25px !important;
    }
}

@media (max-width: 767px) {

    #credCont {
        display: grid;
        grid-template-columns: 1fr;
    }

    .certi-cont {
        float: left;
        clear: both;
    }
}

@media (max-width: 991px) {

    #jobListContainer {
        /*grid-template-columns: 1fr;*/
        grid-template-columns: 100%;
        width: auto;
    }

    ul.jobList {
        margin-left: 20px !important;
    }
}

@media (max-width: 767px) {

    ul.jobList {
        margin-left: 0px !important;
    }
}

/*only for desktop size command above*/
@media (max-width: 992px) {
    #ft_sites {
        display: none;
    }

    #footer {
        text-align: center;
    }

    #ft_about {
        margin-bottom: 30px;
    }

    #profile-nav {
        /*display:none;*/
        padding: 0px;
    }

    .lang-box {
        width: 100%;
    }

    .lang-box2 {
        width: 100%;
    }
}


@media (min-width: 993px) {
    #mobile-profile-nav {
        display: none;
    }
}

/*only form extra large*/
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    #globalKeywordSearch2 {
        display: none;
    }

    #globalLocationSearch2 {
        display: none;
    }
}

@media (max-width: 1200px) {
    .form-inline .form-control {
        display: inline-block;
        width: 100% !important;
        /*vertical-align: middle;*/
        padding-left: 10%;
        padding-right: 10%;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1199px) {
    #add-btn {
        position: inherit !important;
        left: 0px !important;
    }

    /*        #globalLocationSearch2 {
            width: 0% !important;
        }*/

    /*        #globalLocationSearch {
            width: 90% !important;
        } */
    #globalKeywordSearchForm {
        clear: both;
        width: 90%;
    }

    #search-cont {
        clear: both;
        width: 100%;
        justify-content: center;
    }

    .dropdown-menu {
        color: #fff;
        background-color: #2978C7;
        border: 1px solid #2978C7;
    }

    .dropdown-item {
        color: #fff;
        height: 45px;
    }

        .dropdown-item:focus, .dropdown-item:hover {
            color: #fff;
            text-decoration: none;
            background-color: #2978C7;
        }
}

.showOnSmall {
    display: none !important;
}

/* Extra large devices (large desktops, 1199px and below) */
@media (max-width: 1199px) {
    #globalKeywordSearch {
        width: 100%;
        float: left;
        height: 40px !important;
        margin-bottom: 7px;
        /*display:none;*/
    }


    .hideOnSmall {
        display: none !important;
    }

    .showOnSmall {
        display: block !important;
    }

    /*#searchContainer {
        width: 100%;
        clear: both;
        float: left;
        height: 40px !important;
        margin-top: 7px;
        margin-bottom:5px;
       display:none;
    }*/

    #searchContainer {
        width: 100%;
        clear: both;
        float: left;
        margin-top: 7px;
        margin-bottom: 5px;
    }

    .credCont {
        display: grid;
    }

    /*.nav-item {

        height: 50px;
    }*/

    .nav-link {
        height: 50px;
    }

    #add-btn {
        position: absolute;
        left: -4000px;
    }

    #globalLocationSearch {
        width: 100%;
        float: left;
        height: 40px !important;
        margin-bottom: 7px;
    }

    #globalLocationSearch2 {
        width: 100%;
        float: left;
        height: 40px !important;
        margin-bottom: 7px;
    }

    #globalLocationSearch.frontSearch {
        display: inline !important;
    }

    #SearchBtnB {
        height: 40px;
    }

    .navbar-brand {
        margin-left: 15px;
    }

    .keySearch {
        height: 30px;
        border-radius: 3px;
    }
}

/* Date picker */
.datepicker {
    top: 0;
    left: 0;
    padding: 4px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: white;
    color: black;
    padding-left: 30px !important
}

    .datepicker:before {
        content: '';
        display: inline-block;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #ccc;
        border-bottom-color: #f2f3f4;
        position: absolute;
        top: -7px;
        left: 6px;
    }

    .datepicker:after {
        content: '';
        display: inline-block;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid #f2f3f4;
        position: absolute;
        top: -6px;
        left: 7px;
    }

    .datepicker > div {
        display: none;
    }

    .datepicker.days div.datepicker-days {
        display: block;
    }

    .datepicker.months div.datepicker-months {
        display: block;
    }

    .datepicker.years div.datepicker-years {
        display: block;
    }

    .datepicker table {
        width: 100%;
        margin: 0;
    }

    .datepicker td,
    .datepicker th {
        text-align: center;
        width: 20px;
        height: 20px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }

    .datepicker td {
        color: #4d4d4d;
    }

        .datepicker td.day:hover {
            background: #eeeeee;
            cursor: pointer;
        }

        .datepicker td.old,
        .datepicker td.new {
            color: #999999;
        }

        .datepicker td.active,
        .datepicker td.active:hover {
            color: #fff;
            background-color: #2676AB;
            text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        }

        .datepicker td span {
            display: block;
            width: 47px;
            height: 54px;
            line-height: 54px;
            float: left;
            margin: 2px;
            cursor: pointer;
            -webkit-border-radius: 6px;
            -moz-border-radius: 6px;
            border-radius: 6px;
        }

            .datepicker td span:hover {
                background: #bdc3c7;
            }

            .datepicker td span.active {
                color: #fff;
                background-color: #2676AB;
            }

            .datepicker td span.old {
                color: #bdc3c7;
            }

    .datepicker th.switch {
        width: 145px;
    }

    .datepicker thead tr:first-child th {
        cursor: pointer;
    }

        .datepicker thead tr:first-child th:hover {
            background: #bdc3c7;
        }

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.datepicker + .add-on .icon-calendar {
    font-size: 21px;
}
/* Time picker */
.bootstrap-timepicker-widget.dropdown-menu {
    min-width: 0px;
}

    .bootstrap-timepicker-widget.dropdown-menu.open {
        display: block;
    }

    .bootstrap-timepicker-widget.dropdown-menu:after {
        border-bottom: 6px solid #f2f3f4;
    }

    .bootstrap-timepicker-widget.dropdown-menu:before {
        border-bottom: 7px solid #f2f3f4;
    }

.bootstrap-timepicker-widget table {
    width: auto;
}

    .bootstrap-timepicker-widget table td {
        height: 0;
    }

        .bootstrap-timepicker-widget table td a {
            padding: 0;
            width: auto;
            display: block;
        }

            .bootstrap-timepicker-widget table td a:hover {
                border: none;
                background: #f2f3f4;
            }

/* Date Range picker */
.daterangepicker.opensleft:before,
.daterangepicker.opensright:before {
    border-bottom: 7px solid #f2f3f4;
}

.daterangepicker.opensleft:after,
.daterangepicker.opensright:after {
    border-bottom: 6px solid #f2f3f4;
}

.daterangepicker td.in-range {
    background-color: #f2f3f4;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    text-shadow: none;
    background: #2676AB;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}

.daterangepicker input {
    padding: 2px 5px;
}

.daterangepicker .range_inputs .btn {
    margin-top: 10px;
}

.profile-hc {
    background-color: #14405C;
    padding: 12px 20px 12px 20px;
    border-radius: .25rem;
    font-weight: 600;
}

/*.cred-box {
    padding: 8px;
    background: #efefef;
    border: 1px solid #c7c7c7;
}*/

/*front page stuff*/

#inner-message {
    text-align: center;
    padding-top: 25px;
}

.poster {
    min-height: 300px;
    /*background-image: url(../Img/slide1.png);*/
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    max-width: 100%;
    flex: 0 0 100%;
}

.poster-inner {
    width: 100%;
    min-height: 300px;
    background-color: rgba(255, 255, 255, 0);
    padding: 15px 25px 15px 25px;
}

.skillz {
    padding-right: 0;
}

.slogan {
    /* width: 45%; */
    /* float: left; */
    padding-left: 0 !important;
    margin-top: 25px;
}

.front3 {
    width: 100%;
}

.front3coded {
    width: 100%;
}

.front4coded {
    width: 100%;
}

@media(min-width: 1200px) {
    .front3coded {
        width: 100%;
        margin-left: 285px !important;
    }
}

@media(min-width: 1200px) {
    .front4coded {
        width: 100%;
        margin-left: -285px !important;
    }
}

@media(min-width: 1200px) {
    .front4 {
        width: 22.5%;
    }
}

@media(max-width: 1199px) {
    .front4 {
        width: 31%;
        margin-top: -299px !important;
    }
}

@media(max-width: 991px) {
    .front4 {
        width: 46%;
        margin-top: -5px !important;
    }
}

.card-job-title {
    max-width: 875px;
    /*max-width: 430px;*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    font-weight: 600;
}

.grid-address {
    width: 430px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 0;
    /*font-weight: 600;*/
    font-weight: 400;
    font-size: 14px;
}

@media (max-width: 992px) {
    .poster-inner {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .skillz {
        padding-right: 15px;
    }

    .slogan {
        margin-top: 30px;
    }
}

@media (max-width: 576px) {
    .slogan {
        margin-top: 20px;
    }
}

@media (max-width: 991px) and (min-width: 768px ) {
    .poster {
        background-size: cover;
    }

    .card-job-title {
        /*max-width: 390px;*/
        max-width: 546px;
    }

    .salary-p {
        width: 462px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
        margin-bottom: 0;
    }

    .grid-address {
        width: 300px;
    }

    ul.regionSearchList {
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
        column-gap: 15px !important;
        margin-left: 5px;
    }

        ul.regionSearchList a {
            color: #000 !important;
        }

    ul.districtSearchList {
        -moz-column-count: 2 !important;
        -moz-column-gap: 15px !important;
        -webkit-column-count: 2 !important;
        -webkit-column-gap: 15px !important;
        column-count: 3 !important;
        column-gap: 15px !important;
        margin-left: 5px;
    }
}

@media (max-width: 767px) {
    .poster {
        background-size: cover;
    }

    .slogan {
        margin-top: 25px;
    }

    .card-job-title {
        max-width: 370px;
    }

    .grid-address {
        width: 100%;
    }

    .search-bars {
        padding: 15px;
        background-color: rgba(0, 0, 0, 0.5);
        border-radius: 8px;
    }

    ul.regionSearchList {
        -moz-column-count: 2 !important;
        -webkit-column-count: 2 !important;
        column-count: 2 !important;
        column-gap: 15px !important;
        margin-left: 5px;
    }

        ul.regionSearchList a {
            color: #000 !important;
        }

    ul.districtSearchList {
        -moz-column-count: 2 !important;
        -moz-column-gap: 15px !important;
        -webkit-column-count: 2 !important;
        -webkit-column-gap: 15px !important;
        column-count: 3 !important;
        column-gap: 15px !important;
        margin-left: 5px;
    }
}

#circle-cont {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    width: 100%;
    grid-gap: 40px 15px;
    /*margin-bottom: 80px;*/
    margin-bottom: 40px;
}

@media (max-width: 414px) {
    #circle-cont {
        display: grid;
        grid-template-columns: 160px 160px;
        width: 100%;
        grid-gap: 35px;
        margin-bottom: 80px;
        padding-left: 5px;
    }
}

#circle-rest {
    /*display: grid;*/
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    width: 100%;
    grid-gap: 40px 15px;
    margin-bottom: 80px;
}

@media (max-width: 414px) {
    #circle-rest {
        display: grid;
        grid-template-columns: 160px 160px;
        width: 100%;
        grid-gap: 35px;
        margin-bottom: 80px;
        padding-left: 5px;
    }
}

@media (max-width: 500px) {
    .fixJobWidth {
        width: 395.6px;
    }
}

@media (max-width: 462px) {

    .job-contain {
        width: 100%;
        float: left;
    }


    /*possibly form thead grid*/

    #jobListContainer {
        display: grid;
        /*grid-template-columns: 1fr;*/
        grid-template-columns: 100%;
        /* grid-auto-rows: 1fr; */
        /* grid-gap: 15px; */
        grid-row-gap: 5px;
        column-gap: 20px;
    }

    .card-job-title {
        max-width: 100%;
    }

    .card-job-title {
        white-space: normal;
        overflow: visible;
        text-overflow: ellipsis;
        margin-bottom: 0;
        font-weight: 600;
    }
}


/*@media (max-width: 440px) {

    .job-contain {
        width: 90%;
        float: left;
    }
}*/

.circles {
    text-align: center;
}

/*form front page circles*/
.circle {
    border-radius: 50%;
    width: 150px;
    height: 150px;
}

    .circle:hover {
        box-shadow: inset 0 0 100px rgb(0 0 0 / 20%);
    }

.circle-alert {
    border-radius: 50%;
    width: 125px;
    margin-top: -17px !important;
}

#circle-cont {
    /*margin-top: 25px;*/
    margin-top: 10px;
}

/*#circle-rest {
    margin-top: 25px;
}*/

.circ-title {
    text-align: center;
}

h2.h2Slogan {
    font-size: 45px;
    font-weight: 700;
    line-height: 40px;
    color: #2e2e2e;
}

.btn-create {
    margin-right: 15px;
    padding: 5px 15px 7px 15px;
    background-color: #C0392B;
    color: #fff;
    border: none;
    font-size: 14px;
}

    .btn-create:hover {
        background-color: #A53024;
    }

.btn-sign {
    padding: 5px 15px 7px 15px;
    background-color: #2978C7;
    color: #fff;
    border: none;
    font-size: 14px;
}

    .btn-sign:hover {
        background-color: #1C558E;
    }

.front-input {
    background: #ededed !important;
    color: #6c757d !important;
    opacity: 1;
    border: none !important;
}

#sponsors {
    display: flex;
    margin-bottom: 25px;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

#sponsors3 {
    display: flex;
    margin-bottom: 25px;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.frontpic-cont {
    margin-bottom: 35px;
    /*width: 230px;*/
    width: 275px;
}

@media screen and (min-width: 1200px) {
    #navbarSupportedContent {
        float: right !important;
        padding: 0;
    }
}

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

    .frontpic-cont {
        margin-bottom: 35px;
        width: 280px;
    }

    #navbarSupportedContent {
        padding-left: 25px;
    }
    /*
    #search-cont {
        display:flex !important;
        }*/

    .navbar-expand-lg .navbar-toggler {
        display: inline !important;
    }

    .mobileReverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .itemReverse {
        flex: 0 0 auto;
    }
}


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

    .frontpic-cont {
        margin-bottom: 35px;
        width: 100%;
    }
}


.circ-title a {
    color: #000;
    text-decoration: none;
}

/*@media (max-width: 768px) {
        .frontpic-cont {
            width: 42%;
            margin-bottom: 55px;
        }
    }*/


/*Deon's Bookmark*/
@media screen and (min-width: 772px) {

    /*.edjoin-card2 {
        margin-bottom: 15px;
    }*/
    .notWhatYouWant {
    }

    .searchButtons {
        /*width: 100%;
        float: right;
        text-align: right;*/
    }

    .mobileButtons {
        display: none;
    }

    .mobileCardBottom {
        display: none;
    }

    .mobileCardTop {
        display: none;
    }
}

/*test*/

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

    .job-contain {
        margin-bottom: 15px;
    }
}

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

    .job-contain {
        margin-bottom: 15px;
    }

    .mobileSpacing {
        line-height: 8px;
        margin-top: 8px;
    }

    .searchButtons {
        display: none;
    }

    /*.desktopCardBottom {
            display: none;
        }*/

    /*.desktopCardTop {
            display: none;
        }*/

    #linkRefineSearch {
    }

    .jobcardPosted {
    }

    .jobcardDeadline {
    }

    /*.viewSavedBtn {
            display: none
        }*/

    .saveSearchBtn {
    }

    .searchResultsName {
        font-size: 2rem;
        /*overflow: hidden;
            text-overflow: ellipsis;*/
        word-wrap: break-word;
        display: block;
        line-height: 1em; /* a */
        /*max-height: 1em;*/
        margin-bottom: 25px;
    }

    .notWhatYouWant {
    }
}

/*@media (max-width: 768px) {
        .pic-link {
            display: none;
        }

        .circ-title a {
            border: 1px solid #000;
            border-radius: 35px;
            padding: 5px 15px 7px 15px;
            margin-bottom: 55px;
        }

            .circ-title a:hover {
                transition: background 0.3s ease;
                background: #000;
                color: #fff;
            }

        #circle-cont {
            display: flex;
            flex-wrap: wrap;
            width: 100%;
            margin-bottom: 80px;
            padding: 0 25px 0 25px;
            justify-content: center;
            text-align: center;
        }

        .circ-title {
            text-align: center;
            margin-bottom: 7px;
        }
    }*/


.btnedjoin {
    color: #fff;
    background-color: #2676ab !important;
    /*text-transform: uppercase;*/
    font-weight: 700;
    padding: 5px 10px 5px 10px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.frontSearch {
    height: 45px !important;
    margin-bottom: 15px;
    background-color: #eee !important;
}

.content-left {
    float: left;
    width: 80%;
}

.content-right {
    float: right;
    width: 20%;
}



.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
    margin-top: 5px;
    margin: 0px !important;
}

    .pagination > ul {
        box-shadow: none !important;
    }

a > h5.card-job-title {
    color: #2978C7 !important;
    text-decoration: none !important;
}

    a > h5.card-job-title:hover {
        color: #000 !important;
        text-decoration: underline !important;
    }

a.no-underline:hover {
    text-decoration: none !important;
}

.RemoveBtn_Outline {
    border: none;
    margin-bottom: 28px;
}

.TestMinusBtn {
    /*border-top: #707070 solid 2px;
    border-bottom: #707070 solid 2px;
    border-right: #707070 solid 2px;*/
    border-top: #007bff solid 2px;
    border-bottom: #007bff solid 2px;
    border-right: #007bff solid 2px;
    border-top-right-radius: 35px;
    border-bottom-right-radius: 35px;
    /*background-color: #707070;*/
    background-color: #007bff;
    color: aliceblue;
    font: normal normal bold 30px/15px Segoe UI;
    width: 35px;
    height: 35px;
    padding-top: 4px;
}

    .TestMinusBtn:hover {
        border-top: #2950b9 solid 2px;
        border-bottom: #2950b9 solid 2px;
        border-right: #2950b9 solid 2px;
        border-top-right-radius: 35px;
        border-bottom-right-radius: 35px;
        background-color: #2950b9;
        color: aliceblue;
        font: normal normal bold 30px/15px Segoe UI;
        width: 35px;
        height: 35px;
        padding-top: 4px;
    }

    .TestMinusBtn:focus {
        outline: none;
    }

.TestSavedSearchBtn {
    border-top: #007bff solid 2px;
    border-bottom: #007bff solid 2px;
    border-left: #007bff solid 2px;
    border-top-left-radius: 35px;
    border-bottom-left-radius: 35px;
    font-size: 15px;
    background-color: rgba(250, 235, 215, 0);
    /*padding-bottom: 3rem;
    padding-top: 3rem;*/
    height: 35px;
    padding-right: 25px;
    padding-left: 25px;
}

    .TestSavedSearchBtn:hover {
        border-top: #2950b9 solid 2px;
        border-bottom: #2950b9 solid 2px;
        border-left: #2950b9 solid 2px;
        border-top-left-radius: 35px;
        border-bottom-left-radius: 35px;
        font-size: 15px;
        background-color: rgba(250, 235, 215, 0);
        height: 35px;
        padding-right: 25px;
        padding-left: 25px;
    }

    .TestSavedSearchBtn:focus {
        outline: none;
    }

.TestSSTruncate {
    max-width: 650px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #000 !important;
}

@media (max-width: 992px) {
    .TestSSTruncate {
        max-width: 150px;
    }
}

.SavedSearchSubText {
    font-size: 18px;
    padding-bottom: 15px;
}

.follow-btn {
    /*background: #333333;*/
    /*border-radius: 5px;*/
    opacity: 1;
    font-size: 18px;
    color: #FFFFFF;
    opacity: 1;
    /*margin-top: 30px;*/
    padding: 5px 18px 5px 18px;
    font-weight: 600;
    border: 1px solid transparent;
}

    .follow-btn:focus {
        outline: none;
    }



.UserPageSubTitles {
    margin-top: 86px;
    /*margin-bottom: 26px;*/
    text-align: left;
    font: normal normal bold 40px/42px Segoe UI;
    letter-spacing: 0px;
    color: #1E1E1E;
}

.DistricTitle {
    margin-top: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.SeeAllBtn {
    border: none;
    background: #2978C7 0% 0% no-repeat padding-box;
    border-radius: 5px;
    opacity: 1;
    font-size: 18px;
    color: #FFFFFF;
    opacity: 1;
    margin-top: 30px;
    padding: 5px 18px 5px 18px;
    font-weight: 600;
}

.see-all-btn-padding {
    padding: 5px 18px 5px 18px;
    margin-top: 30px
}

.SeeAllBtn:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.3);
}

.SeeAllBtn:hover {
    background: #164675;
    color: #fff;
}

/*edited ruby label sept 2 2021*/

.JobsHeader {
    font-size: 42px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #1E1E1E;
    margin-bottom: 24px;
    margin-top: 62px;
}

.MessageBody {
    margin-top: 10px;
    padding: 15px;
}

    .MessageBody:hover {
        margin-top: 10px;
        padding: 15px;
        background: #F2F2F2;
        border-radius: 15px;
    }



.Message_Position {
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    /* white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;*/
}

.Message_Date {
    font-weight: 600;
    font-style: italic !important;
}

.Message_District {
    font-weight: 500;
    color: #3F3F3F;
}

.Message_Content {
}

.hideMessage {
    display: none;
}

.UnopenIcon {
    width: 29px;
}

    .UnopenIcon > path {
        fill: #868686;
    }

/* .UnopenIcon:hover > path {
            fill: #505050 !important;
        }*/

.UnopenIconRed {
    width: 29px;
}

    .UnopenIconRed > path {
        fill: #cc0000;
    }

    .UnopenIconRed:hover > path {
        fill: #8E0000 !important;
    }

.UnopenIconRedLegend {
    width: 19px;
}

    .UnopenIconRedLegend > path {
        fill: #cc0000;
    }

.PrintBlue {
    width: 29px;
}

    .PrintBlue > path {
        fill: #2978C7;
    }

    .PrintBlue:hover > path {
        fill: #184877 !important;
    }

.PrintBlueLegend {
    width: 21px;
}

    .PrintBlueLegend > path {
        fill: #2978C7;
    }

.OpenedIcon {
    width: 29px;
}

    .OpenedIcon:hover > path {
        fill: #505050 !important;
    }

.OpenedIconLegend {
    width: 19px;
}

.UnopenedBG {
    /*background-color: grey;
    border-radius: 100%;*/
    height: 40px;
    width: 40px;
    position: relative;
    display: inline-block;
}


.OpenedBG {
    /*background-color: lightgrey;
    border-radius: 100%;*/
    /*border: 1px solid #8B8B8B;*/
    height: 40px;
    width: 40px;
    padding: 0px;
}


.notify-badge {
    position: absolute;
    right: -2px;
    bottom: 3px;
    background-color: turquoise;
    text-align: center;
    border-radius: 30px 30px 30px 30px;
    color: white;
    padding: 7px;
    font-size: 60px;
}


.alertOrderBtn {
    border: none;
    height: 32px;
    padding-left: 12px;
    padding-right: 12px;
    background: #2978C7 0% 0% no-repeat padding-box !important;
    /*border-radius: 10px;*/
    opacity: 1;
    font: normal normal bold 15px/27px Segoe UI;
    letter-spacing: 0px;
    color: #FFFFFF !important;
    opacity: 1;
}

    .alertOrderBtn:focus {
        outline: none;
    }

.UnselectedFilter {
    border: none;
    background-color: white;
    opacity: 1;
    font: normal normal bold 15px/27px Segoe UI;
    letter-spacing: 0px;
    color: #000;
    opacity: 1;
    border-radius: 5px;
}

    .UnselectedFilter:focus {
        outline: none;
    }

.SeeMessage {
    background-color: #F2F2F2;
    border-radius: 15px;
    padding-top: 30px !important;
}

.MessageHeader {
    font: normal normal bold 40px/42px Segoe UI;
    letter-spacing: 0px;
    color: #1E1E1E;
    margin-bottom: 24px;
}

.MailIcon {
    cursor: pointer;
}

.noteTruncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.PreviewMessage {
    display: block;
}

#PerPage {
    border-radius: 3px;
}

.FullMessage {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.noteContainer {
    line-height: 22px;
    margin-top: 5px;
}

.positionAndDate {
    line-height: 18px;
}

.HideRead {
    display: none !important;
}



#addRef {
    border: none;
    outline: none;
    background-color: #2978C7;
    color: white;
    /*font: normal normal normal 15px/27px Segoe UI;*/
}


.DeleteRef {
    color: white !important;
    font-size: 25px;
}

.fold-body {
    margin-left: 90px;
    margin-right: 113px;
    font: normal normal normal 16px/21px Segoe UI;
    float: left;
}

@media only screen and (max-width: 768px) {
    .fold-body {
        margin-left: 20px;
        margin-right: 30px;
        float: left;
    }
}

.printShow {
    display: none;
}

@media print {
    @page {
        margin: 0.5cm;
        padding-left: 25px;
    }

    #jobdescription {
        padding: 0px;
    }

    .aster {
        color: #df0101 !important;
    }

    .printQuestions {
        width: 40%;
        padding-right: 5px;
        float: left;
        margin-bottom: 15px;
    }

    .descriptionPrint {
        page-break-after: always;
    }

    .printBodyText p {
        /*#2c3e50;*/
        font-family: "Lato",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    .printBodyText {
        /*#2c3e50;*/
        font-family: "Lato",Helvetica,Arial,sans-serif;
        font-size: 14px;
        line-height: 20px;
    }

    .printPosting {
        float: left;
        width: 100% !important;
        text-align: left !important;
    }

    .printMargin {
        margin: 0px !important;
    }

    .noBorder {
        border: 0px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    body {
        font: 10px;
        font-family: Sans-Serif;
        line-height: 1.3;
    }

    h1 {
        font-size: 20px;
        font-family: Sans-Serif;
        line-height: 1.3;
    }

    h2 {
        font-size: 19px !important;
        font-family: Sans-Serif;
        line-height: 1.3;
    }

    h3 {
        font-size: 18px;
        font-family: Sans-Serif;
        line-height: 1.3;
    }

    h4 {
        font-size: 17px;
        font-family: Sans-Serif;
        line-height: 1.3;
    }

    .data-block header h2 {
        font-size: 19px !important;
    }

    .data-block header h3 {
        font-size: 17px !important;
    }

    h3.noBorder {
        font-size: 16px;
    }

    #header {
        padding: 0px;
    }
    /* ---------------- Let's Hide Stuff! ---------------------- */
    #toplong {
        display: none;
    }

    #accordion2 {
        display: none;
    }

    #fb-root {
        display: none;
    }

    .searchbox {
        display: none;
    }

    .sociallinks {
        display: none;
    }

    .main-navigation {
        display: none;
    }
    /*/*#logo {display:none;}*/
    /*
            .btnapply {
        display: none;
    }
    */


    #footer {
        display: none;
    }

    .span3 > header {
        display: none;
    }

    .printHide {
        display: none;
    }

    #header > h1 .brand {
        display: none;
    }

    a[href^="mailto"]:after {
        content: "";
    }
    /* ---------------- End of Hiding Stuff! ---------------------- */
    .printShow {
        display: inline;
    }

    section.tab-content {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
    }

    #printUrl {
        float: left;
        padding-bottom: 20px;
    }

    #wrapper {
    }

    a:link:after, a:visited:after {
        content: " (" attr(href) ")";
        font-size: 0;
    }

    #jobdescription {
        background: #FFFFFF;
        border: none;
        height: 100%;
        overflow-y: visible;
        /*white-space:pre-line;*/
        width: 100%;
    }

    .span7 {
        width: 100%;
    }

    .data-block {
        background: none repeat scroll 0 0 #FFFFFF;
        border-radius: 0px;
        margin-bottom: 0px;
        position: static;
    }

        .data-block.blue header {
            background: none repeat scroll 0 0 #FFF;
            border-top-left-radius: 6px;
            border-top-right-radius: 6px;
            padding: 15px 0px;
        }

        .data-block header h2 {
            color: #2676AB;
            display: inline-block;
            font-size: 27px;
            line-height: 29px;
            margin: 0;
            text-shadow: none !important;
        }

    .cut-text {
        border-left: 45px solid #2676AB;
        padding-left: 15px;
    }

    .data-block header h3 {
        color: #2676AB;
        display: inline-block;
        font-size: 22px;
        line-height: 28px;
        margin: 0;
        text-shadow: none !important;
        border-left: 45px solid #2676AB;
        padding-left: 15px;
    }

    .span3 {
        text-align: left;
        width: 100%;
    }

    .tab-content {
        text-align: left;
        width: 100%;
    }

    .form-horizontal .controls {
        margin-left: 180px;
        /*font-size: 11px;
    line-height:13px;*/
    }

    #logo img {
        display: block;
        visibility: visible;
    }

    .form-horizontal .control-label {
        float: left;
        text-align: right;
        width: 120px;
        font-size: 13px;
        font-weight: bold;
        line-height: 14px;
    }

    .form-horizontal .control-label1 {
        float: left;
        text-align: right;
        width: 160px;
        font-size: 13px;
        font-weight: bold;
        line-height: 14px;
    }

    .midheader {
        margin-left: -20px;
    }

    .show-breaks {
        white-space: normal;
    }

    .requireSection {
        word-wrap: break-word !important;
        width: 70%;
    }

    article + article {
        page-break-before: always;
    }

    .requiredList {
        margin-left: 20px;
        margin-top: -15px;
    }
}
/*-------------------END OF @Media PRINT CSS---------------*/
/*.printShow {
    display: none;
}
@media print {
    .printHide {
        display: none;
    }
    #footer {
        display: none;
    }
}
*/




.requiredWrap {
    position: relative;
}

    .requiredWrap > span {
        pointer-events: none;
        position: absolute;
        top: 50%;
        left: 12px;
        transform: translate(0, -50%);
        opacity: 0.6;
        font-size: 1rem;
    }

    /*Leave an open space in input Placeholder for this style to work*/
    .requiredWrap > input:not(:placeholder-shown) + span, .requiredWrap > input:-webkit-autofill + span {
        display: none !important;
    }

.requiredWrapText {
    position: relative;
}

    .requiredWrapText > span {
        pointer-events: none;
        position: absolute;
        top: 12%;
        left: 12px;
        transform: translate(0, -50%);
        opacity: 0.75;
        font-size: 1rem;
    }

    .requiredWrapText > textarea:not(:placeholder-shown) + span, .requiredWrapText > textarea:-webkit-autofill + span {
        display: none !important;
    }

.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.deadline {
    font-weight: 600;
}


/*Bootstrap Pagination CSS*/
.pagination {
    margin: 20px 0;
    display: flex;
    justify-content: flex-end;
}

    .pagination ul {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        margin-left: 0;
        margin-bottom: 0;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        padding-left: 0px;
        justify-content: flex-end;
    }

        .pagination ul > li {
            display: inline;
        }

            .pagination ul > li > a, .pagination ul > li > span {
                float: left;
                padding: 4px 12px;
                line-height: 20px;
                text-decoration: none;
                background-color: #ffffff;
                border: 1px solid #dddddd;
                border-left-width: 0;
            }

                .pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
                    background-color: #464646;
                    color: #fff;
                }

        .pagination ul > .active > a, .pagination ul > .active > span {
            color: #fff;
            cursor: default;
        }

        .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
            color: #000;
            background-color: #bbb0;
            cursor: default;
        }

        .pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
        }

.pagination-centered {
    text-align: center;
}

.pagination-right {
    text-align: right;
}

.pagination-large ul > li > a, .pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 17.5px;
}

.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}

.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}

.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}

.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}

.pagination-small ul > li > a, .pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px;
}

.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 10.5px;
}

@media (max-width: 767px) {

    .grid-bookmark {
        float: left;
        padding-top: 5px;
    }

    .salary-cont {
        float: left;
        /* width: 60%; */
    }

    .salary-p {
        width: 100%;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
        margin-bottom: 0;
        line-height: 18px;
    }
}

.certi-cont {
    float: right;
}
/*Laptop View*/

/*Mobile View*/
@media (max-width: 767px) {
    .certi-cont {
        float: left;
    }

    #pagination {
        display: flex;
        justify-content: flex-start;
    }


    /*btn size  set at mobile view pv */
    /*    .btnLogin-Register {
        width: 335.6px !important;
        height: 46px !important;
    }*/

    .mobileReverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .itemReverse {
        flex: 0 0 auto;
    }
}

.btnLogin-Register {
    width: 240px;
    height: 50px;
}
/*for super small screens*/
@media (max-width: 300px) {
    .grid-bookmark {
        display: none;
    }

    .grid-main {
        width: 100%;
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .card-job-title {
        /*max-width: 350px;*/
        max-width: 773px;
    }

    .salary-p {
        width: 669px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
        margin-bottom: 0;
    }
}

.card-job-title.job-title-wide {
    max-width: 95%;
}

.ada {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

#passwordPolicy {
    list-style-type: none;
    /*list-style-image: url("/Img/cb_checked.png");*/
}

.icon-remove {
    font-size: 1.15em;
    padding: 0 0 0 0;
    color: #000;
}

    .icon-remove:focus, .icon-remove:active {
        outline: none;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.3);
    }

.icon-ok {
    font-size: 1.15em;
    padding: 0 10px 0 0;
    color: green !important;
}

.btnapply, .btnquickapply {
    background-color: rgb(160, 45, 34) !important;
    color: #FFFFFF !important;
    padding: 11px 19px !important;
    width: 100% !important;
}

.btnapplySF {
    background-color: rgb(160, 45, 34) !important;
    color: #ffffff !important;
    padding: 11px 10px !important;
    width: 100% !important;
    margin-bottom: 10px
}

.btnshortform {
    margin-top: 15px;
    background-color: #666 !important;
    color: #FFFFFF !important;
    padding: 11px 19px !important;
    width: 100% !important;
}

.btnwish {
    /*background-color: #7B7B7B !important;*/
    color: #FFFFFF !important;
    padding: 11px 19px !important;
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 10px;
}

.btnvwish {
    /*background-color: #2c3e50 !important;*/
    color: #FFFFFF !important;
    padding: 11px 19px !important;
    width: 100% !important;
    margin-bottom: 10px;
}

.btnwish:hover, .btnwish:active,
.btnwish.active, .btnwish.disabled {
    /*background-color: #949494 !important;*/
    background: #164675;
    color: #FFFFFF !important;
}

.btnvwish:hover, .btnvwish:active,
.btnvwish.active, .btnvwish.disabled {
    /*background-color: #405a74 !important;*/
    color: #FFFFFF !important;
}

.btnapplySF:hover, .btnapply:hover, .btnquickapply:hover {
    background-color: rgb(120,45,34) !important;
    color: #FFFFFF !important;
    outline: none;
}

.btnapply:active, .btnapply:disabled, .btnapply:focus,
.btnapplySF:active, .btnapplySF:disabled, .btnapplySF:focus {
    background-color: rgb(160,45,34) !important;
    color: #FFFFFF !important;
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(192, 57, 43, 0.5);
}

#togglePassword {
    font-size: 14px;
}

#toggleConfirmPassword {
    font-size: 14px;
}

.googleBtn {
    display: flex;
    justify-content: center;
    border-radius: 10px;
    margin-bottom: 20px;
}


.line1 {
    padding: 15px 0 10px 0;
}

.forgotPassword {
    float: left;
    clear: left;
    margin-bottom: 25px;
}

.resend {
    background: #303030;
    color: #fff;
    padding: 10px 15px 15px 15px;
    font-size: 12px;
}

.white-contResend {
    background: #fff;
    border-radius: 6px;
    padding: 15px 15px 0 15px;
}

.register-cont {
    max-width: 730px;
    margin: auto;
}

.g-recaptcha {
    text-align: center;
    display: flex;
    justify-content: center;
    padding-bottom: 5px;
}

.addFile {
    font-size: 16px;
    padding-right: 14px;
}

.prevIcon {
    font-size: 9px;
}

.btnremoveattach {
    font-size: 17px;
}

.editFile {
    font-size: 16px
}

@media (max-width: 767px) {
    .prevIcon {
        font-size: 13px;
    }

    .btnremoveattach {
        font-size: 23px;
    }

    .editFile {
        font-size: 23px
    }

    .fileName {
        border: 1px solid #878787 !important;
        border-radius: 6px 6px 0 0;
        padding-bottom: 5px;
        padding-top: 10px;
    }

    .fileType {
        padding-top: 2px;
        background-color: #585454;
        border-radius: 0 0 6px 6px;
        padding: 7px 0 5px 0;
    }
}

.fileType {
    background-color: #585454;
    border-radius: 0 0 6px 6px;
    padding: 7px 0 5px 0;
}

.fileName {
    border: 1px solid #878787 !important;
    border-radius: 6px 6px 0 0;
    padding-bottom: 5px !important;
    padding-top: 10px !important;
}

.fileBody {
    font-size: 16px;
}


.lnkchangetype {
    padding-left: 15px;
    padding-top: 4px;
}

@media (min-width:1199px) {
    .customSearch {
        display: none
    }
}

/*@media (max-width:1199px) {
    #searchBar {
        display: none
    }
}*/

#searchBar .row, #searchBar1 {
    background: white;
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 3rem;
}

    #searchBar input, #searchBar1 input {
        background-color: #f8f8f8 !important;
        height: 100% !important;
    }

#jobdescription {
    width: 98%;
    overflow-y: auto;
    height: 250px;
    border: #dddddd;
    background: #ffffff;
    padding: 10px 0 10px 10px;
    white-space: pre-line;
}

.jobdescriptionWrapper {
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top: 45px;
    padding-bottom: 20px;
    background: #eeeeee;
    padding: 10px 0px 10px 10px;
}

.errortext {
    color: #C0392B;
}

.form-inline-u {
    display: flex;
    flex-flow: row wrap;
}

.aster {
    color: #df0101 !important;
}

input,
input::-webkit-input-placeholder {
    font-size: 1rem !important;
}


/*events*/
.card-footer {
    padding: .75rem 1.25rem;
    background-color: #fff;
    border-top: 1px solid #fff;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.card-title {
    margin-bottom: 3px;
}

.event-type {
    font-size: 12px;
    background: #e7e7e7;
    padding: 5px 8px 5px 8px;
    border-radius: 7px;
}

.event-desc {
    font-size: 14px;
    line-height: 20px;
}

.event-cont {
    padding: 15px 1.25rem 10px 1.25rem;
}

.cardlocation {
    font-size: 14px;
    margin-bottom: 5px;
}

.hero {
    background-size: cover !important;
    background-position: center !important;
    border-radius: 10px 10px 0 0;
    text-align: center;
    height: 200px;
}

.eventlogo {
    background-size: cover !important;
    background-position: center !important;
    background-color: white !important;
    height: 80px;
    width: 80px;
    margin: -40px auto -20px auto;
    position: relative;
    border: 5px;
    border-color: white;
    border-style: solid;
    border-radius: 100px;
    /*padding-bottom: 40px;*/
}

/*.eventSidebar {
    border-top: 20px solid #2978C7;
}*/

h2.job-title-event {
    line-height: 35px;
}

.eventTag {
    padding-bottom: 15px;
}

.mobile-details {
    display: none;
}

.floatLclearL {
    float: left;
    clear: left;
}

.search-btns {
    width: 100%;
    float: right;
    text-align: right;
}


@media (max-width: 991px) {
    .eventSidebar {
        display: none;
    }

    .mobile-details {
        display: inline;
        text-align: left;
        float: left;
        width: 100%;
        clear: left;
    }

    .search-btns {
        width: 100%;
        float: left;
        text-align: center;
        padding-top: 25px;
    }
}

.gridHeader {
    margin-top: 20px;
    padding-bottom: 15px;
}

/*jobs page*/
/*@media (max-width: 530px) {
    .searchResultsName {
        
            margin-bottom: 75px;
        }
    }*/


/*help page*/
.fold-group {
    padding: 10px 0 15px 0;
    border-top: 1px solid #ddd;
    float: left;
    width: 100%;
}

    .fold-group:last-child {
        border-bottom: 1px solid #000;
    }


a.fold-toggle {
    color: #000;
    text-decoration: none;
}

.video {
    float: left;
    padding-top: 15px;
    clear: left;
}

a.video-toggle {
    color: #000;
    text-decoration: none;
}

.faq-left {
    width: 100%;
    /*float: left;*/
    display: flex;
}

.faq-right {
    /*float: left;
    text-align: right;*/
    /*height:100%;*/
    /*width: 100%;*/
    /*height:100%;*/
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 5px;
}

.fold-heading {
    float: left;
    width: 100%;
}

.fold-inner {
    margin-top: 20px;
    white-space: pre-line;
    margin-bottom: 25px;
}

.eventCard {
    border-radius: 8px;
    margin-bottom: 25px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
    min-width: 100%;
}

#resumeProfile {
    height: 160px;
}

@media (max-width: 570px) {
    #resumeProfile {
        height: 190px;
    }
}

.icon-remove.keyword-prof {
    padding: 0;
}


/*media query form attachment page*/

@media (max-width:767px) {
    .btnremoveattach {
        margin-top: -4px;
    }
}

.awesome {
    font-family: FontAwesome, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    padding-top: 3px;
}


.cardimg.eventImage.row {
    border-radius: 6px 6px 0 0;
}



/*.profile-nav.form-actions.mt-3.d-flex.justify-content-between {

    display: inline !important;
}*/

@media (max-width:991px) {
    .quickapply-nav {
        display: none !important;
    }
}

    @media (max-width:991px) {
        .profile-nav2 {
            display: none !important;
        }

        .hide-text {
            display: none !important;
        }



        #btnprev:hover {
            color: #fff;
            border-top-left-radius: 50px;
            border-bottom-left-radius: 50px;
            background-color: #2978C7;
            transition: 0.3s;
        }


        #btnnext:hover {
            color: #fff;
            border-top-right-radius: 85px;
            border-bottom-right-radius: 85px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
            background-color: #2978C7;
            transition: 0.3s;
        }
    }

    @media (max-width:991px) {
        .quick-profile-btn {
            display: none !important;
        }
    }


    #BottomLong {
        float: left;
        width: 100%;
        margin-bottom: 15px;
        margin-top: 35px;
    }


    .modal-dialog {
        z-index: 100 !important;
    }

    .modal-dialog {
        max-width: 500px;
        margin: 250px auto !important;
    }

    #FileUploadSection {
        margin-top: 15px;
    }

    .sortable {
        background: #fff !important;
    }


    a.notAlink {
        color: #707070 !important;
        text-decoration: none !important;
        cursor: default !important;
    }

        a.notAlink a {
            color: #707070 !important;
            text-decoration: none;
            cursor: default;
        }

        a.notAlink:visited {
            color: #707070 !important;
            text-decoration: none;
            cursor: default;
        }


        a.notAlink:hover {
            color: #707070 !important;
            text-decoration: none;
            cursor: default;
            /*background: #fff !important;*/
            background: transparent !important;
        }


    .modal-header {
        border-bottom: 1px solid #fff !important;
    }


    /*hide*/
    @media (max-width: 1199px) {
        .hide-small {
            display: none;
        }
    }

    @media (min-width: 1199px) {
        .hide-large {
            display: none !important;
        }
    }



    .env-one {
        animation: moveUp 1.5s ease 0s 1 normal forwards;
    }

    @keyframes moveUp {
        0% {
            opacity: 0;
            transform: translateY(250px);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .env-two {
        animation: wobble 2s ease 0s 1 normal forwards;
    }

    @keyframes wobble {
        0%, 100% {
            transform: translateX(0%);
            transform-origin: 50% 50%;
        }

        15% {
            transform: translateX(-30px) rotate(-6deg);
        }

        30% {
            transform: translateX(15px) rotate(6deg);
        }

        45% {
            transform: translateX(-15px) rotate(-3.6deg);
        }

        60% {
            transform: translateX(9px) rotate(2.4deg);
        }

        75% {
            transform: translateX(-6px) rotate(-1.2deg);
        }
    }


    .follow-cont {
        margin-bottom: 45px;
    }


    .key-label2 {
        padding-right: 15px;
        margin: 0;
        /* max-width: 85%; */
        white-space: nowrap;
        /* overflow: hidden; */
        /* text-overflow: ellipsis; */
        color: #000;
        text-decoration: none !important;
        cursor: pointer;
    }

    .remove-o {
        float: right;
        margin-top: 3px !important;
        text-align: right;
        margin-right: 0 !important;
        padding-right: 0 !important;
    }

    a.btnLanguageDelete.deleteSearch {
        text-decoration: none !important;
    }

    .check-box-row {
        justify-content: space-between;
        grid-gap: 35px;
        margin-bottom: 25px;
    }

    .saved-wrap {
        display: flex;
        grid-gap: 25px;
        justify-content: center;
        flex-wrap: wrap
    }

    @media (max-width: 767px) {
        .check-box-row {
            justify-content: flex-start;
        }

        .icon-move {
            display: none !important;
        }

        .sort-text {
            display: none;
        }

        .saved-wrap {
            display: flex;
            grid-gap: 25px;
            justify-content: flex-start;
            flex-wrap: wrap;
        }
    }


    @media (max-width: 991px) {
        .mediaContainer2 {
            display: none;
        }
    }


    a.no-dec {
        text-decoration: none;
    }

    .TestSavedSearchBtn2 {
        /*border-top: #707070 solid 2px;
    border-bottom: #707070 solid 2px;
    border-left: #707070 solid 2px;*/
        border-top: #007bff solid 2px;
        border-bottom: #007bff solid 2px;
        border-left: #007bff solid 2px;
        border-top-left-radius: 35px;
        border-bottom-left-radius: 35px;
        font-size: 15px;
        background-color: rgba(250, 235, 215, 0);
        height: 35px;
        padding-right: 25px;
        padding-left: 25px;
        padding-top: 3px;
        margin-bottom: 5px !important;
    }

        .TestSavedSearchBtn2:hover {
            border-top: #2950b9 solid 2px;
            border-bottom: #2950b9 solid 2px;
            border-left: #2950b9 solid 2px;
            border-top-left-radius: 35px;
            border-bottom-left-radius: 35px;
            font-size: 15px;
            background-color: rgba(250, 235, 215, 0);
            height: 35px;
            padding-right: 25px;
            padding-left: 25px;
        }

        .TestSavedSearchBtn2:focus {
            outline: none;
        }

    .TestMinusBtn2 {
        /*border-top: #707070 solid 2px;
    border-bottom: #707070 solid 2px;
    border-right: #707070 solid 2px;*/
        border-top: #007bff solid 2px;
        border-bottom: #007bff solid 2px;
        border-right: #007bff solid 2px;
        border-top-right-radius: 35px;
        border-bottom-right-radius: 35px;
        /* background-color: #707070; */
        background-color: #007bff;
        color: aliceblue;
        font: normal normal bold 30px/15px Segoe UI;
        width: 35px;
        height: 35px;
        padding-top: 5px;
    }

        .TestMinusBtn2:hover {
            border-top: #2950b9 solid 2px;
            border-bottom: #2950b9 solid 2px;
            border-right: #2950b9 solid 2px;
            border-top-right-radius: 35px;
            border-bottom-right-radius: 35px;
            background-color: #2950b9;
            color: aliceblue;
            font: normal normal bold 30px/15px Segoe UI;
            width: 35px;
            height: 35px;
            padding-top: 5px;
        }

        .TestMinusBtn2:focus {
            outline: none;
        }



    .menu-icons {
        font-size: 32px;
    }


    .navbar-light .navbar-toggler {
        color: #fff;
        border-color: #2978C7;
    }

    .navbar-toggler {
        font-size: 30px;
        line-height: 1;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #fff;
    }


        .navbar-light .navbar-nav .active > .nav-link,
        .navbar-light .navbar-nav .nav-link.active,
        .navbar-light .navbar-nav .nav-link.show,
        .navbar-light .navbar-nav .show > .nav-link {
            color: #fff;
        }

    a#navbarDropdown.nav-link.dropdown-toggle {
        color: #fff;
    }

        a#navbarDropdown.nav-link.dropdown-toggle:visited {
            color: #fff;
        }

    .noHover {
        background-color: unset !important;
        color: unset !important;
        pointer-events: none !important;
    }


    #mobile-icon.icon-remove {
        color: #fff;
        padding-right: 0;
    }

    .red {
        color: red;
    }

    /*.overlay-right {
    display:none;
}

.overlay-left {
    display: none;
}*/

    .mobile-only {
        display: none;
    }

    .sponsors-footer {
        display: none;
    }

    @media (max-width: 767px) {

        .mobile-only {
            display: inline;
        }

        #circle-cont {
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            width: 100%;
            grid-gap: 15px;
            margin-bottom: 80px;
            overflow: scroll;
            /* margin: 0 -35px 0 -35px; */
            padding: 0 35px 0 35px;
        }

        #circle-rest {
            display: grid;
            grid-template-columns: repeat(10, 1fr);
            width: 100%;
            grid-gap: 15px;
            margin-bottom: 80px;
            overflow: scroll;
            margin: 0 -35px 0 -35px;
            padding: 0 35px 0 35px;
        }

        .circ-row {
            /*height:300px;*/
            position: relative;
            /*margin-left: -30px;
            margin-right: -35px;*/
        }

        .overlay-left {
            width: 10%;
            height: 100%;
            z-index: 999;
            position: absolute;
            left: 0;
            background: -moz-linear-gradient(left, rgba(237,241,245,1) 0%, rgba(237,241,245,1) 49%, rgba(237,241,245,0.94) 52%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(237,241,245,1) 0%,rgba(237,241,245,1) 49%,rgba(237,241,245,0.94) 52%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(237,241,245,1) 0%,rgba(237,241,245,1) 49%,rgba(237,241,245,0.94) 52%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edf1f5', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
        }

        .overlay-right {
            width: 10%;
            height: 100%;
            z-index: 999;
            position: absolute;
            right: 0;
            background: -moz-linear-gradient(left, rgba(125,185,232,0) 0%, rgba(237,241,245,0.94) 48%, rgba(237,241,245,1) 51%, rgba(237,241,245,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(left, rgba(125,185,232,0) 0%,rgba(237,241,245,0.94) 48%,rgba(237,241,245,1) 51%,rgba(237,241,245,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(237,241,245,0.94) 48%,rgba(237,241,245,1) 51%,rgba(237,241,245,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#edf1f5',GradientType=1 ); /* IE6-9 */
        }

        .sponsors-main {
            display: none;
        }

        .sponsors-footer {
            display: inline;
        }
    }

    #circle-cont::-webkit-scrollbar {
        width: 0 !important;
    }

    #circle-cont {
        scrollbar-width: none;
    }

    #circle-cont {
        -ms-overflow-style: none;
    }

    #circle-rest::-webkit-scrollbar {
        width: 0 !important;
    }

    #circle-rest {
        scrollbar-width: none;
    }

    #circle-rest {
        -ms-overflow-style: none;
    }

    body {
        overflow-x: hidden;
    }

    a {
        color: #0071EB;
    }

    .noRadius {
        border-radius: 0px !important;
    }

    .EEOC {
        font-weight: bold;
        color: red
    }

    #btnReturn:hover {
        background: #b2b2b2 !important;
    }

    #btnReturnAB:hover {
        background: #b2b2b2 !important;
    }

    .indent {
        margin-left: 15px !important;
    }

    ul.jobList {
        -moz-column-count: 2 !important;
        -moz-column-gap: 20px !important;
        -webkit-column-count: 2 !important;
        -webkit-column-gap: 20px !important;
        column-count: 2 !important;
        column-gap: 20px !important;
        margin-left: 75px;
        -webkit-text-size-adjust: 100%;
    }

    #jobType {
        -webkit-text-size-adjust: 100%;
        height: calc(1.5em + 0.75rem + 2px);
        padding: 0.375rem 0.75rem;
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

    @media (max-width: 470px) {
        .input-large5 {
            width: 99% !important;
        }
    }

    @media (max-width: 410px) {
        .input-large5 {
            width: 100% !important;
        }
    }

    .advSearchDropDown {
        /*width: 15%;*/
        width: 17%;
        font-size: .85rem;
        margin-right: 8px;
    }

    .advSearchRow {
        display: flex;
        gap: 8px;
        margin-top: -65px;
        padding-left: 15px;
    }

    .cred-box {
        width: 100%;
        float: left;
        padding: 15px;
        background: #F4F4F4;
        border-radius: 8px;
    }

    .change-date {
        padding-left: 25px;
    }


    .cred-title2 {
        float: left;
        width: 75%;
        font-size: 18px;
        font-weight: 600;
    }

    .delete-cont {
        float: right;
    }

    .state-cont {
        float: left;
        width: 100%;
    }

    .icon-pencil {
        padding-left: 5px;
        cursor: pointer;
    }

    .t600 {
        font-weight: 600;
    }

    .btnRadius {
        border-radius: 5px !important;
        border-width: 0 !important;
    }

    .btn-unfollow {
        padding: 2px 50px !important;
        margin-top: 10px !important;
        border: 2px solid #377ec8 !important;
        background-color: #377ec8 !important;
        color: white !important;
    }

        .btn-unfollow:hover {
            background-color: white !important;
            color: #377ec8 !important;
            padding: 2px 50px !important;
            margin-top: 10px !important;
        }

        .btn-unfollow:focus {
            outline: none;
            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.3);
        }

    .profile-navigation-padding {
        padding-left: 0
    }

    .profile-navigation-padding-right {
        padding-right: 0;
    }

    .abcRioButton {
        border-radius: 5px !important;
        box-shadow: none !important;
    }

    .abcRioButtonIcon {
        border-radius: 5px !important;
        padding: 13px !important;
    }

    .abcRioButtonBlue:active, abcRioButton:focus {
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.3) !important;
    }

    .abcRioButtonContentWrapper {
        padding: 3px !important;
        border: none !important;
    }

    .abcRioButtonBlue {
        border: none !important;
    }



    .remove-underline:hover, .remove-underline:active, .remove-underline:focus {
        text-decoration: none;
    }

    input::-ms-reveal, input::-ms-clear {
        display: none !important;
    }

    .blue-text {
        color: #007bff !important;
    }

    /*#btnlogin {
    width: 167.5px !important;
    height: 50px !important;
}*/

    .truncateWordSummer {
        width: 165px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .truncateWordSummerLong {
        width: 220px;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .truncateSpace {
        width: 397px
    }

    @media (max-width:450px) {
        .truncateSpace {
            width: 0;
        }

        .fixMI {
            margin-left: 1px
        }
    }

    @media (max-width: 540px) {
        .marginFix {
            margin-top: 0px !important;
        }
    }

    .marginFix {
        margin-top: 7%;
    }


    .word-wrap-bootbox {
        /*    word-break: break-all;*/
        word-wrap: break-word;
    }

    #backSummerPoolBtn {
        font-size: 16px;
    }

    ::placeholder {
        font-size: 1rem !important;
    }


    #password {
        color: #495057 !important;
    }

    /*@media only screen and (max-width:1400px){
    .sameSearchBar {
        padding: 0 15px 0 15px !important;
        clear: both !important;
        width: 100% !important;
        justify-content: center !important;
        padding: 0 25px 15px 25px !important;
        display: block !important;
    }
}
*/

    .skillTags {
        background-color: #e7f3ff;
        color: #308ff8;
        padding: 0 10px 0 10px;
        margin: 5px 10px 5px 10px;
        border-radius: 5px
    }

    .skillTagsBtn {
        background-color: #e7f3ff;
        color: #308ff8;
        padding: 0 0 0 10px;
        border: none;
        font-weight: bold
    }

    .DeleteSkill {
        color: #308ff8 !important
    }

    .pipe::before {
        content: " | ";
    }

    .comma::before {
        content: ",";
    }

    .tooltiphelp {
        position: relative;
        display: inline-block;
    }

        .tooltiphelp .tooltiphelptext {
            visibility: hidden;
            width: 60px;
            background-color: white;
            color: #000;
            text-align: center;
            border-radius: 6px;
            padding: 5px 0;
            position: absolute;
            z-index: 1;
            top: 150%;
            left: 50%;
            margin-left: -40px;
        }

            .tooltiphelp .tooltiphelptext::after {
                content: "";
                position: absolute;
                bottom: 100%;
                left: 50%;
                margin-left: -5px;
                border-width: 5px;
                border-style: solid;
                border-color: transparent transparent white transparent;
            }

        .tooltiphelp:hover .tooltiphelptext {
            visibility: visible;
            transition-delay: 0.7s;
        }

    .mobileFilterBtn {
        border-radius: 5px;
        background-color: white;
        border-width: 1px;
        border-color: #b7b7b7;
    }

    .offCanvasBackground {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100vw;
        height: 100%;
        background-color: #000;
        opacity: 0.15
    }

    @media (min-width: 1200px) {
        .col-sb-5 {
            -ms-flex: 0 0 41.666667%;
            flex: 0 0 41.666667%;
            max-width: 41.666667%;
        }
    }

    /*@media (max-width: 1199px) {
    .filter-collapse-view.show {
        left: 10%;
    }
}*/

    .lang-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }


    @media (max-width: 991px) {

        .lang-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 10px;
        }
    }


    .lang-box {
        padding: 8px;
        padding-left: 12px;
        background: #efefef;
        margin: 0 5px 15px 5px;
        border: 1px solid #c7c7c7;
        border-radius: 0.25rem;
    }


    .lang-item {
        margin-bottom: 7px;
        background: #4c4c4c;
        color: #fff;
        padding: 5px 15px 5px 15px;
        /* width: 25%; */
        float: left;
        font-size: 12px;
        margin-right: 7px;
        font-weight: 700;
        border-radius: 0.25rem;
    }


    .lang-header {
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    #circle-rest {
        display: none;
    }

    .displayGrid {
        display: grid !important;
    }

    /*.displayNone {
    display: none;
}*/

    .remove {
        padding-top: 1px;
    }

    /*.remove-cont {
    padding-top: 10px;
}
*/
    ul.regionSearchList {
        -moz-column-count: 3 !important;
        -moz-column-gap: 20px !important;
        -webkit-column-count: 3 !important;
        -webkit-column-gap: 20px !important;
        column-count: 3 !important;
        column-gap: 20px !important;
        margin-left: 60px;
        list-style-type: none;
    }

        ul.regionSearchList a {
            color: #000 !important;
        }

    ul.districtSearchList {
        -moz-column-count: 3 !important;
        -moz-column-gap: 20px !important;
        -webkit-column-count: 3 !important;
        -webkit-column-gap: 20px !important;
        column-count: 3 !important;
        column-gap: 20px !important;
        margin-left: 25px;
        list-style-type: none;
    }


    /*ul.jobList {
    -moz-column-count: 2 !important;
    -moz-column-gap: 20px !important;
    -webkit-column-count: 2 !important;
    -webkit-column-gap: 20px !important;
    column-count: 2 !important;
    column-gap: 20px !important;
    margin-left: 75px;
}*/

    .regionSearchList {
        column-count: 3 !important;
        column-gap: 20px !important;
        list-style-type: none;
    }

    ul.regionSearchList a {
        color: #000 !important;
    }

    @media (max-width: 535px) {
        ul.regionSearchList {
            -moz-column-count: 1 !important;
            -webkit-column-count: 1 !important;
            column-count: 1 !important;
            column-gap: 15px !important;
            margin-left: 25px;
            color: #000 !important;
        }
    }

    .regionStyle {
        float: left;
        width: 100%;
        border: none !important;
        outline: none !important;
        cursor: text !important;
        background-color: #EDF1F5;
    }

    .regionHeader {
        margin-bottom: -2px !important;
        text-align: left !important;
    }

    .regionSearchList li {
        break-inside: avoid-column;
        margin-bottom: 15px;
        line-height: 18px;
    }

    .salary-p-small {
        width: 400px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 600;
        margin-bottom: 0;
    }

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

@media print {
    body {
        overflow: visible !important;
    }
}

.fa.fa-twitter {
    font-family: sans-serif !important;
    /*font: normal normal normal 12px / 18px 'Helvetica Neue', Arial, sans-serif;*/
}

    .fa.fa-twitter::before {
        content: "𝕏" !important;
        font-size: 1.2em !important;
    }

.ui-autocomplete {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.ui-menu-item-wrapper {
    /*cursor: pointer;*/
    cursor: default;
}

/*.ui-autocomplete {
    background: white;*/
    /*border: 2px dashed red;*/
    /*list-style: none;
    padding: 0;
    margin: 0;
    max-height: 200px;
    overflow-y: auto;
    position: absolute !important;
    z-index: 9999 !important;
    font-size: 14px;
}

.ui-menu-item-wrapper {
    padding: 10px;
    color: black;
    background: white;
}*/