.iframe-loading h3 {color: #000;}

.login-page-background {
    
    background: url('/assets/files/e3-front-office.jpg');
    background-size: cover;
  position: absolute;
  width: 100%;
  height: 100%;  
   
}

.login-page-background-blur {
   backdrop-filter: blur(10px); 
   position: absolute;
  width: 100%;
  height: 100%;

    
}


.login-page-foreground {
    margin: 15% auto 0 auto;
    width: 80%;
    max-width: 500px;
}



.login-page .card {
    margin-top: 200px;
    
    
    
}

.login-page .large-logo {
    
    display:block;
    width: 200px;
    height: 150px;
    background-color: transparent;
    background-image: url('/assets/website-images/2/FooterLogo.png');
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    margin:  0 auto;
    z-index: 1000;
    
    

}




.terms ol { counter-reset: item; padding-left: 38px; line-height: 125%;}
.terms li { display: block; position: relative; }
.terms li:before { content: counters(item, ".") " "; counter-increment: item; position: absolute; left: -35px; }

.terms ol>li {font-size: 1.5em; padding: 0; margin-top: 20px;}
.terms ol>li>ol {margin-top: 20px; padding-left: 10px;}
.terms ol>li>ol>li {font-size: 0.7em; margin: 0 0 5px 0; }

.terms ol>li>ol>li>ol { margin-top: 5px; }

.terms ol>li>ol>li>ol>li {font-size: 1em; padding-left: 15px; line-height: 150%;}


#logo { background: url(/assets/files/e3-admin-logo.png) no-repeat; width: 50px; height: 50px; background-size: 50px; margin-top: 5px; }
div.menu-bg { height: 60px; }
.menu ul {margin-top: 5px; }
.menu li:hover li a {width: 200px;}

div.white-popup.modal {
    display: block;
    max-width: 400px;
    min-width: 280px;
    position: relative;
    padding: 20px;
}

table.grid td.payrate {background: #ffff91;}
table.grid td.chargerate {background: #d6afff;}
table.grid td.payratepluscosts {background: #a0ffa6;}
table.grid td.margin {background: #82a1ff;}
table.grid td.gross {background: #f6f6f6;}


table.grid tr.fixed-term td {background: #ffa1f6;}
table.grid tr.permanent td {background: #ffff91;}
table.grid tr.contract td {background: #d6afff;}
table.grid tr.temporary td {background: #a0ffa6;}

.form-section.multiple {margin-bottom: 20px;}

textarea.form-control {resize: vertical;}

#FieldDescriptionTaxCode, #FieldDescriptionTaxRate, #FieldDescriptionSchedularPaymentActivityNumber { max-width: 900px; max-height: 600px; overflow-y: scroll; overflow-x: hidden; padding-left: 0; padding-right: 0;}