:root {
 --primary: #130c0d;
 --table-heading: #130c0d;
 --logo: #ffc915;
 --secondary: #ffc915;
 --button-primary: #ffc915;
 --button-primary-light: #ffd752;
 --text-main: #130c0d;
 --background: #efefef;
 --button-secondary: #ffc915;
 --text-light: #8d8d8d;
 --secondary-light: #ffd752;
}






body {background-color:  var(--background, #eff1f1); color: var(--text-main, #000);}
label {color: var(--text-main, #000);}
h1, h2, h3, h4, h5, h6  {color: var(--text-main, #000);}
.bootstrap-select> .btn.dropdown-toggle.btn-default, .dropdown-menu>li>a { color: var(--text-main, #000); }
input.form-control, textarea.form-control { color: var(--text-main, #000); }
.dropdown-header { color: var(--text-light, Gray); }
input.form-control::placeholder { color: var(--text-light, Gray);  opacity: 1; }
input.form-control:-ms-input-placeholder { color: var(--text-light, Gray); }
input.form-control::-ms-input-placeholder { color: var(--text-light, Gray); }
#footer {background-color:  var(--background, #eff1f1); color: var(--text-light, Gray);;}
#fmenu a {color: var(--text-light, Gray);}
.content-pages {background-color:  var(--background, #eff1f1);}



.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%;}


div.menu-bg { background: var(--primary, #000); height: 60px; }
.menu ul {margin-top: 5px; }
.menu li ul  { background-color:  var(--background, #eff1f1); }
.menu.on  ul {  background-color:  var(--secondary, #eff1f1); }

div.tab-nav {background-color: var(--secondary, #eff1f1);}

div.tab-nav ul.tabs li a.selected { background: var(--secondary-light); }
div.tab-nav ul.tabs li a.selected:after { border-top: 10px solid var(--secondary-light); }


a.button, .ui-dialog .ui-dialog-content a.button {background: var(--button-primary, #000);}

    a.button:hover, .ui-dialog .ui-dialog-content a.button:hover { background: var(--button-primary-light, #444); }

ul.top-nav li.menu-button:hover {  background: var(--button-secondary, #000); }


table .actions a:before, table th a.add:before, li .actions a:before, table th a.plus:before { background: var(--button-secondary, #ed9f07); }

.content-left li a.selected, .content-top li a.selected { background: var(--button-secondary, #ed9f07); border-color: var(--button-secondary, #ed9f07); }
.content-left li a:hover, .content-top li a:hover { border-color: var(--button-secondary, #ed9f07); }

table.grid th, table.grid td.grid-head { background: var(--table-heading, #000);}
.tab-hamburger-menu, .tab-hamburger-menu:hover { color: var(--button-secondary, #ed9f07); }
.tab-hamburger-menu.expanded { background: var(--button-secondary, #ed9f07); color: #fff; }
div.content-top ul.showtabmenu {background: var(--button-secondary, #ed9f07); }


.pager-wrapper .pager li > a, .pager-wrapper .pager li > span {background-color: var(--button-secondary-light, #f1ba67);}

.pager-wrapper .pager li > span, .pager-wrapper .pager li > a:hover {background: var(--button-secondary, #ed9f07);}

/*

body {color: #383838;}
h1,h2,h3,h4,h5,h6,label {color: #424242;}
body, #footer {background: #efefef;}
.content-pages {background: #efefef;}
.content-left li a:hover, .content-top li a:hover { border: 1px solid #f38d02; }
.content-left li a.selected, .content-top li a.selected { background: #f38d02;  color: #fff; border: 1px solid #f38d02; }
a.button, .ui-dialog .ui-dialog-content a.button {background: #f38d02;}
table.grid th, table.grid td.grid-head {background: #7a7a7a;}

table .actions a:before, table th a.add:before, li .actions a:before, table th a.plus:before { background: #f38d02;}


    a.button:hover, .ui-dialog .ui-dialog-content a.button:hover {
        cursor: pointer;
        background: #fda935;
        color: #FFFFFF;
        transition: all 0.2s ease-in-out 0s;
        text-decoration:none;
    }
*/

.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 { width: 150px; height: 50px; background-size: 150px; margin-top: 4px; }

/*div.menu-bg { height: 60px; background-color: #4974a5; }*/
.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;}