@import url("https://fonts.googleapis.com/css?family=Roboto:300,400");

h1 {
    font-size: 31.2px !important
}

h2 {
    font-size: 26.52px !important
}

h3 {
    font-size: 22.542px !important
}

h4 {
    font-size: 19.1607px !important
}

h5 {
    font-size: 16.2866px !important
}

h6 {
    font-size: 13.84361px !important
}

footer {
    -webkit-user-select: none !important;
    background-position: 0px 0px, 10px 10px !important;
    background-size: 20px 20px !important;
    border-top: 10px solid white;
    background: #1a3d8f repeat-y center !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Roboto";
    color: #064a7b !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: 12px;
    line-height: 18px
}

@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: 12px
    }
}

body {
    font-size: 12px !important;
    font-family: "Roboto";
    font-weight: 300;
    background: #294C9E;
    color: #000
}

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

a {
    color: #00AD53;
    text-decoration: underline;
    font-weight: bold
}

    a:hover {
        color: #00AD53
    }

.button,
.button.button-edit {
    background: #294C9E !important;
    border: 0 !important;
    font-family: "Roboto" !important;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 3px;
    text-align: center !important;
    padding: 5px 20px !important
}

    .button:hover,
    .button.button-edit:hover {
        background: #294C9E !important
    }

/* COUNCIL5-19-0239 */
.buttonloading.button {
    background: url(../../../images/progress.svg) center center no-repeat !important;
    box-shadow: none;
    border: 0 !important;
    background-size: contain !important;
}

header.header_wrapper {
    background: #294C9E;
    height: auto !important;
    background: url("../images/council5-logo.png") center top no-repeat !important;
    background-size: contain !important;
    min-height: 230px
}

    /*
@media all and (max-width: 767px) {
    header.header_wrapper {
        background-position: left -145px top !important
    }
}
*/

    header.header_wrapper .logoimage {
        background: none !important;
        width: 100%;
        display: inline-block;
        text-align: center;
        height: 145px;
        margin-top: 8px
    }

    header.header_wrapper .userinfo {
        color: #fff
    }

        header.header_wrapper .userinfo .logoutlink {
            color: #fff
        }

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

#content_nav {
    font-family: "Roboto"
}

    #content_nav nav {
        background: #00AD53;
        margin: 15px auto;
        border-radius: 6px;
        max-width: 960px;
        display: block;
        padding: 0 10px
    }

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

#content_nav nav ul ul {
    background: #00AD53
}

@media all and (min-width: 768px) {
    #content_nav nav ul ul {
        background: #339
    }
}

#content_nav nav ul ul li + li {
    border-top: 1px solid rgba(0, 153, 204, 0.4)
}

#content_nav nav ul ul li a {
    padding: 5px;
    text-decoration: none
}

#content_nav nav li {
    border: none;
    background: none !important;
    box-shadow: none !important
}

    #content_nav nav li.haschildren {
        padding-right: 0
    }

    #content_nav nav li:hover {
        background: #09c !important
    }

    #content_nav nav li a {
        color: #fff;
        padding: 0 15px;
        font-size: 16px;
        font-weight: bold
    }

        #content_nav nav li a:hover {
            color: #fff
        }

        #content_nav nav li a.current {
            color: #fff
        }

#content_body {
    padding-top: 10px
}

    #content_body .twelve.columns {
        padding-right: 10px !important;
        padding-left: 10px !important
    }

#content_wrapper {
    background: #294C9E !important
}

@media all and (min-width: 768px) {
    #content_wrapper .twelve.columns {
        padding-left: 0;
        padding-right: 0;
        margin-left: -9px;
        width: calc(100% + 18px)
    }
}

#content_wrapper .shadedpanel {
    background: #fff !important;
    border-radius: 6px !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
}

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

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

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

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

#content_wrapper .datafield span,
#content_wrapper .datafield div {
    padding-left: .5em
}

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

    input[type='submit'] {
        border-radius: 3px !important
    }

.alwayslabel {
    background: #00AD53;
    padding-left: 5px;
    border-radius: 0
}

label {
    margin-bottom: 18px
}

table {
    border: 0 !important
}

thead {
    background: none !important
}

    thead th {
        color: #636363 !important
    }

tbody td {
    font-size: 14px !important;
    color: #06a145 !important
}

tbody tr.odd {
    background-color: #d5f6ff !important
}

tbody tr.even {
    background-color: #eafbff !important
}

table.dataTable tr td {
    background-color: transparent !important;
    border-bottom: 1px solid #ceebf3;
    border-top: 0px !important
}

footer #footer {
    border: 0;
    margin-top: 20px
}

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

    footer #footer .copyright {
        color: white
    }

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

            footer #footer .copyright a:hover {
                color: #fff
            }

.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: ""
        }

.availableevent.eventlist {
    border-radius: 0 0 10px 10px !important
}

    .availableevent.eventlist:nth-of-type(2n+1) {
        background: #d5f6ff
    }

    .availableevent.eventlist:nth-of-type(2n) {
        background: #eafbff
    }

    .availableevent.eventlist h4 {
        margin-top: 0
    }

.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-size: cover
}

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

.login .loginimage {
    display: none !important
}

#ctl00_Body___101__divLoginPanelA__1 .alwayslabel {
    padding-left: 8px
}

#ctl00_Body___101__divLoginPanelB__1 {
    margin-top: 27px
}

#ctl00_Body___101__lnkForgotPassword__1 {
    margin-top: 25px
}

#ctl00_Body___101__chkRememberMe__1 {
    margin-top: 4px
}

@media only screen and (max-width: 767px) {
    .logo {
        height: 240px !important
    }
}

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

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

.emailwarning {
    margin: -12px 0 -10px 0;
    font-style: italic;
    font-size: smaller;
}

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

.AC5PaddingBottom10 {
    padding-bottom: 10px;
}

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

/* COUNCIL5-17-0138 */
.article-meta > li {
    display: none;
}

.article-meta {
    border-bottom: none !important;
}

/* COUNCIL5-18-0040 */
.goog-te-combo {
    padding: 0 5px;
    height: 24px;
}

.userinfo {
    margin: 12px 0 0 0;
}

#ctl00_Body___524__lblMyDuesLink__1 {
    text-align: center;
}

/*COUNCIL5-18-0272*/
.AC5LUPYellowRow {
    color: #000;
    padding: 5px 5px 5px 0px;
    line-height: 24px;
    margin: 10px auto;
    border: #EEE 1px solid;
    background-color: #ffff80;
    -webkit-border-radius: 10px;
}

.AC5LUPRedRow {
    color: #000;
    padding: 5px 5px 5px 0px;
    line-height: 24px;
    margin: 10px auto;
    border: #C00 1px solid;
    background-color: #f99;
    -webkit-border-radius: 10px;
}

    .AC5LUPRedRow p, .AC5LUPYellowRow p {
        padding-left: 15px;
    }

/************** COUNCIL5-18-0266 **************/
.AC5LUPDelete {
    text-align: right;
}

    .AC5LUPDelete span {
        background: transparent url("../images/trashcan.png") no-repeat 0 0;
        width: 18px;
        height: 18px;
        background-size: 100%;
        display: inline-block;
        margin-top: 5px;
        cursor: pointer;
    }
/************** COUNCIL5-18-0266 **************/

/************** COUNCIL5-18-0222 Start **************/
.AC5RegistrationLoadImage {
    margin-left: 10px;
    float: right;
    display: none;
}
/************** COUNCIL5-18-0222 End **************/


/************************ UPay & Online Dues ***************************/
.AC5MyPaymentsJob[data-action="remove"] {
    background-color: #bf0606 !important;
}

.AC5MyPaymentsJob[data-action="add"] {
    background-color: #00AD53 !important;
}

.myduesjobstable {
    margin-bottom: 10px !important;
}

    .myduesjobstable tbody tr td {
        vertical-align: middle !important;
    }

/* Hack to fix weird datepicker font sizing */
#ui-datepicker-div {
    font-size: 12px !important;
}

/* remove this when Authorize is gone */
span[data-name="AuthorizeUpdateMsg"] {
    font-weight: bold;
    font-size: 14px;
    display: block;
    padding: 10px 0 10px 0;
}


/**********************************************************************/