html { height: 100%; }

.login-form {
    -webkit-box-shadow: 0 0 10px #cfcfcf;
    align-items: center;
    background-color: white;
    border-color: #d2d2d2;
    border-radius: 3px 3px 8px 8px;
    border-width: 5px;
    box-shadow: 0 0 10px #cfcfcf;
    /*box-shadow: 2px 2px 2px 2px #cfcfcf;*/
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 10px;
}

.login-banner {
    -webkit-box-shadow: 0 0 10px #cfcfcf;
    align-items: center;
    /*background-color: #000080;*/
    background-color: #00406E;
    border-color: #d2d2d2;
    border-radius: 8px 8px 3px 3px;
    border-width: 2px;
    box-shadow: 0 0 10px #cfcfcf;
    /*box-shadow: 2px 2px 2px 2px #cfcfcf;*/
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 20px;
}

.login-title {
    padding: .6em 0 .6em 0;
    /*margin-bottom: 0px;*/
    line-height: 1.2em;
    font-size: 2.4em;
}

.login-container {
    /*margin: 0 auto;
    text-align: inherit;*/
    display: flex; /* establish flex container */
    flex-direction: column; /* make main axis vertical */
    justify-content: center; /* center items vertically, in this case */
    align-items: center; /* center items horizontally, in this case */
}

.top-buffer {
    margin-top: 10px;
}

.btn-outline-primary .btn-primary {
   background-color: darkorange !important;
   color: deeppink !important;
}

body {
    background-color: #F0F3F3;
    color: #333F48;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 62.5%;
    margin-bottom: 0;
}

h1 { font-size: 2.4em; }


h2 {
    font-size: 1.6em;
    font-weight: normal;
    padding: 0 0 .5em 0;
}

h3 {
    font-size: 1.1em;
    font-weight: bold;
    padding: 1em 0 1em 0;
}

h4 {
    font-weight: bold;
    padding: 1em 0 1em 0;
}

h5 {
    font-size: .9em;
    font-weight: bold;
    padding: 1.2em 0 1.2em 0;
}

p { margin: 1.25em 0; }

strong { font-weight: bold; }

em { font-style: italic; }

.underline { text-decoration: underline; }

.main-body-color {
    background-color: #fff;
    font-size: 13px;
}

hr.style-one {
    background: #333;
    background-image: linear-gradient(to right, #ccc, #333, #ccc);
    border: 0;
    height: 1px;
}

.right { float: right; }

.left {
    float: left;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

.clear { clear: both; }

.hidden { display: none; }

.not-hidden { display: block; }

.ajax-load-bg {
    background: url(../../Images/Loading/ajax-loader.gif) no-repeat center;
    text-align: center;
}

.ajax-load {
    background: url(../../Images/Loading/ajax-loader.gif) no-repeat center;
    height: 5em;
    text-align: center;
    width: 12em;
}

.ajax-load-left {
    background: url(../../Images/Loading/ajax-loader.gif) no-repeat center;
    height: 5em;
    text-align: left;
    width: 12em;
}

.ajax-load-sm {
    background: url(../../Images/ajax-loader-small.gif) no-repeat right top;
    float: right;
    height: 2em;
    text-align: center;
    width: 2em;
}


.ajax-load-bar {
    background: url(images/ajax-loader-bar.gif) no-repeat center bottom;
    height: 2em;
    padding: 1em;
    text-align: center;
}

.ta-right { text-align: right; }

.debug-border { /* border: solid thin black ;*/ }

table#formTable td { padding: .25em; }

table#formTable td.user_instructions, td.instructions {
    padding: 10px;
    vertical-align: top;
}

td.instructions { width: 200px; }

.standardTable { }

.standardTable td { padding: .25em; }

.standardTableLarge { }

.standardTableLarge td { padding: .5em; }

.standardTableLarge .standardTableHeader {
    font-weight: bold;
    padding: .5em;
    text-align: left;
    width: 30%;
}

.standardTableLarge .standardTableHeader .Notes {
    font-weight: normal;
    text-align: left;
}

.standardTableLarge .standardTableCaption {
    font-weight: bold;
    padding: 1em .5em .5em .5em;
    text-align: left;
}

.standardTableLarge .standardTableHeader .Notes {
    font-weight: normal;
    padding: .25em;
}

.sortableTable { border: 1px solid #999999 }

.sortableTable td {
    background-color: #D3D3D3;
    border-bottom: 1px solid #999999;
    color: #333333;
    cursor: move;
    padding: .25em;
}

.sortable-table-light { border: 1px solid #999999 }

.sortable-table-light td {
    background-color: #fff;
    border-bottom: 1px solid #999999;
    color: #333333;
    cursor: move;
    padding: .25em;
}

/* Default link syle */

a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:link { color: #3399CC; }

a:visited { color: #3399CC; }

a:hover {
    color: #00476A;
    text-decoration: underline;
}

a:active { color: #3399CC; }

/* End default link syle */

/* Gray link style */

A.Gray:link { color: #666666; }

A.Gray:visited { color: #666666; }

A.Gray:hover {
    color: #000000;
    text-decoration: underline;
}

A.Gray:active { color: #666666; }

/* End gray link style */

/* Form elements */

label { }

input, select, button, textarea {
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

input[type="checkbox"] { vertical-align: middle; }

/* lists */

ul { margin: 0 0 1em 2em; }

li { list-style-type: disc; }

fieldset {
    border: solid thin #666666;
    padding: 1em;
}

fieldset legend {
    font-size: 1.1em;
    font-weight: normal;
    padding: .25em;
}

.sub-list { margin: 0 0 0 1em; }

/* Date text syle */

.Date { color: #666666; }

/* main banner */

td#banner_cell {
    background-image: none;
    width: 100%;
}

/* Home Page */

.page-widget {
    margin: 1em 0 0 0;
    padding: .5em;
    width: 20em;
}

.quick-links-widget { margin-left: 0em; }

.info-center-widget {
    margin-left: 5em;
    overflow: hidden;
}

.client-messages-widget { margin-left: 5em; }

.home-bottom {
    margin: 1em 0 0 0;
    padding: .5em;
}

.welcome-main-container h3 {
    /*    border-bottom: solid .2em #006600;*/
    /*border-bottom: solid .2em #33d6ff;*/
    border-bottom: solid .2em #bfbfbf;
    color: #006600;
    font-size: 1.3em;
    margin: 0 0;
    padding: 0;
}

.important { color: #ff0000; }

li.neg-bal a { color: #ff0000; }

/* ------ Layouts ---------*/

.leftside { /* Implement in theme.css */ }

.rightside { /* Implement in theme.css */ }

.leftcorner {
    background-image: url(images/CO-LeftCorner.gif);
    background-position: bottom;
    background-repeat: no-repeat;
    width: 25px;
}

.rightcorner {
    background-image: url(images/CO-RightCorner.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
    width: 24px;
}

/* Search background cell syle */

.searchcell {
    background-color: #96C32A;
    height: 21px;
    margin: 0 4 0 0;
    padding: 0 4 0 4;
    text-align: right;
    vertical-align: middle;
}

.logocell {
    margin: 0 0 8 0;
    padding: 0 0 8 0;
    text-align: left;
    vertical-align: bottom;
}

.toptable { /* Implement in theme.css */ }

.toptable-left { /* Implement in theme.css */ }

.toptable-right { /* Implement in theme.css */ }

/* Register/user text style */

.Register {
    color: #666666;
    font-size: 1em;
    margin: 0 12px 3px 0;
    padding: 0 12px 3px 0;
    text-align: right;
    vertical-align: bottom;
}

/* Register/user link */

A.Register:link {
    margin: 0 12px 3px 0;
    padding: 0 12px 3px 0;
    text-align: right;
    text-decoration: none;
    vertical-align: bottom;
}

A.Register:visited {
    margin: 0 12px 3px 0;
    padding: 0 12px 3px 0;
    text-align: right;
    text-decoration: none;
    vertical-align: bottom;
}

A.Register:hover {
    margin: 0 12px 3px 0;
    padding: 0 12px 3px 0;
    text-align: right;
    text-decoration: underline;
    vertical-align: bottom;
}

A.Register:active {
    margin: 0 12px 3px 0;
    padding: 0 12px 3px 0;
    text-align: right;
    text-decoration: none;
    vertical-align: bottom;
}

.headertable {
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    height: 90px;
}

.bottomtable {
    border-bottom: 1px solid #23447d;
    height: 37px;
    text-align: center;
    vertical-align: top;
}

.copyright {
    color: #666666;
    font-size: .85em;
    text-align: center;
    vertical-align: middle;
}

.rightcol {
    text-align: left;
    vertical-align: top;
    width: 148px;
}

.SignIn {
    color: #FFFFFF;
    font-size: .85em;
    margin: 0 0 3px 0;
    padding: 0 0 3px 0;
    text-align: center;
    vertical-align: bottom;
}

.centered {
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}

.successBox {
    background-color: #9AFF9A;
    border: 1px solid #006400;
    color: #006400;
    font-weight: bold;
    margin: 4px;
    padding: 10px;
    text-align: center;
    width: 300px;
}

.success-msg {
    color: #006400;
    font-weight: bold;
}

.failureBox {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-weight: bold;
    margin: 4px;
    padding: 10px;
    text-align: center;
    width: 300px;
}

.failureBoxpopup {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-weight: bold;
    /*margin: 4px;
    padding: 10px;*/
    text-align: center;
    width: 320px;
}

.showProperties { width: 600px; }

.labels {
    float: left;
    font-weight: bold;
    padding: 3px;
    text-align: right;
    width: 90px;
}

.values {
    float: right;
    padding: 3px;
    width: 498px;
}

.showClear { clear: both; }

.menuImage {
    border: none;
    vertical-align: baseline;
}

.menuImageClear {
    border: none;
    height: 9px;
    vertical-align: baseline;
    width: 1px;
}

.clientMessageCreatedBy {
    color: #666666;
    font-style: italic;
}

.clientMessageDetails {
    background-color: #9AFF9A;
    border: 1px solid #006400;
    color: #006400;
    padding: 2px;
    text-align: center;
    width: 300px;
}

.clientMessageBar {
    float: right;
    /*background-color:#9AFF9A;*/
    padding: 3px;
    width: 300px;
}

.clientMessageBarTitle {
    border-bottom: 1px solid #666666;
    font-size: 1.2em;
    font-weight: bold;
}

.clientMessageBar ul { margin-left: 0; }

.clientMessageBar ul li {
    border-bottom: 1px dotted #999999;
    list-style-type: none;
    margin-left: 0;
    padding: 3px;
}

a.clientMessageLink:link, a.clientMessageLink:active, a.clientMessageLink:visited {
    color: #006400;
    font-weight: bold;
    text-decoration: none;
}

a.clientMessageLink:hover {
    font-weight: bold;
    text-decoration: underline;
}

/*.login-container {
    margin-left: 45em;
    width: 31em;
}*/

div.forgot-password-container {
    font-size: .9em;
    margin-left: 19em;
    width: 8em;
}

div.first-time-user-container {
    font-size: .9em;
    margin-left: 6.0em;
    width: 24em;
}

/************** GRIDS *******************/

.standardGrid {
    border: 1px solid #dcdcdc;
    border-collapse: separate;
}

.standardGrid th {
    font-weight: bold;
    height: 28px;
    padding: .25em;
    text-align: left;
}

.standardGrid ul, li {
    list-style-image: none;
    margin: 0px;
}

.standardGrid tfoot { background-color: #E0E0E0; }

.standardGrid td {
    padding: .25em;
    vertical-align: top;
}


/************ LOGIN CONTROLS *************/

.loginBox { width: 80px; }

.loginSubmit { font-size: .8em; }

input.formButton {
    font-size: 1.2em;
    padding: 0 .25em;
}

/* Footer text styles */

.Footer {
    color: #a9a9a9;
    font-family: Arial, Helvetica;
    font-weight: normal;
    margin: 0 .75em 0 .75em;
    text-align: right;
    text-decoration: none;
    vertical-align: middle;
}

.Footer A:link {
    color: #a9a9a9;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}

.Footer A:visited {
    color: #a9a9a9;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}

.Footer A:active {
    color: #a9a9a9;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
}

.Footer A:hover {
    color: #a9a9a9;
    font-weight: normal;
    text-align: center;
    text-decoration: underline;
}

/* End footer text styles */

/************ VALIDATION ****************/

.field-validation-error {
    color: #ff0000;
    padding-bottom: .5em;
}

.input-validation-error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
}

.validation-summary-errors {
    color: #ff0000;
    font-weight: bold;
}

/*for jquery.validate*/

input.error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
}

/*for error message*/

.message {
    color: Red;
    font-weight: bold;
    text-align: left;
}

select.error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
}

textarea.error {
    background-color: #ffeeee;
    border: 1px solid #ff0000;
}

label.error {
    color: #f00;
    font-size: .7em;
    margin-left: .5em;
}

.strikethrough { text-decoration: line-through; }

/* For Custom Email Validation plugin */

.validateEmailsLink { margin-left: .5em }

span.required_header {
    color: #f00;
    font-size: .9em;
}

div.BPWSSummary {
    font-weight: bold;
    margin: 0 0 0 1.5em;
}

table#tableSummary { }

div#divLocationSelections, div#divPayDateSelections, div#divEmployeeSelections {
    height: 150px;
    margin: 0 0 0 0em;
    overflow: auto;
}

#submenu01 { padding: 0 0 1em 0; }

.settingLabel { font-weight: bold; }

.filterInput {
    font-size: .9em;
    font-style: italic;
    margin: .5em 0 0 0;
    width: 100px;
}

.highlight {
    background-color: #E0E0E0;
    font-weight: bold;
    margin: .25em 0;
    padding: .35em 0 .35em .35em;
}

select#RoleList { margin: 0 0 .25em 0; }

tr#headerRow th { font-weight: bold; }

/*** Default menu style ***/

.sf-menu { font-size: 1.1em; }

/*** Impersonation Console ***/

#impConsole {
    background-color: yellow;
    border: 2px solid black;
    float: right;
    margin: .3em;
    padding: .5em;
    position: relative;
    text-align: center;
    width: 10em;
}

div#impTitle {
    font-size: .8em;
    font-weight: bold;
    padding: 0 0 .3em 0;
    text-decoration: underline;
}

div#impBody { font-size: .8em; }

.report-app-name { font-weight: bold; }

div#MsgArea {
    font-size: 1.5em;
    font-weight: bold;
    margin-top: 1em;
}

/*** Client Logo ***/

.clientLogo { margin-left: 20px; padding-top: 10px; padding-bottom: 10px;}
.clientLogoLoginPage { margin-left: 0px; padding-top: 10px; padding-bottom: 10px;}

/*** Message Center Styles ***/

strong.MsgWarn {
    color: #ff0000;
    font-size: 1em;
}

div.NoMsgs {
    font-size: 1.5em;
    font-weight: bold;
    margin: 1.5em;
    text-align: center;
}

h3.MsgSubject {
    background-color: #999;
    color: #FFF;
    font-size: 1.3em;
    height: 1em;
    margin-bottom: .5em;
    padding: .75em 0 .75em .5em;
    width: 57em;
}

div.MsgContainer {
    border: solid thin black;
    margin: 0 0 1em 0;
    width: 74.6em;
}

div.MsgContainer div.MsgAuthor {
    color: #00681C;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    margin: .5em;
    width: 40%;
}

div.MsgContainer div.MsgDateTime {
    float: right;
    margin: .5em;
    text-align: right;
    width: 40%;
}

div.MsgContainer div.MsgBody { padding: .5em; }

div.MsgContainer div.MsgFooter {
    background-color: #eee;
    padding: .5em;
}

div.MsgUpgraded {
    border: solid thin black;
    margin: 0 0 1em 0;
    width: 39.0em;
}

div.MsgUpgraded div.MsgWarning {
    color: #c6071e;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: .5em;
    width: 100%;
}

div.MsgUpgraded div.MsgBody { padding: .5em; }

div.MsgSubHeaderContainer {
    margin: 0 0 .5em 0;
    width: 74.6em;
}

div.MsgSubHeaderLeft { float: left; }

div.MsgSubHeaderRight {
    float: right;
    text-align: right;
}

div.MsgButtonContainer { width: 74.6em; }

a.MsgReplyAnchor {
    color: #0000CC;
    font-weight: bold;
}

div.MsgReplyLink {
    color: #0000CC;
    font-weight: bold;
}

div.MsgReplyLink:hover { cursor: pointer; }

.MsgClosed {
    color: #008000;
    font-weight: bold;
    text-align: right;
}

.MsgNotClosed {
    color: #FF0000;
    font-weight: bold;
    text-align: right;
}

form.StatusForm { display: inline; }

strong.edit { }

strong.edit button {
    font-size: 1em;
    margin: 0 0 0 .15em;
}



/* Quickloads & Manual Transactions */

.settlement-accts-container {
    border: solid thin silver;
    height: 4em;
    overflow: auto;
    padding: 0 0 0 0;
    width: 30em;
}

.settlement-accts-container .sa-table {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    table-layout: fixed;
    width: 95%;
}

.settlement-accts-container .sa-company-name { margin-right: 5em; }

.settlement-accts-container .sa-amount { margin-right: 5em }

/*.failed-submission { background-color: rgb(249, 247, 137); }

.failed-submission td { background-color: rgb(249, 247, 137); }*/

.failed-submission { background-color: rgb(248, 250, 202); }

.failed-submission td { background-color: rgb(248, 250, 202); }

.partial-error {
    color: Maroon;
    text-align: center;
}

.user-state-load {
    background: url(Images/Loading/ajax-loader.gif) no-repeat center;
    height: 30em;
    text-align: center;
    width: 58em;
}

.user-state-load-msg {
    height: 37em;
    width: 58em;
}

.scroll-div { overflow: auto; }

/* w2 summary divs */

div#w2-summary-container {
    float: left;
    margin-right: 5px;
    width: 180px;
}

div#w2-results-container {
    float: right;
    width: 660px;
}

.w2-footer {
    clear: both;
    padding-top: 1.5em;
}

.w2-submit-link {
    border: none 0px;
    color: blue;
}

div#summary-top {
    background-color: #C9C9C9;
    border: 2px solid #C9C9C9;
    height: 11px;
    padding: 3px;
    width: 177px;
}

div#summary-main {
    border-bottom: 2px solid #C9C9C9;
    border-left: 2px solid #C9C9C9;
    border-right: 2px solid #C9C9C9;
    padding: 3px;
    width: 177px;
}

div.summary-scroll {
    height: 150px;
    overflow: auto;
    width: 100%;
}

/*  OLWS Batch Print Summary */

.olws-summary-top {
    background-color: #C9C9C9;
    border: 2px solid #C9C9C9;
    height: 11px;
    padding: 3px;
    width: 177px;
}

.olws-summary-main {
    border-bottom: 2px solid #C9C9C9;
    border-left: 2px solid #C9C9C9;
    border-right: 2px solid #C9C9C9;
    padding: 3px;
    width: 177px;
}

div.olws-summary-scroll {
    height: 150px;
    overflow: auto;
    width: 100%;
}

.enroll-sub-history ul { padding-left: 20px; }

.enroll-sub-history ul li { list-style-type: disc; }

/************ MISC **********************/

.strong-label { font-weight: bold; }