body {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 16px;
    line-height: 150%;
}
html,body{
    height: 100%;
}
body {
    min-height: 100%;
}
.login-wrapper {
    background-image: url(../img/bg_.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
}
.wrapper {
    height: 100%;
    background-color: #efefef;
}
.wrapper-user {
    min-height: 100%;
    /*height: 100%;*/
    background-color: #efefef;
    display: grid;
    grid-template-rows: auto 1fr auto;
    max-width: 480px;
    margin:0 auto;
    position: relative;
    overflow: hidden;
}
a:focus{outline: 0;}
.header-wrapper {
    width: 100%;
}
.admin-dashboard__main {
    padding: 20px 10px;
}
.con-smxl {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px;
}
/* FLEXS + GRID*/
.grid-bet-c {
    display: grid;
    grid-auto-flow: column;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}

.rcgrid {
    display: grid;
    grid-auto-flow: column;
}
.gver-cen {
    align-content: center;
    align-items: center;
}
.gap15 {
    grid-gap: 15px;
}
.gap30 {
    grid-gap: 30px;
}
.gap50 {
    grid-gap: 50px;
}
.gap60 {
    grid-gap: 60px;
}
/* FLEXS + GRID*/
.login__main {
    height: 100%;
}
.login-content-wrapper {
    display: grid;
    height: 100%;
    place-items: center;
}
.login-content-holder{
    width: 100%;
    max-width: 280px;
    padding: 0 20px;
}
.logo-holder {
    display: grid;
    justify-items: center;
    grid-gap: 20px;
    margin-bottom: 40px;
}
h1.logo a img {
    width: 100%;/*
    -webkit-filter: drop-shadow(5px 5px 10px rgba(0,0,0,.6));
  filter: drop-shadow(5px 5px 10px rgba(0,0,0,.6));*/
}
.dismob{
    display: none;
}
.login-title {
    font-weight: 400;
}
.login-title span{
    font-weight: 700;
}
.login-form-holder {
    width: 100%;
}
.login--form {
width: 100%;
display: grid;
justify-items: center;
grid-gap: 20px;
}
.login--input {
    width: 100%;
    height: 50px;
    display: grid;
    place-content: center;
    text-align: center;
    border: none;
    padding: 0 10px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
    border-radius: 5px;
}
#loginbutton {
    color:#fff;
    background-color:#27ae60;
    height: 50px;
    display: grid;
    grid-auto-flow: column;
    justify-items: center;
    align-items: center;
    grid-gap: 10px;
    border-radius: 5px;
    font-weight: 700;
    padding: 0 40px;

}
.user__header {

}
.user-dashboard__main-fcon {
    display: grid;
}
.user-main-dashboard-wrapper-fcon {
    display: grid;
}
.user-main-dashboard-wrapper {
    padding-bottom: 95px;
}
.user-header-wrapper {
    width: 100%;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    justify-items: space-between;
    align-items: center;
    padding: 30px 0;
}
a.menu-button {
    display: grid;
    grid-gap: 8px;
    cursor: pointer;
}
a.a-menu-button {
    display: grid;
    grid-gap: 8px;
    cursor: pointer;
}
a.menu-button span{
    display: block;
    height: 5px;
    border-radius: 5px;
    background-color: #000;
}
a.a-menu-button span{
    display: block;
    height: 3px;
    border-radius: 5px;
    background-color: #fff;
}
a.menu-button span:nth-child(1),
a.a-menu-button span:nth-child(1){
    width: 32px;
}
a.menu-button span:nth-child(2),
a.a-menu-button span:nth-child(2){
    width: 32px;
}
a.menu-button span:nth-child(3),
a.a-menu-button span:nth-child(3){
    width: 22px;
}
.menu_block{
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: #dedede;
    left:0;
    top:0;
    z-index: 10;
    padding: 30px 40px;
    text-align: center;
    transform: translate(-100%, 0);
    -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;
}
#chk-menu,
.chk-paystatus
 {
    position: absolute;
    visibility: hidden;
    z-index: -1111;
    left: -9999px;
}
#chk-menu:checked ~ .menu_block {
    transform: translate(0, 0);
    -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;
}
.chk-paystatus ~ .g_uncheck {
    display: block;
}
.chk-paystatus ~ .g_check {
    display: none;
}
.chk-paystatus:checked ~ .g_uncheck {
    display: none;
}
.chk-paystatus:checked ~ .g_check {
    display: block;
}
.g_check {
    color:#27AE60;
    font-weight: 700;
    cursor:pointer;
}
.g_uncheck {
    color: #777;
    cursor:pointer;
}
.user-m-close {
    font-size: 32px;
    cursor: pointer;
}
.admin-m-close {
    font-size: 32px;
    cursor: pointer;
    color:#fff;
}
.user-menu-holder {
margin-top: 40px;
text-align: center;
}
.user-menu-holder li{
margin-bottom: 10px;
}
.user-menu-holder li a{
    display: block;
color:#000;
font-size: 24px;
font-weight: 700;
padding: 10px 0px;

}
.user-branch-name {
    font-size: 18px;
}
.foot-control-nav {
    padding: 20px 0px;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    justify-items: space-between;
}
.foot-cont-btn {
    display: inline-grid;
    grid-gap: 10px;
    justify-items: center;
    justify-content: center;
    color:#000;
    padding: 10px 20px;
    line-height: 5px;
    font-weight: 400;
    font-size: 14px;
}
.foot-cont-btn i{
    font-size: 24px;
    margin-bottom: 5px;
}
.foot-cont-btn span{
    display: block;
    font-weight: 700;
}
.revenue-viewer-wr{
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.25);
}
.rev_date_controller-wr {
background-color: #F2C94C;
font-size: 16px;
color:#000;
display: grid;
grid-template-columns: auto 1fr auto;
align-items: center;
align-content: center;
}
a.rev_date_prev, a.rev_date_next{
    color:#000;
    padding: 20px;
    font-size: 20px;
}
a.rev_date_prev.disable25, a.rev_date_next.disable25{
opacity: .25;
pointer-events: none;

}
p.rev_date_display {
    text-align: center;
    font-size: 17px;
}
.rev_totals-wr {

}
.rev_half_block {
display: grid;
grid-template-columns: 1fr auto 1fr;
}
.ver_line-de span{
    display: block;
    width: 1px;
    height: 100%;
    background-color: #dedede;
}
.hor_line-de span{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #dedede;
}
.dash-ver_line-999 {
    display: block;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #999 50%, rgba(255,255,255,0) 0%);
    background-position: bottom;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}
.rev_full_block {

}
.t-d-t-empty {
    background-color: #888;
}
.t-d-t-full {
    background-color: #27AE60;
}
h3.r-t-title{
    font-weight: 400;
    color:#333;
    font-size: 15px;
}
p.no_entry_total {
    color: #c0392b;
}
p.r-t-data-big{
    font-size: 24px;
    color: #fff;
}
p.r-t-data-reg{

}
.ta-cen {
    text-align: center;
}
.ta-l {
    text-align: left;
}
.ta-r {
    text-align: right;
}
.ta-j {
    text-align: justify;
}
.bg_yellow {
    background-color: #F2C94C;
}
.rev_tot-con-block {
    text-align: center;
    padding: 20px 10px;
}
.rev_tot-con-block-in{
    text-align: center;
    padding: 10px 10px;
}
span.bpound {
    display: inline-block;
    font-weight: 700;
    margin-right: 5px;
}
.amount-r-t {
    font-size: 18px;
}
.dark-tot-block {
    background-color: #444;
    color:#fff;
}
.dark-tot-block h3.r-t-title {
    color:#fff;
}
.dark-tot-block p.amount-r-t {
    font-size: 20px;
}
.user-in-pagetitle-holder {
   
}
.user-in-pagetitle-holder h2 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 20px;
}
input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    /*width: 100%;
    display: block;
    position: absolute;
    background-color: red;*/
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.gn_user_form-holder {
    display: grid;
    grid-template-rows: 1fr;
}
.gn-user-form {
    display: grid;
    grid-template-rows: 1fr;
}
.gn-ver-fit {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr auto;
    align-content: flex-start;
}
.gn-fomr-inner {
display: grid;
grid-template-columns: repeat(2,1fr);
grid-gap: 15px;
align-content: start;
align-items: start;
}
.gn-fomr-inner1 {
display: grid;
grid-template-columns: 1fr;
grid-gap: 15px;
align-content: start;
align-items: start;
}
.gn_full {
    grid-column-start: 1;
    grid-column-end: 3;
}


.gn-in-label {
    position: relative;
}
p.gn-label-title {
font-weight: 700;
line-height: 100%;
margin-left: 3px;
color:#666;
}
.gn-icon-right {
    position: absolute;
    z-index: 1;
    right:20px;
    bottom:0;
    display: grid;
    align-content: center;
    height: 50px;
    pointer-events: none;
    font-size: 20px;
    color:#999;
}
.gn-icon-left-p {
    position: absolute;
    z-index: 0;
    left:20px;
    bottom:0;
    display: grid;
    align-content: center;
    height: 50px;
    pointer-events: none;
    font-size: 20px;
    color:#555;
}
.gn-in-label input[type="date"] {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    position: relative;
    border-radius: 5px;
    border: 1px solid #dedede;
}
.gn-in-label input[type="date"]::-webkit-inner-spin-button,
.gn-in-label input[type="date"]::-webkit-calendar-picker-indicator {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    opacity: 0;
    left:-24px;
    top:0px;
}
.gn-in-label input.amount_input {
    width: 100%;
    height: 50px;
    padding: 0 20px 0 35px;
    border-radius: 5px;
    border: 1px solid #dedede;
    font-size: 20px;
    color:#555;
}
.gn-in-label input.text_input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid #dedede;
    font-size: 18px;
    color:#555;
}
.gn-in-label select.gn_select {
    width: 100%;
    height: 50px;
    padding: 0 60px 0 20px;
    border-radius: 5px;
    border: 1px solid #dedede;
    font-size: 18px;
    color:#555;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.gn-in-label input.number_input {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    border-radius: 5px;
    border: 1px solid #dedede;
    font-size: 18px;
    color:#555;
}
.gn-in-label input.number_input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-size: 15px;
    letter-spacing: -1px;
  }
  .gn-in-label input.number_input::-moz-placeholder { /* Firefox 19+ */
    font-size: 15px;
    letter-spacing: -1px;
  }
  .gn-in-label input.number_input:-ms-input-placeholder { /* IE 10+ */
    font-size: 15px;
    letter-spacing: -1px;
  }
  .gn-in-label input.number_input:-moz-placeholder { /* Firefox 18- */
    font-size: 15px;
    letter-spacing: -1px;
  }
.fomr-action-controller {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
justify-items: space-between;
margin-top: 40px;
margin-bottom: 20px;
}
.fixed-action-controller {
display: grid;
grid-auto-flow: column;
justify-content: space-between;
justify-items: space-between;
align-items: center;
align-content: center;
padding: 10px 20px;
background-color: #f7f7f7;
width: 100vw;
position: fixed;
bottom:0;
left:0;
box-shadow: 0 0 10px rgba(0,0,0,.25);
z-index: 1;
}
a.section-back-btn {
    text-align: center;
    color: #999;
    line-height: 125%;
}
a.section-back-btn i {
    font-size: 28px;
}
a.section-back-btn p {
    font-weight: 700;
}
button.green-button {
    background-color: #27AE60;
    color:#fff;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 5px;
}
.user-view-wr {
    
}
.fcon-a-1 {
    display: grid;
    grid-template-rows: auto 1fr;
}
.empty-msg {
    text-align: center;
    padding: 20px 0;
    font-size: 20px;
}
.user-expenses-wr{
display: grid;
grid-gap: 20px;
}
.expense_card{
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,.25);
position: relative;
background-color: #fff;
padding: 10px 0;
}
.expense-row{
padding: 10px 20px;
}
.user-staff-wr{
display: grid;
grid-gap: 20px;
}
.staff_card{
border-radius: 5px;
box-shadow: 0 0 10px rgba(0,0,0,.25);
position: relative;
background-color: #fff;
padding: 10px 0;
}
.staff-item{
padding: 10px 20px;
display: grid;
grid-template-columns: 1fr 32px;
align-content: center;
align-items: center;
}
p.us-vi-exp-title{
font-weight: 700;
color:#999;
}
p.us-vi-stf-title{
font-weight: 700;
color:#000;
font-size: 18px;
}
.us-vi-stf-controls {
    display: grid;
    grid-gap: 20px;
}
p.us-vi-exp-content{

}
.us-vi-exp-controls{
position: absolute;
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
right: 20px;
bottom:20px;

}
.ad-vi-exp-controls{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;

}
a.us-vi-edit, a.us-vi-del{
display: block;
width: 32px;
height: 32px;
display: grid;
place-content: center;
border-radius: 50px;
font-size: 14px;
opacity: .6;

}
a.us-vi-edit {
    background-color: #F1C40F;
    color: #000;
}
a.us-vi-del{
    
    background-color: #E74C3C;
    color: #fff;

}
a.us-vi-edit:hover, a.us-vi-del:hover {
    opacity: 1;
}
.bot90 {
    margin-bottom: 90px;
}
.in-staff-stats {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 20px;
    justify-content: start;
    margin-top: 10px;
}
/* ---ADMIN*/
.wrapper-admin {
    min-height: 100%;
}
.admin__header {
    margin-bottom: 40px;
}
 .admin_menu_wr {
     display: grid;
     grid-auto-flow: column;
     justify-content: space-between;
 }   
.admin-header-wrapper{
    background-color: #333;
    height: 60px;
    display: grid;
    align-content: center;
    grid-template-columns: 1fr;
}
.admin-menu-holder {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    justify-items: flex-start;
    grid-gap: 40px;

}
.admin-menu-holder li a {
    color:#fff;
    font-size: 18px;
}
.controler_in {
    display: grid;
    grid-auto-flow: column;
    justify-content: start;
    justify-items: flex-start;
    grid-gap: 40px;
}
.controler_in a {
    color:#fff;
    font-size: 20px;
}
.a_show-menu-btn, .a_hide-menu-btn {
display: none;
}

#chk-menu:checked ~ .admin-menu-holder {
    transform: translate(0, 0);
    -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;
}
/* TABLE GEN START*/
.full-table-wrapper {
    max-width: 1280px;
    margin: 0 auto;
}
.full-table-holder {}

.table-title-control-wr {
    display: block;
    text-align: center;
    margin-bottom: 10px;
}
.table-title-control-half-wr {
    text-align: center;
    margin-bottom: 10px;
}
h3.tb-tittle {
    font-size: 24px;
}
.tb-gen-date-control {
    display: grid;
    grid-template-columns: auto 1fr auto;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    padding: 10px 20px;
    border:1px solid #dedede;
    border-radius: 5px;
    background-color: #fff;
}
a.tb_date_prev {
    color:#000;

}
p.tb_date_display {
    color:#666;
    padding: 0 20px;
}
p.tb_date_display i {
    color:#999;
}
a.tb_date_next {
    color:#000;
}
a.tb_date_prev.disable25, a.tb_date_next.disable25{
    opacity: .25;
    pointer-events: none;
}
.tb-content-wr {
    border:1px solid #dedede;
    border-radius: 5px;

}
.tb__row {
    border-bottom: 1px solid #dedede;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    background-color: #fff;
}
.tb__row.ffix60 {
    grid-template-columns: 60px repeat(auto-fit, minmax(100px, 1fr));
}
.tb__row.ad_exps {
    grid-template-columns: 180px 1fr 1fr 100px;
    align-content: center;
    align-items: center;
}
.tb__row.ad_stft {
    grid-template-columns: 100px 100px repeat(3, 1fr) 110px 70px 90px 110px 100px;
    align-content: center;
    align-items: center;
}
.tb__row.ad_stfpr {
    grid-template-columns: 100px 1fr 120px 100px 110px 70px 140px 150px 70px;
    align-content: center;
    align-items: center;
}
.tb__row.ad_stfpr.splt1 {
    grid-template-columns: 100px 1fr 120px 100px 110px 70px 100px 120px 100px 90px 90px 70px;
    align-content: center;
    align-items: center;
}
.tb__row.ad_branches {
    grid-template-columns: 120px 1fr 1fr 1fr 100px;
    align-content: center;
    align-items: center;
}
.tb__row.ad_stafft {
    grid-template-columns: 120px 1fr 1fr 1fr 100px;
    align-content: center;
    align-items: center;
}
.tb__row.ad_exps:nth-child(even) {
background-color: #f0f0f0;
}
.tb__row.ad_stft:nth-child(even) {
background-color: #f0f0f0;
}
.tb__row.ad_stfpr:nth-child(even) {
background-color: #f0f0f0;
}
.tb__row:nth-child(even) {
background-color: #f0f0f0;
}
.tb__row.ffix60.tb-sm:first-child {
    font-weight: 700;
}
.tb__row.ffix60.tb-sm {
    padding: 0 10px;
}
.tb__row:hover,
.tb__row.ad_exps:nth-child(even):hover,
.tb__row.ad_stft:hover,
.tb__row.ad_stft:nth-child(even):hover,
.tb__row.ad_stfpr:nth-child(even):hover,
.tb__row:nth-child(even):hover

 {
    background-color: #FFF6DA;
}
.tb__row.ad_exps.tbhead:hover,
.tb__row.ad_stft.tbhead:hover,
.tb__row.ad_stfpr.tbhead:hover,
.tb__row.tbhead:hover
 {
    background-color: #fff;
}
.tb__row:last-child {
    border-bottom: 0px solid #dedede;
}
.tb__row.tbhead {
    font-weight: 700;
    border-bottom: 2px solid #dedede;
}
.tb_cell {
    padding: 10px;
}
.half-table-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, auto));
    justify-content: space-evenly;
    justify-items: space-evenly;
    padding: 40px;
    align-items: center;
    align-content: center;
}
.mb10 {
    margin-bottom: 10px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb40 {
    margin-bottom: 40px;
}
.mt10 {
    margin-top: 10px;
}
.mt20 {
    margin-top: 20px;
}
.mt40 {
    margin-top: 40px;
}
.mt80 {
    margin-top: 80px;
}
.vertical-fill-dashboard {
    display: grid;
    grid-template-rows: auto 1fr;
}
.gr-row-1fr {
    display: grid;
    grid-auto-rows: 1fr;
}
.gr-row-auto-1fr {
    display: grid;
    grid-auto-rows: auto 1fr;
}
.head-control-wr {
    min-width: 100%;
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}
.form-horiz {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, auto));
    grid-gap: 20px;
}
.form-horiz.twoselmin {
    display: grid;
    grid-template-columns: 100px 100px 200px 200px 250px auto;
    grid-gap: 20px;
}
.form-horiz.twoselminpq {
    display: grid;
    grid-template-columns: 100px 100px 160px 160px 150px 200px auto;
    grid-gap: 20px;
}
.form-horiz.payrselb {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 20px;
    justify-content: flex-start;
    justify-items: start;
    margin-top: 40px;
}
.form-horiz.reverseg {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 20px;
    justify-content: flex-end;
    justify-items: end;
    margin-top: 40px;
    align-content: center;
    align-items: center;
}
h3.inner-title-left {
    font-size: 24px;
    font-weight: 400;
}
a.date-array-select-btn {
    display: block;
    height: 50px;
    border-radius: 5px;
    border:1px solid #dedede;
    display: grid;
    grid-template-columns: auto 1fr;
    justify-content: center;
    justify-items: center;
    align-content: center;
    align-items: center;
    grid-gap: 10px;
    padding: 10px;
    line-height: 100%;
    font-weight: 700;
    font-size: 14px;
    cursor:pointer;
    color:#666;

}
a.date-array-select-btn i {
    font-size: 20px;
    color:#999;
}
p.fillh16 {
    display: block;
    height: 16px;
}
.c1280p {
    width: 100%;
    max-width: 1280px;
    margin: 0 40px;
    margin: 0 auto;
}
.filter-button-rst {
    display: grid;
    border-radius: 5px;
    background-color: #B01414;
    color: #fff;
    text-align: center;
    padding: 10px 20px;
    height: 50px;
    margin-top: 16px;
    place-content: center;
    line-height: 100%;
    font-size: 14px;
    font-weight: 700;

}

.admin_rev_dt_wr {
    margin-top: 20px;
}
.rev_dt_card {
border-radius: 5px;
overflow: hidden;
margin-bottom: 20px;
}
.rev_dt_head {
background-color: #F2C94C;
display: grid;
grid-auto-flow: column;
justify-content: space-between;
align-content: center;
align-items: center;
padding: 10px 20px;
}
h3.rev-dt-date{
font-weight: 400;
font-size: 18px;
}
.rev-dt-control{
display: grid;
grid-auto-flow: column;
grid-gap: 20px;
justify-content: center;
justify-items: center;
align-content: center;
align-items: center;
}
.rev-dt-control a {
color: #000;
}
h3.rev-dt-branch{
    font-weight: 700;
    font-size: 18px;
}
a.color--red {
    color: #B01414;
}
.rev_dt_content{
    display: grid;
    grid-auto-flow: column;
}
.dt_content_units{
    display: grid;
    grid-template-columns: repeat(6,1fr);
}
p.dt-c-title {

}
p.dt-c-amount {

}
.dt_content_total{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.dt-content-cell {
   padding: 10px;
    text-align: center;

}
.dt-content-cell {
    background-color: #dcdcdc;
}
.dt-content-cell:nth-child(1),
.dt-content-cell:nth-child(3),
.dt-content-cell:nth-child(5),
.dt-content-cell:nth-child(8),
.dt-content-cell:nth-child(10),
.dt-content-cell:nth-child(12)
{
    background-color: #f0f0f0;
}
.dt_content_total .dt-content-cell {
    background-color: #666;
    color:#fff;
}
.dt_content_total .dt-content-cell .dt-c-title{
    color:#F2C94C;
}
.dt_content_total .dt-content-cell:nth-child(2) {
    border-left:1px solid rgba(255,255,255,.25)
}
.dt_content_total .dt-content-cell.dt-c-tdr {
    background-color: #27AE60;
    color:#fff;
    grid-column-start: 1;
    grid-column-end: 3;
}
.dt_content_total .dt-content-cell.dt-c-tdr .dt-c-title {
    color:rgba(0,0,0,.5);

}
.admin_menu_block {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}
.admin-brd-title {
    display: grid;
    grid-auto-flow: column;
    grid-gap: 40px;
    justify-content: flex-start;
    justify-items: flex-start;
    align-content: center;
    align-items: center;
    font-size: 18px;
    margin-bottom: 40px;
    border-bottom:1px dashed #dedede;
    padding-bottom: 10px;
}
h3.brd-title {
    font-size: 24px;
    font-weight: 700;
}
p.brd-branch-name {
    font-weight: 700;
    background-color: #F2C94C;
    padding: 3px 6px;
    border-radius: 5px;
}
.adm_con_upd.acu_3 .con_upd_in{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 20px;
    margin-bottom: 40px;
}
.adm_con_upd.acu_1 .con_upd_in{
    display: grid;
    grid-gap: 20px;
    margin-bottom: 40px;
}

.adm_exps_wr {
    display: grid;
    grid-template-columns: 340px 1fr;
    margin-top: 40px;
    grid-gap: 20px;

}
.exps_total_vals {
    background-color: #f2c94c;
    padding: 20px;
    border-radius: 5px;

}
.exps-gen_table {
    
}
.adm-exps-card {
    display: grid;
    grid-gap: 20px;
    margin-bottom: 40px;
}
.fixed-action-controller {
    
}
.ad_stfpr .ad-vi-exp-controls {
    justify-items: center;
}
.empty_msg_pyrl {
    color:red;
}
h4.form-sep-title {
    color: #666;
    font-size: 20px;
    padding: 5px 10px;
    background-color: #f0f0f0;
    border-radius: 5px;
}
.multi7inputwr {
    display: grid;
    grid-template-columns: repeat(7,1fr);
    grid-gap: 10px;
    align-items: center;
    align-content: center;
}
.bankdetailsinputwr {
    display: grid;
    grid-template-columns: 4fr 1fr 1fr;
    grid-gap: 10px;
    align-items: center;
    align-content: center;
}
.split-bankt-calc {
    position: relative;
}
.split-bankt-calc input{
width: 100%;
padding: 3px 25px 3px 20px;
border-radius: 5px;
border:1px solid #999;
}
.split-bankt-calc button{
position: absolute;
right:5px;
top:50%;
transform: translateY(-50%);
}
.pound-sing-splt {
position: absolute;
left:8px;
top:50%;
transform: translateY(-45%);
font-weight: 700;
color:#666;
line-height: 100%;
pointer-events: none;
}
.payroll-nav {
    display: grid;
    grid-auto-flow: column;
    justify-content: flex-start;
    grid-gap: 20px;
}
.payroll-nav a {
    padding: 5px 10px;
    background-color: #f0f0f0;
    color:#333;
    border-radius: 5px;
    font-size: 1.2em;
}
.payroll-nav a:hover {
    background-color: rgba(0, 168, 255,.25);
    color:#000;
}
.payroll-nav a.active {
    background-color: #00a8ff;
    color:#fff;
    font-weight: 600;
}
/* RESPONSIVE */
@media (max-width: 768px) {
    /*** ***/
    .mobile-none {
        display: none;
    }
    .dismob {
        display: block;
    }
    article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
        display: inherit;
    }
    .wrapper {
        background-position: right center;
    }
    .con-smxl {
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }
    .admin_menu_block {
    
    }
    .admin-menu-holder {
        grid-auto-flow: row;
        background-color: #333;
        position: fixed;
        width: 100%;
        height: 100%;
        top:0;
        left:0;
        transform: translate(-100%, 0);
        display: grid;
        justify-content: center;
        justify-items: center;
        padding: 30px 10px;
        align-content: center;
        align-items: center;
        grid-gap:30px;
        -webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;
        z-index: 1;
    }
    .a_show-menu-btn, .a_hide-menu-btn {
        display: block;
        }
        .admin-header-wrapper{
            background-color: #333;
            height: 60px;
            display: grid;
            align-content: center;
            grid-template-columns: auto auto;
            justify-content: space-between;
        }
        .table-title-control-wr {
            grid-auto-flow: row;
            justify-content: center;
            justify-items: center;
            margin-bottom: 10px;
        }
        h3.tb-tittle {
            margin-bottom: 10px;
        }
        .tbhead {
            display: none;
        }
        .tb_cell::before {
            display: block;
            content: attr(data-title);
            font-weight: 700;
            color:#999;
        }
        .half-table-wrapper {
            grid-template-columns: repeat(auto-fit, minmax(280px, auto));
            padding: 20px 10px;
            grid-gap: 20px;
        }
        .tb__row.ffix60.tb-sm {
            padding: 0px;
        }
        .tb__row.ffix60 {
            grid-template-columns: repeat(2, 1fr);
        }
        .tb__row.ffix60.mob3fr {
            grid-template-columns: 60px repeat(2, 1fr);
        }
        .tb_cell[data-title="TOTAL REVENUE"] {
            grid-column-start: 1;
            grid-column-end: 3;
            font-size: 120%;
        }
        .tb-content-wr {
            display: grid;
            grid-gap: 10px;
            border: 0px solid #dedede;
            border-radius: 0px;
            margin-bottom: 20px;
        }
        .tb__row, .tb__row:last-child {
            border: 1px solid #dedede;
            border-radius: 5px;
        }
        .full-table-wrapper {
            width: 100%;
            padding: 0 20px;
        }
        .head-control-wr {
            display: block;
        }
        .form-horiz.twoselmin {
            grid-template-columns: 1fr 1fr;
            grid-gap: 10px;
            padding: 0px    20px;
        }
        .rev_dt_head {
            grid-auto-flow: row;
            justify-content: center;
            text-align: center;
            padding: 10px 20px;
            grid-gap: 10px;
        }
        .rev_dt_content {
            grid-auto-flow: row;
        }
        .dt_content_units {
            grid-template-columns: repeat(2,1fr);
        }
        .dt-content-cell {
            background-color: #f0f0f0;
        }
        .dt-content-cell:nth-child(1), .dt-content-cell:nth-child(3), .dt-content-cell:nth-child(5), .dt-content-cell:nth-child(8), .dt-content-cell:nth-child(10), .dt-content-cell:nth-child(12) {
            background-color: #f0f0f0;
        }
        .dt-content-cell:nth-child(2),
        .dt-content-cell:nth-child(3),
        .dt-content-cell:nth-child(6),
        .dt-content-cell:nth-child(7),
        .dt-content-cell:nth-child(10),
        .dt-content-cell:nth-child(11)
        {
            background-color: #dcdcdc;
        }
        .dt_content_total .dt-content-cell {
            background-color: #666;
        }
        .dt-content-cell.dt-c-tdr{
            background-color: #333;
            color:#fff;
            font-size: 1.1em;
        }
        h3.inner-title-left {
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
            font-weight: 700;
        }
        .admin__header {
            margin-bottom: 20px;
        }
        .admin-brd-title {
            grid-auto-flow: unset;
            grid-gap: 10px;
            justify-content: center;
            justify-items: center;
            grid-template-columns: auto auto;
            margin-bottom: 20px;
        }
        .adm_con_upd.acu_3 .con_upd_in {
            grid-template-columns: repeat(2, 1fr);
            grid-gap: 10px;
            margin-bottom: 20px;
            padding: 0px 20px;
        }
        .fomr-action-controller {
            padding-left: 20px;
            padding-right: 20px;
        }
        .adm_exps_wr {
            display: grid;
            grid-template-columns: 1fr;
            margin-top: 20px;
            grid-gap: 10px;
            margin-bottom: 20px;
        }
        .tb__row.ad_exps {
            grid-template-columns: 1fr 1fr;
            text-align: center;
        }
        .tb_cell::before {
            color:#666;
        }
        .tb_cell.ta-r {
            text-align: center;
        }
        .ad-vi-exp-controls {
            display: grid;
            grid-auto-flow: column;
            grid-gap: 20px;
            justify-content: center;
            justify-items: center;
            margin-top: 10px;
        }
        .exps-gen_table {
            order:1;
        }
        .exps_total_vals{
            order:2;
        }
        .adm-empty-msg {
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
        }
        .con_upd_in {
            padding-left: 20px;
            padding-right: 20px;
        }
        .adm-expense-cards-wr {
            padding-left: 10px;
            padding-right: 10px;
        }
        .form-horiz.twoselminpq {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-gap: 20px;
            padding-left: 20px;
            padding-right: 20px;
        }
        .tb__row.ad_stft {
            grid-template-columns: repeat(2, 1fr);
            align-content: center;
            align-items: center;
            text-align: center;
        }
        .form-horiz.payrselb {
            display: grid;
            grid-auto-flow: unset;
            grid-template-columns: 1fr;
            grid-gap: 10px;
            justify-content: center;
            justify-items: center;
            margin-top: 20px;
            text-align: center;
        }
        .empty_msg_pyrl {
            padding-left: 20px;
            padding-right: 20px;
            text-align: center;
        }
        .payroll-nav {
            justify-content: center;
        }
        .tb__row.ad_stfpr,
        .tb__row.ad_stfpr.splt1,
        .tb__row.ad_branches,
        .tb__row.ad_stafft {
            grid-template-columns: 1fr 1fr;
            text-align: center;
        }
        button.green-button {
        margin:10px auto;
        margin-left: 40px;    
        }
        .form-horiz.reverseg {
            display: grid;
            grid-auto-flow: unset;
            grid-template-columns: 1fr;
            grid-gap: 10px;
            justify-content: center;
            justify-items: center;
            margin-top: 20px;
            text-align: center;
        }
        .multi7inputwr {
            display: grid;
            grid-template-columns: repeat(3,1fr);
            grid-gap: 10px;
            align-items: center;
            align-content: center;
        }
        .bankdetailsinputwr {
            grid-template-columns: 1fr;
        }
        .admin-dashboard__main {
            padding: 0px;
        }
    /*** ***/
}