body {
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 0.8em;
    height: 100%;
}

html {
    height: 100%;
    overflow-y: auto
}

h2 {
    color: #4598c9;
}

pre {
    overflow-x: auto;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}

span.tag {
    display: inline-table;
    padding: 0 6px;
    margin: 0 0 0 0.35em;
    line-height: 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    font-size: 90%;
    text-transform: uppercase;
}

span.tag.new {
    color: #fff;
    background: #f00;
}

#wrap {
    min-height: 100%;
    padding-bottom: 175px;
}

#main {
    overflow: auto;
    padding-bottom: 175px;
    /* this needs to be bigger than footer height*/
}

.color_line {
    width: 100%;
    height: 8px;
    background-color: #22a8da;
}

.available_wo {
    background-color: #4BB543;
    border-radius: 8px;
    font-weight: bold;
    color: #fff;
}

.required_tasks {
    background-color: #f00;
    border-radius: 8px;
    font-weight: bold;
    color: #fff;
    padding: 10px;
    font-size:  1.3em;
}

.complete_task {
    background-color: #ffe5b4;
}

.warning {
    color: #f00;
}

.primary_color_headline {
    color: #4598c9;
    font-weight: 700;
    font-size: 1.2em;
}

.primary_table_color {
    background-color: #006699;
    color: #fff;
    font-weight: 700;
    font-size: 1em;
}

.cadsavail_primary_color {
    color: #f77e1e;
    font-size: 1em;
    font-weight: 700;
}

.cadsavail_secondary_color {
    color: #6e6f70;
    font-size: 1em;
    font-weight: 700;
}

.dark_table_color {
    background-color: #000;
    color: #fff;
    font-weight: 700;
    font-size:  1em;

}

.available_wo:hover {
    background-color: #4BB543;
    border-radius: 8px;
    font-weight: bold;
    color: #fff;
}

.error {
    font-weight: 900;
    color: red;
    font-size: 14px;
}

.footer {
    position: relative;
    height: 175px;
    clear: both;
    padding-top: 20px;
    background-color: #3f3e43;
}

.logoutbtn {
    background-color: #22a8da;
    color: #FFF;
}

.logoutbtn:hover {
    background-color: #1b86ae;
    color: #FFF;
}

.cads_stats_primary_color {
    background-color: #f78429;
    color: #fff;
    font-size: 1.5em;
    text-align: center;
}

.cads_stats_secondary_color {
    background-color:#22a8da;
    color: #fff;
}

.page_input {
    padding-left: 1px;
    height: 13px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-size: 11px;
    padding-left: 1px;
}

.white {
    color: #FFF;
}

.faqtable td {
    padding: 3px;
}

#emfrm label.error {
    color: red;
    font-weight: bold;
    display: block;
}

#emfrm input.error {
    border: 4px solid red;
}

#emfrm select.error {
    border: 4px solid red;
}

.help-list li {
    padding: 0.25em 0;
}

.help-list li:first-child {
    padding-top: 0;
}

.help-list li:last-child {
    padding-bottom: 0;
}

.message {
    padding: 30px;
    max-width: 500px;
}

.loginbutton {
    background-color: #f7862a !important;
    border: 1px solid #f7862a !important;
}

.loginbutton:hover {
    background-color: #c66b22 !important;
    border: 1px solid #c66b22 !important;
}

#tosmodal {
    max-width: 70%;
    padding: 30px;
}

.view_task_iframe {
    width: 110%;
}

.navmobile {
    text-align: center;
}

@media only screen and (max-width: 991px) {
    .navmobile {
        text-align: left !important;
    }
}

#text_box {
    width: 100%;
    clear: both;
    font-size: 15px;
}

.full_page {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    margin-bottom: -175px;
}

.accept,
.accept a {
    background-color: #4598c9;
    color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 5px;
}

.decline,
.decline a {
    background-color: #B80000;
    color: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    padding: 5px;
}

.errormsg {
    font-weight: bold;
    color: #F00;
    font-size: 14px;
}

.emfrm1 label.error {
    color: red;
    font-weight: bold;
    display: block;
}

.emfrm1 input.error {
    border: 4px solid red;
}

.emfrm1 select.error {
    border: 4px solid red;
}

.odd {
    background-color: #C0C0C0 !important;
}

.even {
    background-color: #FFFFFF !important;
}

.dataTables_length {
    margin-bottom: 6px;
}

.action_links {
    margin: 0;
    padding-left: 0.1em;
}

.action_links li {
    list-style-type: none;
    font-size: 98%;
    padding-bottom: 0.125em;
}

.action_links li:last-child {}

#home-msg {
    margin: 0 auto;
    padding: 1em;
    border: 1px solid #2f87c7;
    background: #EAF3F9;
    text-align: center;
}

#home-msg .msg {
    padding: 0 0 1.25em 0;
    margin: 0 0 1.25em 0;
    border-bottom: 1px dashed #2f87c7;
}

#home-msg .msg:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

#home-msg .hm-title {
    margin: 0;
    padding: 0;
    font-size: 160%;
    color: #2f87c7;
    text-align: center;
}

#home-msg .hm-msg {
    font-size: 130%;
    margin-top: 10px;
    margin-bottom: 0;
}

#home-msg .hm-date {
    margin-top: 4px;
    margin-bottom: 0;
}

#home-msg .hm-cta {
    margin: 0 auto;
    padding: 0;
}

#home-msg .hm-cta a:first-child {
    display: inline-block;
    width: auto;
    padding: 0.5em 2.5em;
    margin: 1px;
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    text-decoration: none;
    background: #01aa4f;
}

#home-msg .no-msg {
    margin-top: 1em;
}