/* Styles for Form */

* {
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;
    font-size: 16px;
}
body {
    background-color: #eeeeee;
}
.login {
    width: 400px;
    background-color: #ffffff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    padding: 20px;
    margin: 40px auto;
}
.login h1 {
    text-align: center;
    color: #5b6574;
    font-size: 1.8rem;
    border-bottom: 1px solid #dee0e4;
}
.login form {
    display: block;
}
.login form label {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    width: 50px;
    height: 35px;
    color: #000000;
}
.login form input[type="password"], .login form input[type="email"] {
    width: 310px;
    height: 50px;
    border: 1px solid #dee0e4;
    margin: 0 0 10px 0px;
    padding: 0 15px;
}
.login form input[type="submit"] {
    width: 100%;
    padding: 15px;
    margin-top: 20px;
    background-color: #3274d6;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    color: #ffffff;
    transition: background-color 0.2s;
}
.login form input[type="submit"]:hover {
  background-color: #2868c7;
    transition: background-color 0.2s;
}
.centered {
    text-align: center;
}
.nextbutton {
    background-color:#3274d6;
    color:#ffffff;
    padding: 15px;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    height: 50px;
    margin: 20px 0px;
}
.nextbutton:disabled {
    background-color: gray;
}
.backbutton {
    background-color:#cd2200;
    color:#ffffff;
    padding: 15px;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    height: 50px;
    margin: 20px 0px;
}
.greenbutton {
    background-color:#6aa84f;
    color:#ffffff;
    padding: 15px;
    border: 0;
    cursor: pointer;
    font-weight: bold;
    height: 50px;
    margin: 20px 0px;
}
#footer {
    position: fixed;
    bottom: 20px;
    right:20px;
}
.fullwidth {
    width: 95%;
    background-color: #ffffff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
    padding: 20px;
    margin: 40px auto;
}
.maxwidth {
    width: auto;
    background-color: #ffffff;
    padding: 15px;
}
.menuitem {
    padding-left: 10px;
    color: black;
}
.lrspacing {
    margin: 0 20px;
}
.bordered {
    border:1px solid;
    padding: 0px 15px;
    min-width: 80px;
}
.bordered2 {
    border:1px solid;
    padding: 30px 15px;
    min-width: 80px;
}
.red {
    color:#f83434;
}
.green {
    background-color:#a4fb5f;
}
.gold {
    background-color:#f0d020;
}
.leftbit {
    margin-left:5px;
}
.fontnormal {
    font-weight: 400;
}
.ctable {
    margin:0 auto;
}
table {
    white-space: nowrap;
    border-collapse: separate;
    border-spacing: 0;
    table-layout: fixed;
    border: 1px solid black;
}
table td, table th {
    border: 1px solid black;
    padding: 0.5rem 1rem;
}
table thead th {
    padding: 3px;
    position: sticky;
    top: 0;
    z-index: 1;
    width: 25vw;
    background: white;
}
table td {
    /*background: #fff;*/
    padding: 4px 5px;
    text-align: center;
}
table thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
}
table tbody th {
    position: sticky;
    left: 0;
    background: white;
    z-index: 1;
}
[role="region"][aria-labelledby][tabindex] {
    width: 100%;
    max-height: 80vh;
    overflow: auto;
}
[role="region"][aria-labelledby][tabindex]:focus {
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
    outline: 0;
}
.loadingimg {
    display: none;
    margin: auto;
}
.donotshow {
    display: none;
}
.accrualform {
    margin: 0 auto;
    width: 60%;
    padding:20px;
    background-color: #fee;
}
.selectbox {
    height: 50px;
    margin-right: 20px;
    padding: 10px;
}
.accrualfield {
    width:40%;
}
.alignright {
    float: right;
}
.alignleft {
    float: left;
}
.clearboth {
    clear: both;
}
.eheader {
    margin-bottom: 25px;
}
.nopadding {
    padding:0px;
}
.borderleftnone {
    border-left-width: 0px;
}
hr.divider {
    margin-top:30px;
}
.flex-row {
    padding:0px 15px;
}
.tablespace {
    height:25px;
}

/* Added by Zack = 260424 */

#showafter {
	display:none;
    color: red;
}

/* Added by Lee Yee = 120424 */
.reportPage{height:100%;}
.listingCard p {margin-bottom: 0;}
.listingCard {
    margin: 15px;
    border: 1px solid rgba(0, 66, 136, 0.171);
    border-radius: 4px;
    padding: 16px;
    width: 98%; /* for mobile */
}
@media (min-width: 768px) {
    .listingCard {
        width: 45%;
        height: 30%; } 
    .reportPage{height:100vh;}
}

@media (min-width: 1250px) {
    .listingCard {
        width: 30%;
        height: 40%; } 
}

/* Added by Zack = 160125 */

.valid-bank-row {background-color:#a4fb5f}

.invalid-bank-row {background-color:#f83434}

/* Added by Zack = 310125 */

.fa-home, .fa-rectangle-list, .fa-list, .fa-upload, .fa-sign-out {margin-right:8px;}