@import url("https://fonts.googleapis.com/css?family=Lato|Roboto+Condensed:400,700");

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto Condensed", Helvetica
}

h1 {
    font-size: 41.6px !important
}

h2 {
    font-size: 32px !important
}

h3 {
    font-size: 26px !important
}

h4 {
    font-size: 22.1px !important
}

h5 {
    font-size: 18.785px !important
}

h6 {
    font-size: 15.96725px !important
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Lato", Helvetica, sans-serif;
    color: #545454 !important
}

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

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

body {
    font-size: 16px !important;
    font-family: "Lato", Helvetica, sans-serif;
    background: none;
    color: #505050;
    line-height: 22px
}

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

a {
    color: #610F26
}

    a:hover {
        color: #CE395F
    }

.button:not(.buttonloading),
.button.button-edit:not(.buttonloading) {
    background: #610F26 !important;
    border: 0 !important;
    font-family: "Lato", Helvetica, sans-serif !important;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 5px !important;
    text-align: center !important;
    padding: 10px 16px !important;
    font-family: "Roboto Condensed", Helvetica, sans-serif !important;
    font-weight: 700;
    font-size: inherit
}

.button:hover:not(.buttonloading),
.button.button-edit:hover:not(.buttonloading) {
    background: #CE395F !important
}

header.header_wrapper {
    background: #610F26;
    height: auto !important
}

    header.header_wrapper .row.header {
        width: 100%;
        margin: 0
    }

    header.header_wrapper .logoimage {
        background: url("../images/mnu-logo.svg") center center no-repeat !important;
        background-size: contain !important;
        width: 490px;
        max-width: 90%;
        display: inline-block;
        text-align: center;
        height: 140px;
        margin-top: 9px;
        margin-left: 10px
    }

    header.header_wrapper .userinfo {
        color: #b57b91
    }

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

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

.goog-te-gadget {
    max-width: 300px;
    float: right
}

@media all and (max-width: 639px) {
    .goog-te-gadget {
        max-width: 100%
    }
}

#content_nav {
    font-family: "Lato", Helvetica, sans-serif;
    background: #610F26
}

@media all and (max-width: 1485px) {
    #content_nav {
        margin-top: 0;
        padding-bottom: 0px;
        background: #CE395F !important;
    }
}

@media only screen and (max-width: 639px) {
    nav > ul > li {
        background-color: #CE395F;
        box-shadow: 0 0 0 !important;
        padding-left: 30px
    }
}

#content_nav nav {
    background: #610F26
}

    #content_nav nav * {
        transition: all .4s
    }
/*#content_nav nav>ul {
    max-width: 750px !important;
    margin: 0 0 0 auto !important
}*/
@media all and (min-width: 640px) {
    /*   #content_nav nav>ul>li {
        margin-right: 3px
    }
    #content_nav nav>ul>li>a {
        border-radius: 5px !important
    }
    #content_nav nav>ul>li>a.current,
    #content_nav nav>ul>li>a.parent-current {
        background: rgba(255, 255, 255, 0.2)
    }
    #content_nav nav>ul>li>a.current.haschildren:hover,
    #content_nav nav>ul>li>a.parent-current.haschildren:hover {
        border-radius: 5px 5px 0 0 !important
    }*/
}

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

#content_nav nav .mobile_menu {
    padding-left: 20px
}

@media all and (min-width: 640px) {
    #content_nav nav > ul > li:hover > a {
        background: white;
        color: #610F26
    }

        #content_nav nav > ul > li:hover > a.haschildren {
            border-radius: 5px 5px 0 0 !important
        }
}

#content_nav nav > ul > li li a:hover {
    background: #EEE !important
}

#content_nav nav ul .downarrow {
    opacity: 0;
    width: 8px
}
/*#content_nav nav ul li.haschildren {
    padding-right: 0;
    position: relative
}*/

@media all and (max-width: 639px) {
    /*#content_nav nav ul li.haschildren:after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        border: 5px solid transparent;
        border-top: 5px solid white;
        position: absolute;
        right: 22px;
        top: 17px
    }*/
    #content_nav nav ul li.haschildren a.haschildren:hover {
        border-radius: 5px 5px 0 0
    }
}

@media all and (min-width: 640px) {
    #content_nav nav ul li.haschildren a {
        position: relative;
        padding-right: 30px
    }
        /*#content_nav nav ul li.haschildren a.haschildren:after {
        content: '';
        width: 0;
        height: 0;
        display: block;
        border: 5px solid transparent;
        border-top: 5px solid white;
        position: absolute;
        right: 12px;
        top: 17px
    }*/
        #content_nav nav ul li.haschildren a.haschildren:hover {
            border-radius: 5px 5px 0 0
        }
}

#content_nav nav ul ul {
    border: 10px solid #610F26;
    border-top: 0;
    margin-left: -10px;
    background: white
}
    /*#content_nav nav ul ul li {
    padding-left: 0;
    padding-right: 0
}
#content_nav nav ul ul li+li a {
    border-top: 1px solid rgba(80, 80, 80, 0.5) !important
}*/
    #content_nav nav ul ul li a {
        font-family: "Lato", Helvetica, sans-serif;
        font-weight: 300;
        color: #505050;
        padding: 5px 8px;
        font-size: 14px;
        line-height: 20px;
        text-decoration: none
    }

@media all and (max-width: 639px) {
    #content_nav nav ul ul li a {
        width: 100%;
        display: block
    }

    #content_nav nav ul ul {
        border: 10px solid #610F26;
        border-top: 10px solid #610F26;
        margin-left: 0px;
        padding-left: 0px;
        background: #610F26;
    }

    nav ul ul li {
        float: none;
        text-align: left;
        background-color: #e6e6e6;
        border: 0 !important;
        cursor: pointer
    }
}
/*#content_nav nav li {
    border: none;
    background: none !important;
    box-shadow: none !important
}
#content_nav nav li:hover {
    background: "" !important
}
#content_nav nav li li a.current {
    color: #505050
}
#content_nav nav li li a.current:hover {
    color: #610F26
}*/
#content_nav nav li a {
    color: #fff;
    padding-left: 30px;
    font-size: 16px;
    font-family: 'Roboto Condensed', Helvetica, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}
/*#content_nav nav li a.current {
    color: #fff
}*/

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

@media only screen and (max-width: 639px) {
    li.mobile_menu {
        background-position: 12px 5px !important;
    }

    nav > ul > li.haschildren {
        background: url('../../../images/icons/downwhite.png') top 10px left 15px no-repeat !important;
        background-color: #CE395F !important;
    }

    nav {
        background: #CE395F !important;
    }

    #content_nav nav li a:hover {
        color: #610F26;
        background: #fff !important
    }
}

#content_wrapper {
    background: #CE395F;
}
    /*
#content_wrapper #content_body {
    width: 1240px
}
#content_wrapper .shadedpanel {
    background: #fff !important;
    border-radius: 0px !important;
    border: 0px;
    box-shadow: 0 0 0 transparent
}*/
    #content_wrapper .panel h4.head-icon-yourinfo,
    #content_wrapper .panel h4.head-icon-quickcontacts {
        padding-left: 0;
        background: none
    }

.shadedpanel {
    background: #e6e6e6 !important;
    box-shadow: 0 0 0 !important;
    border: 0;
}

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

#content_wrapper .datafield span,
#content_wrapper .datafield div {
    padding-left: .5em;
    overflow-wrap: break-word;
}

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

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

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

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

input {
    border-radius: 0 !important
}

.alwayslabel {
    background: #610F26;
    padding-left: 10px;
    border-radius: 0;
    border-radius: 5px 0 0 5px;
    line-height: 14px
}

    .alwayslabel + input {
        border-radius: 0 5px 5px 0 !important
    }

label {
    margin-bottom: 18px
}

footer {
    background: #610F26 !important;
    background-image: -moz-linear-gradient(right, #610F26 0%, #610F26 100%) !important;
    background-image: -ms-linear-gradient(right, #610F26 0%, #610F26 100%) !important;
    background-image: -o-linear-gradient(right, #610F26 0%, #610F26 100%) !important;
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #610F26), color-stop(1, #610F26)) !important;
    background-image: -webkit-linear-gradient(left, #610F26 0%, #610F26 100%) !important;
    background-image: linear-gradient(left, #610F26 0%, #610F26 100%) !important;
    border-top: 1px solid #610F26 !important;
    color: #b57b91
}

    footer #footer {
        border: 0
    }

        footer #footer div {
            font-size: 12px
        }

        footer #footer .copyright {
            color: white
        }

            footer #footer .copyright a {
                color: white;
                opacity: .9;
                text-decoration: underline
            }

                footer #footer .copyright a:hover {
                    color: white;
                    opacity: 1
                }

h2.treetype {
    font-size: 24px !important
}

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

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

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

.eventcalendar .eventcalendardetails {
    background: none
}

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

        .eventcalendar .eventcalendardetails .availableevent .headline {
            color: ""
        }

.eventdetails .overflow.bar {
    background: none;
    border: 0
}

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

.eventdetails .topbar {
    border: 0
}

.eventpage {
    border: 0
}

.login #content_wrapper {
    background: #CE395F !important
}

.login .button + .smallfont {
    margin-top: 1em
}

.login .mediumgap:first-of-type {
    margin-top: 38px;
    margin-bottom: 25px
}

.login #ctl00_Body___101__chkRememberMe__1 {
    white-space: nowrap;
    margin-top: 7px
}

.login .loginimage {
    display: none !important
}

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

@media only screen and (min-width: 1156px) {
    header .logoimage {
        margin-top: 45px;
        margin-bottom: 15px
    }
}
/*# sourceMappingURL=client.css.map */



/*  MNU-17-0019 - Union Leave Request */
body.mnurequestunionleave .columns .columns {
    margin: 0;
    padding: 0;
}

.button.mnu-leaverequesteditdetails {
    font-size: 14px;
    padding: 6px 8px !important;
}


/* Leave request preview */
body.mnurequestunionleavepreview .panel.shadedpanel,
body.mnurequestunionleavepreview table th,
body.mnurequestunionleavepreview table td {
    border: 1px solid black !important;
    margin: 0;
    padding: 0;
}

body.mnurequestunionleavepreview .panel.shadedpanel {
    border-bottom: none !important;
}

body.mnurequestunionleavepreview .panel.shadedpanel {
    padding: 0;
    margin: 15px;
}

body.mnurequestunionleavepreview .columns {
    padding: 0;
}

body.mnurequestunionleavepreview h4,
body.mnurequestunionleavepreview h5 {
    text-align: center;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid black;
}

.mnu-unionleavepreviewdatafield {
    border-bottom: 1px solid black;
}

    .mnu-unionleavepreviewdatafield label,
    .mnu-unionleavepreviewdatafield span {
        margin: 0;
        padding: 0;
        display: inline-block;
        border-right: 1px solid black;
    }

    .mnu-unionleavepreviewdatafield label {
        font-weight: bold;
        width: 30%;
    }

    .mnu-unionleavepreviewdatafield span {
        width: 70%
    }

div[id*="divRight"] .mnu-unionleavepreviewdatafield span,
.mnu-unionleavepreviewbottom .mnu-unionleavepreviewdatafield span {
    border-right: none;
}

body.mnurequestunionleavepreview table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 30px;
    margin-left: -1px;
    margin-top: -1px;
}

body.mnurequestunionleavepreview table {
    border: none;
}

    body.mnurequestunionleavepreview table th {
        background-color: #fff;
        text-align: center;
    }

        body.mnurequestunionleavepreview table th:last-child,
        body.mnurequestunionleavepreview table td:last-child {
            border-right: none !important;
        }

    body.mnurequestunionleavepreview table th,
    body.mnurequestunionleavepreview table td,
    .mnu-unionleavepreviewdatafield label,
    .mnu-unionleavepreviewdatafield span {
        padding-left: 3px;
    }

.mnu-unionleavepreviewgap {
    height: 30px;
    border-bottom: 1px solid black;
}

.mnu-unionleavepreviewbottom {
    border-top: 1px solid black;
}

/* Bottom fields should be 25/75 */
body.mnurequestunionleavepreview .mnu-unionleavepreviewbottom label {
    width: 25%;
}

body.mnurequestunionleavepreview .mnu-unionleavepreviewbottom .mnu-unionleavepreviewdatafield > span {
    width: 75%;
}

/* This is the options for Funded By and Employer Approval. */
.mnu-unionleavepreviewbottom .mnu-unionleavepreviewdatafield > span span {
    display: inline-block;
    width: 33%;
    border: none;
    padding-right: 10px;
    padding-left: 10px;
}

.mnu-unionleavepreviewbottom .mnu-unionleavepreviewdatafield > span {
    text-align: center;
}

.mnu-unionleavepreviewbottom .mnu-unionleavepreviewdatafield .mnu-fundedbyoption:nth-child(2),
.mnu-unionleavepreviewbottom .mnu-unionleavepreviewdatafield .mnu-fundedbyoption:nth-child(3),
.mnu-unionleavepreviewbottom .mnu-unionleavepreviewdatafield .mnu-approvaloption:nth-child(2) {
    border-left: 1px solid black;
}

.mnu-approvaloption {
    width: 50% !important;
}

body.mnurequestunionleavepreview div[id*="divButtons"] {
    overflow: auto;
    margin: 15px;
}

input[type="text"].mnu-expenseform-phone {
    display: inline
}

@media print {
    body.mnurequestunionleavepreview .header,
    body.mnurequestunionleavepreview .logoutlink,
    body.mnurequestunionleavepreview #google_translate_element,
    body.mnurequestunionleavepreview #content_nav,
    body.mnurequestunionleavepreview #footer_wrapper,
    body.mnurequestunionleavepreview a.button,
    body.mnurequestunionleavepreview input[type="submit"] {
        display: none;
    }

    .mnu-unionleavepreviewdatafield label {
        width: 40%;
    }

    .mnu-unionleavepreviewdatafield span {
        width: 60%
    }

    .mnu-printsmall {
        font-size: 12px;
    }
}
/* End Leave request preview */
/*  END--MNU-17-0019 - Union Leave Request */

@media all and (max-width: 499px) {
    #ctl00___1__imgLogo__1 {
        background-image: url(../images/mnu-logo-mobile.png) !important;
        background-size: contain !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }
}

/**
 * Member Expense Report
 * MNU-23-0010
 *
 */

.memberexpensereport .sublabelfull {
    font-size: .8em;
}

.memberexpensereport .sublabelhalfright {
    font-size: .8em;
    padding-left: calc(50% + 10px) !important;
}

.memberexpensereport .sublabelremovemargin select,
.memberexpensereport .sublabelremovemargin input {
    margin-bottom: 0 !important;
}


.memberexpensereport .addbutton {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    transition: color .3s;
    float: left !important;
}


.memberexpensereport .clearbutton {
    color: red;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    transition: color .3s;
    float: left !important;
}

    .memberexpensereport .clearbutton:hover,
    .memberexpensereport .addbutton:hover {
        color: #610F26;
    }

.memberexpensereport .borderframe {
    border: solid 1px #aaa;
    border-radius: 20px;
    padding: 5px 10px 15px;
}

.memberexpensereport .subarea {
    padding: 0;
}

.memberexpensereport .columns.addedframe {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 767px) {
    .memberexpensereport .sublabelhalfright {
        padding-left: 10px !important;
    }

    .memberexpensereport .sublabelremovemargin.sublabelfirst select,
    .memberexpensereport .sublabelremovemargin.sublabelfirst input {
        margin-bottom: 12px !important;
    }

    .memberexpensereport .addbutton,
    .memberexpensereport .clearbutton {
        float: none !important;
        padding: 0;
        margin: 5px 0 5px 10px;
        display: block;
        height: auto;
    }
}



/* End Expense Report */