#content_wrapper h1,
#content_wrapper h2,
#content_wrapper h3,
#content_wrapper h4,
#content_wrapper h5 {
    color: #222;
}

#content_wrapper {
    color: #666;
}


#mna_submenu li {
    list-style: url(../images/caret.gif) inside;
    padding: 0.5em 0.5em 0.5em 0;
}

    #mna_submenu li a {
        color: #666;
        font-size: 14px;
    }

        #mna_submenu li a:hover {
            text-decoration: underline;
        }

#mna_submenu_wrapper > ul > li {
    border-bottom: 1px solid #cfd1d7;
}

.mna_left {
    width: 220px;
    float: left;
    padding-left: 15px;
    min-height: 1px;
    display: none;
}

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

.mna_myreps_rep {
    border-bottom: 1px solid #cfd1d7;
    padding-bottom: 10px;
}

    .mna_myreps_rep img {
        margin-top: 14px;
    }

    .mna_myreps_rep h5 {
        font-size: 1.1em;
        margin-left: 2px;
        margin-bottom: 1px;
    }

#breadcrumbs {
    display: none;
    background: linear-gradient(to bottom, #e6e6e6 0%,#b4b4b4 100%);
}

#breadcrumbs_wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 8px 10px;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    height: 100%;
    font-size: 0.85em;
}

#breadcrumbs_inner {
    display: inline;
    /*height: 100%;*/
    padding: 8px 10px;
    border-left: 1px solid #ddd;
}

#breadcrumbs a {
    color: #8d324c;
}

#breadcrumbs #mnahome {
    color: #666;
    padding-right: 10px;
}


#header {
    overflow: auto;
    padding-bottom: 7px;
    border-bottom: 1px solid #ddd;
}

.topbar-right-inner {
    display: inline-block;
    position: absolute;
    margin-left: 50px;
    width: 650px;
}

.topbar-right-inner-topbox {
    margin-left: 200px;
    background-color: #d31145;
    padding: 5px 0;
}

    .topbar-right-inner-topbox ul {
        list-style: none;
        margin-bottom: 2px;
    }

    .topbar-right-inner-topbox li {
        display: inline;
    }

    .topbar-right-inner-topbox,
    .topbar-right-inner-topbox li,
    .topbar-right-inner-topbox a,
    .topbar-right-inner-topbox span {
        color: white;
        font-size: 12px;
    }

        .topbar-right-inner-topbox .social-icons-icon {
            padding: 10px 5px;
            text-align: center;
            vertical-align: middle;
        }

        .topbar-right-inner-topbox a {
            font-family: "Open Sans", sans-serif;
            font-weight: 400;
        }

.mna_links,
.mna_social {
    padding-left: 15px;
    padding-top: 3px;
    display: inline-block;
}

.currentusername {
    font-size: 12px;
    float: right;
}

.fa-facebook-block:hover {
    background: #3c5a98;
}

.fa-twitter-block:hover {
    background: #32ccfe;
}

.fa-google-plus-block:hover {
    background: #e44321;
}

div.yourinfo {
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: auto;
}

.yourinfo h4 {
    margin: 0;
    font-weight: bold;
    font-style: normal;
    background-color: #EAEEF5;
    color: #9D9D9F;
    padding: 5px;
    border: 0;
    border-bottom: 1px #CCC solid;
    margin-bottom: 7px;
    font-size: 16px;
}

.yourinfo h5 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
}

.yourinfo .datafield label {
    margin: 0;
}

.yourinfo .datafield span,
.yourinfo .datafield div {
    padding: 0;
    text-align: left;
}

.mna_yourinfocontainer {
    padding: 15px 20px 5px 20px !important;
}

.yourinfo .button {
    margin-top: 3px;
    font-size: 0.7em;
}

div.panel {
    padding-top: 0;
}

    div.panel h3:first-child {
        margin-top: 5px;
    }

.currentusername.mobile {
    display: none;
}

a[id*=lnkForgotUsername] {
    padding-top: 45px;
}

a[id*=lnkForgotPassword] {
    padding-top: 20px;
}

.button:not(.buttonloading, .paylaterbutton), .button.success:not(.buttonloading, .paylaterbutton) {
    display: block;
    background: #d31145;
    padding: 10px 35px 11px;
    color: #fff;
    text-shadow: #fff 0px 1px 0px;
    text-transform: uppercase;
    line-height: 1.4em;
    margin-bottom: 5px;
    font-size: 0.9em;
    border: 1px solid rgba(0,0,0,.15);
    font-weight: normal;
}

/* CSH UW-16-1273 */
.buttonloading {
    background: url('../images/progress.svg') center center no-repeat !important;
    box-shadow: none;
    border: 0 !important;
}

.mnamembershipapplicationmembershiptype .button,
.mnamembershipapplicationfinalreview .button,
.mnamembershipapplicationnonbargaining .button,
.mnamembershipapplication .button,
.mnamembershipapplicationduesallocation .button,
.mnamembershipaapplicationpaymentoptions .button {
    margin-top: 25px;
}

.mnamembershipapplicationmembershiptype .sigPad,
.mnamembershipapplicationmembershiptype .mnacontract,
.mnamembershipapplicationfinalreview .sigpad {
    padding-bottom: 25px;
}

.mnamembershipapplicationmembershiptype .bargainingnote {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mnaduesradio,
.mnaduesoption,
.mnaduesallocation,
.mnapayroll,
.mnasendemail {
    padding-bottom: 10px;
}

.mnacarn {
    padding-top: 50px;
}

.mnaduesotherradio {
    padding: 0px 0px 0px 19px;
}

.mnadueslabel {
    padding: 20px 0px 0px 0px;
}

.mnajobtitle {
    padding: 10px 0px 0px 32px;
}


.mnaunitdesc {
    padding: 0px 0px 0px 32px;
}

.mnamembershipapplicationnonbargaining ul {
    list-style-type: square;
    padding: 0px 0px 0px 40px;
}

.mnaduesallocationdesc {
    padding: 0px 0px 20px 0px;
}

.mnaduesamount {
    padding: 0px 0px 20px 0px;
}

.mnajoinbargaining,
.mnajoinassociate {
    font-size: 125%;
    font-weight: bold;
    color: black;
    padding-top: 10px;
}

.registrationcomplete .fullinstruct {
    display: none;
}

.mnalargemargintop {
    margin-top: 20px
}

.mnamediummargintop {
    margin-top: 10px
}

@media only screen and (max-width: 940px) {
    .mna_content {
        width: 70%;
    }
}


@media only screen and (max-width: 768px) {
    .mnamenumobile {
        display: block;
    }

    .mna_content {
        width: 100%;
    }

    .mna_left {
        display: none;
    }
}


@media only screen and (max-width: 767px) {
    .topbar-right-inner {
        margin-left: 0;
        display: block;
        width: 100%;
        overflow: auto;
        position: static;
    }

    .topbar-right-inner-topbox {
        margin: 0;
        padding: 0;
    }

    div.topbarwrapper {
        padding: 0;
    }

    nav ul {
        margin: 0;
    }

    nav > ul > li {
        background-color: #e6e6e6;
        border: 1px solid #ddd !important;
    }

    .mna_myreps_rep img {
        max-width: 100px;
    }

    .currentusername.mobile {
        display: block;
        float: left;
        padding-left: 18px;
    }
}


@media only screen and (min-width: 768px) {
    body.addcasenote input.button,
    body.editcasenote input.button,
    body.addnewcase input.button,
    body.managecaseprogress input.button,
    body.addcaseparticipantstep2 input.button {
        width: 100px;
        padding-left: 20px;
        padding-right: 20px;
    }
}

body.mycasedetail a[data-buttonname=lnkDelete] {
    margin-left: 10px;
    cursor: pointer;
}

body.mycasedetail span[data-name=LastUpdated] {
    line-height: normal;
}

body.mycasedetail h3 {
    padding: 20px 0 0 0;
}


.mna_mwebform_upaypage {
    font-size: 11px;
    line-height: unset;
}

.mnaupaymargin {
    padding: 0 0 10px 20px;
}

.height-three-hundred {
    height: 300px;
}

.dataTables_wrapper .dataTables_filtercolumn {
    max-width: 400px !important;
    overflow: auto;
    display: inline-block !important;
    width: auto;
}

.MakeMeADropzone  label {
    text-transform: initial !important;
}