#footer {
    height: auto !important;
    padding-top: 15px !important;
}

.pointer {
    cursor: pointer;
}

.new-sys-notice {
    width: 100%;
    background: #962D22;
    margin-bottom: 15px;
}

.new-sys-notice2 {
    width: 100%;
    background: #377DC7;
    margin-bottom: 15px;
}

.b-header {
    font-size: 34px;
}

#inner-notice {
    padding: 25px;
    /*font-weight:bold;*/
    text-align: center;
    font-size: 17px;
}

.alert-text {
    color: #fff;
}

.notice-alert {
    color: #fff;
}

.footerH2 {
    color: #14405C;
    font-size: 24px;
    text-align: left;
}

.footerText {
    color: #000;
}

.checkbox.tenPadLeft {
    padding-left: 10px !important;
}

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

.pq-select-popup::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}

.pq-select-popup::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}


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


/* generic 100% width utility class */
.width-100 {
    width: 100%;
}
/* this is to stop a very long filename from breaking a table*/
.fileNameATT {
    text-overflow: ellipsis;
    width: 100px;
    white-space: nowrap;
    overflow: hidden;
}


/* this is to replace checkboxes on the multiselect*/
input.boxLatch {
    opacity: 0;
}


input.selectBox {
    opacity: 0;
}

.select-all-box {
    background-image: url("/Img/cb_unchecked.png") !important;
    background-repeat: no-repeat !important;
    background-position: 0px 5px !important;
}

.pq-select-all.pq-state-select.ui-state-highlight {
    background-image: url("/Img/cb_checked.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
}


.pq-select-option-label {
    background-image: url("/Img/cb_unchecked.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
}

.pq-state-select.ui-state-highlight {
    background-image: url("/Img/cb_checked.png");
    background-repeat: no-repeat;
    background-position: 0px 5px;
}









.disableMe {
    background-color: #000 !important;
}

.pq-left-input {
    float: left;
    margin-top: 4px;
    margin-left: 5px
}



.boxLatch {
    float: left;
    margin-top: 8px !important;
}


/* system footer*/


.backTop {
    float: left;
    width: 100%;
    margin-bottom: 15px;
}



@media(min-width: 980px) {
    .footerWrap {
        float: left;
        margin-bottom: 15px;
    }



    #ft_about {
        /*border-right: 1px double #555555;*/
        float: left;
        padding-right: 15px;
        width: 300px;
        text-align: left;
    }


    #ft_sites {
        /*border-left: 1px double #555555;*/
        float: left;
        padding-left: 30px;
        width: 230px;
        text-align: left;
    }

    #footerImages {
        float: left;
    }

    #cedrImage {
        padding-bottom: 15px;
        float: left;
        padding-right: 15px;
    }

    #ft_contact {
        border-right: 1px solid rgba(127, 140, 141, .5);
        border-left: 1px solid rgba(127, 140, 141, .5);
        text-align: left;
        float: left;
        padding: 0 40px;
        width: 250px;
        min-height: 270px;
    }
}



@media(max-width: 979px) {


    .footerH2 {
        text-align: center;
    }


    .footerWrap {
        float: left;
        margin-bottom: 15px;
    }

    #footerImages {
        text-align: center;
    }

    #cedrImage {
        padding-bottom: 15px;
        float: none;
        padding-right: 15px;
    }



    #ft_about {
        /*border-right: 1px double #555555;*/
        float: left;
        padding-right: 0px;
        width: 100%;
        text-align: center;
    }


    #ft_sites {
        /*border-left: 1px double #555555;*/
        float: left;
        width: 100%;
        text-align: center;
        display: none;
    }

    #footer .btn.btn-alt {
        float: none;
    }


    .backTop {
        text-align: center;
    }



    #ft_contact {
        float: left;
        /*padding: 0 15px;*/
        width: 100%;
        padding-bottom: 20px;
        text-align: center;
    }

    .socialIcons {
        float: left;
        text-align: center;
        margin-left: -5px;
        width: 100%;
    }
}

/* end system footer */

.hideMe {
    display: none !important;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    zoom: 1;
}


.pq-select-menu {
    overflow: visible !important;
}

h1.sliderHeader {
    font-size: 16px;
    line-height: 22px;
}

/*.fileinput-new .input-append .btn-file {
    border-radius: 4px;
    border-radius: 0 4px 4px 0;
}*/

.input-append .btn-file {
    border-radius: 4px;
}

/*.fileinput-exists .input-append .btn-file {
    border-radius: 4px;
}*/

.input-append .btn-file {
    border-radius: 4px;
}

.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    border-radius: 4px;
}

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.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;
}


.attachMargin {
    clear: left;
    float: right;
}

.emailType {
    color: #336699;
}

.pq-select-item {
    margin-right: 5px !important;
    padding-left: 5px;
}

/*.pq-left-input {
    margin-left: 3px;
   
}*/

#pqMultiselect {
    border: 1px solid #cccccc !important;
}

.ui-icon-close:hover {
    cursor: pointer;
}


.jobPostingbody {
    margin-left: 70px;
    margin-right: 10px;
}

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

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

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


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

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


/*-------------------------------------*/

@media (min-width: 1200px) {
    .form-wrapper {
        width: 470px;
        margin: 0 0 40px 10px;
        float: right;
    }

        .form-wrapper input {
            width: 330px;
        }

        .form-wrapper button {
            width: 110px;
        }

    .sociallinks {
        margin-top: 20px;
    }

    .span7 {
        width: 670px;
    }

    .span3 {
        width: 270px;
    }

    #sliderContainer {
        min-height: 360px;
        max-height: 360px;
    }
}



@media (min-width: 980px) and (max-width: 1199px) {
    #sliderContainer {
        min-height: 348px;
        max-height: 348px;
    }
}




@media (min-width: 980px) and (max-width: 1199px) {
    .form-wrapper {
        width: 470px;
        margin: 0 0 40px 10px;
        float: right;
    }





        .form-wrapper input {
            width: 330px;
        }

        .form-wrapper button {
            width: 110px;
        }

    .sociallinks {
        margin-top: 23px;
    }

    .span3 {
        width: 270px;
    }

    .span7 {
        width: 650px;
        padding-bottom: 11px;
        margin-left: 0px !important;
    }

    .span10 {
        width: 100%;
        margin: 0;
    }

    .row {
        margin: 0;
    }
}

@media (min-width: 978px) {
    .front3 {
        width: 230px;
        padding-bottom: 10px;
    }

    .front3last {
        width: 230px;
        /*height:118px !important;*/
    }

    .span3 > .tab-content {
        padding-bottom: 15px !important;
    }
}

@media(max-width: 979px) {
    .front3 {
        padding-bottom: 9px;
        padding-right: 4px;
    }

    .front3last {
        padding-bottom: 9px;
    }

    .centermobile {
        text-align: center;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #header > h1 .brand {
        width: 100% !important;
        background-position: center;
    }

    .form-wrapper {
        width: 100%;
    }

        .form-wrapper input {
            width: 63%;
        }

        .form-wrapper button {
            width: 35%;
        }

    .sociallinks {
        margin-top: 10px;
    }

    .span3 {
        width: 100%;
        margin: 5px 0;
    }

    .span7 {
        width: 100%;
        margin: 5px 0;
    }

    .span10 {
        width: 100%;
        margin: 0;
    }

    .row {
        margin: 0;
    }

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

    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) {
    #header > h1 .brand {
        width: 100% !important;
        background-position: center;
        background-size: contain;
    }

    .form-wrapper input {
        width: 63%;
    }

    .form-wrapper button {
        width: 37%;
    }

    .sociallinks {
        margin-top: 10px;
    }

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

    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;
    }
}

.formcol {
    /*width: 226px; removed this maybe temporarily*/
    float: left;
    margin: 0 10px 0 40px;
}

.searchbox {
    width: 100%;
}

.form-wrapper {
    box-sizing: border-box;
    padding: 10px;
    background: #444;
    background: rgba(0,0,0,.1);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
    box-shadow: 0 1px 1px rgba(0,0,0,.4) inset, 0 1px 0 rgba(255,255,255,.2);
}

    .form-wrapper input {
        height: 18px;
        padding: 7px 5px;
        float: left;
        font-size: 15px;
        border: 0;
        background: #eee;
        -moz-border-radius: 3px 0 0 3px;
        -webkit-border-radius: 3px 0 0 3px;
        border-radius: 3px 0 0 3px;
    }

        .form-wrapper input:focus {
            outline: 0;
            background: #fff;
            -moz-box-shadow: 0 0 2px rgba(0,0,0,.7) inset;
            -webkit-box-shadow: 0 0 2px rgba(0,0,0,.7) inset;
            box-shadow: 0 0 2px rgba(0,0,0,.7) inset;
        }

        .form-wrapper input::-webkit-input-placeholder {
            color: #999;
            font-weight: normal;
            font-style: italic;
        }

        .form-wrapper input:-moz-placeholder {
            color: #999;
            font-weight: normal;
            font-style: italic;
        }

        .form-wrapper input:-ms-input-placeholder {
            color: #962d22;
            font-weight: normal;
            font-style: italic;
        }

    .form-wrapper button {
        overflow: visible;
        position: relative;
        float: left;
        border: 0;
        padding: 0;
        cursor: pointer;
        height: 32px;
        font-size: 15px/40px;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        background: #962D22;
        -moz-border-radius: 0 3px 3px 0;
        -webkit-border-radius: 0 3px 3px 0;
        border-radius: 0 3px 3px 0;
        text-shadow: 0 -1px 0 rgba(0, 0,0, .3);
        z-index: 1040;
    }

        .form-wrapper button:hover {
            background: #C0392B;
        }

        .form-wrapper button:active,
        .form-wrapper button:focus {
            background: #76000D;
        }

        .form-wrapper button:before {
            content: '';
            position: absolute;
            border-width: 8px 8px 8px 0;
            border-style: solid solid solid none;
            border-color: transparent #962D22 transparent;
            top: 8px;
            left: -6px;
        }

        .form-wrapper button:hover:before {
            border-right-color: #C0392B;
        }

        .form-wrapper button:focus:before {
            border-right-color: #76000D;
        }

        .form-wrapper button::-moz-focus-inner {
            border: 0;
            padding: 0;
        }

.bodyfull {
    position: relative;
    margin: 0 auto;
    background: #ffffff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 40px;
}


a.facebooklink {
    background-image: url("../img/facebook_on.png") !important;
    display: block !important;
    height: 40px !important;
    text-decoration: none !important;
    width: 40px !important;
    float: left;
}


a.twitterlink {
    background-image: url("../img/twitter_on.png") !important;
    display: block !important;
    height: 40px !important;
    margin-left: 10px;
    text-decoration: none !important;
    width: 40px !important;
    float: left;
}

a.youtubelink {
    background-image: url("../img/youtube_on.png") !important;
    display: block !important;
    height: 40px !important;
    margin-left: 10px;
    text-decoration: none !important;
    width: 40px !important;
    float: left;
}

.sociallinks {
    width: 140px;
    height: 40px;
    float: left;
    padding: 0;
}

a.twitterlink:hover {
    background-image: url('../img/twitter.png') !important;
}

a.facebooklink:hover {
    background-image: url('../img/facebook.png') !important;
}

a.youtubelink:hover {
    background-image: url('../img/youtube.png') !important;
}

.aster {
    color: #D50101;
}

.boldTitle {
    font-weight: bold;
    color: #8c8c8c;
}

.blueText {
    color: #1b557a;
}

.flow {
    position: absolute;
}

.floating-message {
    height: 0;
}

@media screen and (min-width: 105em) {
    .flow:before {
        content: '';
        float: right;
        height: 0;
        margin: 0 0 15px 15px;
    }

    .floating-message {
        position: absolute;
        bottom: 150px;
        padding: 10px;
        right: -420px;
        margin: 20px 0 100px 0;
    }
}

/*.item {
    max-height: 345px;
    max-width: 630px;
}*/

#list-nav ul li a, #list-nav ul li a:active {
    color: #ffffff;
    background-color: #32698d;
}

#list-nav ul li {
    color: #ffffff;
    background-color: rgba(24, 56, 112, 0.20);
}

.fold {
    margin-bottom: 20px;
}

    .fold .fold-group:last-child {
        border: medium none;
        border-radius: 0 0 4px 4px;
    }

    .fold .fold-group:first-child {
        border-radius: 4px 4px 0 0;
    }

    .fold .fold-group {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 #FFFFFF;
        /*border-color: -moz-use-text-color -moz-use-text-color #FFFFFF;*/
        border-color: #FFFFFF;
        border-image: none;
        border-radius: 0 0 0 0;
        border-style: none none solid;
        border-width: medium medium 2px;
        margin: 0;
    }

.fold-group {
    border: 1px solid #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    margin-bottom: 2px;
}

.fold .fold-heading {
    border: medium none;
}

.fold-heading {
    border-bottom: 0 none;
}

/*.fold .collapse {
    overflow: hidden;
}

.collapse.in {
    height: auto;
}

.collapse {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease 0s;
}*/

.fold .fold-group:last-child .fold-toggle, .fold .fold-group:last-child .fold-inner {
    border-radius: 0 0 4px 4px;
}

.fold .fold-group:first-child .fold-toggle {
    border-radius: 4px 4px 0 0;
}

.fold .fold-toggle {
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
}

.fold-heading .fold-toggle {
    display: block;
}

.fold-toggle {
    cursor: pointer;
}

/*.fold .collapse {
    overflow: hidden;
}

.collapse.in {
    height: auto;
}

.collapse {
    height: 0;
    overflow: hidden;
    position: relative;
    transition: height 0.35s ease 0s;
}*/

.fold .fold-group:last-child .fold-toggle, .fold .fold-group:last-child .fold-inner {
    border-radius: 0 0 4px 4px;
}

.fold .fold-inner {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
}

.fold-inner {
    border-top: 1px solid #E5E5E5;
    padding-left: 75px;
}


.fold-group {
    padding-bottom: 20px;
}

.fold-inner {
    padding-top: 20px;
}

/*=====================LOADING CSS===========================*/
.loadingbg {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    position: fixed;
    display: block;
    /*opacity: 0.7;
    filter:alpha(opacity=70);
    background-color: #000;*/
    z-index: 999999;
    text-align: center;
}

.loadingcenter {
    width: 200px;
    height: 60px;
    position: absolute;
    z-index: 9999999;
    left: 50%;
    top: 40%;
    margin: -30px 0 0 -135px;
    font-size: 28px;
    font-weight: bold;
    padding: 20px 30px 45px 35px;
    white-space: nowrap;
    opacity: 0.7;
    filter: alpha(opacity=60);
    background-color: #2C3E50;
    border: 1px #2C3E50 solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
/*#loadingspinner {
    margin-left: -50px !important;
    float: left !important;
}*/
.loadingtext {
    float: right !important;
    margin-top: -52px !important;
    color: #ffffff !important;
}

#btnback {
    float: right;
    color: #ffffff;
    background-color: #1B557A;
    padding: 4px 12px 4px 12px;
}

    #btnback:hover, #btnback:active,
    #btnback.active, #btnback.disabled {
        background-color: #F2F3F4;
        color: #1B557A;
    }

#btnview {
    float: right;
    color: #ffffff;
    background-color: #1B557A;
    padding: 4px 12px 4px 12px;
}

    #btnview:hover, #btnview:active,
    #btnview.active, #btnview.disabled {
        background-color: #F2F3F4;
        color: #1B557A;
    }

/*li#lihelp:active, li#lihelp.active {
   -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;
}*/

.input-append .no-margin {
    padding-bottom: 5px;
}

label[for=cbCopyToProfile] {
    width: 90%;
}


.circlenum {
    width: 50px;
    height: 50px;
    background: #ccc;
    border: 3px solid #000;
    display: none;
    position: relative;
    z-index: 99999;
    margin-top: -800px;
}

.circleBase {
    -webkit-border-radius: 999px;
    -moz-border-radius: 999px;
    border-radius: 999px;
    behavior: url(PIE.htc);
}

.icon-ok {
    font-size: 30px;
    padding-top: 20px;
    padding-left: 12px;
}

.icon-remove {
    font-size: 30px;
    padding-top: 20px;
    padding-left: 12px;
}

.data-block .midheader {
    background: none repeat scroll 0 0 #2676AB;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0 10px 0 10px;
    margin: 20px 0 20px 0;
}

.data-block header h3 {
    color: #FFFFFF;
    display: inline-block;
    font-size: 14.5px;
    line-height: 28px;
    margin: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.form-horizontal .control-label1 {
    float: left;
    text-align: right;
    width: 160px;
}

.form-horizontal .control-label2 {
    float: left;
    text-align: right;
    width: 160px;
}

.dateWrapper {
    float: left;
    padding-right: 15px;
    padding-bottom: 15px;
}

.dateLabel {
    width: 40px;
    display: inline-block;
}

/* below is antempt to set better widths for inputs*/

/*.input-xxlarge {
    width: 95%;
}
.input-xlarge {
    width: 95%;
}
.input-xlarge-blue {
    width: 95%;
}*/

@media(max-width: 771px) {

    .form-horizontal .control-label {
        text-align: left;
        min-width: 100%;
        padding-right: 25px;
        margin-left: 25px;
        width: 160px !important;
    }


    .form-horizontal .controls {
        margin-left: 25px;
    }

    .dateWrapper {
        margin-bottom: 15px;
        float: none;
    }
}

@media(max-width: 571px) {

    .form-horizontal .control-label {
        text-align: left;
        min-width: 100%;
        padding-right: 25px;
        margin-left: 0px;
        width: 160px !important;
    }


    .form-horizontal .controls {
        margin: 0px;
    }

    .dateWrapper {
        margin-bottom: 15px;
        float: none;
    }
}

@media(max-width: 981px) {

    .form-horizontal .control-label1 {
        text-align: left;
        min-width: 100%;
        padding-right: 25px;
        margin-left: 75px;
        width: 100px !important;
    }


    .form-horizontal .controls1 {
        margin-left: 75px;
    }

    .dateWrapper {
        margin-bottom: 15px;
        float: none;
    }
}

@media(max-width: 981px) {

    .control-label2 {
        text-align: left;
        /*min-width:100%;*/
        padding-right: 25px;
        margin: 0px;
        width: 100px !important;
    }


    /*.form-horizontal .controls {
        margin-left:124px;
    }*/

    .dateWrapper {
        margin-bottom: 15px;
        float: none;
    }
}

@media(max-width: 486px) {

    .control-label2 {
        text-align: left;
        /*min-width:50%;*/
        padding-right: 25px;
        margin-left: -50px;
        /*width: 160px !important;*/
    }


    /*.form-horizontal .controls {
        margin-left:74px;
    }*/

    .dateWrapper {
        margin-bottom: 15px;
        float: none;
    }
}

@media(max-width: 271px) {

    .control-label2 {
        text-align: left;
        /*min-width:50%;*/
        padding-right: 25px;
        margin-left: -115px;
        /*width: 160px !important;*/
    }


    /*.form-horizontal .controls {
        margin-left:9px;
    }*/

    .dateWrapper {
        margin-bottom: 15px;
        float: none;
    }
}

#logo {
    text-align: center;
}

#btnview {
    background-color: #1B557A;
    color: #FFFFFF;
    padding: 4px 12px;
}

    #btnview:hover, #btnview:active,
    #btnview.active, #btnview.disabled {
        background-color: #2676AB;
        color: #FFFFFF;
    }

/*#btnprint {
    background-color: #BBCBDA;
    color: #FFFFFF;
    padding: 4px 12px;
    margin-left: 146px;
}

    #btnprint:hover, #btnprint:active,
    #btnprint.active, #btnprint.disabled {
        background-color: #DCE4EC;
        color: #7F8C8D;
    }*/

.postingPrint {
    float: right;
    /*display: inline-block;*/
    width: 70px;
    height: 30px;
    margin-left: 20px;
    text-align: right;
}

.twitterWrapper {
    float: left;
    /*display:inline-block;*/
    width: 75px;
    height: 25px;
    overflow: hidden;
    margin-right: 5px;
}

.facebookWrapper {
    margin-top: -2px;
}

.btnapply {
    background-color: #962D22 !important;
    color: #FFFFFF !important;
    padding: 11px 19px !important;
    width: 100% !important;
}

.btnapplySF {
    background-color: #962d22 !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;*/
    background-color: #595959 !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;
    color: #FFFFFF !important;
}

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

.btnapplySF:hover, .btnapply:hover, .btnapply:active,
.btnapply.active, .btnapply.disabled {
    background-color: #C0392B !important;
    color: #FFFFFF !important;
}

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

#btndescription {
    float: right;
    margin-bottom: 10px;
}

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

.show-breaks {
    white-space: pre-line;
}

.cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
}

.collapsetitle {
    float: left;
}

.alert-inverse100 {
    background-color: #123952;
    border-color: #123952;
    color: #efefef;
    width: 100%;
    margin-top: 10px;
}

    .alert-inverse100:hover /*, .btn.btn-blue:active, .btn.btn-blue.active, .btn.btn-blue.disabled, .btn.btn-blue[disabled]*/ {
        background: none repeat scroll 0 0 #14405c;
        color: #ffffff;
    }

.alert-inverse100-blue {
    background-color: #2676AB;
    border-color: #2676AB;
    width: 100%;
    /*margin-top: 10px;*/
}

.errortext {
    color: #C0392B;
}

.table th,
.table td, lang {
    padding: 4px 6px 1px 6px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ffffff;
}

.btn-small-x {
    padding: 1px 5px 1px 5px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn-group-x > .btn,
.btn-group-x > .dropdown-menu,
.btn-group-x > .popover {
    font-size: 30px;
}

#language {
    margin-right: 14px;
}

.table table cred {
    padding: 2px 0px 2px 12px;
    line-height: 20px;
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #ffffff;
}

#addcred {
    padding: 20px;
    background-color: #DDDDDD;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.alert-arrow {
    color: #2C3E50;
    text-shadow: none;
}

.alert-arrow, .alert h4 {
    color: #2C3E50;
}

.alert-arrow {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}

#credcodeform {
    margin: 0px;
}

.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

.hauto {
    height: auto !important;
}

.prettycheckbox-table,
.prettyradio {
    display: inline-block;
    padding: 0;
    margin: 0;
}

/*.prettycheckbox-table a,
    .prettyradio a {
        width: 30px;
        height: 30px;
        background: url(prettyCheckable-blue.png) top left no-repeat;
        display: block;
        float: left;
        cursor: pointer;
        margin: 0;
    }*/

.btn.btn-gray {
    padding: 6px 12px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: none;
    background-image: none;
    background-color: #dce4ec;
    color: #7f8c8d;
    text-shadow: none;
    font-weight: bold;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .btn.btn-gray:hover,
    .btn.btn-gray:active,
    .btn.btn-gray.active,
    .btn.btn-gray.disabled,
    .btn.btn-gray[disabled] {
        background: #bbcbda;
    }

.btn.btn-blue {
    padding: 6px 12px;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    border: none;
    background-image: none;
    /*background-color: #206694;*/
    background-color: #1a5074;
    color: #ffffff;
    text-shadow: none;
    font-weight: bold;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

    .btn.btn-blue:hover,
    .btn.btn-blue:active,
    .btn.btn-blue.active,
    .btn.btn-blue.disabled,
    .btn.btn-blue[disabled] {
        /*background: #2676AB;*/
        background: #2473a6;
    }


@media (min-width: 979px) {
    #myEdjoinMenu.affix-top {
        position: static !important;
        margin-top: 0;
    }

    #myEdjoinMenu.affix {
        position: fixed !important;
        top: 5px !important;
    }
}

.affix, .affix-top {
    position: static !important;
}



.btn-large-print {
    background-color: #dce4ec;
    background-image: none;
    border-radius: 6px;
    font-size: 17.5px;
    border: medium none;
    box-shadow: none;
    color: #7f8c8d;
    font-weight: bold;
    text-shadow: none;
    padding: 11px 19px;
}

.small {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
    padding: 0px 20px !important;
    background: none repeat scroll 0 0 #2676AB !important;
    content: "" !important;
    display: table !important;
    line-height: 0 !important;
    clear: both !important;
    display: block !important;
}

.short {
    padding: 6px 20px !important;
}

.centered {
    text-align: center;
}

#btnprev {
    margin-bottom: 5px;
}

#btnsave {
    margin-bottom: 5px;
}

#btnnext {
    margin-bottom: 5px;
}

.padTop {
    padding-left: 0;
    padding-right: 0;
    padding-top: 10px;
    text-align: center; /*added 7-24*/
}

.padBottom {
    padding-bottom: 10px !important;
}

.twitterWrapper {
    margin-right: 5px;
    padding-top: 0px !important;
}

.facebookWrapper {
    margin-left: -5px;
    padding-top: 2px !important;
}

.postingPrint {
    margin-left: 5px;
    padding-top: 0px !important;
}

.socialWrap {
    height: 30px;
    width: 100%;
    text-align: center;
}

.socialthree {
    margin: 0 auto;
}

.linkNav {
    width: 230px;
    text-align: center;
}

#toplong {
    width: 100% !important;
    margin-left: 40px;
}

.leftFloat {
    margin-top: 5px;
    float: left;
    padding-right: 10px;
}

.stateExpire {
    display: none;
}

.table-fluid {
    width: auto;
}

.tab-content {
    word-wrap: break-word;
}

/*fixes field set issues in diff browsers*/
fieldset {
    min-width: 0;
    width: 100%;
}

.carousel-control {
    border-radius: 23px;
    font-size: 55px !important;
    font-weight: 100;
    height: 40px;
    left: 15px;
    line-height: 25px !important;
    opacity: 0.5;
    position: absolute;
    text-align: center;
    top: 40% !important;
    width: 40px;
}


/*for responsive credentials*/
@media(max-width: 480px) {
    .tdState {
        display: none;
    }

    .stateExpire {
        display: inline;
    }

    #current {
        width: 100% !important;
    }

    th.posess {
        width: 100%;
    }

    .posess {
        width: 100%;
    }

    .prettycheckbox label, .prettyradio label {
        max-width: 75%;
    }
}



/* for responsive checkboxes */
@media(max-width: 692px) {
    .responsiveCheckbox {
        width: 125px;
    }

    .stackedLabel {
        margin-bottom: 7px !important;
    }

    .fifty {
        width: 50%;
    }

    .centered2 {
        text-align: center;
    }
}



/*This is a test for the google adwords at the top of the page*/

.accordion-inner {
    padding-left: 0px !important;
}

@media(min-width: 849px) {
    #btmclose {
        display: none;
    }
}

@media(max-width: 848px) {
    #topclose {
        display: none;
    }

    #toplong {
        margin-left: 0px;
    }

    .btntopx {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #closebtn:hover {
        background: #fff !important;
        color: #2A80B9 !important;
    }
}

/*this section is for two column forms*/
@media(min-width: 980px) {
    .formcol1 {
        float: left;
        margin: 0 15px;
        width: 245px;
    }

    .formcol2 {
        float: left;
        margin: 0 15px;
        width: 250px;
    }

    .formcol3 {
        float: left;
        margin: 0 15px;
        width: 300px;
    }
}

@media(max-width: 979px) {

    .formcol1 {
        float: left;
        margin: 0 15px;
        width: 100%;
    }

    .formcol2 {
        float: left;
        margin: 0 15px;
        width: 100%;
    }

    .formcol3 {
        float: left;
        margin: 0 15px;
        width: 100%;
    }
}



.input-large2 {
    width: 100%;
}

@media(min-width: 616px) {
    .input-xlarge2 {
        width: 97% !important;
    }
}

@media (max-width: 615px) {
    .input-xlarge2 {
        width: 95% !important;
    }
}

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

.input-large3 {
    width: 85%;
}

@media(min-width: 616px) {
    .input-large3 {
        width: 90% !important;
    }
}

@media (max-width: 615px) {
    .input-large3 {
        width: 90% !important;
    }
}

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

.input-large4 {
    width: 55%;
}

@media(min-width: 616px) {
    .input-large4 {
        width: 65% !important;
    }
}

@media (max-width: 615px) {
    .input-large4 {
        width: 65% !important;
    }
}

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

.input-large5 {
    width: 39%;
}

@media(min-width: 616px) {
    .input-large5 {
        width: 39% !important;
    }
}

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

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

.adv-responsive-header {
    width: 320px;
    height: 50px;
}

@media(min-width: 500px) {
    .adv-responsive-header {
        width: 468px;
        height: 60px;
    }
}

@media(min-width: 800px) {
    .adv-responsive-header {
        width: 728px;
        height: 90px;
    }
}

.legendfirst {
    padding-top: 15px;
}

.legendnext {
    padding-top: 15px;
}

.legendlast {
    padding-top: 15px;
    padding-bottom: 15px;
}

table tr td .mainfoo {
    margin-bottom: 7px !important;
}

#results {
    border-right: none;
    margin-top: 15px;
    padding-top: 15px;
    float: left;
}

.pagination {
    float: right;
    padding-left: 10px;
}

.footerContainer {
    float: left;
    width: 100% !important;
    padding-bottom: 25px;
}

@media (max-width: 420px) {
    .pagination {
        float: left;
    }
}

#legend {
    padding-left: 15px;
    background-color: #ECF0F1;
    margin-bottom: 10px;
    border-radius: 4px;
}

#divSearch {
    clear: both;
    margin-bottom: 5px;
}

.modal-header2 {
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color: #2676AB;
}

.modalH3 {
    color: #ffffff;
    display: inline-block;
    font-size: 17.5px;
    line-height: 18px;
    margin: 0;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
    padding-left: 15px;
    padding-bottom: 20px;
}

.closeMode {
    margin-top: 5px !important;
    margin-right: 10px !important;
    color: #FFF !important;
}

.modal-footer-left {
    float: left;
    text-align: left;
    width: 50%;
}

.modal-footer-right {
    float: right;
}

.custom-radio-modal {
    padding-right: 25px !important;
    width: 55px;
}

.progress {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}


/*.tab-content {
word-wrap: break-word !important;

}*/

.labelWidth label {
    width: 75% !important;
}

.input-ninetyseven {
    width: 97% !important;
}

#searchName input[type=text] {
    width: 97% !important;
}

h4.inlineh4 {
    display: inline;
    padding-right: 15px;
}

.eventHeader {
    float: left;
    padding-bottom: 20px;
    width: 150px;
}

.eventBody {
    float: left;
    width: 650px;
}

.eventWrap {
    padding-bottom: 20px;
    clear: both;
    float: left;
}

@media (max-width: 750px) {

    .eventBody {
        width: 85%;
    }
}

.ticketDetails {
    display: inline-block;
    width: 125px;
    float: left;
    clear: left;
    font-weight: bold;
    padding-bottom: 20px;
}

#subjectTick {
    float: left;
    padding-bottom: 35px;
    /*margin-bottom:55px;*/
    margin-top: 25px;
}

/* jobPosting required area. formatting is difficult with this area*/
.jobPostingCntr {
    width: 100%;
    margin-left: 20px;
    margin-top: -17px !important;
    margin-bottom: -70px !important
}

.jobPstBdyNo {
    word-wrap: break-word !important;
    width: 90%;
}

.jobPstBdyMbot {
    word-wrap: break-word !important;
    width: 90%;
    margin-bottom: -10px !important
}

.topNoPrint {
    float: left;
}

.jobPstBdyMtop {
    word-wrap: break-word !important;
    width: 90%;
    margin-top: -10px !important;
}

.btnGreyprint {
    background-color: #c0c0c0 !important;
}

.form-btn-clear {
    clear: both;
}

#ticketImage {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-bottom: 25px;
}

.printWrapper {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.clear {
    clear: both;
}

.errorSpan {
    padding-top: 15px;
    padding-left: 10px;
}

.inputWrap {
    padding-top: 5px;
}

.error {
    color: #FF0000;
    /*clear:both !important;*/
}

.pq-select-all > .prettycheckbox {
    float: left;
}


.pq-select-option-label > .prettycheckbox {
    float: left;
}


.pq-select-option-label {
    float: left;
    width: 98%;
}

/*.pq-left-input {
    float:left;margin-top:6px;

}*/


.pq-select-all > .prettycheckbox {
    background-color: #2676AB !important;
}


.ui-widget-header {
    /*background: #2676AB !important;*/
    border: none !important;
    color: #14405C !important;
    font-weight: bold;
}



.pq-select-all {
    float: right;
    width: 98%;
    padding-left: 5px;
    padding-bottom: 4px;
}


.pq-select-option-label {
    float: right;
    width: 98%;
    padding-left: 5px;
    padding-bottom: 4px;
}

/*.pq-left-input {

float:left;
margin-top:4px;
margin-left:5px
}*/


/*.pq-left-input {

    float:left;*/
/*width: 84%;*/
/*height: 100%;
}*/

#selectAllText {
    width: 84%;
}

/*.labelright {
    width:30px !important;
    height:32px !important;
}*/


.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    /*background: #2676AB !important;*/
    border: none !important;
    color: #14405C !important;
    font-weight: bold;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: #fff !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #fff !important;
    border: none !important;
    color: #000;
    font-weight: bold;
}


.ui-widget-content {
    background: #fff !important;
    border: 1px solid #ddd;
    color: #333;
}


/* below code hides empty radio buttons */
/*input[type="radio"][value=""] {
    display: none;
}*/




/*label[class="radio custom-radio"] {
    background: url('/Img/rdo_unchecked.png') left center no-repeat;
}

input[type="radio"] {
    opacity:0;
}

input[type="radio"] + label  {
    background: url('/Img/rdo_unchecked.png') left center no-repeat;
}*/


/*  ------- Below Section is for Print    ----------- */
.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;
    }



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


.jobPostingCntr {
    width:100%; 
    margin-left: 0px; 
    margin-top: 0px !important; 
    margin-bottom: 0px !important

}


.jobPstBdyNo {
    word-wrap:normal !important; 
    width: 100%;

}
.jobPstBdyMbot {
    word-wrap:normal !important; 
    width: 100%;
    margin-bottom: -10px !important

}

.jobPstBdyMtop {
  word-wrap:normal !important;
   width: 100%;
    margin-top: -10px !important;
}*/

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


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

    .printBodyText {
        color: #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: "";
    }

    @media print {
        .hideAd {
            display: none;
        }
    }


    /* ---------------- 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%;
    }



    body {
        background-color: #fff;
    }

    .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;
    }
}

p.sysNotice {
    font-size: 17.5px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.notificationContainer {
    font-weight: normal;
    font-size: 15px;
    padding: 5px 25px 25px 25px;
    margin-bottom: 15px;
    color: #fff;
    background-color: #D2332D;
    box-shadow: 10px 10px 27px -12px rgba(0,0,0,0.50);
}

h5.card-job-title {
    font-size: 18px;
}




.pagination ul > li > a, .pagination ul > li > span {
    background: #E3E3E3 !important;
    color: #000 !important;
}

.pagination ul > li.active > a, .pagination ul > li.active > span {
    background: #2E6990 !important;
    color: #fff !important;
}

.pagination ul > li.disabled > a, .pagination ul > li.disabled > span {
    color: #000 !important;
}

.pagination ul li a:hover,
.pagination ul li.active a {
    color: #ffffff;
    background: #2E6990 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#btnReset {
    color: #000 !important;
}

#header > span .brand {
    background-color: transparent;
    /*background-image: url("../img/EdjoinLogo346V2.png");*/
    background-repeat: no-repeat;
    border: 0 none;
    color: transparent;
    display: block;
    font: 0px/0 a;
    height: 47px;
    text-shadow: none;
    width: 420px;
}

/*.smallText {
    height: 20px;
    overflow: hidden;
}

.bigText {
    height: auto;
}*/

.edjoin-card .content-left {
    width: 79%;
    display: inline-block;
    float: left;
}

.edjoin-card .content-right {
    display: inline-block;
    width: 20%;
    /*float:right;*/
}

    .edjoin-card .content-right > img {
        margin-top: 7px;
        float: right;
        margin-left: 10px !important;
    }

@media only screen and (max-width: 640px) {
    .edjoin-card .content-left {
        width: 79%;
        display: block;
        float: left;
    }

    .edjoin-card .content-right {
        display: block;
    }

        .edjoin-card .content-right > img {
            margin-top: 5px;
            float: none;
            height: 85px;
            width: 85px;
        }
}

@media only screen and (max-width: 520px) {
    .edjoin-card .content-left {
        width: 79%;
        display: block;
        float: left;
    }

    .edjoin-card .content-right {
        display: block;
    }

        .edjoin-card .content-right > img {
            margin-top: 5px;
            float: none;
            height: 75px;
            width: 75px;
        }
}

@media only screen and (max-width: 475px) {
    .edjoin-card .content-left {
        width: 79%;
        display: block;
        float: left;
    }

    .edjoin-card .content-right {
        display: block;
    }

        .edjoin-card .content-right > img {
            margin-top: 5px;
            float: none;
            height: 60px;
            width: 60px;
        }
}

@media only screen and (max-width: 395px) {
    .edjoin-card .content-left {
        width: 79%;
        display: block;
        float: left;
    }

    .edjoin-card .content-right {
        display: block;
    }

        .edjoin-card .content-right > img {
            margin-top: 5px;
            float: none;
            height: 50px;
            width: 50px;
        }
}

.pq-select-text {
    cursor: pointer;
}

/*#selectitems {
    position: fixed;
    z-index: 1;
}

.pq-select-popup {
    position: relative;
    bottom: 35px;
}*/

#linksHeader {
    padding: 7px 0px !important;
}

/*EventsPage Css*/
/*.bulletpad {
    padding-left: .5rem;
}

.borderless {
    border: 0;
}

.borderleft {
    border: 0;
    margin-left: .1rem !important;
}*/

.headertop {
    background-color: #2676AB;
    /*width: 100%;*/
    padding: 0.9375rem 1.25rem;
    color: #FFFFFF;
    border-radius: 0.625rem 0.625rem 0 0;
    font-weight: 700;
    font-size: 1.25rem;
    margin: 25px 0 0 0;
}

.headerbottom {
    background-color: #FFFFFF;
    border-radius: 0 0 0.625rem 0.625rem;
    padding: 2rem 0 2rem 0;
    margin: 0 0 25px 0;
}

/*.sidebarad {
    background-color: #FFFFFF;
    border-radius: 0 0 0.625rem 0.625rem;
    margin: 0 0 25px 0;
}*/

/*.googleads {
    padding: 25px 0 25px 0;
}*/

/*.ednav {
    background: #2676AB;
    color: #FFFFFF;
}*/

/*.ednav a {
        color: #FFFFFF;
    }*/

/*.blue {
    color: #2676AB;
}

.white {
    color: #FFFFFF;
}

.brightred {
    color: #AD0101;
}

.red {
    color: #962D22;
}*/

/*.bdycolor {
    color: #2c3e50;
}*/

/*.mdtext {
    font-size: 1.2rem;
}*/

/*.multiheight {
    height: 10rem !important;
}*/

/*.custom-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.custom-toggler.navbar-toggler {
    border-color: #FFFFFF;
}*/

/*.navsearch {
    margin: auto;
    width: 30rem;
}*/

.btnedjoin {
    color: #FFFFFF;
    background-color: #2676AB !important;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.5rem 1rem 0.5rem 1rem;
    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;
}

/*.btnred {
    color: #FFFFFF;
    background-color: #962D22;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.5rem 1rem 0.5rem 1rem;
}*/

/*.btnlt {
    color: #000;
    background-color: #ECF0F1;
    text-transform: uppercase;
    font-weight: 700;
    padding: 0.5rem 1rem 0.5rem 1rem;
}*/

/*.accord {
    color: #FFFFFF;
    background-color: #123952;
    font-weight: 700;
    padding: 0.5rem 1rem 0.5rem 1rem;
    width: 100%;
    margin: 0.5rem 0 0.5rem 0;
}*/

/*.boldgrey {
    font-weight: 700;
    color: #747676;
}*/

/*.searchbox {
    width: 20rem;
}*/

.whitecard {
    border-radius: 0.625rem;
    border: 0;
    width: 100%;
    margin-bottom: 1rem;
}

.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    /*border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;*/
}

.card-body {
    padding: 1.5rem !important;
    flex: 1 1 auto;
}

.cardimg {
    border-radius: 0.625rem 0.625rem 0 0;
    border: 0;
    width: 100%;
    height: 10rem;
    background-size: cover;
}

.eventlogo {
    background-size: cover;
    background-position: center;
    background-color: #FFFFFF;
    height: 5.6rem;
    width: 5.6rem;
    margin: -2.8rem auto;
    position: relative;
    border: .2rem;
    border-color: white;
    border-style: solid;
    border-radius: 100px;
}

.distimg {
    border-radius: 0.625rem 0.625rem 0 0;
    border: 0;
    width: 100%;
    height: 15rem;
    background-size: cover;
}

.distlogo {
    background-size: cover;
    background-position: center;
    background-color: #FFFFFF;
    height: 8rem;
    width: 8rem;
    margin: -2.8rem auto;
    position: relative;
    border: .4rem;
    border-color: white;
    border-style: solid;
    border-radius: 100px;
}

.card-footer {
    text-transform: uppercase;
    color: #545454;
    font-size: 0.813em;
    background-color: #FFFFFF;
    border-radius: 0 0 0.625rem 0.625rem !important;
    padding: .75rem 1.25rem;
    border-top: 1px solid rgba(0,0,0,.125);
}

.cardlocation {
    color: #747676;
    margin: 0;
    font-size: 0.8em;
}

.card-title {
    margin: 0;
    color: #2676AB;
    font-weight: 900;
    /*font-family: inherit;
    line-height: 1.2;*/
}

.district-title {
    color: #000;
    text-align: center;
    font-weight: 700;
}

.jobpost-title {
    color: #000;
    font-weight: 700;
}

.eventicon {
    height: .9rem;
    width: .9rem;
    margin-bottom: .2rem;
}

.jobicon {
    height: 1rem;
    width: 1rem;
    margin-top: .15rem;
    margin-right: .5rem;
    float: left;
}

.jobsnip {
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.summarylink {
    text-transform: uppercase;
    margin: .2rem 0 0 0;
    font-weight: 700;
}

.summeryinfo {
    margin: 1rem 0 0 1.5rem;
}

.eventbody {
    margin-top: 1.8rem;
}

.greytitle {
    font-weight: 900;
    color: #747676;
}

.selectrow {
    display: table;
    margin: auto;
}

.selectcel {
    display: table-cell;
}

/*.selectLength {
    width: 400px !important;
}*/

@media (min-width: 750px) {
    .selectLength {
        width: 400px !important;
        height: 40px !important;
    }
}

@media (max-width: 750px) {
    .selectLength {
        width: 350px !important;
    }
}

@media (max-width: 650px) {
    .selectLength {
        width: 300px !important;
    }
}

@media (max-width: 575px) {
    .selectLength {
        width: 250px !important;
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
}

@media (max-width: 530px) {
    .selectLength {
        width: 220px !important;
        margin-right: 1rem !important;
        margin-left: 1rem !important;
    }
}

.longselect {
    width: 5rem;
}

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

.footer {
    background-color: #bdc3c7;
    width: 100%;
    padding: 3rem 0 3rem 0;
}

    .footer a {
        color: #000;
    }

        .footer a:focus {
            color: #14405C;
        }

.footerhead {
    color: #14405C;
    font-size: 1.5rem;
}

.footerimg {
    padding-bottom: 12px;
    float: left;
    width: 100%;
}

.footertext {
    float: left;
    margin-top: 15px;
    line-height: 2.2;
    width: 100%;
}

@media (min-width: 980px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 1000px !important;
    }
}

@media (max-width: 980px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 760px !important;
    }
}

@media (max-width: 375px) {
    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 350px !important;
    }
}

.stickyside {
    position: sticky !important;
}

@media only screen and (max-width: 960px) {
    .navsearch {
        margin-top: 1rem;
        width: 100%;
    }

    .navscoot {
        margin-left: 1rem;
    }
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important;
}

.col-lg-4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

/*@media (min-width: 992px) {
    .col-lg-4 {*/
/*-ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;*/
/*-ms-flex: 0 0 30.222222%;
        flex: 0 0 30.222222%;
        max-width: 30.222222%;
    }
}*/

@media (min-width: 1200px) {
    .col-lg-4 {
        /*-ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;*/
        -ms-flex: 0 0 30.333333%;
        flex: 0 0 30.333333%;
        max-width: 30.333333%;
    }
}

@media (max-width: 1200px) {
    .col-lg-4 {
        -ms-flex: 0 0 29.333333%;
        flex: 0 0 29.333333%;
        max-width: 29.333333%;
    }
}

@media (max-width: 980px) {
    .col-lg-4 {
        -ms-flex: 0 0 45.555555%;
        flex: 0 0 45.555555%;
        max-width: 45.555555%;
    }
}

@media (max-width: 770px) {
    .col-lg-4 {
        -ms-flex: 0 0 45.555555%;
        flex: 0 0 44.555555%;
        max-width: 44.555555%;
    }
}

@media (max-width: 760px) {
    .col-lg-4 {
        -ms-flex: 0 0 44.333333%;
        flex: 0 0 44.333333%;
        max-width: 44.333333%;
    }
}

@media (max-width: 755px) {
    .col-lg-4 {
        -ms-flex: 0 0 43.77777%;
        flex: 0 0 43.77777%;
        max-width: 43.77777%;
    }
}

@media (max-width: 740px) {
    .col-lg-4 {
        -ms-flex: 0 0 42.77777%;
        flex: 0 0 42.77777%;
        max-width: 42.77777%;
    }
}

@media (max-width: 720px) {
    .col-lg-4 {
        -ms-flex: 0 0 41.77777%;
        flex: 0 0 41.77777%;
        max-width: 41.77777%;
    }
}

@media (max-width: 705px) {
    .col-lg-4 {
        -ms-flex: 0 0 40.77777%;
        flex: 0 0 40.77777%;
        max-width: 40.77777%;
    }
}

@media (max-width: 688px) {
    .col-lg-4 {
        -ms-flex: 0 0 39.333333%;
        flex: 0 0 39.333333%;
        max-width: 39.333333%;
    }
}

@media (max-width: 669px) {
    .col-lg-4 {
        -ms-flex: 0 0 38.333333%;
        flex: 0 0 38.333333%;
        max-width: 38.333333%;
    }
}

@media (max-width: 656px) {
    .col-lg-4 {
        -ms-flex: 0 0 37.777777%;
        flex: 0 0 37.777777%;
        max-width: 37.777777%;
    }
}

@media (max-width: 649px) {
    .col-lg-4 {
        -ms-flex: 0 0 37.111111%;
        flex: 0 0 37.111111%;
        max-width: 37.111111%;
    }
}

@media (max-width: 633px) {
    .col-lg-4 {
        -ms-flex: 0 0 36.111111%;
        flex: 0 0 36.111111%;
        max-width: 36.111111%;
    }
}

@media (max-width: 620px) {
    .col-lg-4 {
        -ms-flex: 0 0 35.111111%;
        flex: 0 0 35.111111%;
        max-width: 35.111111%;
    }
}

@media (max-width: 602px) {
    .col-lg-4 {
        -ms-flex: 0 0 33.777777%;
        flex: 0 0 33.777777%;
        max-width: 33.777777%;
    }
}

@media (max-width: 587px) {
    .col-lg-4 {
        -ms-flex: 0 0 32.777777%;
        flex: 0 0 32.777777%;
        max-width: 32.777777%;
    }
}

@media (max-width: 575px) {
    .col-lg-4 {
        -ms-flex: 0 0 67.333333%;
        flex: 0 0 67.333333%;
        max-width: 67.333333%;
    }
}

@media (max-width: 548px) {
    .col-lg-4 {
        -ms-flex: 0 0 64.333333%;
        flex: 0 0 64.333333%;
        max-width: 64.333333%;
    }
}

@media (max-width: 524px) {
    .col-lg-4 {
        -ms-flex: 0 0 61.333333%;
        flex: 0 0 61.333333%;
        max-width: 61.333333%;
    }
}

@media (max-width: 500px) {
    .col-lg-4 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
    }
}

@media (max-width: 480px) {
    .col-lg-4 {
        -ms-flex: 0 0 55.333333%;
        flex: 0 0 55.333333%;
        max-width: 55.333333%;
    }
}

@media (max-width: 458px) {
    .col-lg-4 {
        -ms-flex: 0 0 52.777777%;
        flex: 0 0 52.777777%;
        max-width: 52.777777%;
    }
}

@media (max-width: 437px) {
    .col-lg-4 {
        -ms-flex: 0 0 49.777777%;
        flex: 0 0 49.777777%;
        max-width: 49.777777%;
    }
}

@media (max-width: 414px) {
    .col-lg-4 {
        -ms-flex: 0 0 46.777777%;
        flex: 0 0 46.777777%;
        max-width: 46.777777%;
    }
}

@media (max-width: 402px) {
    .col-lg-4 {
        -ms-flex: 0 0 43.777777%;
        flex: 0 0 43.777777%;
        max-width: 43.777777%;
    }
}

@media (max-width: 390px) {
    .col-lg-4 {
        -ms-flex: 0 0 43.777777%;
        flex: 0 0 43.777777%;
        max-width: 43.777777%;
    }
}

@media (max-width: 375px) {
    .col-lg-4 {
        -ms-flex: 0 0 96.111111%;
        flex: 0 0 96.111111%;
        max-width: 96.111111%;
    }
}


@media (min-width: 576px) {
    .ml-sm-3, .mx-sm-3 {
        margin-left: 1rem !important;
    }
}

@media (min-width: 576px) {
    .mr-sm-3, .mx-sm-3 {
        margin-right: 1rem !important;
    }
}

.mb-2, .my-2 {
    margin-bottom: .5rem !important;
}

@media (min-width: 1200px) {
    .leftMargin {
        margin-left: 15px;
    }
}

@media (max-width: 1200px) {
    .leftMargin {
        margin-left: -15px;
    }
}

@media (max-width: 460px) {
    .selectcel {
        display: flex;
    }
}

/*@media (max-width: 375px) {
    body {
        padding-left: 20px;
        padding-right: 0px !important; 
    }
}*/

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

@media(min-width: 980px) {
    #buttonAlign {
        padding-left: 180px !important;
    }
}

@media(max-width: 979px) {
    #buttonAlign {
        padding-left: 120px !important;
    }
}

@media(max-width: 771px) {
    #buttonAlign {
        padding-left: 25px !important;
    }
}

@media(max-width: 571px) {
    #buttonAlign {
        padding-left: 0px !important;
    }
}

.line1 {
    width: 68%;
    text-align: center;
    border-bottom: 1px solid #7b7b7b;
    line-height: 0.1em;
    margin: 20px 103px 20px;
}

.line2 {
    font-size: 20px;
    color: #7b7b7b;
    background: #fff;
    padding: 0 15px;
}


@media(max-width: 1200px) {
    .line1 {
        width: 68%;
        margin: 20px 103px 20px;
    }
}

@media(max-width: 979px) {
    .line1 {
        width: 69%;
        margin: 20px 102px 20px;
    }
}

@media(max-width: 771px) {
    .line1 {
        width: 64%;
        margin: 20px 124px 20px;
    }
}

@media(max-width: 767px) {
    .line1 {
        width: 60%;
        margin: 20px 134px 20px;
    }
}

/*@media(max-width: 765px) {
    .line1 {
        width: 36%;
        margin: 20px 205px 20px;
    }
    #username {
        width: 243px !important;
    }

    #password {
        width: 243px !important;
    }
}*/

@media(max-width: 748px) {
    .line1 {
        width: 60%;
        margin: 20px 133px 20px;
    }
}

@media(max-width: 735px) {
    .line1 {
        width: 59%;
        margin: 20px 134px 20px;
    }
}

@media(max-width: 725px) {
    .line1 {
        width: 60%;
        margin: 20px 125px 20px;
    }
}

@media(max-width: 715px) {
    .line1 {
        width: 59.5%;
        margin: 20px 125px 20px;
    }
    /*   #username {
        width: 240px !important;
    }

    #password {
        width: 240px !important;
    }*/
}

@media(max-width: 700px) {
    .line1 {
        width: 60.5%;
        margin: 20px 117px 20px;
    }
}

@media(max-width: 705px) {
    .line1 {
        width: 61%;
        margin: 20px 115px 20px;
    }
}

@media(max-width: 690px) {
    .line1 {
        width: 60.5%;
        margin: 20px 113px 20px;
    }
}

@media(max-width: 670px) {
    .line1 {
        width: 60.5%;
        margin: 20px 113px 20px;
    }
}

@media(max-width: 665px) {
    .line1 {
        margin: 20px 113px 20px;
    }
}

@media(max-width: 660px) {
    .line1 {
        width: 61%;
        margin: 20px 105px 20px;
    }
}

@media(max-width: 655px) {
    .line1 {
        width: 63%;
        margin: 20px 105px 20px;
    }
}

@media(max-width: 640px) {
    .line1 {
        width: 64%;
        margin: 20px 100px 20px;
    }
}

@media(max-width: 633px) {
    .line1 {
        width: 65%;
        margin: 20px 100px 20px;
    }
}

@media(max-width: 626px) {
    .line1 {
        width: 65.5%;
    }
}

@media(max-width: 620px) {
    .line1 {
        width: 66%;
        margin: 20px 95px 20px;
    }
}

@media(max-width: 610px) {
    .line1 {
        width: 66.5%;
        margin: 20px 90px 20px;
    }
}

@media(max-width: 600px) {
    .line1 {
        width: 67.5%;
        margin: 20px 85px 20px;
    }
}

@media(max-width: 590px) {
    .line1 {
        width: 67.5%;
        margin: 20px 83px 20px;
    }
}

@media(max-width: 580px) {
    .line1 {
        width: 67.5%;
        margin: 20px 82px 20px;
    }
}

@media(max-width: 570px) {
    .line1 {
        width: 67.5%;
        margin: 20px 77px 20px;
    }
}

@media(max-width: 560px) {
    .line1 {
        width: 67.5%;
        margin: 20px 70px 20px;
    }
}

@media(max-width: 550px) {
    .line1 {
        width: 67.5%;
        margin: 20px 72px 20px;
    }
}

@media(max-width: 540px) {
    .line1 {
        width: 67.5%;
        margin: 20px 68px 20px;
    }
}

@media(max-width: 530px) {
    .line1 {
        width: 67.5%;
        margin: 20px 61px 20px;
    }
}

@media(max-width: 520px) {
    .line1 {
        width: 67.5%;
        margin: 20px 55px 20px;
    }
}

@media(max-width: 510px) {
    .line1 {
        width: 67.5%;
        margin: 20px 65px 20px;
    }
}

@media(max-width: 492px) {
    .line1 {
        width: 67.5%;
        margin: 20px 65px 20px;
    }

    #username {
        width: 240px !important;
    }

    #password {
        width: 240px !important;
    }
}

@media(max-width: 485px) {
    .line1 {
        width: 63%;
        margin: 20px 74px 20px;
    }
}

@media(max-width: 475px) {
    .line1 {
        width: 67.5%;
        margin: 20px 59px 20px;
    }
}

@media(max-width: 455px) {
    .line1 {
        width: 68.5%;
        margin: 20px 54px 20px;
    }
}

@media(max-width: 450px) {
    .line1 {
        width: 68.5%;
        margin: 20px 54px 20px;
    }
}

@media(max-width: 445px) {
    .line1 {
        width: 70%;
        margin: 20px 49px 20px;
    }
}

@media(max-width: 440px) {
    .line1 {
        width: 71%;
        margin: 20px 49px 20px;
    }
}

@media(max-width: 435px) {
    .line1 {
        width: 71%;
        margin: 20px 45px 20px;
    }
}

@media(max-width: 430px) {
    .line1 {
        width: 72.5%;
        margin: 20px 45px 20px;
    }
}

@media(max-width: 425px) {
    .line1 {
        width: 73.5%;
        margin: 20px 40px 20px;
    }
}

@media(max-width: 415px) {
    .line1 {
        width: 75.5%;
        margin: 20px 35px 20px;
    }
}

@media(max-width: 405px) {
    .line1 {
        width: 78%;
        margin: 20px 30px 20px;
    }
}

@media(max-width: 395px) {
    .line1 {
        width: 81%;
        margin: 20px 25px 20px;
    }

    #username {
        width: 241px !important;
    }

    #password {
        width: 241px !important;
    }
}

@media(max-width: 390px) {
    .line1 {
        width: 83%;
        margin: 20px 25px 20px;
    }
}

@media(max-width: 384px) {
    .line1 {
        width: 83.5%;
        margin: 20px 21px 20px;
    }

    #username {
        width: 241px !important;
    }

    #password {
        width: 241px !important;
    }
}

@media(max-width: 380px) {
    .line1 {
        width: 85%;
        margin: 20px 20px 20px;
    }

    #username {
        width: 240px !important;
    }

    #password {
        width: 240px !important;
    }
}

@media(max-width: 375px) {
    .line1 {
        width: 86.5%;
        margin: 20px 15px 20px;
    }

    #username {
        width: 240px !important;
    }

    #password {
        width: 240px !important;
    }
}

@media(max-width: 365px) {
    .line1 {
        width: 89.5%;
        margin: 20px 13px 20px;
    }

    #username {
        width: 240px !important;
    }

    #password {
        width: 240px !important;
    }
}

@media(max-width: 360px) {
    .line1 {
        width: 91%;
        margin: 20px 6px 20px;
    }

    #username {
        width: 240px !important;
    }

    #password {
        width: 240px !important;
    }
}

@media(max-width: 345px) {
    .line1 {
        width: 97.5%;
        margin: 20px 2px 20px;
    }

    #username {
        width: 240px !important;
    }

    #password {
        width: 240px !important;
    }
}

@media(max-width: 340px) {
    .line1 {
        width: 98.5%;
        margin: 20px 1px 20px;
    }

    #username {
        width: 240px !important;
    }

    #password {
        width: 240px !important;
    }
}

@media(max-width: 335px) {
    /*    .line1 {
        width: 47.5%;
        margin: 20px 60px 20px;
    }*/

    #username {
        width: 237px !important;
    }

    #password {
        width: 237px !important;
    }
}


.googleBtn {
    align-items: center;
    padding-left: 195px !important;
}

@media(max-width: 979px) {
    .googleBtn {
        padding-left: 216px !important;
    }
}

@media(max-width: 771px) {
    .googleBtn {
        padding-left: 220px !important;
    }
}

@media(max-width: 765px) {
    .googleBtn {
        padding-left: 210px !important;
    }
}

@media(max-width: 762px) {
    .googleBtn {
        padding-left: 205px !important;
    }
}

@media(max-width: 730px) {
    .googleBtn {
        padding-left: 200px !important;
    }
}

@media(max-width: 725px) {
    .googleBtn {
        padding-left: 190px !important;
    }
}

@media(max-width: 705px) {
    .googleBtn {
        padding-left: 185px !important;
    }
}

@media(max-width: 715px) {
    .googleBtn {
        padding-left: 185px !important;
    }
}

@media(max-width: 690px) {
    .googleBtn {
        padding-left: 180px !important;
    }
}

@media(max-width: 670px) {
    .googleBtn {
        padding-left: 175px !important;
    }
}


@media(max-width: 665px) {
    .googleBtn {
        padding-left: 170px !important;
    }
}

@media(max-width: 660px) {
    .googleBtn {
        padding-left: 165px !important;
    }
}

@media(max-width: 655px) {
    .googleBtn {
        padding-left: 160px !important;
    }
}

@media(max-width: 640px) {
    .googleBtn {
        padding-left: 155px !important;
    }
}

@media(max-width: 633px) {
    .googleBtn {
        padding-left: 150px !important;
    }
}

@media(max-width: 620px) {
    .googleBtn {
        padding-left: 145px !important;
    }
}

@media(max-width: 610px) {
    .googleBtn {
        padding-left: 140px !important;
    }
}

@media(max-width: 600px) {
    .googleBtn {
        padding-left: 135px !important;
    }
}

@media(max-width: 590px) {
    .googleBtn {
        padding-left: 130px !important;
    }
}

@media(max-width: 580px) {
    .googleBtn {
        padding-left: 125px !important;
    }
}

@media(max-width: 571px) {
    .googleBtn {
        padding-left: 110px !important;
    }
}

@media(max-width: 555px) {
    .googleBtn {
        padding-left: 110px !important;
    }
}

@media(max-width: 545px) {
    .googleBtn {
        padding-left: 105px !important;
    }
}

@media(max-width: 535px) {
    .googleBtn {
        padding-left: 100px !important;
    }
}

@media(max-width: 530px) {
    .googleBtn {
        padding-left: 95px !important;
    }
}

@media(max-width: 520px) {
    .googleBtn {
        padding-left: 90px !important;
    }
}

@media(max-width: 515px) {
    .googleBtn {
        padding-left: 85px !important;
    }
}

@media(max-width: 500px) {
    .googleBtn {
        padding-left: 80px !important;
    }
}

@media(max-width: 490px) {
    .googleBtn {
        padding-left: 75px !important;
    }
}

@media(max-width: 480px) {
    .googleBtn {
        padding-left: 70px !important;
    }
}

@media(max-width: 475px) {
    .googleBtn {
        padding-left: 65px !important;
    }
}

@media(max-width: 465px) {
    .googleBtn {
        padding-left: 60px !important;
    }
}

@media(max-width: 455px) {
    .googleBtn {
        padding-left: 55px !important;
    }
}

@media(max-width: 445px) {
    .googleBtn {
        padding-left: 50px !important;
    }
}

@media(max-width: 435px) {
    .googleBtn {
        padding-left: 45px !important;
    }
}

@media(max-width: 425px) {
    .googleBtn {
        padding-left: 43px !important;
    }
}

@media(max-width: 420px) {
    .googleBtn {
        padding-left: 40px !important;
    }
}

@media(max-width: 415px) {
    .googleBtn {
        padding-left: 36px !important;
    }
}

@media(max-width: 410px) {
    .googleBtn {
        padding-left: 33px !important;
    }
}

@media(max-width: 405px) {
    .googleBtn {
        padding-left: 30px !important;
    }
}

@media(max-width: 395px) {
    .googleBtn {
        padding-left: 25px !important;
    }
}

@media(max-width: 385px) {
    .googleBtn {
        padding-left: 20px !important;
    }
}

@media(max-width: 375px) {
    .googleBtn {
        padding-left: 15px !important;
    }
}

@media(max-width: 365px) {
    .googleBtn {
        padding-left: 13px !important;
    }
}

@media(max-width: 360px) {
    .googleBtn {
        padding-left: 5px !important;
    }
}

@media(max-width: 348px) {
    .googleBtn {
        padding-left: 4px !important;
    }
}

@media(max-width: 344px) {
    .googleBtn {
        padding-left: 2px !important;
    }
}

@media(max-width: 338px) {
    .googleBtn {
        padding-left: 0px !important;
    }
}

/*@media(max-width: 375px) {
    .googleBtn {
        margin-left: 0px !important;
    }
}*/

.loginSection {
    align-items: center;
    /*padding-left: 15px !important;*/
}

@media(max-width: 979px) {
    .loginSection {
        padding-left: 60px !important;
    }
}

@media(max-width: 771px) {
    .loginSection {
        padding-left: 100px !important;
    }
}

@media(max-width: 767px) {
    .loginSection {
        padding-left: 110px !important;
    }
}

/*@media(max-width: 762px) {
    .loginSection {
        padding-left: 180px !important;
    }
}*/

/*@media(max-width: 730px) {
    .loginSection {
        padding-left: 100px !important;
    }
}*/

@media(max-width: 725px) {
    .loginSection {
        padding-left: 100px !important;
    }
}

/*@media(max-width: 715px) {
    .loginSection {
        padding-left: 100px !important;
    }
}*/

@media(max-width: 705px) {
    .loginSection {
        padding-left: 90px !important;
    }
}

/*@media(max-width: 690px) {
    .loginSection {
        padding-left: 10px !important;
    }
}

@media(max-width: 670px) {
    .loginSection {
        padding-left: 150px !important;
    }
}


@media(max-width: 665px) {
    .loginSection {
        padding-left: 145px !important;
    }
}

@media(max-width: 660px) {
    .loginSection {
        padding-left: 140px !important;
    }
}*/

@media(max-width: 655px) {
    .loginSection {
        padding-left: 80px !important;
    }
}

/*@media(max-width: 640px) {
    .loginSection {
        padding-left: 130px !important;
    }
}

@media(max-width: 633px) {
    .loginSection {
        padding-left: 125px !important;
    }
}

@media(max-width: 620px) {
    .loginSection {
        padding-left: 120px !important;
    }
}

@media(max-width: 610px) {
    .loginSection {
        padding-left: 115px !important;
    }
}

@media(max-width: 600px) {
    .loginSection {
        padding-left: 110px !important;
    }
}

@media(max-width: 590px) {
    .loginSection {
        padding-left: 105px !important;
    }
}

@media(max-width: 580px) {
    .loginSection {
        padding-left: 99px !important;
    }
}

@media(max-width: 571px) {
    .loginSection {
        padding-left: 120px !important;
    }
}

@media(max-width: 555px) {
    .loginSection {
        padding-left: 110px !important;
    }
}

@media(max-width: 545px) {
    .loginSection {
        padding-left: 105px !important;
    }
}

@media(max-width: 535px) {
    .loginSection {
        padding-left: 100px !important;
    }
}

@media(max-width: 530px) {
    .loginSection {
        padding-left: 95px !important;
    }
}

@media(max-width: 520px) {
    .loginSection {
        padding-left: 90px !important;
    }
}

@media(max-width: 515px) {
    .loginSection {
        padding-left: 85px !important;
    }
}

@media(max-width: 500px) {
    .loginSection {
        padding-left: 80px !important;
    }
}*/

@media(max-width: 490px) {
    .loginSection {
        padding-left: 74px !important;
    }
}

@media(max-width: 480px) {
    .loginSection {
        padding-left: 70px !important;
    }
}

@media(max-width: 475px) {
    .loginSection {
        padding-left: 65px !important;
    }
}

@media(max-width: 465px) {
    .loginSection {
        padding-left: 60px !important;
    }
}

@media(max-width: 455px) {
    .loginSection {
        padding-left: 55px !important;
    }
}

@media(max-width: 445px) {
    .loginSection {
        padding-left: 50px !important;
    }
}

@media(max-width: 435px) {
    .loginSection {
        padding-left: 45px !important;
    }
}

@media(max-width: 425px) {
    .loginSection {
        padding-left: 40px !important;
    }
}

@media(max-width: 415px) {
    .loginSection {
        padding-left: 35px !important;
    }
}

@media(max-width: 405px) {
    .loginSection {
        padding-left: 30px !important;
    }
}

@media(max-width: 395px) {
    .loginSection {
        padding-left: 25px !important;
    }
}

@media(max-width: 385px) {
    .loginSection {
        padding-left: 20px !important;
    }
}

@media(max-width: 375px) {
    .loginSection {
        padding-left: 15px !important;
    }
}

@media(max-width: 365px) {
    .loginSection {
        padding-left: 13px !important;
    }
}

@media(max-width: 360px) {
    .loginSection {
        padding-left: 5px !important;
    }
}

@media(max-width: 348px) {
    .loginSection {
        padding-left: 4px !important;
    }
}

@media(max-width: 344px) {
    .loginSection {
        padding-left: 2px !important;
    }
}

@media(max-width: 338px) {
    .loginSection {
        padding-left: 0px !important;
    }
}
/* to fix bootbox*/

.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 10px 0 0;
    color: red;
}

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

#hPot {
    display: none;
}