body{
    background-color: #f5f5f5;
    font-size: 1rem !important;
}
a, a:focus, a:hover {
    text-decoration: none !important;
}
.sidebar-overlay2{
    width: calc(100% - 120px - 440px) !important;
}
.sidebar-left2.open{
    z-index: 88 !important;
    left: 340px !important;
}
.main-header .logo img {
    width: 180px !important;
    height: auto !important;
}

#sidebarThird{
    /*height: auto !important;*/
    position: fixed;
    top: 80px;  
    /*transform: translateY(100%);*/
}   
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold {
    padding: 9px 0px 2px 0px !important;
}
.display-none{
    display: none !important;
}
.display-block{
    display: block !important;
}
.min-height-0{
    min-height: 0px !important;
}
.h1, h1 { font-size: calc(1.375rem + 1.2vw) !important;}
.h2, h2 { font-size: calc(1.325rem + .9vw) !important;}
.h3, h3 { font-size: calc(1.3rem + .6vw) !important;}
.h4, h4 { font-size: calc(1.275rem + .3vw) !important;}
.h5, h5 { font-size: 1.25rem !important;}
.h6, h6 { font-size: 1rem !important;}
span.label { color: #69719d; }
.checkbox-label { font-size: 0.9rem !important;}
.breadcrumb {padding-left: 0px; padding-right: 0px; margin-bottom: 0.5rem;}
.breadcrumb h1, .breadcrumb h2, .breadcrumb h3, .breadcrumb h4, .breadcrumb h5, .breadcrumb h6{line-height: 1;font-weight: 700; padding: 0px;margin:0px;}

.form-group, .form-group2, .form-group3 { position: relative; margin-bottom: 10px;}

.form-group .chosen-container-single, .form-group .chosen-container-multi,
.form-group2 .chosen-container-single, .form-group2 .chosen-container-multi,
.modal .chosen-container-single, .modal .chosen-container-multi,
table .chosen-container-single, .table .chosen-container-multim{
    width: 100% !important;
}

.form-group table{
    table-layout: fixed;
    inline-size: -webkit-fill-available;
}
.font-bold{
    font-weight: bold;
}
.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-primary{color: #00b2cc !important;}
.separator-breadcrumb {display: none}
.title {padding: 5px 15px; margin-left: 0px!important;}
.card {border-radius: 15px; position: relative;}
.card-title, .title { font-weight: 700; font-size: 18px;}
.card-body {padding: 1rem 1rem;}
.span_view_more{color: blue; cursor: pointer;}
.form-group label.radio-reverse.radio-primary {margin-bottom: 5px!important}
.a-href-color{
    color:#2f47c2;
}
.fa-file-word{
    color: blue;
}
.fa-file-pdf{
    color: red;
}
.fa-file-excel{
    color: green;
}
.fa-file-powerpoint{
    color: firebrick;
}
.file-upload-input-btn{
    line-height: 1.1;
}
.color-red{
    color: red;
}
.page-holiday-ot-rate .chosen-container .chosen-results,
.page-reimbursement .chosen-container .chosen-results{
    max-height: 200px;
}
.page-bill #disbursement-category, .page-bill .disbursement-control{
    max-height: 450px;
    overflow: auto;
}
.scrollbar{overflow: auto;}
/*.page-holiday-ot-rate .dataTables_scrollBody .chosen-results::-webkit-scrollbar-track,*/
.dt-scroll-body::-webkit-scrollbar-track,
.dataTables_scrollBody::-webkit-scrollbar-track,
.table-responsive::-webkit-scrollbar-track,
.scrollbar::-webkit-scrollbar-track, 
.fc-scroller::-webkit-scrollbar-track,
.page-dashboard #staffviewcalendar .fc-view-harness::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);border-radius: 5px;background-color: #F5F5F5;
}

/*.page-holiday-ot-rate .dataTables_scrollBody .chosen-results::-webkit-scrollbar,*/
.dt-scroll-body::-webkit-scrollbar,
.dataTables_scrollBody::-webkit-scrollbar,
.table-responsive::-webkit-scrollbar,
.scrollbar::-webkit-scrollbar, 
.fc-scroller::-webkit-scrollbar,
.page-dashboard #staffviewcalendar .fc-view-harness::-webkit-scrollbar{ 
    width: 5px; height: 5px; background-color: #F5F5F5;border-radius: 5px;
}

/*.page-holiday-ot-rate .dataTables_scrollBody .chosen-results::-webkit-scrollbar-thumb,*/
.dt-scroll-body::-webkit-scrollbar-thumb,
.dataTables_scrollBody::-webkit-scrollbar-thumb,
.table-responsive::-webkit-scrollbar-thumb,
.scrollbar::-webkit-scrollbar-thumb, 
.fc-scroller::-webkit-scrollbar-thumb, 
.page-dashboard #staffviewcalendar .fc-view-harness::-webkit-scrollbar-thumb{ 
    border-radius: 5px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #C0C0C0;
}

/*.page-holiday-ot-rate .dataTables_scrollBody .chosen-results::-webkit-scrollbar-corner,*/
.dt-scroll-body::-webkit-scrollbar-corner,
.dataTables_scrollBody::-webkit-scrollbar-corner,
.table-responsive::-webkit-scrollbar-corner,
.scrollbar::-webkit-scrollbar-corner, 
.fc-scroller::-webkit-scrollbar-corner, 
.page-dashboard #staffviewcalendar .fc-view-harness::-webkit-scrollbar-corner{ 
    background-color: #F5F5F5;
}

.custom-control-label, .custom-control-label::before{cursor: pointer;}

.table-responsive .container-fluid {padding-left: 0px; padding-right: 0px;}
.dataTables_wrapper .row .col{padding-right: 0px; padding-left: 0px;}
.dataTables_wrapper .dataTables_length{ margin-right:1rem; }
.dataTables_wrapper .dataTables_length select{ text-align:center; }
.dataTables_wrapper>.row{ margin-bottom:0.5rem!important; }

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

.form-control:focus, .custom-select:focus {
    color: #5f6792;
    background-color: unset;
    border-color: unset;
    outline: none;
    box-shadow: unset;
}

.td-div-middle{display: flex;align-items: center;justify-content: center;}
.picker, .picker__holder {z-index: 1!important;}
.picker__holder{min-width: 330px; max-width: 330px;}
.picker__select--month, .picker__select--year {height: 2.6em !important; }
.picker__select--year{ min-width: 80px;}
.picker__select--month{min-width: 120px;}

.table td, .table th{
    vertical-align: inherit;
}

.dataTables_length{ margin-right: 0.25rem; }
.dataTables_length, .dataTables_filter{ display:inline-block; }
.dataTables_scrollHeadInner{width: 100% !important;}
.dataTables_scrollHeadInner table{width: 100% !important;}

.layout-sidebar-large .main-header { 
    box-shadow: none; 
    background: #f5f5f5; 
    height: auto;   
    padding: 0px;
    z-index:101!important;
}

.layout-sidebar-large.sidebar-open .header-section { width: calc(100% - 180px); margin-left: 180px;}
.layout-sidebar-large.sidebar-open .burger-menu {width: 180px;}

.burger-menu {background-color: #fff; width: 60px; /* height: 100% */ padding-bottom: 2rem;}
.sidebar-open .burger-menu .menu-toggle { padding:3rem 25px;}
.burger-menu .menu-toggle{
    background-color: #fff;
    width: 100%!important;
    padding: 3rem 15px;
    border-radius: 5px;
    margin: auto!important;
    display: flex;
    flex-direction: column;
    align-items: flex-start!important;
    cursor: pointer;
}
.burger-menu .menu-toggle div {
    background: #000!important; 
    width: 30px!important; 
    height:3px!important; 
    margin: 2px 0!important;
}
.sidebar-left .burger-menu .menu-toggle {padding: 8px 16px;}

.side-content-wrap {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
}

.header-section { 
    width: calc(100% - 60px); 
    margin-left: 60px;
    padding: 1rem 2.5rem ;
    transition: all .24s ease-in-out;
}
.header-section .row{
    display: flex; 
    flex-direction: row;
    align-items: center;
    background-color: #fff;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
}
.header-section .header-part-right .user {margin-right: 0px!important;}
.header-section .header-part-right .user .fa.fa-user-circle {color: #00b2cc}

.layout-sidebar-large .sidebar-left {background-color: #fff; padding-top: 2rem;}
.layout-sidebar-large .sidebar-left {left:0px!important; top:0!important; z-index:100!important; height: 100%;}
.layout-sidebar-large .sidebar-left .navigation-left {width: 60px!important; height: unset!important;}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item {border: none; }
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .triangle {display: none!important;}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item:hover,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold.current {
    background: rgb(43,113,218);
    background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%);
}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item.active .nav-text,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item:hover .nav-text,
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold.current .nav-text{color: #fff!important}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item a.nav-item-hold {padding: 15px 15px 10px!important;}
.layout-sidebar-large .sidebar-left.open .navigation-left .nav-item .nav-item-hold .nav-text {display: block!important;}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-text {color: #fff; text-align: left; margin-left: 10px; display: none!important;}
.layout-sidebar-large .sidebar-left .navigation-left .nav-item .nav-item-hold .nav-icon {color: #fff;}
.layout-sidebar-large .sidebar-left.open .navigation-left {width: 180px!important;}
.layout-sidebar-large .sidebar-left.open .navigation-left .nav-item .nav-item-hold .nav-text {
    display: block; 
    color: #333;
}
.layout-sidebar-large .sidebar-left.open .navigation-left .nav-item .nav-item-hold {
    display: grid;
    grid-template-columns: 40px 1fr;
    align-items: center;
    width: 100%;
    margin: auto;

}
.layout-sidebar-large .sidebar-left-secondary {top: 0!important; height:100vh; z-index:99!important;}
#sidebarThird { top: 0!important; height:100vh; z-index:100!important; z-index:99; min-height:100vh;}
.childNav { padding-top:100px!important;}
.layout-sidebar-large .sidebar-left-secondary.open {left: 60px!important; height:100vh;}
.layout-sidebar-large .sidebar-left-secondary.open + .sidebar-left2.open {left: 280px!important; z-index:100; height:100vh;}
.layout-sidebar-large .sidebar-left.open + .sidebar-left-secondary {left: -240px!important;}
.layout-sidebar-large .sidebar-left.open + .sidebar-left-secondary.open {left: 180px!important; padding:0;}
.layout-sidebar-large .sidebar-left.open + .sidebar-left-secondary.open + .sidebar-left2.open {left:400px!important; padding:0;}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a:hover .nav-icon {color: #fff}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a:hover {
    background: rgb(43,113,218)!important;
    background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%)!important;
    color: #fff!important;
}
.layout-sidebar-large .sidebar-overlay {width: calc(100% - 180px - 220px);}
.layout-sidebar-large .main-header .logo {width: 180px!important;}
/*
.fc-day-sat, .fc-day-sun {
    background: rgb(43,113,218)!important;
    background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%)!important;
    color: #fff!important;
}
.fc-day-sat a, .fc-day-sun a { color:#fff!important;}*/

.main-content-wrap {background-color: #f5f5f5!important; width: calc(100% - 60px)!important; }
.main-content-wrap.sidenav-open {width: calc(100% - 180px)!important;}
#userDropdown {/*text-transform: capitalize;*/ font-weight: 700;}
#userDropdown .fa-angle-down{font: normal normal normal 14px/1 FontAwesome;}
/*.breadcrumb {margin-bottom: 0px; padding-left: 10px; padding-right: 10px; margin-bottom: 1rem;}*/

/*
.title {padding: 5px 15px; margin-left: 0px!important;}
.card {border-radius: 15px; position: relative;}*/
/*.card-title,
.title {text-transform: uppercase; font-weight: 700; font-size: 18px; margin-bottom:0!important; padding: 0 0 10px 0;}*/
/*.card-body {padding: 1.5rem 1.25rem;}*/
button.approved_claim,
.page-item.active .page-link,
.submit-btn.addTypeBtn,
.btn-primary {background-color: #00b2cc!important; border-color: #00b2cc!important;}    
.btn { border-radius: 0px;}
.select-option,
.form-control.form-control-rounded, 
.form-control.rounded,
.chosen-container-single .chosen-single,
.chosen-container-multi .chosen-choices{border-radius: 10px!important}
.form-control{height:unset;padding: 0.25rem 0.75rem;}
.chosen-container-single .chosen-single{padding: 0.11rem 0.5rem!important;}
.picker__input {height: auto!important;}
.badge-primary { background-color: #00b2cc; }
.bedge-bell {
    display: inline-block;
    padding: .25em .4em;
    font-size: 60%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}
.card button[name="leave_add_btn"] {float: right; margin-right: 20px; margin-top: -50px;}
.card .form-group button[name="search_btn"] {margin-top: 0px;}
/*.card .signup-input {padding: 10px 0px!important; margin-left: 0px!Important;}*/
/*.card .card-information {padding: 10px 0px!important; margin-left: 0px!Important;}*/
/*.card .form-group{ padding:0px 15px; }*/
.card-information-input{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: baseline;
}
.card-information-input .form-group{
    flex:0 0 50%;
    width: 50%;
    min-height: 60px;
    padding:0 15px 0 0px;
}

.card-information-input .form-group2{
    flex:0 0 100%;
    width: 100%;
    min-height: 60px;
    padding:0 15px 0 0px;
}
.card-information-input .form-group3{
    flex: 0 0 33%;
    width: 33%;
    min-height: 60px;
    padding: 0 15px 0 0px;
}

.card-information-input .form-group-right{
    flex:0 0 50%;
    width: 50%;
    min-height: 60px;
    padding: 0px;
}

.card-information-input .form-group2-right{
    flex:0 0 100%;
    width: 100%;
    min-height: 60px;
    padding: 0px;
}
.card-information-input .form-group3-right{
    flex: 0 0 33%;
    width: 33%;
    min-height: 60px;
    padding: 0px;
}

.div-btn .form-group{ padding:0 15px 0 0; margin-bottom: 0px;}
.div-btn .form-group3{ padding:0 24px 0 0; margin-bottom: 0px;}

.page-leave .card button[name="leave_add_btn"] {float:none; margin-right:0; margin-top:0;}

.cancel-btn{
    cursor: pointer;
    color: #fff;
    background-color: #df0029;
    border-color: #df0029;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    /* font-size: .813rem; */
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.cancel-title{
    position: absolute;
    right: 24%;
    top: 43%;
    font-size: 2rem;
    font-weight: bold;
    color: red;
    border: 2px solid red;
    border-radius: 4%;
    padding: 8px;
    transform: rotate(30deg);
}

.file-input{
    line-height: 1.15;
}

.nav-tabs .nav-item .nav-link, .nav-tabs .nav-link{
    padding: 0.25rem 1.25rem;
}
.nav-tabs {
    border-bottom: 1px solid #00b2cc;
}
.nav-tabs .nav-item .nav-link.active{
    background: #F0FFFF;
    border-color: #00b2cc #00b2cc #fff;
}
.nav-tabs .dropdown-item.active, .dropdown-item:active{
    background-color: #00b2cc;
}
.tab-content{
    padding:0.25rem
}

.card .search_btn2{
    float: right;
    margin-right: 0;
}

.btn-group .btn{
    border-radius: 10px!important;
}

.information-button{
    vertical-align: middle;
    background-color: transparent!important;
    font-size: 0px!important;
    position: revert!important;
    border: none!important;
    padding: 0px!important;
    width:auto!important;
    border-radius:0!important;
    cursor: pointer;
}
.information-button:after{
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/Button-Information.svg');
}

.ba-button{
    vertical-align: middle;
    background-color: transparent!important;
    font-size: 0px!important;
    position: revert!important;
    border: none!important;
    padding: 0px!important;
    width:auto!important;
    border-radius:0!important;
}
.ba-button:after{
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/Button-BA.svg');
}

.cn-button{
    vertical-align: middle;
    background-color: transparent!important;
    font-size: 0px!important;
    position: revert!important;
    border: none!important;
    padding: 0px!important;
    width:auto!important;
    border-radius:0!important;
}
.cn-button:after{
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/Button-Credit-Note.svg');
}

.invoice-button{
    vertical-align: middle;
    background-color: transparent!important;
    font-size: 0px!important;
    position: revert!important;
    border: none!important;
    padding: 0px!important;
    width:auto!important;
    border-radius:0!important;
}
.invoice-button:after{
    content: '';
    display: inline-block;
    height: 30px;
    width: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url('../images/Button-Invoice.svg');
}

.page-report-chargeable #page_detail_btn,
.page-report-chargeable #page_positions,
.page-report-client-branch-referral #inboundReferralsReport-table_excel_btn,
.page-report-client-branch-referral #outboundReferralsReport-table_excel_btn,
.datatable-excel-btn,
#excel_btn,
#page_print_btn{
    padding: 0.1em 0.4275em !important;
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-left: 0.167em;
    margin-right: 0.167em;
    margin-bottom: 0.333em;
    padding: 0.5em 1em;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 2px;
    cursor: pointer;
    font-size: 0.88em;
    line-height: 1.6em;
    color: inherit;
    white-space: nowrap;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(230, 230, 230, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: none;
    text-overflow: ellipsis;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px !important;
}

.page-report-chargeable #page_detail_btn:hover:not(.disabled),
.page-report-chargeable #page_positions:hover:not(.disabled),
.page-report-client-branch-referral #inboundReferralsReport-table_excel_btn:hover:not(.disabled),
.page-report-client-branch-referral #outboundReferralsReport-table_excel_btn:hover:not(.disabled),
.datatable-excel-btn:hover:not(.disabled),
#excel_btn:hover:not(.disabled),
#page_print_btn:hover:not(.disabled) {
    border: 1px solid #666;
    background-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="rgba(153, 153, 153, 0.1)", EndColorStr="rgba(0, 0, 0, 0.1)");
}

.datatable-excel-btn:focus:not(.disabled),
#excel_btn:focus:not(.disabled),
#page_print_btn:focus:not(.disabled){
    box-shadow: 0 0 0 .2rem rgba(79, 86, 121, .5);
    outline: none !important;
}

/* table scrollbar */
.table-scrollbar{ margin-top: 0!important; border-collapse: collapse !important; }
.table-scrollbar>thead>tr>th,
.table-scrollbar>thead>tr>td { background-color: #f2f2f2; top: 0px; position: sticky; padding-left: .25rem; }
.table-scrollbar table { border-collapse: collapse; border-spacing: 0; }
.table-scrollbar>thead>tr>th,
.table-scrollbar>tbody>tr>th,
.table-scrollbar>thead>tr>td,
.table-scrollbar>tbody>tr>td { border: 1px solid #ddd; padding-left: .25rem; }

input.dt-input:focus{
    outline: none;
    border: 1px #4D90FE solid;
}

div.dt-buttons > button,
div.dt-buttons > a{
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px !important;
    padding: 0.1em 0.4275em !important;
    font-size: 0.88em;
    color: inherit;
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}

div.dt-buttons > a{
    padding: 0.2em 0.2em !important;
}

div.dt-buttons > button:hover:not(.disabled),
div.dt-buttons > a:hover:not(.disabled){
    border: 1px solid #666;
    background-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}

div.dt-buttons > button:focus:not(.disabled),
div.dt-buttons > a:focus:not(.disabled) {
    outline: 2px solid rgb(53, 132, 228);
}

div.dt-container .dt-paging .dt-paging-button { padding: .1em .7em !important;}

/*table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before{
    bottom: 19% !important;
}

table.dataTable thead>tr>th.dt-orderable-desc span.dt-column-order:after{
    top: unset !important;
    bottom: 11% !important;
}*/

.page-authentication-user .header-section,
.page-authentication-verification .header-section{
    width: 100%;
    margin-left: 0px;
}

.page-authentication-user .main-content-wrap,
.page-authentication-verification .main-content-wrap{
    width: 100% !important;
}

.page-authentication-user .alert,
.page-authentication-verification .alert{
    width: 90%;
    padding: 0.25rem 1.25rem;
    font-size: 1rem;
}

.page-dashboard .jobs-wip-div{ height:100%; }

.page-dashboard #JobAllocationLocation, #JobAllocationDivision {line-height: 1;}
.page-dashboard .popper,
.page-dashboard .tooltip { position: absolute; z-index: 9999; background: lemonchiffon; color: black; width: 150px; border-radius: 3px; box-shadow: 0 0 2px rgba(0,0,0,0.5); padding: 10px; text-align: center; opacity: revert;}
.page-dashboard .popper .popper__arrow,
.page-dashboard .tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; }
.page-dashboard .tooltip .tooltip-arrow,
.page-dashboard .popper .popper__arrow { border-color: lemonchiffon;}
.page-dashboard .popper[x-placement^="top"],
.page-dashboard .tooltip[x-placement^="top"] { margin-bottom: 5px;}
.page-dashboard .popper[x-placement^="top"] .popper__arrow,
.page-dashboard .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0;}
.page-dashboard .popper[x-placement^="bottom"],
.page-dashboard .tooltip[x-placement^="bottom"] { margin-top: 5px;}
.page-dashboard .tooltip[x-placement^="bottom"] .tooltip-arrow,
.page-dashboard .popper[x-placement^="bottom"] .popper__arrow { border-width: 0 5px 5px 5px; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent;top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0;}
.page-dashboard .tooltip[x-placement^="right"],
.page-dashboard .popper[x-placement^="right"] { margin-left: 5px;}
.page-dashboard .popper[x-placement^="right"] .popper__arrow,
.page-dashboard .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent; border-top-color: transparent; border-bottom-color: transparent; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0;}
.page-dashboard .popper[x-placement^="left"],
.page-dashboard .tooltip[x-placement^="left"] { margin-right: 5px;}
.page-dashboard .popper[x-placement^="left"] .popper__arrow,
.page-dashboard .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0;}
.page-dashboard .tooltip-inner{ max-width: 200px; padding: 0px; color: unset; text-align: center; background-color: unset;  border-radius: 4px;}

.page-dashboard .fc-day-sat, .page-dashboard .fc-day-sun,
.page-job-allocation .fc-day-sat, .page-job-allocation .fc-day-sun,
.page-job-allocation-staff .fc-day-sat, .page-job-allocation-staff .fc-day-sun{
    background-color: skyblue;
/*    color: #df0029!important;*/
/*    background-color: white;*/
}

.page-dashboard .fc .fc-datagrid-cell-cushion {padding: 1px; white-space: unset !important;}
.page-dashboard .fc-datagrid-cell-frame{margin-left: 5px; }
.page-dashboard .fc-resource .fc-icon, .page-dashboard .fc-resource .fc-datagrid-expander-placeholder{ display: none; }
.page-dashboard .fc-theme-standard .fc-header-toolbar,
.page-job-allocation .fc-theme-standard .fc-header-toolbar,
.page-job-allocation-staff .fc-theme-standard .fc-header-toolbar{
    display: flex; 
    flex-wrap: nowrap; 
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0px;
    grid-gap: 10px;
}
.page-dashboard .fc-theme-standard .fc-toolbar-chunk,
.page-job-allocation .fc-theme-standard .fc-toolbar-chunk,
.page-job-allocation-staff .fc-theme-standard .fc-toolbar-chunk{display: block; width: 100%; text-align: center;}

.page-dashboard .fc-theme-standard .fc-toolbar-chunk .fc-button,
.page-job-allocation .fc-theme-standard .fc-toolbar-chunk .fc-button,
.page-job-allocation-staff .fc-theme-standard .fc-toolbar-chunk .fc-button{
    display: block; 
    width: 100%;
    border: none;
    background-color: #ebebeb;
    font-size: 16px;
    padding: 9px 0px;
    color: #000;
}
.page-dashboard .fc-theme-standard .fc-toolbar-chunk:first-child,
.page-dashboard .fc-theme-standard .fc-toolbar-chunk:last-child,
.page-job-allocation .fc-theme-standard .fc-toolbar-chunk:first-child,
.page-job-allocation .fc-theme-standard .fc-toolbar-chunk:last-child,
.page-job-allocation-staff .fc-theme-standard .fc-toolbar-chunk:first-child,
.page-job-allocation-staff .fc-theme-standard .fc-toolbar-chunk:last-child{font-size: 1rem !important; width: 20%}

.page-dashboard .fc-theme-standard .fc-toolbar-chunk .fc-toolbar-title,
.page-job-allocation .fc-theme-standard .fc-toolbar-chunk .fc-toolbar-title,
.page-job-allocation-staff .fc-theme-standard .fc-toolbar-chunk .fc-toolbar-title{
    padding: 9px 0px !important;
    font-size: 1.25rem !important;
    background-color: #ebebeb;
    color: #3a3a3a;
    padding: 5px 0px;
}
.page-dashboard .chosen-container-active.chosen-with-drop .chosen-single div b{
    background-position: -18px 4px;
}
.page-dashboard .small-table-ba td{
    padding:0.1rem;
    background-color: white;
}
.page-dashboard #search-table {position: absolute; top: 4px; right: 15px}
.page-dashboard #staffviewcalendar .fc-view-harness{
    max-height: 440px;
    overflow: auto;
}
.page-dashboard #staffviewcalendar .fc-header-toolbar{
    margin-bottom: 1em;
}

.page-dashboard #bill-pending tbody tr td:nth-child(4),
.page-dashboard #cn-pending-table tbody tr td:nth-child(4),
.page-dashboard #leave-pending td:last-child, 
.page-dashboard #leave-pending td:nth-child(3), 
.page-dashboard #leave-pending td:nth-child(5), 
.page-dashboard #leave-pending td:nth-child(6),
.page-dashboard #claim-mc tbody tr td:nth-child(1),
.page-dashboard #claim-table tbody tr td:nth-child(1),
.page-dashboard #claim-table tbody tr td:nth-child(2){
    white-space: nowrap;
}

.page-dashboard #bill-pending tbody tr td:last-child,
.page-dashboard #cn-pending-table tbody tr td:last-child,
.page-dashboard #incoming-task-table tbody tr td:last-child,
.page-dashboard #outgoing-task-table tbody tr td:last-child,
.page-dashboard #e-board-table tbody tr td:last-child,
.page-dashboard #leave-pending tbody tr td:last-child,
.page-dashboard #claim-mc tbody tr td:last-child,
.page-dashboard #claim-table tbody tr td:last-child,
.page-dashboard #claim-pending tbody tr td:last-child,
.page-dashboard #claim-pending thead tr th:nth-child(7),
.page-dashboard #claim-pending tbody tr td:nth-child(7)
{text-align: center;}

.page-dashboard .chosen-container-single .chosen-single div b,
.page-staff-list .chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-single div b{
    background: url(chosen-sprite.png) no-repeat 0px 6px !important;
}
.page-dashboard .chosen-container .chosen-drop{ z-index:3; }

/*  Notice with checkbox message  */
    .page-dashboard .message_container .message {
        --aug-border: 2px;
        --aug-border-bg: #2f47c2;
        overflow: hidden;
        transition: all 0.5s;
    }
    /*   .page-dashboard .message_container .message .title {
        display: inline-block;
        padding: 0.5em 2em;
        font-weight: bold;
        text-align: center;
        --aug-inset: .25em;
        --aug-inset-bg: #f9ccd4;
        --aug-br: .75em;
        color:#740015;
    }*/
    .page-dashboard .message_container-message {
        padding: 0px 1em 8px 1em;
        margin: 0;
        display: block;
        line-height: 1.4em;
        text-align: justify;
        max-height: 10em;
        transition: all 0.5s;
    }
    .page-dashboard .checkbox-plus-minus {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        color: cyan;
        --bg: transparent;
    }
    .page-dashboard .checkbox-plus-minus:checked {
        --bg: unset;
    }
    .page-dashboard .checkbox-plus-minus:before, .page-dashboard .checkbox-plus-minus:after {
        content: '+';
        color: black;
        display: inline-block;
        vertical-align: middle;
    }
    .page-dashboard .checkbox-plus-minus:before {
        padding: 0.5em;
    }
    .page-dashboard .checkbox-plus-minus:after {
        content: var(--message);
        /*  color: #fff;*/
        color:black;
        margin-left: 0.5em;
    }
    .page-dashboard .checkbox-plus-minus{
        position: absolute;
        left: 14px;
        top: 2px;
        outline: none;
    }
    .page-dashboard .checkbox-plus-minus ~ p{
        max-height: 0;
        opacity: 0;
        padding: 0px 0em 0px 0em;
    }
    .page-dashboard .checkbox-plus-minus:checked ~ p{
        max-height: 300px;
        opacity: 1;
    }
    .page-dashboard .checkbox-plus-minus ~ table{
        max-height: 0;
        opacity: 0;
        padding: 0px 0em 0px 0em;
    }
    .page-dashboard .checkbox-plus-minus:checked ~ table{
        max-height: 300px;
        opacity: 1;
    }
    .page-dashboard .checkbox-plus-minus:checked + .checkbox-plus-minus-label .fa-minus {
        display: inline;
    }

    .page-dashboard .checkbox-plus-minus:checked + .checkbox-plus-minus-label .fa-plus {
        display: none;
    }
    .page-dashboard .checkbox-plus-minus-label {
        cursor: pointer;
        vertical-align: top;
      /*  position: absolute;
        left: 19px;
        top: 8px;*/
    }
    .page-dashboard .checkbox-plus-minus {
        display: none;
    }

    .page-dashboard .message_container-message-p a{
        color: black;
    }
    .page-dashboard .message_container-message-p a:hover{
        color: blue !important;
    }

    .page-dashboard [augmented-ui~="inset-el"], .page-dashboard [augmented-ui~="exe"]::before {
        background: var(--aug-inset-bg, none);
    }
    .page-dashboard .fa-plus {
        color: white;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 1.2px;
        padding-bottom: 0px;
        /* background-color: #6610f2; */
        background-color: #00b2cc;
        line-height: 1;
        border-radius: 3px;
    }
    .page-dashboard .fa-minus {
        color: white;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 1px;
        padding-bottom: 0px;
        background-color: #E85764;
        display: none;
        line-height: 1;
        border-radius: 3px;
    }
    .page-dashboard .checkbox-plus-minus-label .fa, .fas {
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900 !important;
    }
    
    .page-dashboard .timesheet-week-width{
        /*  width: 173px;*/
        margin-left: 0.25rem;
        display: inline-block;
    }
    .page-dashboard .color-red{
        color: red !important;
    }
    .page-dashboard .color-red a:hover{
        color: blue !important;
    }
/*  Notice with checkbox message  */

/*.page-dashboard .chargeable-nonchargeable, .page-dashboard .timesheet-submission{
    overflow-y:hidden !important;
}*/

.page-dashboard .fc-datagrid-body.fc-scrollgrid-sync-table { width:100%!important;}
.page-dashboard .approved_claim { margin-bottom: 0!important;}

.page-dashboard .card-chart{ padding: 1rem 1rem 0.125rem 1rem; }
.page-dashboard .chart-middle{
    display: flex; 
    justify-content: center; 
    align-items: center; 
    height: 100%;
}
/*  Notice with checkbox message  */
    /*.table-container {
        transition: opacity 0.5s ease, max-height 0.5s ease;
        opacity: 1;
        max-height: 1000px;
        overflow: hidden;
    }*/

    /*.table-container.d-none {
        opacity: 0;
        max-height: 0;
    }*/

    .page-staff-kpi-information .message_container .message {
        --aug-border: 2px;
        --aug-border-bg: #2f47c2;
        overflow: hidden;
        transition: all 0.5s;
    }
    /*   .page-staff-kpi-information .message_container .message .title {
        display: inline-block;
        padding: 0.5em 2em;
        font-weight: bold;
        text-align: center;
        --aug-inset: .25em;
        --aug-inset-bg: #f9ccd4;
        --aug-br: .75em;
        color:#740015;
    }*/
    .page-staff-kpi-information .message_container-message {
        padding: 0px 1em 8px 1em;
        margin: 0;
        display: block;
        line-height: 1.4em;
        text-align: justify;
        max-height: 10em;
        transition: all 0.5s;
    }
    .page-staff-kpi-information .checkbox-plus-minus {
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        cursor: pointer;
        color: cyan;
        --bg: transparent;
    }
    .page-staff-kpi-information .checkbox-plus-minus:checked {
        --bg: unset;
    }
    .page-staff-kpi-information .checkbox-plus-minus:before, .page-staff-kpi-information .checkbox-plus-minus:after {
        content: '+';
        color: black;
        display: inline-block;
        vertical-align: middle;
    }
    .page-staff-kpi-information .checkbox-plus-minus:before {
        padding: 0.5em;
    }
    .page-staff-kpi-information .checkbox-plus-minus:after {
        content: var(--message);
        /*  color: #fff;*/
        color:black;
        margin-left: 0.5em;
    }
    .page-staff-kpi-information .checkbox-plus-minus{
        position: absolute;
        left: 14px;
        top: 2px;
        outline: none;
    }
    .page-staff-kpi-information .checkbox-plus-minus ~ div{
        max-height: 0;
        opacity: 0;
        padding: 0px 0em 0px 0em;
    }
    .page-staff-kpi-information .checkbox-plus-minus:checked ~ div{
        max-height: 580px;
        opacity: 1;
    }
    .page-staff-kpi-information .checkbox-plus-minus ~ table{
        max-height: 0;
        opacity: 0;
        padding: 0px 0em 0px 0em;
    }
    .page-staff-kpi-information .checkbox-plus-minus:checked ~ table{
        max-height: 580px;
        opacity: 1;
    }
    .page-staff-kpi-information .checkbox-plus-minus:checked + .checkbox-plus-minus-label .fa-minus {
        display: inline;
    }

    .page-staff-kpi-information .checkbox-plus-minus:checked + .checkbox-plus-minus-label .fa-plus {
        display: none;
    }
    .page-staff-kpi-information .checkbox-plus-minus-label {
        cursor: pointer;
        vertical-align: top;
      /*  position: absolute;
        left: 19px;
        top: 8px;*/
    }
    .page-staff-kpi-information .checkbox-plus-minus {
        display: none;
    }

    .page-staff-kpi-information .message_container-message-p a{
        color: black;
    }
    .page-staff-kpi-information .message_container-message-p a:hover{
        color: blue !important;
    }

    .page-staff-kpi-information [augmented-ui~="inset-el"], .page-staff-kpi-information [augmented-ui~="exe"]::before {
        background: var(--aug-inset-bg, none);
    }
    .page-staff-kpi-information .fa-plus {
        color: white;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 1.2px;
        padding-bottom: 0px;
        /* background-color: #6610f2; */
        background-color: #00b2cc;
        line-height: 1;
        border-radius: 3px;
    }
    .page-staff-kpi-information .fa-minus {
        color: white;
        padding-top: 0px;
        padding-right: 0px;
        padding-left: 1px;
        padding-bottom: 0px;
        background-color: #E85764;
        display: none;
        line-height: 1;
        border-radius: 3px;
    }
    .page-staff-kpi-information .checkbox-plus-minus-label .fa, .fas {
        font-family: 'Font Awesome 5 Free' !important;
        font-weight: 900 !important;
    }
    
    .page-staff-kpi-information .timesheet-week-width{
        /* width: 173px;*/
        margin-left: 0.25rem;
        display: inline-block;
    }
    .page-staff-kpi-information .color-red{
        color: red !important;
    }
    .page-staff-kpi-information .color-red a:hover{
        color: blue !important;
    }
/*  Notice with checkbox message  */

.page-staff-leave-print .cancel-title{ right: 8%; top: 5%; }

.page-bill-authorisation .input, 
.page-bill-authorisation-onlyba-create .input, 
.page-bill-authorisation-onlyba .input{
    background-color: white;
    border: none;
    text-align: center;
    font-size: 1rem;
}

.page-bill-authorisation input::-webkit-outer-spin-button, .page-bill-authorisation input::-webkit-inner-spin-button,
.page-bill-authorisation-print input::-webkit-outer-spin-button, .page-bill-authorisation-print input::-webkit-inner-spin-button,
.page-bill-authorisation-onlyba-create input::-webkit-outer-spin-button, .page-bill-authorisation-onlyba-create input::-webkit-inner-spin-button,
.page-bill-authorisation-onlyba input::-webkit-outer-spin-button, .page-bill-authorisation-onlyba input::-webkit-inner-spin-button,
.page-bill-authorisation-onlyba-print input::-webkit-outer-spin-button, .page-bill-authorisation-onlyba-print input::-webkit-inner-spin-button,
.page-bill-authorisation-onlyba-multiple-print input::-webkit-outer-spin-button, .page-bill-authorisation-onlyba-multiple-print input::-webkit-inner-spin-button,
.page-time-sheet input::-webkit-outer-spin-button, .page-time-sheet input::-webkit-inner-spin-button
{
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.page-bill-authorisation-print, 
.page-bill-authorisation-onlyba-print,
.page-bill-authorisation-onlyba-multiple-print{ line-height: 1.1; font-size: 0.9rem!important;color: black}

.page-bill-authorisation-print .bill-width, 
.page-bill-authorisation-onlyba-print .bill-width,
.page-bill-authorisation-onlyba-multiple-print .bill-width{
    width: 1000px; transition: all .24s ease-in-out; 
    position: relative; 
/*    min-height: calc(255vh - 80px); */
    background: #fff; 
    margin-left: auto; margin-right: auto;
    overflow: hidden;
}

.page-bill-authorisation-print input[type=number],
.page-bill-authorisation-onlyba-print input[type=number],
.page-bill-authorisation-onlyba-multiple-print input[type=number],
.page-time-sheet input[type=number]{    
    box-sizing: border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing: border-box;
    moz-appearance:textfield;
    -moz-appearance:textfield;
}

.page-bill-authorisation-print input,
.page-bill-authorisation-onlyba-print input,
.page-bill-authorisation-onlyba-multiple-print input{ border-width: 0px; }

.page-bill-authorisation-print .separator-breadcrumb,
.page-bill-authorisation-onlyba-print .separator-breadcrumb,
.page-bill-authorisation-onlyba-multiple-print .separator-breadcrumb{display: block;}

.page-bill-authorisation-print textarea, .page-bill-authorisation-onlyba-print textarea, .page-bill-authorisation-onlyba-multiple-print textarea{ width:100%; }

.page-bill-authorisation-print textarea:focus, .page-bill-authorisation-print input:focus, 
.page-bill-authorisation-onlyba-print textarea:focus, .page-bill-authorisation-onlyba-print input:focus,
.page-bill-authorisation-onlyba-multiple-print textarea:focus, .page-bill-authorisation-onlyba-multiple-print input:focus,
.page-bill-authorisation-credit-note-print textarea:focus, .page-bill-authorisation-onlyba-multiple-print input:focus{ outline: none;}

.page-bill-authorisation-print .input-width-bc,
.page-bill-authorisation-onlyba-print .input-width-bc,
.page-bill-authorisation-onlyba-multiple-print .input-width-bc{ width:70%; }

.page-bill-authorisation-print .link-to-detail,
.page-bill-authorisation-print .link-to-detail:hover,
.page-bill-authorisation-print .link-to-detail:focus,
.page-bill-authorisation-onlyba-print .link-to-detail,
.page-bill-authorisation-onlyba-print .link-to-detail:hover,
.page-bill-authorisation-onlyba-print .link-to-detail:focus,
{ text-decoration: none; color: black; }

.page-bill-authorisation-print .border-center,
.page-bill-authorisation-onlyba-print .border-center,
.page-bill-authorisation-onlyba-multiple-print .border-center { margin-top: 1px; margin-bottom:1px;border-top: 1px solid #000;}

.page-bill-authorisation-print .line-left,
.page-bill-authorisation-onlyba-print .line-left,
.page-bill-authorisation-onlyba-multiple-print .line-left{ border-left: 1px solid black; height: 100%; left: 100%; position: absolute; top: 0;}

.page-bill-authorisation-onlyba-create input[type=file], 
.page-ba-invoice-platform input[type=file],
.page-ba-invoice-platform2 input[type=file],
.page-ba-collection-platform input[type=file],
.page-notification-create input[type=file],
.page-client-referral-external-create input[type=file]
{ height:28px; line-height: 1.1;}

.page-bill-authorisation-onlyba-create #engagement-btn{
    float: right;
    margin-top: -42px;
}

.page-bill-authorisation-credit-note textarea[name="reason"],.page-bill-authorisation-credit-note2 textarea[name="reason"]{ max-width:500px; }

.page-bill-authorisation-credit-note-print{ line-height: 1.1; font-size: 1rem!important;color: black}
.page-bill-authorisation-credit-note-print .title-div{ height: 40px;width: 80%;border: 1px solid black;}
.page-bill-authorisation-credit-note-print .cn-width {
    width: 800px;
    transition: all .24s ease-in-out;
    position: relative;
    min-height: calc(100vh - 80px);
    background: #fff;
    margin-left: auto;
    margin-right: auto;
}

.page-bill-authorisation-credit-note-print .signature-underline{ border-bottom: 1px solid black; display:block; width: 180px;}

.page-bill-authorisation-credit-note-print .total_all_amount_td{ border-top: 1px solid black; border-bottom: 2px solid black;}


.page-ba-invoice-platform .table-responsive,
.page-ba-invoice-platform2 .table-responsive{overflow-x:unset;}

.page-ba-invoice-platform #table-report tr td:nth-child(2),
.page-ba-invoice-platform #table-report tr td:nth-child(3),
.page-ba-invoice-platform #table-report tr td:nth-child(7),
.page-ba-invoice-platform2 #table-report tr td:nth-child(2),
.page-ba-invoice-platform2 #table-report tr td:nth-child(3),
.page-ba-invoice-platform2 #table-report tr td:nth-child(6){
    text-align: center;
}

.page-ba-invoice-platform #table-report tr td:nth-child(5),
.page-ba-invoice-platform2 #table-report tr td:nth-child(5){text-align: right; padding-right: 1rem;}

.page-ba-invoice-platform #table-report tr td:nth-child(6){
    padding: 0 0.5rem;
    text-align: center;
}

.page-bill-authorisation-search-collection button[name="searchBtn"] {
    float: right;
}
.page-bill-authorisation-search-collection #table-list tr td:nth-child(4){ white-space:nowrap; }
/*.page-bill-authorisation-search-collection #table-list .th-width { width: 90px!important; }*/


.page-client-reimbursement .small-table{
    border-collapse: collapse;
}
.page-client-reimbursement .small-table th, .page-client-reimbursement .small-table td{
    padding:0.1rem 0.5rem !important;
}
.page-client-reimbursement #table_bc td,
.page-client-reimbursement #table_bc th,
.page-client-reimbursement #modal_bc_table td,
.page-client-reimbursement #modal_bc_table th{
    border-color: gray;
}

.page-client-reimbursement .div-scroll{ overflow: auto; height: 150px;}
.page-client-reimbursement .div-modal-scroll{ overflow: auto; max-height: 211px;}
.page-client-reimbursement .table_small { line-height: 1.1;}
.page-client-reimbursement .table_small tbody tr{ background-color: white !important;}
.page-client-reimbursement .table_small tbody tr th, .page-client-reimbursement .table_small tbody tr td{ border-bottom: 1px solid silver !important;}
.page-client-reimbursement .new_bc_selector_row{ cursor: pointer;}

.page-client-reimbursement .input-od-amount{ width: 100px; text-align: right;}
.page-client-reimbursement .checkbox-post{ cursor: pointer;}
.page-client-reimbursement .checkmark-yes:before { content: "\2714"; font-size: 1.5em;}
.page-client-reimbursement .bank-copies{  text-align: center;}
.page-client-reimbursement .modal-input { width: 100px !important; }

/*.page-time-sheet .breadcrumb h1 { flex: 0 0 50%; max-width: 50%; margin-left:0!important;}
.page-time-sheet .breadcrumb h1:last-child { text-align:right; font-size:18px;}
.page-time-sheet .card-body>.row>.col-md-6 { padding-left:0!important;}
*/
.page-time-sheet .card-body table th {}
.page-time-sheet .card-body #timesheet-chargeable-table tr:first-child th,
.page-time-sheet .card-body #timesheet-table tr:first-child th{ background-color: #ebebeb;}

/*.page-time-sheet .card-body #timesheet-chargeable-table th,
.page-time-sheet .card-body #timesheet-chargeable-table td,
.page-time-sheet .card-body #timesheet-table th,
.page-time-sheet .card-body #timesheet-table td{ border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; border-left:0; border-top:0;}*/

/*.page-time-sheet .card-body #timesheet-chargeable-table th:last-child,
.page-time-sheet .card-body #timesheet-chargeable-table td:last-child,
.page-time-sheet .card-body #timesheet-table th:last-child,
.page-time-sheet .card-body #timesheet-table td:last-child{ border-right: 0;}*/

/*.page-time-sheet .card-body .form-group input {
    outline: initial!important;
    background: #f8f9fa;
    border: 1px solid #ced4da;
    color: #474d6d;
}*/
.page-time-sheet .card-body td.text-danger { 
/*    background: rgb(195,44,217);*/
/*    background: linear-gradient(33deg, rgba(195,44,217,1) 0%, rgba(223,24,41,1) 100%);*/
/*    color:#ffffff!important;*/
}
/*.page-time-sheet form#chargeable_form,
.page-time-sheet .table{overflow: scroll;}*/
/*.page-time-sheet #chargeable_form td.border-br-black.text-center { padding:0.2rem!important;}*/
.page-time-sheet #timesheet-chargeable-table td.border-br-black.text-center input { border: 1px solid #cccccc;}
.page-time-sheet #timesheet-chargeable-table .text-danger{
    border-right: 1px solid #ddd !important;
}

.page-time-sheet .table-th-color-title {
    background: rgb(44,116,217);
    background: linear-gradient(33deg, rgba(44,116,217,1) 0%, rgba(9,55,119,1) 100%);
    color:white;
}
.page-time-sheet .card-body .table-th-color { background: rgb(43,113,218); background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%); color:white;}

.page-time-sheet .non-chargeable-input{ border: 1px solid; }
.page-time-sheet input[disabled] { cursor: not-allowed; }
.page-time-sheet .color-red{ color:red; }
.page-time-sheet .textarea-color-red-border{ color:red; border: red 1px solid;}
.page-time-sheet .color-red-border{ border: red 1px solid;}
.page-time-sheet .color-answer{ color: forestgreen;}
.page-time-sheet .textarea-color-answer-border{ color:forestgreen; border: forestgreen 1px solid;}
.page-time-sheet .reject-input-background-color{ background-color: #f9ccd4;}
.page-time-sheet .modal-lock-message{ max-width: 315px;}
.page-time-sheet .card-body button[id="print-btn"] { position:relative; bottom:-23px;}

.page-time-sheet #timesheet-chargeable-table, .page-time-sheet #timesheet-table,
.page-time-sheet #modal_timesheet_non_chargeable, .page-time-sheet #modal_timesheet, .page-time-sheet #timesheet-staff-info{ line-height:1.3; }

.page-time-sheet #non-chargeable-table tr:first-child th{ background-color:unset!important; border-right: 1px solid #ddd !important; }
.page-time-sheet textarea{font-size: 1rem;}

.page-staff-leave-print .table-width{ min-width: 600px; }

.page-staff-leave-print .signature-input{ border-radius: 0px!important; height: 18px; width:100px;border: none;border-bottom: 1px solid black; }

.page-staff-leave-print .signature-input2{ border-radius: 0px!important; height: 18px; width:200px;border: none;border-bottom: 1px solid black; }

.page-staff-leave-print .custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before{ background-color: #2f47c2;}
.page-staff-leave-print .custom-control-input:disabled~.custom-control-label{ color:unset; }

.page-staff-apply-claim-detail #claim-detail-table th,
.page-staff-apply-claim-detail #claim-detail-table td{ padding:0.25rem;}

.page-staff-apply-claim-detail #claim-detail-table th { background-color:#ddd;}
.page-staff-apply-claim-detail #claim-detail-table td { border-bottom: 1px solid #ddd;}
.page-staff-apply-claim-detail #claim-detail-table .input-claim{ width: 100%; border:none; outline:none; }

.page-staff-claim #claim-detail-table td {
        border-bottom: 1px solid #ddd;
    
}

.page-staff-claim-print input{ border-radius: 0px!important; border: none; border-bottom: 1.5px black solid;}
.page-staff-claim-print .for-account-purposes{
    text-decoration: underline;
    font-weight: bold;
    font-style: italic;
    margin-left:60px;
    font-size: 1rem;
}

.page-staff-claim-print .card-body{line-height: 1.1;}

.page-staff-claim-print .pagebreak { page-break-before: always; }

.page-staff-apply-claim-list #claim-table tbody tr td:nth-child(2),
.page-staff-apply-claim-list #claim-table tbody tr td:nth-child(3){
    text-align: center;
    white-space: nowrap;
}
.page-staff-apply-claim-list #claim-table tbody tr td:nth-last-child(1){
    text-align: center;
}

.page-task-create .div-summernote .dropdown-toggle::after,
.page-task-information .div-summernote .dropdown-toggle::after,
.page-notification-create .div-summernote .dropdown-toggle::after,
.div-summernote .dropdown-toggle::after
{
    display: none;
}
.page-task-create .div-summernote .dropdown-toggle.btn,
.page-task-information .div-summernote .dropdown-toggle.btn,
.page-notification-create .div-summernote .dropdown-toggle.btn,
.div-summernote .dropdown-toggle.btn
{
    padding-right: 0px;
}
.page-task-create .div-summernote .btn-sm, .page-task-create .div-summernote .btn-group-sm > .btn,
.page-task-information .div-summernote .btn-sm, .page-task-information .div-summernote .btn-group-sm > .btn,
.page-notification-create .div-summernote .btn-sm, .page-notification-create .div-summernote .btn-group-sm > .btn,
.div-summernote .btn-sm, .div-summernote .btn-group-sm > .btn
{
    line-height: unset;
}
.page-task-create .div-summernote .checkbox input, .page-task-create .div-summernote .radio input,
.page-task-information .div-summernote .checkbox input, .page-task-information .div-summernote .radio input,
.page-notification-create .div-summernote .checkbox input, .page-notification-create .div-summernote .radio input,
.div-summernote .checkbox input, .div-summernote .radio input
{
    opacity: 1;
    height: unset; 
    width: unset;
    margin: 1px 0 0;
}
.page-task-create .div-summernote .btn:focus,
.page-task-information .div-summernote .btn:focus,
.page-notification-create .div-summernote .btn:focus,
.div-summernote .btn:focus
{
  outline: none;
  box-shadow: none;
}
.page-task-create .div-summernote .note-modal .modal-header,
.page-task-information .div-summernote .note-modal .modal-header,
.page-notification-create .div-summernote .note-modal .modal-header,
.div-summernote .note-modal .modal-header
{
    display: unset; 
}
.page-task-create .div-summernote .note-modal  .modal-header .close,
.page-notification-create .div-summernote .note-modal .modal-header .close,
.div-summernote .note-modal .modal-header .close
{
    padding: unset; 
    margin: unset; 
}
@media (max-width: 576px){
    .page-task-create .div-summernote .note-modal button.close,
    .page-notification-create .div-summernote .note-modal button.close{
        float: right;
        font-size: 21px;
        font-weight: unset;
        color: #000;
        text-shadow: 0 1px 0 #fff;
        opacity: .5;
        position: unset;
        top: unset;
        right: unset;
    }
}
.page-task-create .div-summernote .modal-footer p,
.page-task-information .div-summernote .modal-footer p,
.page-notification-create .div-summernote .modal-footer p{
    display: none;
}

.page-task-create .div-summernote .modal input[type=file],
.page-notification-create .div-summernote .modal input[type=file]{ padding: 0.25rem 0.75rem; line-height:1.1; border:1px solid #ddd;  }

.page-task-create .div-summernote .modal .note-form-label{ font-size:1rem; }

.page-task-create .note-btn-group  .note-icon-caret{ line-height:1; }

.page-task-information .div-summernote .note-editable::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: .25rem;
    background-color: #F5F5F5;
}
.page-task-information .div-summernote .note-editable::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: #F5F5F5;
}
.page-task-information .div-summernote .note-editable::-webkit-scrollbar-thumb{
    border-radius: .25rem;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #C0C0C0;
}

.page-task-information .div-summernote #reply{ background-color: white;}
.page-task-information .div-summernote .contents-display{ display: inline-grid;}

.page-task-information .div-summernote .panel{ margin-bottom:0px; }

/*.page-job-allocation #calendar a, .page-job-allocation #StaffViewcalendar a{
    color: black;
}*/
.page-job-allocation #calendar a:hover, .page-job-allocation #StaffViewcalendar a:hover{
    text-decoration: none;
}
.page-job-allocation .fc-datagrid-header tbody tr th:nth-child(1), .page-job-allocation .fc-datagrid-body tbody tr td:nth-child(1){
    width: 33px;
}
.page-job-allocation .fc-datagrid-header tbody tr th:nth-child(2), .page-job-allocation .fc-datagrid-body tbody tr td:nth-child(2){
    width: 100px;
}
.page-job-allocation .fc-datagrid-header tbody tr th:nth-child(3), .page-job-allocation .fc-datagrid-body tbody tr td:nth-child(3){
    width: 86px;
}   
.page-job-allocation .fc-datagrid-header tbody tr th:nth-child(4), .page-job-allocation .fc-datagrid-body tbody tr td:nth-child(4), .page-job-allocation .fc-datagrid-header tbody tr th:nth-child(5), .page-job-allocation .fc-datagrid-body tbody tr td:nth-child(5){
    width: 82px;
}
.page-job-allocation .fc .fc-datagrid-cell-cushion{
    padding: 1px;
    white-space:unset !important;
}

.page-job-allocation .modal-header .close {
    margin-top: -24px;
}

.page-job-allocation .popper,
.page-job-allocation .tooltip,
.page-job-allocation-staff .popper,
.page-job-allocation-staff .tooltip {
    position: absolute;
    z-index: 9999;
    background: lemonchiffon;
    color: black;
    width: 150px;
    border-radius: 3px;
    box-shadow: 0 0 2px rgba(0,0,0,0.5);
    padding: 10px;
    text-align: center;
    opacity: revert;
}
.page-job-allocation .popper .popper__arrow,
.page-job-allocation .tooltip .tooltip-arrow,
.page-job-allocation-staff .popper .popper__arrow,
.page-job-allocation-staff .tooltip .tooltip-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    margin: 5px;
}
.page-job-allocation .tooltip .tooltip-arrow,
.page-job-allocation .popper .popper__arrow,
.page-job-allocation-staff .tooltip .tooltip-arrow,
.page-job-allocation-staff .popper .popper__arrow {
    border-color: lemonchiffon;
}
.page-job-allocation .popper[x-placement^="top"],
.page-job-allocation .tooltip[x-placement^="top"],
.page-job-allocation-staff .popper[x-placement^="top"],
.page-job-allocation-staff .tooltip[x-placement^="top"] {
    margin-bottom: 5px;
}
.page-job-allocation .popper[x-placement^="top"] .popper__arrow,
.page-job-allocation .tooltip[x-placement^="top"] .tooltip-arrow,
.page-job-allocation-staff .popper[x-placement^="top"] .popper__arrow,
.page-job-allocation-staff .tooltip[x-placement^="top"] .tooltip-arrow{
    border-width: 5px 5px 0 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.page-job-allocation .popper[x-placement^="bottom"],
.page-job-allocation .tooltip[x-placement^="bottom"],
.page-job-allocation-staff .popper[x-placement^="bottom"],
.page-job-allocation-staff .tooltip[x-placement^="bottom"] {
    margin-top: 5px;
}
.page-job-allocation .tooltip[x-placement^="bottom"] .tooltip-arrow,
.page-job-allocation .popper[x-placement^="bottom"] .popper__arrow,
.page-job-allocation-staff .tooltip[x-placement^="bottom"] .tooltip-arrow,
.page-job-allocation-staff .popper[x-placement^="bottom"] .popper__arrow {
    border-width: 0 5px 5px 5px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    top: -5px;
    left: calc(50% - 5px);
    margin-top: 0;
    margin-bottom: 0;
}
.page-job-allocation .tooltip[x-placement^="right"],
.page-job-allocation .popper[x-placement^="right"],
.page-job-allocation-staff .tooltip[x-placement^="right"],
.page-job-allocation-staff .popper[x-placement^="right"]{
    margin-left: 5px;
}
.page-job-allocation .popper[x-placement^="right"] .popper__arrow,
.page-job-allocation .tooltip[x-placement^="right"] .tooltip-arrow,
.page-job-allocation-staff .popper[x-placement^="right"] .popper__arrow,
.page-job-allocation-staff .tooltip[x-placement^="right"] .tooltip-arrow {
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    left: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.page-job-allocation .popper[x-placement^="left"],
.page-job-allocation .tooltip[x-placement^="left"],
.page-job-allocation-staff .popper[x-placement^="left"],
.page-job-allocation-staff .tooltip[x-placement^="left"] {
    margin-right: 5px;
}
.page-job-allocation .popper[x-placement^="left"] .popper__arrow,
.page-job-allocation .tooltip[x-placement^="left"] .tooltip-arrow,
.page-job-allocation-staff .popper[x-placement^="left"] .popper__arrow,
.page-job-allocation-staff .tooltip[x-placement^="left"] .tooltip-arrow {
    border-width: 5px 0 5px 5px;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    right: -5px;
    top: calc(50% - 5px);
    margin-left: 0;
    margin-right: 0;
}
.page-job-allocation .tooltip-inner,
.page-job-allocation-staff .tooltip-inner{
    max-width: 200px;
    padding: 0px; 
    color: unset; 
    text-align: center;
    background-color: unset; 
    border-radius: 4px;
}
.page-job-allocation .fc-datagrid-cell-frame,
.page-job-allocation-staff .fc-datagrid-cell-frame{
    margin-left: 5px;
}
.page-job-allocation .fc-resource .fc-icon,
.page-job-allocation .fc-resource .fc-datagrid-expander-placeholder,
.page-job-allocation-staff .fc-resource .fc-icon,
.page-job-allocation-staff .fc-resource .fc-datagrid-expander-placeholder{
    display: none; 
}
.page-job-allocation #calendar .fc-timeline-event-harness,
.page-job-allocation-staff #calendar .fc-timeline-event-harness{
    cursor: pointer;
}

.page-job-allocation #StaffViewcalendar,
.page-job-allocation-staff #StaffViewcalendar{
    height: 500px;
/*    overflow: auto;*/
}

.page-job-allocation .chosen-container .chosen-drop,
.page-job-allocation-staff .chosen-container .chosen-drop{
    z-index: 3;
}

.page-job-allocation .fc .fc-toolbar.fc-header-toolbar,
.page-job-allocation-staff .fc .fc-toolbar.fc-header-toolbar{ margin-bottom: 0.75rem }

.page-job-allocation #calendar-input-search,
.page-job-allocation-staff #calendar-input-search{ width:25%;  float: right; min-width: 200px;}

.page-job-allocation-staff .fc .fc-datagrid-cell-cushion{
    padding: 1px;
    white-space:unset !important;
}
.page-job-allocation-staff .fc-timeline-event .fc-event-title{
    /*white-space:unset !important;*/
}

.page-job-summary .i-Yes{ color: blue; line-height: 1.5; font-size: 1rem; }
.page-job-summary .icon-left, .icon-right{ font-weight: 700;display:block; margin:auto; }
.page-job-summary .modal-dialog-assigned{
    max-width: 60%;
}
.page-job-summary .modal-body {
    height: 350px;
    position: relative;
    flex: 1 1 auto;
    padding: 1rem;
    overflow: auto;
}

.page-job-summary .scrolldiv{ max-height: 500px; border-collapse: collapse !important;}

.page-job-summary .scrollbar-table{ margin-top: 0!important; border-collapse: collapse !important; }
.page-job-summary .scrollbar-table>thead>tr>th,
.page-job-summary .scrollbar-table>thead>tr>td {background: #ebebeb; color: #3a3a3a; top: 0px; position: sticky;}
.page-job-summary .scrollbar-table table { border-collapse: collapse; border-spacing: 0;}
.page-job-summary .scrollbar-table>thead>tr>th,
.page-job-summary .scrollbar-table>tbody>tr>th,
.page-job-summary .scrollbar-table>thead>tr>td,
.page-job-summary .scrollbar-table>tbody>tr>td { border: 1px solid #ddd;}
.page-job-summary .scrollbar-table .table-secondtr{ top: 28px !important;}
.page-job-summary .scrollbar-table>tbody>tr>td { padding-left: 0.25rem; padding-right: 0.25rem;}

.page-timesheet-list .not-yet-submit{ max-height: 380px;}
.page-timesheet-list .color-red{ color:red; }
.page-timesheet-list .textarea-color-red-border{ color:red; border: red 1px solid;}

/*.page-timesheet-list #approved_form .card-body table.border-separate:first-child th,
.page-timesheet-list #approved_form .card-body table.border-separate:first-child td { padding:0;}
.page-timesheet-list #approved_form .card-body table.border-separate th,
.page-timesheet-list #approved_form .card-body table.border-separate td { 
    border-color:#ddd!important;
    padding:0.75rem;
}*/
/*.page-timesheet-list #approved_form .card-body table td.table-th-color {
    background: rgb(43,113,218);
    background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%);
}
.page-timesheet-list #approved_form .card-body table td.text-danger {
    background: rgb(195,44,217);
    background: linear-gradient(33deg, rgba(195,44,217,1) 0%, rgba(223,24,41,1) 100%);
    color:#fff!important;
}*/
/*.page-timesheet-list form .card-body {overflow: scroll;}*/

.page-timesheet-list .table-th-color-title{
    background: linear-gradient(33deg, rgba(44,116,217,1) 0%, rgba(9,55,119,1) 100%);
    color: white;
}
.page-timesheet-list .table-th-color{
    background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%);
    color:white; 
}  
.page-timesheet-list .card-body .timesheet-table tr:first-child th{
    background-color: #ebebeb;
}

.page-timesheet-list .timesheet-table { line-height: 1.3; }

.page-timesheet-list .color-answer{ color: forestgreen; }
.page-timesheet-list .textarea-color-answer-border{ color:forestgreen; border: forestgreen 1px solid;}


.page-staff-apply-leave .chosen-container .chosen-drop,
.page-staff-claim-list .chosen-container .chosen-drop,
.page-staff-apply-claim .chosen-container .chosen-drop{ z-index:2; }


.page-calendar .main-content-wrap { margin-top:80px!important;}
.page-calendar .main-content-wrap .container .row { 
    background-color:#fff;
    padding: 1.5rem 1.25rem!important;
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
    border-radius:10px;
}
.page-calendar .fc-day-grid-container .fc-today {
    background: rgb(44,116,217);
    background: linear-gradient(33deg, rgba(44,116,217,1) 0%, rgba(9,55,119,1) 100%);
    color:#fff;
}
.page-calendar .fc-day-grid-container .fc-sat,
.page-calendar .fc-day-grid-container .fc-sun {
/*    background: rgb(199,199,199);*/
/*    background: linear-gradient(33deg, rgba(199,199,199,1) 0%, rgba(102,102,102,1) 100%);*/
/*    color:#fff;*/
}
.page-calendar.modal-open #div-form-button input.form-button { padding:0.75rem!important; height:unset!important;}
/*.page-calendar.modal-open .modal-content input,*/
/*.page-calendar.modal-open .modal-content select { padding:0.75rem!important; border-radius:10px!important; height:unset!important;}*/

.page-calendar .fc-scroller.fc-day-grid-container { height:100%!important;}
.page-calendar .edit-modal .modal-content #form-button { width:33.33%!important;}
.page-calendar .edit-modal .modal-content #form-button-delete { 
    width: 33.33%!important;
    float: left!important;
    margin-top: 10px!important;
    margin-left: 10px!important;
}
.page-calendar .edit-modal .modal-content .modal-footer {
    position: absolute!important;
    bottom: 10px!important;
    right: 0!important;
    width: 33.33%!important;
}

.page-calendar .fc-view-container { overflow:auto;}
.page-calendar .fc-view-container .fc-basic-view { width:700px;}
.page-calendar .card {margin-bottom: 20px;}

.page-calendar .fc-day-sat, .page-calendar .fc-day-sun{
    background-color: #F0FFFF;
/*    color: #df0029!important;*/
}

.page-calendar .select-option-height { height: 35px !important;}
.page-calendar  #div_repeat_day label{cursor: pointer;}
.page-calendar .list-group-event{
    margin: 2px 0 0px 16px;
    cursor: pointer;
    line-height: 1.3;
    border-radius: 3px;
    text-decoration: none;
}
.page-calendar  .filter-text, .filter-new_tag{ text-decoration:line-through; background-color: #A9A9A9 !important;}
.page-calendar  .fc-content .fc-time{ display: none; }
.page-calendar .fc-event-container{ cursor: pointer;}

.page-calendar .fc-col-header, .fc-daygrid-body, .fc-scrollgrid-sync-table,
.page-calendar  .fc-timegrid-body, .fc-timegrid-body table{ min-width: 100%;}
.page-calendar .fc-scroller{ overflow: unset !important; }
.page-calendar .fc-popover{ height: 200px; overflow:auto;}
.page-calendar .fc-list-event-time{ width: 7% !important;}
.page-calendar .fc-list-event-title{ width: 100%;}
.page-calendar .color_input{ width: 60%; display: block;}
.page-calendar .picker--time .picker__holder{ width: 100px;}
.page-calendar .chosen-container-single .chosen-single span { color: black;}
.page-calendar .tippy-box{
    background-color: white !important;
    color: black !important;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}
.page-calendar .tippy-content{ padding:5px 2px;}
.page-calendar .tippy-arrow{
    color: white !important;
/*        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);*/
}
.page-calendar .fullcalendar-tooltip-title{
    background-color: #fafafa;
    border-bottom: 1px solid #f2f2f2;
    padding: 0px 5px;
}
.page-calendar .fullcalendar-tooltip-description{ padding: 0px 5px;}
.page-calendar .event-tag-list-div{
    /*min-width: 167px;
    flex: 0 0 14.66667%;*/
    max-width: 230px;
}
.page-calendar .event-category-div{ position: relative;}
.page-calendar .event-category{
    font-size: 1rem;
    color: black !important;
    background-color: #cfcfd0;
    padding: 1px;
    margin: 2px 0px;
    cursor: pointer;
    line-height: 1.3;
    border-radius: 3px;
}
.page-calendar .event-category-arrow{
    margin-left: .25rem!important;
    margin-right: .25rem!important;
}
.page-calendar .list-group-event, .fc-daygrid-event{
    font-size: 1rem;
    padding: 1px 2px;
}
.page-calendar .fc-event{ cursor: pointer;}
.page-calendar .fc-event-main, .list_event{ color: white !important;}
.page-calendar .event-category:hover .list-event-eye, .page-calendar .list_event:hover .list-event-eye{ visibility: unset;}
.page-calendar .list-event-eye{
    position: absolute;
    right: 3px;
    top: 3px;
    visibility: hidden;
}
.page-calendar .event-category { display: flex;}
.page-calendar .icon-wrapper { display: flex;}
.page-calendar #tag-list-div{
    max-height: 450px;
    overflow: auto;
}

.page-calendar .fc-prev-button.fc-button.fc-button-primary,
.page-calendar .fc-next-button.fc-button.fc-button-primary{
    display: block; 
    width: 100%;
    border: none;
    background-color: #ebebeb;
    font-size: 16px;
    padding: 8px 8px;
    color: #000;
}

.page-calendar .fc-button.fc-button-primary{
    background-color: #ebebeb;
    color: #000;
}

.page-calendar #event_tag_chosen .chosen-results li{
    color: white;
}

.page-calendar .hover-white:hover{ color:white!important; }

.page-calendar .fc-theme-standard .fc-scrollgrid {
    border: 1px solid #ddd !important;
}

.page-calendar .fc-daygrid-dot-event{
    color: white;
}

.page-calendar .fc-daygrid-event-dot{
    margin: 0 0px;
    border: none;
}
.page-calendar .fc-event-time{
    margin-left: 2px;
}

.page-file-library .treeview .list-group-item{cursor:pointer}
.page-file-library .treeview span.indent{margin-left:10px;margin-right:10px}
.page-file-library .treeview span.icon{width:12px;margin-right:5px}
.page-file-library .treeview .node-disabled{color:silver;cursor:not-allowed}

.page-file-library .div-treeview{ font-size: 1rem;}
.page-file-library .div-treeview .fa-folder, 
.page-file-library .div-treeview .fa-folder-open{ font-size: 1.5rem;}

.page-file-library .radio{ display: inline-block;}
.page-file-library .custom-select{ background-color: #f8f9fa !important;}

.page-file-library .input-height{ height: 30px;}
.page-file-library .treeview_infor{ width: 100%;}
.page-file-library #treeview{ width: 100%; float: left;}
.page-file-library .set-infor{ width: 75%; float: right;}
.page-file-library .add-parent-folder{
    width: 200px;
    margin-right: 0;
    margin-left: auto;
}
/*right click*/
.page-file-library .context-menu ul{ 
    z-index: 1000;
    position: absolute;
    overflow: hidden;
    border: 1px solid #CCC;
    white-space: nowrap;
    font-family: sans-serif;
    background: #FFF;
    color: #333;
    border-radius: 5px;
    padding: 0;
}
/* Each of the items in the list */
.page-file-library .context-menu ul li {
    padding: 8px 12px;
    cursor: pointer;
    list-style-type: none;
}
.page-file-library .context-menu ul li:hover {
    background-color: #DEF;
}
.page-file-library .head-info-bar{
    height: 36px;
}
.page-file-library #input-search{
    width: 230px;
}
.page-file-library #btn-clear-search, 
.page-file-library .modal-close-btn{
    border: 1px solid #ced4da;   
}
.page-file-library .input-file{
    line-height: 0.9;
}
.page-file-library .fade{
/*    opacity: 1;*/
}
.page-file-library .fa-folder, 
.page-file-library .fa-folder-open, 
.page-file-library .glyphicon-folder-open, 
.page-file-library .glyphicon-folder-close{
    color: orange;
}
.page-file-library .fa-file-word{
    color: blue;
}
.page-file-library .fa-file-pdf{
    color: red;
}
.page-file-library .fa-file-excel{
    color: green;
}
.page-file-library .fa-file-powerpoint{
    color: firebrick;
}
.page-file-library .fa-file-video{
    color: black;
}
.page-file-library .pending-cut{
    opacity: 0.7;
}

.page-file-library #recordLog_data_Modal .modal-dialog {
    max-width: 900px;
    margin: 1.75rem auto;
}
.page-file-library .dataTables_filter{
    display: flex;
    float: left !important;
}
.page-file-library .dataTables_filter input{
    border: 1px solid #ced4da;
    display: inline-block;
    /* width: 100%; */
    height: calc(1.56706rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #5f6792;
    vertical-align: middle;
    background-color: #f8f9fa !important;
    border-radius: 40px !important;
}
.page-file-library #table-FolderFile{
    cursor: pointer;
}
.page-file-library #table-FolderFile tbody tr:hover{
    color: white;
    background-color: #428bca;
}
.page-file-library .div-folder-file{
    height: 450px;
    overflow: auto;
}
.page-file-library .div-folder-file::-webkit-scrollbar-track, 
.page-file-library .dataTables_scrollBody::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: .25rem;
    background-color: #F5F5F5;
}
.page-file-library .div-folder-file::-webkit-scrollbar, 
.page-file-library .dataTables_scrollBody::-webkit-scrollbar{
    width: 3px;
    height: 3px;
    background-color: #F5F5F5;
}

.page-file-library .div-folder-file::-webkit-scrollbar-thumb, 
.page-file-library .dataTables_scrollBody::-webkit-scrollbar-thumb{
    border-radius: .25rem;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #C0C0C0;
}
.page-file-library .table_filter_line_btn_file{
    margin-left: 10px;
    /*width: 70px;*/
    /*height: calc(1.56706rem + 2px);*/
    /*line-height: 0.5;*/
    font-size: 1.5rem;
/*    position: absolute;*/
    color: orange;
    cursor: pointer;
}
.page-file-library .table_filter_line_btn_email{
    margin-left: 10px;
    font-size: 1.5rem;
/*    position: absolute;*/
    color: blue;
    cursor: pointer;
}
.page-file-library .Directory-forder, 
.page-file-library .directory-forder{
    color: #0000CD;
    cursor: pointer;
}
.page-file-library .Directory-forder:hover{
    text-decoration: underline;
}

.page-file-library .type-treeview table tr td{
    cursor: pointer;
    border: 1px solid rgba(0,0,0,.125);
}
.page-file-library .type-treeview table tr td:hover {
    background-color: #DCDCDC;
}
.page-file-library .background-color-silver{
    background-color: #C0C0C0;
}
.page-file-library .background-color-428bca{
    color: white;
    background-color: #428bca !important;
}
.page-file-library .type-treeview .fa-home{
    /*color: orange;*/
    font-size: 2.5rem;
}
.page-file-library .type-treeview .fa-folder{
    color: orange;
    font-size: 2.5rem;
}
.page-file-library .type-treeview .fa-heart{
    color: red;
    font-size: 1rem;
    /*position: absolute;*/
    /*top: 25px;*/
    margin-left: -15px;
}
.page-file-library #favorites ul li{
    cursor: pointer;
}
.page-file-library #favorites ul li:hover{
    background-color: #f8f9fa;
}
.page-file-library .div-search{
    display: flex;
    align-items: center;
    justify-content: left;
    background: #f8f9fa;
    border: 1px solid #eee;
    border-radius: 20px;
    position: relative;
    width: 230px;
}
.page-file-library .div-search #input-search{ 
    background: transparent;
    border: 0;
    color: #212121;
    font-size: .8rem;
    line-height: 2;
    height: 100%;
    outline: initial!important;
    padding: .5rem .5rem;
    width: calc(100% - 32px);
}
.page-file-library .div-search i{
    margin-left: 5px;
    font-size: 18px;
    width: 24px;
    display: inline-block;
}
.page-file-library .div-treeview .fa-file-word,
.page-file-library .tr-row-icon-file .fa-file-word{
    color: blue;
    font-size: 1.5rem;
}
.page-file-library .div-treeview .fa-file-pdf,
.page-file-library .tr-row-icon-file .fa-file-pdf{
    color: red;
    font-size: 1.5rem;
}
.page-file-library .div-treeview .fa-file-excel,
.page-file-library .tr-row-icon-file .fa-file-excel{
    color: green;
    font-size: 1.5rem;
}
.page-file-library .div-treeview .fa-file-powerpoint,
.page-file-library .tr-row-icon-file .fa-file-powerpoint{
    color: firebrick;
    font-size: 1.5rem;
}
.page-file-library .div-treeview .fa-file-video,
.page-file-library .tr-row-icon-file .fa-file-video{
    color: black;
    font-size: 1.5rem;
}
.page-file-library .tr-row-icon-folder .fa-folder{
    color: orange;
    font-size: 1.5rem;
}
.page-file-library .tr-row-icon-folder .fa-heart{
    position: absolute;
    color: red;
    font-size: 0.7rem;
    margin-left: -6px;
    margin-top: 13px;
}
.page-file-library .tr-row-icon-file .fa-heart{
    position: absolute;
    color: red;
    font-size: 0.7rem;
    margin-left: -6px;
    margin-top: 16px;
}
.page-file-library .visibility-hidden{
    visibility: hidden;
}
.page-file-library #table-FolderFile tbody tr:hover .fa-heart{
    visibility: unset;
}
.page-file-library #treeview ul li:hover .folder-create, 
.page-file-library #treeview ul li:hover .fa-file-upload{
    visibility: unset;
}
.page-file-library #div-record-log table tbody tr td{
    padding: 3px;
}
.page-file-library .treeview span.icon {
    position: relative;
    top: 2px;
}
.page-file-library .span_folder_file{
    position: absolute;
    height: 5px;
    /* float: right; */
    right: 14px;
    font-size: 1.5rem;
}
.page-file-library .span_folder_file .fa-folder-plus{
    color: #C0C0C0;
}
.page-file-library .span_folder_file .fa-file-upload{
    color: #C0C0C0;
}

.page-file-library .splitter {
    width: 100%;
    /*height: 3000px;*/
    display: flex;
}
.page-file-library #separator {
    cursor: col-resize;
    background-color: #aaa;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='30'><path d='M2 0 v30 M5 0 v30 M8 0 v30' fill='none' stroke='black'/></svg>");
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
/*    height: 100%;*/

    /* Prevent the browser's built-in drag from interfering */
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.page-file-library #first {
    /*background-color: #dde;*/
    width: 30%;
/*    height: 100%;*/
    min-width: 10px;
}
.page-file-library #second {
    /*background-color: #eee;*/
    width: 70%;
    height: 100%;
    min-width: 10px;
}
.page-file-library .highlight{
    background: #faffb0;
}
.page-file-library .list-group-item {
    padding: 0.2rem;
}
.page-file-library .Directory-forder:last-of-type, 
.page-file-library .directory-forder:last-of-type {
    font-weight: bold;
}

.page-file-library #favorites-ul .fas.fa-folder { position: relative; top: 2px; margin-left: 0.625rem; }

.page-report-wip .info-table td,
.page-report-wip .info-table2 td,
.page-report-wip .info-table3 td{ height:35px; }

/*.page-report-wip .card.mb-3 .title { padding-left:15px;}*/
/*.page-report-wip .main-content-wrap .title.print_hide {
    background-color:#fff;
    padding: 1.5rem 1.25rem 5px!important;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.page-report-wip .main-content-wrap #search-table { 
    background-color:#fff;
    padding:5px 1.25rem 1.5rem!important;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-left:0!important;
}
.page-report-wip .main-content-wrap #search-table td { padding:0.3rem;}*/
/*.page-report-wip .table-responsive {
    background-color:#fff;
    padding: 1.5rem 1.25rem!important;
    border-radius:10px;
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
    margin:20px 0 0 10px;
    max-width:100%;
    overflow: auto;
}
.page-report-wip .table-responsive #table-report { overflow:auto; width:100%;}
.page-report-wip .table-responsive #table-report tr:first-child { background-color:#ddd;}
.page-report-wip .table-responsive #table-report th,
.page-report-wip .table-responsive #table-report td { padding:0.75rem!important;}*/
.page-report-wip #search-table { position:relative!important;}

/*.page-report-wip .btn-group{ margin-left: 5px;}
.page-report-wip .buttons-html5{
    margin-left: 5px !important;
    line-height: 1.1;
    height: calc(1.56706rem + 2px);
}*/

.page-report-wip .btn-group .btn,
.page-report-wip-archived .btn-group .btn{ border-radius:10px!important; }

.page-report-wip .checkbox-archived{
    cursor: pointer;
}
.page-report-wip .archivedDate_a{
    color:  #2f47c2 !important;
    cursor: pointer;
}
.page-report-wip .fa-file-circle-check{
/*    color: orange !important;*/
    color: #4caf50 !important;
    font-size: 1rem;
    margin-top: 0.25rem;
}
.page-report-wip .fa-file-circle-exclamation{
    font-size: 1rem;
    margin-top: 0.25rem;
}

.page-report-wip .info-table,
.page-report-wip .info-table2,
.page-report-wip .info-table3{ table-layout: fixed; }

.page-report-wip .comment-table{ line-height:1; }

.page-report-monthly-jobs-closed-recovery .info-table td,
.page-report-monthly-jobs-closed-recovery .info-table2 td,
.page-report-monthly-jobs-closed-recovery .info-table3 td{ height:35px; }

.page-report-monthly-jobs-closed-recovery #table-report tbody tr td{
    height: 25px;
    padding:1px;
}

.page-report-monthly-jobs-closed-recovery #table-report tbody tr:nth-of-type(odd){ background-color:unset; }
.page-report-monthly-jobs-closed-recovery .width-div-table { max-width: 850px!important; }
.page-report-monthly-jobs-closed-recovery .table-responsive { overflow-x:unset !important; }

.page-report-monthly-jobs-closed-recovery .container-fluid{ margin-left:unset; }
.page-report-monthly-jobs-closed-recovery .dataTables_scroll .dataTables_scrollFoot .dataTables_scrollFootInner{ width:100% !important; }
.page-report-monthly-jobs-closed-recovery .dataTables_scroll .dataTables_scrollFoot .dataTables_scrollFootInner table{ width:100% !important; }

.page-report-monthly-jobs-closed-recovery #print_btn{ border-radius:10px!important; }

.page-report-chargeable .info-table,
.page-report-chargeable .info-table2,
.page-report-chargeable .info-table3{ table-layout: fixed; }

.page-report-chargeable .info-table td,
.page-report-chargeable .info-table2 td,
.page-report-chargeable .info-table3 td{ height:35px; }

.page-report-chargeable .btn-group .btn{ border-radius:10px!important; }

.page-report-chargeable-positions .info-table,
.page-report-chargeable-positions .info-table2,
.page-report-chargeable-positions .info-table3{ table-layout: fixed; }

.page-report-chargeable-positions .info-table td,
.page-report-chargeable-positions .info-table2 td,
.page-report-chargeable-positions .info-table3 td{ height:35px; }

.page-report-chargeable-positions .btn-group .btn{ border-radius:10px!important; }

.page-report-staff-leave .info-table,
.page-report-staff-leave .info-table2,
.page-report-staff-leave .info-table3{ table-layout: fixed; }

.page-report-staff-leave .info-table td,
.page-report-staff-leave .info-table2 td,
.page-report-staff-leave .info-table3 td{ height:35px; }

.page-report-staff-leave .btn-group .btn{ border-radius:10px!important; }

.page-report-staff-leave .leave-detail-table{
    max-width: 220px;
}

.page-report-staff-leave .leave-detail-table tr{
    line-height: 1;
    border-bottom : unset !important;
}

.page-report-staff-leave .leave-detail-table tr, .page-report-staff-leave .leave-detail-table td{
    background-color: unset !important;
}

/*
.page-report-staff-leave #excel-export { 
    border-radius:40px;
    max-width:150px;
    background-color:#4caf50;
    border:1px solid #4caf50;
    color:#fff;
    height: calc(1.56706rem + 2px);
    line-height: 26px;=
    margin-left:0!important;
    display:block;
    text-align:center;
    margin-top:10px;
}*/
/*.page-report-staff-leave #table-report tr td .leave-detail-table { cursor:pointer; position:relative;}*/
/*.page-report-staff-leave #table-report tr td .leave-detail-table td { padding:0.2rem!important;}*/
/*.page-report-staff-leave #table-report tr td .leave-detail-table tfoot { border-top: 2px solid #000; color:#000;}*/
/*.page-report-staff-leave #table-report tr td .leave-detail-table tfoot td:first-child { padding-left:20px!important;}*/
/*.page-report-staff-leave #table-report tr td .leave-detail-table tbody { display:none!important;}*/
/*.page-report-staff-leave #table-report tr td .leave-detail-table.displayblock tbody { display:block!important;}*/
/*.page-report-staff-leave #table-report tr td .leave-detail-table tfoot:before {
    content:"+";
    position:absolute;
    top:0;
    left:0;
    font-size:18px;
}
.page-report-staff-leave #table-report tr td .leave-detail-table.displayblock td:first-child { padding-left:0!important;}
.page-report-staff-leave #table-report tr td .leave-detail-table.displayblock tfoot:before {
    content:"";
    display:none;
}*/

.page-report-summary-jobs-closed .info-table,
.page-report-summary-jobs-closed .info-table2,
.page-report-summary-jobs-closed .info-table3{ table-layout: fixed; }

.page-report-summary-jobs-closed .info-table td,
.page-report-summary-jobs-closed .info-table2 td,
.page-report-summary-jobs-closed .info-table3 td{ height:35px; }

.page-report-summary-jobs-closed .btn-group .btn{ border-radius:10px!important; }

.page-report-summary-jobs-closed-detail #print_btn{ border-radius:10px!important; }

.page-client-reimbursement #print_btn,
.page-client-reimbursement-print .buttons-pdf{ border-radius:10px!important; }

.page-client-reimbursement-print .checkbox{ cursor: pointer; }
.page-client-reimbursement-print .select-checkbox{ cursor: pointer; }

.page-report-wip-detail .info-table,
.page-report-wip-detail .info-table2{ line-height:1.1 }

.page-report-wip-detail #info-table-remark{ line-height:1.25 }

.page-report-wip-archived .info-table td,
.page-report-wip-archived .info-table2 td,
.page-report-wip-archived .info-table3 td{ height:35px; }
.page-report-wip-archived button[name="search_btn"]{ float: right; }
.page-report-wip-archived .dataTables_scroll table.dataTable{ margin-top: 0px !important; }

.page-report-staff-timesheet-submission .info-table,
.page-report-staff-timesheet-submission .info-table2,
.page-report-staff-timesheet-submission .info-table3{ table-layout: fixed; }

.page-report-staff-timesheet-submission .info-table td,
.page-report-staff-timesheet-submission .info-table2 td,
.page-report-staff-timesheet-submission .info-table3 td{ height:35px; }

.page-report-staff-timesheet-submission .btn-group .btn{ border-radius:10px!important; }
.page-report-staff-timesheet-submission{
    overflow: auto;
}

.page-report-staff-timesheet-submission-detail #print_btn{
    border-radius: 10px!important;
}

.page-report-collection-detail #print_btn{
    border-radius: 10px!important;
}

.page-report-staff-ot #print_btn,
.page-report-staff-ot #excel-export{
    border-radius: 10px!important;
}

.page-report-staff-ot .text-color-red{
    color: red;
}

.page-report-staff-ot .small-detail-table{
    max-width: 220px;
}

.page-report-staff-ot .small-detail-table tr{
    line-height: 1;
    border-bottom : unset !important;
}

.page-report-staff-ot .small-detail-table tr, .page-report-staff-ot .small-detail-table td{
    background-color: unset !important;
}

.page-report-client-branch-referral #inboundReferralsReport-table .dtrg-group,
.page-report-client-branch-referral #inboundReferralsReport-table tfoot,
.page-report-client-branch-referral #outboundReferralsReport-table .dtrg-group,
.page-report-client-branch-referral #outboundReferralsReport-table tfoot{
    background-color: rgba(0, 0, 0, .05);
}

.page-report-client-contact .info-table td,
.page-report-client-contact .info-table2 td,
.page-report-client-contact .info-table3 td{ height:35px; }
.page-report-client-contact button[name="search_btn"]{ float: right; }
.page-report-client-contact .small-table tr, .page-report-client-contact .small-table td{
    border: none !important;
    background-color: unset !important;
    line-height: 1;
}

.page-report-client-data .info-table td,
.page-report-client-data .info-table2 td,
.page-report-client-data .info-table3 td{ height:35px; }
.page-report-client-data button[name="search_btn"]{ float: right; }

/*.page-report-detail #table-report,
.page-report-detail #table-report2{
    line-height: 1;
}

.page-report-detail #table-report td, .page-report-detail #table-report th,
.page-report-detail #table-report2 td, .page-report-detail #table-report2 th{
    padding: 0.15rem;
}

.page-report-detail #table-report tbody tr:nth-of-type(odd),
.page-report-detail #table-report2 tbody tr:nth-of-type(odd){
    background-color: rgba(0,0,0,0) !important; 
}*/

.page-report-detail .small-table tr, .page-report-detail .small-table td{
    border: none !important;
    background-color: unset !important;
    line-height: 1;
}

.page-report-detail .small-table td{
    vertical-align: top;
}

.page-report-team-kpi .table td, .page-report-team-kpi .table th {
    padding: 0.25rem;
}

.page-report-team-kpi .kpiValueDiv table tr:nth-of-type(odd){
    background-color: unset;
}

.page-report-team-kpi .kpiValueDiv table tr td,
.page-report-team-kpi .kpiValueDiv table tr th{
    padding: 0rem 0.25rem;
}

.page-report-team-kpi .input-td{
    padding: 0rem 0rem;
    font-size: 1.0rem;
    border-radius: 2px !important;
} 

/*.fc-theme-standard .fc-header-toolbar {
    display: flex; 
    flex-wrap: nowrap; 
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 15px 0px;
    grid-gap: 10px;
}*/
/*.fc-theme-standard .fc-toolbar-chunk {display: block; width: 100%; text-align: center;}*/
/*.fc-theme-standard .fc-toolbar-chunk .fc-button{
    display: block; 
    width: 100%;
    border: none;
    background-color: #ebebeb;
    font-size: 16px;
    padding: 9px 0px;
    color: #000;
}*/
/*.fc-theme-standard .fc-toolbar-chunk:first-child,
.fc-theme-standard .fc-toolbar-chunk:last-child {width: 20%}
.fc-theme-standard .fc-toolbar-chunk .fc-toolbar-title{
    background-color: #ebebeb;
    color: #3a3a3a;
    padding: 5px 0px;
}*/
.fc-theme-standard .fc-timeline-event .tooltip {
    cursor: pointer;
    box-shadow: none;
}
.fc-theme-standard .fc-timeline-event:hover .tooltip-info {opacity: 1}
.fc-theme-standardr .fc-timeline-event:hover .fc-event-title {overflow: unset;}
.fc .fc-resource-timeline .fc-resource-group:not([rowspan]) { background-color:#ebebeb!Important; color:#333 }
.fc .fc-datagrid-expander .fc-icon {display: none}
/*.fc-theme-standard td {height: 35px;}*/
.fc-theme-standard td, 
.fc-theme-standard th {
    border: none!important; 
    border-bottom: 1px solid var(--fc-border-color, #ddd)!important; 
    border-bottom: 1px solid #ddd!important; 
}
/*.fc-direction-ltr .fc-timeline-event.fc-event-end {
    background: rgb(43,113,218);
    background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%);
    height: auto;
}*/
/*.fc-direction-ltr .fc-datagrid-expander {display: none!important;}*/

table.dataTable thead>tr>th {background-color: #ebebeb; color: #3a3a3a}
table.dataTable thead>tr>th.sorting_desc {background-color: #ebebeb;}
table.dataTable thead>tr>th.sorting_asc{background-color: #ebebeb}

.fc .fc-resource-timeline-divider { width:5px!important;}

#claim-mc_wrapper table.dataTable thead>tr>th:first-child,
#claim-table_wrapper table.dataTable thead>tr>th:first-child,
#claim-mc-status_wrapper table.dataTable thead>tr>th:first-child{background-color: #ebebeb}

.picker__table td,
.picker__table th {border:none; border-bottom: none;padding: 0px 0px;}
.picker__table tr {border-bottom: none !important;}
.picker__table thead>tr, .picker__table thead>tr>th {
    background-color: unset !important;
    color:#999 !important;
}

table.dataTable td {
/*    white-space: nowrap;*/
    background-color: #fff;
}
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after{
    bottom: 0.3em !important;
}

table.dataTable.display tbody>tr.selected td{
    background-color: #026bc6;
}

table button.btn.approved,
table button.btn.reject,
table button.btn.approved-mcc,
table button.btn.reject-mcc,
table button.btn.leave_data,
table a.btn.notification-link,
.approval-icon {
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    background-color: transparent!important;
    border: none;
}

table button.btn.approved img,
table button.btn.reject img,
table button.btn.approved-mcc ,
table button.btn.reject-mcc img,
table button.btn.leave_data img,
table a.btn.notification-link img{
    width: 100%;
    max-width: 30px;
} 

table button[name="approved"],
table button[name="approved_claim"],
table button[name="reject"],
table button[name="reject_claim"],
table button[name="leave_approved"],
table a.notification-link,
table#zero_configuration_table a.btn-primary,
button.detail_btn,
button[name="edit"],
button.edit_data,
button.dpcDeleteBtn,
button.delete_data,
.resign-icon,
.approval-icon,
.update-icon{
    background-color: transparent!important;
    font-size: 0px!important;
    position: revert!important;
    border: none!important;
    padding: 0px!important;
    width:auto!important;
    border-radius:0!important;
}  
table button[name="approved"]:after,
table button[name="approved_claim"]:after,
table button[name="reject"]:after,
table button[name="reject_claim"]:after,
table button[name="leave_approved"]:after,
table#zero_configuration_table a.btn-primary:after,
button.detail_btn:after,
button[name="edit"]:after,
button.edit_data:after,
button.delete_data:after,
button.dpcDeleteBtn:after,
.resign-icon:after,
.approval-icon:after,
.update-icon:after{
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
table button[name="approved"]:after,
table button[name="approved_claim"]:after,
.approval-icon:after{
    background-image: url('../images/button-approval.png');
}
table button[name="reject"]:after,
table button[name="reject_claim"]:after,
button.delete_data:after,
.resign-icon:after,
button.dpcDeleteBtn:after {
    background-image: url('../images/button-reject.png');
}

.update-icon:after{
    background-image: url('../images/button-update.png');
}

.btn-save{
    color:#27AE60;
    font-size:28px;
    cursor: pointer;
}
.btn-delete{
    color:#474D6D;
    font-size:24px;
    cursor: pointer;
}
.btn-print{
    color:#7A7A7A;
    font-size:24px;
    cursor: pointer;
}
button.dpcDeleteBtn.ml-5 { margin-left:0!important;}

/*#leave-table td:last-child br {display: none}*/

#all-approve-leave, 
#all-approve-claimMC, 
#all-approve-claimEngagement {
/*    padding: 2px 24px;*/
    border-radius: 15px;
}

#DataTables_Table_2_wrapper tbody tr td:last-child,
#leave-pending tbody tr td:last-child,
#claim-mc tbody tr td:last-child  {text-align: center;}

div.dataTables_wrapper div.dataTables_info {text-align: center;}
div.dataTables_wrapper .row:last-child {flex-direction: column-reverse;}
div.dataTables_wrapper .row:last-child .col-sm-12 {
    width: 100%!important;
    flex: 100%!important;
    max-width: 100%!important;
    padding: 0px!important;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {justify-content: center!important;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li {padding: 0px 5px;}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li a {
    border-radius: 50%; 
    background-color: #ebebeb;
    color: #333;
    line-height: 1;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.active a {color: #fff}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.next a {
    font-size: 0px;
    position: relative;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a:before,
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.next a:before{
    content: '';
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 14px;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.previous a:before {content: '\f104'; }
div.dataTables_wrapper div.dataTables_paginate ul.pagination li.next a:before {content: '\f105'; }

.fc-icon-chevron-left { display:block!important; width:100%; margin:auto!important; line-height:18px;}
/*.fc-icon-chevron-left:after {
    content:"Last Month";
    font-size:18px;
    white-space: nowrap;
    font-family: Nunito,sans-serif;
    font-weight: bold;
}
.fc-icon-chevron-left:before {
    content:""!important;
    background-image:url(../images/calendar-arrow-left.png)!important;
    background-repeat:no-repeat!important;
    display:inline-block;
    width:40px!important;
    height:9px!important;
    position: relative;
    top:-1px;
}*/
.fc-icon-chevron-right { display:block!important; width:100%; margin:auto!important; line-height:18px;}
/*.fc-icon-chevron-right:before {
    content:"Next Month"!important;
    font-size:18px!important;
    white-space: nowrap!important;
    font-family: Nunito,sans-serif;
    font-weight: bold;
}
.fc-icon-chevron-right:after {
    content:""!important;
    background-image:url(../images/calendar-arrow-right.png)!important;
    background-repeat:no-repeat!important;
    background-position:center right;
    display:inline-block;
    width:40px!important;
    height:9px!important;
    position: relative;
    top:-1px;
}*/

.fc .fc-timeline-header-row-chrono .fc-timeline-slot-frame { justify-content: center!important;}

.approved_claim { margin-bottom:0;}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a { align-items:start;}
div.dataTables_wrapper div.dataTables_length select,
div.dataTables_wrapper div.dataTables_filter input { border-radius: 10px;}

select, input, textarea{ border-radius: 10px!important;}

.nav-item-hold i,
.childNav .nav-item i{position: relative;}
/*.nav-item-hold i:before,
.childNav .nav-item i:before {font-size: 0px;}*/
.nav-item-hold i:after,
.childNav .nav-item i:after {
    content: '';
    width: 30px;
    height: 30px;
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: 50%;
    transform: translate(0%,-30%);
}
.childNav .nav-item i:after{
    width: 25px;
    height: 25px;
    transform: translate(0%,-45%);
}

#siderSecondary .nav-icon,
#sidebarThird .nav-icon{ height: 32px;}

.nav-item.active i ,
.nav-item:hover i,
.nav-item .nav-item-hold.current i{
    filter: invert(100%) sepia(60%) saturate(2%) hue-rotate(295deg) brightness(101%) contrast(101%);
}

.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a {
    display: grid;
    grid-template-columns: 33px 1fr;
    align-items: center;
    padding: 5px 24px;
}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item a .nav-icon:after{
    position: relative;
}
.layout-sidebar-large .sidebar-left-secondary .childNav li.nav-item .nav-text{
    margin-left: 0.5rem;
}
.page-staff-create-account .card-body .signup-input,
.page-staff-information .card-body .signup-input { display:flex; flex-direction:row; flex-wrap: wrap;}
.page-staff-create-account .card-body .signup-input .form-group,
.page-staff-information .card-body .signup-input .form-group {
    flex:0 0 50%;
    width: 50%;
    min-height: 60px;
    padding:0 15px;
}

.page-staff-information input[type="checkbox"],
.page-staff-create-account input[type="checkbox"]{margin: 0px 0 0 !important; vertical-align:middle;}
.page-staff-information .custom-control-label, 
.page-staff-create-account .custom-control-label,
.page-bill .custom-control-label{cursor: pointer;}

.page-staff-information .main-location, 
.page-staff-create-account .main-location{background-image: linear-gradient(#00FFFF 20%, #00FFFF 50%, #00FFFF 52%, #00FFFF 100%) !important;}

.height-input { height:auto!important;}


/*.page-staff-list .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-report-staff-leave-entitlement .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-client-list .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-bill-authorisation-search-creditnote .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-bill-authorisation-search .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-staff-leave-list .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-staff-claim-list .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-staff-apply-claim .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-timesheet-list .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-bill-authorisation-list .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-engagement-list .main-content-wrap>.row>.col-md-12>.card.mb-3,
.page-staff-apply-leave .main-content-wrap>.row>.col-md-12>.card.mb-3 { padding: 1.5rem 0;}*/

.page-staff-list .card.mb-3 .title { padding-left:15px;}
.card-filter { 
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
/*    padding: 0 1.2rem;*/
    margin-left:0!important;
    margin-right:0!important;
    gap:1%;
    align-items: baseline;
}
.card-filter .form-group { flex:0 0 24.25%; width:24.25%!important; margin-left:0!important;}

.page-staff-list .card button[name="search_btn"], 
.page-report-staff-leave-entitlement .card button[name="search_btn"],
.page-client-list .card button[name="search_client"],
.page-bill-authorisation-search-creditnote button[name="search-cn-btn"],
.page-bill-authorisation-search button[name="search-ba-btn"],
.page-client-reimbursement .card button[name="search-reimbursement-btn"],
.page-job-allocation .card button[name="search-job-allocation-btn"],
.page-client-clearance-letter-list button[name="search-btn"],
.page-bill-authorisation-bad-debts-list button[name="search-btn"],
.page-written-off-list button[name="search-btn"]
{
    float: right;
    margin-right: 0;
    margin-top: -42px;
/*    width: 24.25%;*/
}

.page-bill-authorisation-bad-debts-print .bd-width,
.page-written-off-print .writtenoff-width{
    width: 900px;
    transition: all .24s ease-in-out;
    position: relative;
    min-height: calc(100vh - 80px);
    background: #fff;
    margin-left: auto;
    margin-right: auto;
}

.page-bill-authorisation-bad-debts-print .main-content-wrap,
.page-written-off-print .main-content-wrap{
   line-height: 1.1; font-size: 1rem!important;color: black
}

.page-bill-authorisation-bad-debts-print .signature-underline1,
.page-written-off-print .signature-underline1
{ 
    border-bottom: 1px solid black; 
    display:block; 
    width: 180px;
}

.page-leave .radio-limit-of-days { padding-top:8px;}

.page-teamspace-setting .testemail-from-group{
    min-height: 0px;
}

.page-location .card-body .table-responsive .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%;
}

.custom-control-label:after, .custom-control-label:before { left:-1.3rem!important;}

/*.page-division #info_form .col-md-6 { max-width:40%!important; width:100%;}*/
/*.page-division .card button[name="divisionbtn"] {
    float: right;
    max-width:18%!important;
    width:100%!important;
    margin-right: 20px;
    margin-top: -55px;
}*/

.page-engagement-list button[name="search_engagement"],
.page-job-incoming-job button[name="search-job-incomingjob-btn"]{
    float: right;
}

.page-position #info_form .col-md-4{ max-width:26.5%; width:100%;}
.page-division .card button[name="divisionbtn"],
.page-location .card button[name="locationbtn"],
.page-position .card button[name="positionbtn"],
.page-industrial .card button[name="industrial_btn"],
.page-chargeable-service .card button[name="chargeablebtn"],
.page-claim .card button[name="claimbtn"],
.page-calendar-event .card button[name="calendar_event_btn"],
.page-bill .card button[name="servicechargebtn"],
.page-bill .card button[name="billstartnumberBtn"],
.page-bill .card button[name="credinotestartnumberBtn"],
.page-reimbursement button[name="addbanknameBtn"],
.page-reimbursement button[name="add_od_btn"]{
    float: right;
    margin-top: -46px;
}

.page-bill .hide_show_span{
    font-size: 1rem;
    color: blue;
    cursor: pointer;
}  

.page-bill hr{ margin-top: 0.5rem; margin-bottom: 0rem; border: 0; border-top: 1px solid rgba(0,0,0,.1); }

/*.page-bill .card-body .search-div .card-title { font-size:18px; font-weight:700; text-transform: uppercase;}
.page-bill .card-body .card-title { font-size:14px; font-weight:normal; text-transform: capitalize;}
.page-bill .card-body .card-title span { text-transform: lowercase;}
.page-bill #bill_number_form .row,
.page-bill #credit_note_number_form .row { align-items:center;}
.page-bill #bill_number_form .row .col-md-4,
.page-bill #credit_note_number_form .row .col-md-4 { flex: 0 0 27%; max-width: 27%;}
.page-bill #bill_number_form .row .col-12,
.page-bill #credit_note_number_form .row .col-12 { flex: 0 0 12%; max-width: 12%;}
.page-bill #bill_number_form .row .col-12 button.btn-width,
.page-bill #credit_note_number_form .row .col-12 button.btn-width { width:100%!important;}
.page-bill #new_hourrate_price { width:100%!important;}
.page-bill #show_add_new_dpc_form_1 .col-md-7 { flex: 0 0 100%; max-width: 100%;}
.page-bill #Add_New_Category_div .category_form .row { align-items:flex-end;}
.page-bill #Add_New_Category_div .category_form .row>div:nth-child(1) { flex: 0 0 15%; max-width: 15%;}
.page-bill #Add_New_Category_div .category_form .row>div:nth-child(2) { flex: 0 0 10%; max-width: 10%;}
.page-bill #Add_New_Category_div .category_form .row>div:nth-child(3),
.page-bill #Add_New_Category_div .category_form .row>div:nth-child(4) { flex: 0 0 22.5%; max-width: 22.5%;}
.page-bill #Add_New_Category_div .category_form .row>div:nth-child(5) { flex: 0 0 10%; max-width: 10%;}
.page-bill #Add_New_Category_div .category_form .row>div:nth-child(6) { flex: 0 0 10%; max-width: 10%; padding-bottom:12px;}
.page-bill #Add_New_Category_div .category_form .row>div:nth-child(7) { flex: 0 0 10%; max-width: 10%; padding-bottom:5px; text-align:right; white-space: nowrap;}
.page-bill #Add_New_Category_div .category_form .row .form-group {margin-bottom:5px!important; padding-top:10px!important;}

.page-bill .category_info_form .row>div:nth-child(1) { flex: 0 0 35%; max-width: 35%;}
.page-bill .category_info_form .row>div:nth-child(2) { flex: 0 0 20%; max-width: 20%;}
.page-bill .category_info_form .row>div:nth-child(3) { flex: 0 0 35%; max-width: 35%;}
.page-bill .category_info_form .row>div:nth-child(4) { flex: 0 0 10%; max-width: 10%; padding-bottom:5px; text-align:right;}
.page-bill .category_info_form table { max-width:600px; width:100%;}
.page-bill .category_info_form table th:last-child { width:200px;}
*/
.page-ba-export-platform #form-info .row div:nth-child(4) { text-align:left!important;}
.page-ba-export-platform .card-body #form-info .row>div:nth-child(1),
.page-ba-export-platform .card-body #form-info .row>div:nth-child(2),
.page-ba-export-platform .card-body #form-info .row>div:nth-child(3) { flex: 0 0 28%; max-width: 100%;}
.page-ba-export-platform .card-body #form-info .row>div:nth-child(4) { flex: 0 0 15%; max-width: 100%;}
.page-ba-export-platform .label-font {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    display:block;
}
.page-ba-export-platform #table-report th,
.page-ba-export-platform #table-report td { padding:0.75rem;}

/*.page-ba-invoice-platform #form-info table tr:last-child .row div:last-child { text-align:left!important; margin-left:unset!important; margin-right:unset!important;}*/
/*.page-ba-invoice-platform #form-info button[id="import_client_btn"] { width:100px;}*/
/*.page-ba-invoice-platform .label-font {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    display:block;
    margin-bottom:-25px!important;
}*/
/*.page-ba-invoice-platform #table-report th,
.page-ba-invoice-platform #table-report td { padding:0.75rem;}
.page-ba-invoice-platform #table-report_wrapper .dt-buttons { float:right; padding-left:20px; padding-bottom:10px; margin-top:-3px;}
.page-ba-invoice-platform #table-report_wrapper .buttons-excel { 
    width:100px;
    border-radius:40px!important;
    background-color: #00b2cc!important;
    border-color: #00b2cc!important;
}*/

/*.page-client-list .title,
.page-engagement-list .title,
.page-staff-leave-list .card .title,
.page-staff-claim-list .card .title { padding-left:15px!important;}*/

.page-client-list .search-div { width:14.4%!important;}
/*.page-client-list button[name="search_client"] {
    float: right;
    max-width:10%!important;
    width:100%!important;
    margin-right: 20px!important;
    margin-top: -42px;
}*/

/*.page-timesheet-list .search-div { width:24.5%!important;}*/
/*.page-timesheet-list .card.mb-3 .row { margin-top:10px;}*/
/*.page-timesheet-list .card.mb-3 .row .col-6:last-child button#all-approved { float:left!important;}*/
/*.page-timesheet-list .card.mb-3 .title { padding-left:15px!important;}*/
/*.page-timesheet-list .card-title.not-yet-submit { font-size:14px; font-weight:400;}*/
/*.page-timesheet-list .card-title.not-yet-submit h2 { font-size:1.1rem;}*/
/*.page-timesheet-list #approved_form .card-body table { font-size:14px; width:100%!important;}*/
/*.page-timesheet-list #approved_form .card-body table tr:first-child th { background-color:#ddd; padding:0.75rem;}*/


/*.page-job-incoming-job #search-table { position:relative!important; top:unset!important; right:unset!important;}
.page-job-incoming-job #search-table .row table:nth-child(1),
.page-job-incoming-job #search-table .row table:nth-child(2) {flex: 0 0 50%!important; max-width: 100%!important;}
.page-job-incoming-job #search-table .row table:nth-child(3),
.page-job-incoming-job #search-table .row table:nth-child(4) { flex: 0 0 40%!important; max-width: 100%!important;}
.page-job-incoming-job #search-table .row button:nth-child(5) {flex: 0 0 20%!important; max-width: 100%!important; margin-top: 5px;}
.page-job-incoming-job #search-table .row table tbody tr { display:flex; flex-wrap:nowrap; align-items:center; padding:5px 0;}
.page-job-incoming-job #search-table .row table tbody tr td {flex: 0 0 auto!important; min-width:unset!important; max-width:unset!important;}
.page-job-incoming-job #search-table .row table tbody tr td:last-child {flex: 1 1 auto!important; padding-right:20px;}
.page-job-incoming-job #search-table .row table:nth-child(1) tr td:nth-child(3),
.page-job-incoming-job #search-table .row table:nth-child(1) tr td:nth-child(5) {flex: 1 1 auto!important;}
.page-job-incoming-job #search-table .row table tbody td input,
.page-job-incoming-job #search-table .row table tbody td select { width:100%;}
.page-job-incoming-job #search-table table tr td:nth-child(1) {min-width:unset!important;}
.page-job-incoming-job .title.print_hide  { 
    background-color:#fff;
    padding: 1.5rem 1.25rem 5px!important;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}*/
/*.page-job-incoming-job #search-table { 
    background-color:#fff;
    padding:5px 1.25rem 1.5rem!important;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}*/
/*.page-job-incoming-job #planning-table_wrapper {
    background-color:#fff;
    padding:1.5rem 1.25rem!important;
    border-radius:10px;
    box-shadow:0 4px 20px 1px rgba(0,0,0,.06), 0 1px 4px rgba(0,0,0,.08);
    overflow: scroll;
}*/
/*.page-job-incoming-job #planning-table_wrapper #planning-table th,
.page-job-incoming-job #planning-table_wrapper #planning-table td { border-top:1px solid #dddddd; padding: 0.75rem;}*/
#planning-table.dataTable thead .sorting:before,
#planning-table.dataTable thead .sorting:after,
#planning-table.dataTable thead .sorting_asc:before,
#planning-table.dataTable thead .sorting_asc:after,
#planning-table.dataTable thead .sorting_desc:before,
#planning-table.dataTable thead .sorting_desc:after,
#planning-table.dataTable thead .sorting_asc_disabled:before,
#planning-table.dataTable thead .sorting_asc_disabled:after,
#planning-table.dataTable thead .sorting_desc_disabled:before,
#planning-table.dataTable thead .sorting_desc_disabled:after {
    bottom: 1em!important;
}

/*.page-bill-authorisation-invoice .card-title.text-center { text-align:left!important; padding-left:40px;}*/
.page-bill-authorisation-invoice .tr-bg-color {
    border-bottom: 1px solid #ddd;
    background-color: #ebebeb;
    color: #3a3a3a;
}
/*.page-bill-authorisation-invoice table tr:first-child td {
    font-weight: 700;
}*/
.page-bill-authorisation-invoice .tr-border {
    border-top:0!important;
    border-left:0!important;
    border-right:0!important;
    border-bottom: 1px solid #ddd;
}
.page-bill-authorisation-invoice table td button[name="save_invoice_cn_btn"] { width:100%;}
/*.page-bill-authorisation-invoice .card center { overflow:auto;}
.page-bill-authorisation-invoice .card-title.text-center { padding-left:15px;}
.page-bill-authorisation-invoice .card center table { width:1000px!important; padding:0 15px!important;}*/

/*.page-client-information table { width:100%!important;}
.page-client-information table th { border-color:#ddd!important; white-space: nowrap;}
.page-client-information table th,
.page-client-information table td { padding:0.75rem;}*/
.page-client-information .form-group #email-input .mb-2 { border-bottom:1px solid #ddd; padding-bottom:0.5rem;}
.page-client-information .form-group #email-input .mb-2:last-child { border:0;}
.page-client-information .form-group #email-input .mb-2 .col-5,
.page-client-information .form-group #email-input .mb-2 .col-6 {
    flex: 0 0 45%!important;
    max-width: 45%!important;
}

.page-client-information .form-group #addemail { max-width:120px; width:100%; border-radius:40px;}

/*.page-engagement-information #contact-input textarea { height:30px!important;}*/
/*.page-engagement-information button[name="addcontact"] { max-width:120px; width:100%; border-radius:40px;}*/
.page-engagement-information .card-title.text-center { text-align:left!important;}
/*.page-engagement-information .card-body table { width:100%!important;}*/
/*.page-engagement-information .card-body table tr:first-child td { background-color: #ebebeb;}*/
/*.page-engagement-information table th { border-color:#ddd!important; white-space: nowrap;}*/
/*.page-engagement-information table th,*/
/*.page-engagement-information table td { padding:0.75rem; height:auto!important; text-align:left!important; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}*/
/*.page-engagement-information table td input { width:100%; text-align:left!important;}*/
/*.page-engagement-information table th:last-child,*/
/*.page-engagement-information table td:last-child { border-right:0;}*/
/*.page-engagement-information .border-separate tr:nth-child(2)  { background-color:#ebebeb;}*/
/*.page-engagement-information .border-separate tr:nth-child(2) td:last-child { border-right:1px solid #ddd;}*/

.page-bill-authorisation-list .card.mb-3 .title { padding-left:15px;}
.page-bill-authorisation-list #engagement_info td { padding:0.75rem 0;}

.dt-scroll .table-bordered, .table-bordered td, 
.dt-scroll .table-bordered th{
    border:none;
}

/*table.dataTable.table-bordered,
table.dataTable.table-bordered td, 
table.dataTable.table-bordered th {border:none; border-bottom: 1px solid #ddd;padding: 3px 0px;}
table.dataTable.table-bordered tr {border-bottom: 1px solid #ddd}
table.dataTable.table-bordered {border-collapse: collapse!important;}
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting,
table.dataTable.table-bordered,
table.dataTable.table-bordered td,
table.dataTable.table-bordered th { padding-left: 0.15rem; padding-right: 0.15rem; }*/

.dataTable th, .dataTable td{
    padding: 0.25rem !important;
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
}

.page-dashboard .dataTable th:first-child,
.page-engagement-list .dataTable th:first-child,
.page-engagement-information .dataTable th:first-child,
.page-non-chargeable-service .dataTable th:first-child,
.page-position .dataTable th:first-child,
.page-staff-apply-claim .dataTable th:first-child,
.page-staff-list .dataTable th:first-child{
    text-align: left !important;
    width: 50px;
}

/* Report page datatable */
    .page-report-staff-ot .dataTable th,
    .page-report-staff-ot .dataTable td,
    .page-report-chargeable .dataTable th,
    .page-report-chargeable .dataTable td,
    .page-report-chargeable-detail .dataTable th,
    .page-report-chargeable-detail .dataTable td,
    .page-report-chargeable-positions .dataTable th,
    .page-report-chargeable-positions .dataTable td,
    .page-report-summary-jobs-closed .dataTable th,
    .page-report-summary-jobs-closed .dataTable td,
    .page-report-staff-leave .dataTable th,
    .page-report-staff-leave .dataTable td,
    .page-report-staff-leave-entitlement .dataTable th,
    .page-report-staff-leave-entitlement .dataTable td,
    .page-report-staff-timesheet-submission .dataTable th,
    .page-report-staff-timesheet-submission .dataTable td,
    .page-report-wip .dataTable th,
    .page-report-wip .dataTable td,
    .page-report-client-branch-referral .dataTable th,
    .page-report-client-branch-referral .dataTable td,
    .page-report-client-contact .dataTable th,
    .page-report-client-contact .dataTable td,
    .page-report-client-data .dataTable th,
    .page-report-client-data .dataTable td,
    .page-report-debtors-aging .dataTable th,
    .page-report-debtors-aging .dataTable td{
        padding: 0.25rem !important;
        padding-left: 0.25rem !important;
        padding-right: 0.25rem !important;
    }
    div.dt-scroll-body>table.dataTable>thead>tr>th, 
    div.dt-scroll-body>table.dataTable>thead>tr>td{
        padding: 0rem !important;
    }
    .page-report-staff-leave .dataTable th:first-child,
    .page-report-staff-leave-entitlement .dataTable th:first-child,
    .page-report-staff-timesheet-submission .dataTable th:first-child,
    .page-report-wip .dataTable th:first-child{
        padding-right: 1.5rem !important;
    }
/* Report page datatable */

@keyframes wave {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-2px);
    }
}
.page-notification .animation-text{
    position: relative;
    top: -4px;
    color: red;
    font-size: 75%;
    letter-spacing: -1px;
}
.page-notification .animation-text .letter {
    display: inline-block;
    animation: wave 1.5s infinite;
}

.page-notification .animation-text .letter:nth-child(2) {
    animation-delay: 0.2s;
}

.page-notification .animation-text .letter:nth-child(3) {
    animation-delay: 0.4s;
}

.page-notification-information .label-font { font-size:14px!important;}
.page-notification-information .form-group { margin-bottom:0!important;}
.page-notification-information .card-body .p-2 .row:nth-child(2) { margin-bottom:10px;}
.page-notification-information .card-body .p-2 .row:nth-child(2) .col-md-4 { flex: 0 0 25%; max-width: 25%;}
.page-notification-information .note-editable { background-color:#fff!important;}
.page-notification-information #table-record { width:100%!important;}

/*.page-job-allocation #search-table { display:flex; align-items:center;}
.page-job-allocation #search-table table:nth-child(1),
.page-job-allocation #search-table table:nth-child(2) {flex: 0 0 30%!important; max-width: 100%!important;}
.page-job-allocation #search-table table:nth-child(3) { flex: 0 0 40%!important; max-width: 100%!important;}
.page-job-allocation #search-table table { margin-left:0!important;}
.page-job-allocation #search-table table tbody { display:block; width:100%;}
.page-job-allocation #search-table table tbody tr { display:flex; flex-wrap:nowrap; align-items:center; padding:5px 0;}
.page-job-allocation #search-table table tbody tr td {flex: 0 0 auto!important; min-width:unset!important; max-width:unset!important;}
.page-job-allocation #search-table table tbody tr td:last-child {flex: 1 1 auto!important; padding-right:20px;}
.page-job-allocation #search-table table:last-child tbody tr td:nth-child(3) {flex: 1 1 auto!important; padding-right:20px;}
.page-job-allocation #search-table table:last-child tbody tr td:last-child { flex:0 0 auto!important; padding-right:0;}
.page-job-allocation #search-table table tbody tr td input,
.page-job-allocation #search-table table tbody tr td select { max-width:100%!important; min-width:unset!important;}

.page-job-allocation #calendar .fc-toolbar-chunk button.fc-prev-button,
.page-job-allocation-staff #StaffViewJobcalendar .fc-toolbar-chunk button.fc-prev-button { margin-bottom:15px;}
.page-job-allocation #calendar .fc-toolbar-chunk:nth-child(2),
.page-job-allocation #calendar .fc-toolbar-chunk:nth-child(3),
.page-job-allocation-staff #StaffViewJobcalendar .fc-toolbar-chunk:nth-child(2),
.page-job-allocation-staff #StaffViewJobcalendar .fc-toolbar-chunk:nth-child(3) { margin-bottom:50px;}*/

.page-job-summary .title.print_hide  { 
    background-color:#fff;
    padding: 1.5rem 1.25rem 5px!important;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}
.page-job-summary #search-table { 
    background-color:#fff;
    padding:5px 1.25rem 1.5rem!important;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
}
.page-job-summary #search-table .row { gap:10px;}
.page-job-summary #search-table table {
    flex: 0 0 22%;
    max-width: 22%;
}
.page-job-summary #search-table table tr td:nth-child(1) { min-width:unset!important; width:70px; text-align:left;}
.page-job-summary #search-table table tr td .chosen-container { width:100%;}
.page-job-summary .div-width {
    background-color:#fff;
    padding: 1.5rem 1.25rem!important;
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
    border-radius:10px;
    overflow: scroll;
}
.page-job-summary .div-width table.border-separate thead tr:first-child,
.page-job-summary .main-content-wrap div.div-width:nth-child(6) table.border-separate thead tr:nth-child(2) { background-color:#ddd;}
.page-job-summary .div-width table.border-separate tr th,
.page-job-summary .div-width table.border-separate tr td { padding:0.75rem; border-top:0; border-left:1px solid #ebebeb; border-right:0; border-bottom:1px solid #ebebeb;}
.page-job-summary .div-width table.border-separate tr th:last-child,
.page-job-summary .div-width table.border-separate tr td:last-child { border-right:0;}
.page-job-summary .div-width table tr td span.year-title {
    font-size: 1.75em;
    color: #3a3a3a;
    padding: 5px 0px;
}
.page-job-summary .div-width table #btn-prev-year,
.page-job-summary .div-width table #btn-next-year { background-color: #ebebeb!important; border:0!important; color:#000;}
.page-job-summary .div-width table #btn-prev-year:hover,
.page-job-summary .div-width table #btn-next-year:hover { background-color: #1e2b37!important; color:#fff;}
.page-job-summary .div-width table #btn-prev-year i,
.page-job-summary .div-width table #btn-next-year i { display:none;}
.page-job-summary .div-width table #btn-prev-year:before {
    content: ""!important;
    background-image: url(../images/calendar-arrow-left.png)!important;
    background-repeat: no-repeat!important;
    display: inline-block;
    width: 40px!important;
    height: 9px!important;
    position: relative;
    top: -1px;
}
.page-job-summary .div-width table #btn-prev-year:after {
    content: "Last Year";
    font-size: 18px;
    white-space: nowrap;
    font-family: Nunito,sans-serif;
    font-weight: bold;
}
.page-job-summary .div-width table #btn-next-year:after {
    content: ""!important;
    background-image: url(../images/calendar-arrow-right.png)!important;
    background-repeat: no-repeat!important;
    background-position: center right;
    display: inline-block;
    width: 40px!important;
    height: 9px!important;
    position: relative;
    top: -1px;
}
.page-job-summary .div-width table #btn-next-year:before {
    content: "Next Year"!important;
    font-size: 18px!important;
    white-space: nowrap!important;
    font-family: Nunito,sans-serif;
    font-weight: bold;
}

/*.page-staff-apply-claim .card.mb-3 .title { padding-left:15px;}*/

/*.page-staff-apply-leave .card.mb-3 .title { padding-left:15px;}
.page-staff-apply-leave .card.mb-3 .ml-3.mr-1 { display:flex; gap:1rem;}
.page-staff-apply-leave .card.mb-3 .ml-3.mr-1 .search-div { flex: 0 0 15.6%; max-width: 15.6%;}*/
/*.page-staff-apply-leave .modal-content .modal-body .btn.btn-primary,*/
/*.page-staff-apply-leave .modal-content .modal-body .btn-danger { width:33.33%!important; float:left!important; margin-top:10px; border-radius: 10px;}*/
/*.page-staff-apply-leave .modal-content .modal-body .btn-danger { margin-left:0.7rem;}*/
/*.page-staff-apply-leave .modal-content .modal-footer { width:33.33%!important;}*/
/*.page-staff-apply-leave #leave-table .checkmark-one {
    background-image: url(../images/checkmark-one.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    background-color: transparent;
    border: 0;
    font-size: 0;
    border-radius:0!important;
}*/
/*.page-staff-apply-leave #leave-table .checkmark-two {
    background-image: url(../images/checkmark-two.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    background-color: transparent;
    border: 0;
    font-size: 0;
    border-radius:0!important;
}
*/

/*.page-staff-apply-claim .modal-body #modal_claim_mc_fee_form table td:first-child { padding-right:10px;}*/
/*.page-staff-apply-claim .modal-body #modal_claim_mc_fee_form textarea { border-color:#ddd;}*/

.page-report-debtors-aging .main-content-wrap #table-report thead th { background-color:#ddd; min-width: 50px;}
.page-report-debtors-aging .main-content-wrap #table-report td {
/*    white-space: nowrap;*/
    background-color: unset;
}
.page-report-debtors-aging .main-content-wrap #table-report>thead>tr>th, 
.page-report-debtors-aging .main-content-wrap #table-report>tbody>tr>th, 
.page-report-debtors-aging .main-content-wrap #table-report>thead>tr>td,
.page-report-debtors-aging .main-content-wrap #table-report>tbody>tr>td {
    border: 1px solid #ddd;
}

.page-report-debtors-aging .main-content-wrap table.dataTable.order-column>tbody tr>.sorting_1, 
.page-report-debtors-aging .main-content-wrap table.dataTable.order-column>tbody tr>.sorting_2, 
.page-report-debtors-aging .main-content-wrap table.dataTable.order-column>tbody tr>.sorting_3, 
.page-report-debtors-aging .main-content-wrap table.dataTable.display>tbody tr>.sorting_1, 
.page-report-debtors-aging .main-content-wrap table.dataTable.display>tbody tr>.sorting_2, 
.page-report-debtors-aging .main-content-wrap table.dataTable.display>tbody tr>.sorting_3 {
    box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054) !important;
    box-shadow: inset 0 0 0 9999px rgba(var(--dt-column-ordering), 0.054); 
}

.page-report-debtors-aging .main-content-wrap #table-report th,
.page-report-debtors-aging .main-content-wrap #table-report td { padding:0.3rem;}
.page-report-debtors-aging .card-body-height {
    background-color:#fff;
    padding: 1.5rem 1.25rem!important;
    border-radius:10px;
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
    margin-top:20px;
    max-width:100%;
    overflow: auto;
}
.page-report-debtors-aging table.border-separate { 
    margin-top:20px;
    background-color:#fff;
    padding: 1.5rem 1.25rem!important;
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
    border-radius:10px;
}
.page-report-debtors-aging table.border-separate th,
.page-report-debtors-aging table.border-separate td { padding:0.5rem;}


/*.page-report-debtors-aging .chosen-results::-webkit-scrollbar-track, .card-body-height::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: .25rem;
    background-color: #F5F5F5;
}

.page-report-debtors-aging .chosen-results::-webkit-scrollbar, .card-body-height::-webkit-scrollbar
{
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
}

.page-report-debtors-aging .chosen-results::-webkit-scrollbar-thumb, .card-body-height::-webkit-scrollbar-thumb
{
    border-radius: .25rem;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #C0C0C0;
}*/

.page-report-debtors-aging select:focus,
.page-report-debtors-aging input:focus{
    outline: none;
    border: 1px #4D90FE solid;
}

.page-report-debtors-aging #search_btn{
    float: right;
}
.page-report-debtors-aging .info-table td, .page-report-debtors-aging .info-table2 td, .page-report-debtors-aging .info-table3 td {
    height: 35px;
}

.page-report-debtors-aging .dt-buttons button,
.page-report-debtors-aging .dt-buttons a{
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px !important;
    padding: 0.1em 0.4275em !important;
    font-size: 0.88em;
    color: inherit;
    background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.page-report-debtors-aging .dt-buttons a{
    padding: 0.2em 0.2em !important;
}

.page-report-debtors-aging .dt-buttons button:hover:not(.disabled),
.page-report-debtors-aging .dt-buttons a:hover:not(.disabled){
    border: 1px solid #666;
    background-color: rgba(0, 0, 0, 0.1);
    background: linear-gradient(to bottom, rgba(153, 153, 153, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}

.page-report-debtors-aging .dt-buttons > button:focus:not(.disabled),
.page-report-debtors-aging .dt-buttons > a:focus:not(.disabled) {
    outline: 2px solid rgb(53, 132, 228);
}

.page-report-debtors-aging .dt-buttons .icon-email{
    font-size: 1.8rem;
    color: blue;
    cursor: pointer;
    vertical-align: middle;
}

.page-report-debtors-aging-collection #search-table { 
    background-color:#fff;
    padding:1.5rem 1.25rem!important;
    border-radius:10px;
    box-shadow:0 1px 15px rgb(0 0 0 / 4%), 0 1px 6px rgb(0 0 0 / 4%);
}
.page-report-debtors-aging-collection #table-report_wrapper { 
    border-top: 1px solid #ddd;
    padding-top: 30px;
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
    overflow: scroll;
}
.page-report-debtors-aging-collection table#table-report { width:100%;}
.page-report-debtors-aging-collection #table-report_wrapper th,
.page-report-debtors-aging-collection #table-report_wrapper td { padding:0.75rem;}

.page-report-collection .main-content-wrap .title.print_hide,
.page-report-collection-clients .main-content-wrap .title.print_hide,
.page-report-staff-timesheet-submission .main-content-wrap .title.print_hide,
/*.page-report-summary-jobs-closed .main-content-wrap .title.print_hide,*/
.page-job-allocation .main-content-wrap .title.print_hide {
    background-color:#fff;
    padding: 1.5rem 1.25rem 5px!important;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
}

.page-report-collection .main-content-wrap #search-table,
.page-report-collection-clients .main-content-wrap #search-table,
/*.page-report-summary-jobs-closed .main-content-wrap #search-table,*/
.page-job-allocation .main-content-wrap #search-table { 
    background-color:#fff;
    padding:5px 1.25rem 1.5rem!important;
    border-bottom-left-radius:10px;
    border-bottom-right-radius:10px;
    margin-left:0!important;
}

.page-report-collection .main-content-wrap #search-table table td,
.page-report-collection-clients .main-content-wrap #search-table table td,
/*.page-report-summary-jobs-closed .main-content-wrap #search-table table td,*/
.page-job-allocation .main-content-wrap div.print_hide table td { padding-bottom:5px;}


.page-report-collection .main-content-wrap #search-table table td:first-child,
.page-report-collection-clients .main-content-wrap #search-table table td:first-child,
/*.page-report-summary-jobs-closed .main-content-wrap #search-table table td:first-child,*/
.page-job-allocation .main-content-wrap div.print_hide table td:first-child { padding-left:10px; max-width:80px!important; min-width:unset!important;}


.page-report-collection .main-content-wrap #search-table table:first-child td:first-child,
.page-report-collection-clients .main-content-wrap #search-table table:first-child td:first-child,
/*.page-report-summary-jobs-closed .main-content-wrap #search-table table:first-child td:first-child,*/
.page-job-allocation .main-content-wrap div.print_hide table:first-child td:first-child { padding-left:0px;}


.page-report-collection .main-content-wrap #search-table div.chosen-container,
.page-report-collection-clients .main-content-wrap #search-table div.chosen-container,
/*.page-report-summary-jobs-closed .main-content-wrap #search-table div.chosen-container,*/
.page-job-allocation .main-content-wrap div.print_hide div.chosen-container { max-width:100%!important; width:100%!important;}


.page-report-collection #table-report_wrapper .dt-buttons,
.page-report-collection #table-report_wrapper #table-report_filter,
.page-report-collection-clients #table-report_wrapper .dt-buttons,
.page-report-collection-clients #table-report_wrapper #table-report_filter,
/*.page-report-summary-jobs-closed #table-report_wrapper .dt-buttons,*/
/*.page-report-summary-jobs-closed #table-report_wrapper #table-report_filter,*/
.page-job-allocation #table-report_wrapper .dt-buttons,
.page-job-allocation #table-report_wrapper #table-report_filter { margin: 20px 0 15px!important;}


.page-report-collection #table-report_wrapper a.buttons-excel,
.page-report-collection #table-report_wrapper .btn-success,
.page-report-collection #table-report_wrapper .btn-primary,
.page-report-collection #table-report_wrapper .btn-success,
.page-report-collection-clients #table-report_wrapper a.buttons-excel,
.page-report-collection-clients #table-report_wrapper .btn-success,
.page-report-collection-clients #table-report_wrapper .btn-primary,
.page-report-collection-clients #table-report_wrapper .btn-success,
/*.page-report-summary-jobs-closed #table-report_wrapper a.buttons-excel,*/
/*.page-report-summary-jobs-closed #table-report_wrapper .btn-success,*/
/*.page-report-summary-jobs-closed #table-report_wrapper .btn-primary,*/
/*.page-report-summary-jobs-closed #table-report_wrapper .btn-success,*/
.page-job-allocation #table-report_wrapper a.buttons-excel,
.page-job-allocation #table-report_wrapper .btn-success,
.page-job-allocation #table-report_wrapper .btn-primary,
.page-job-allocation #table-report_wrapper .btn-success { width:110px!important;}


.page-report-collection #table-report_wrapper,
.page-report-collection-clients #table-report_wrapper,
.page-report-staff-timesheet-submission #table-report_wrapper,
/*.page-report-summary-jobs-closed #table-report_wrapper,*/
.page-job-allocation #table-report_wrapper { overflow:auto; width:100%!important; padding-left:0!important; padding-right:0!important;}


.page-report-collection #table-report,
.page-report-collection-clients #table-report,
/*.page-report-summary-jobs-closed #table-report,*/
.page-job-allocation #table-report { background-color:#fff; padding:1.5rem 1.25rem; border-radius:10px; width:100%!important; border-collapse:unset!important;}


.page-report-collection #table-report thead,
.page-report-collection-clients #table-report thead,
/*.page-report-summary-jobs-closed #table-report thead,*/
.page-job-allocation #table-report thead { background-color:#ddd!important;}


.page-report-collection #table-report tr th,
.page-report-collection #table-report tr td,
.page-report-collection-clients #table-report tr th,
.page-report-collection-clients #table-report tr td ,
/*.page-report-summary-jobs-closed #table-report tr th,*/
/*.page-report-summary-jobs-closed #table-report tr td,*/
.page-job-allocation #table-report tr th,
.page-job-allocation #table-report tr td { padding:0.75rem!important;}


.page-report-collection #table-report tr td,
.page-report-collection-clients #table-report tr td,
.page-report-collection-clients #table-report tr td,
/*.page-report-summary-jobs-closed #table-report tr td,*/
.page-job-allocation #table-report tr td { border-bottom:1px solid #ddd;}


.page-report-collection #table-report tr th:nth-child(1),
.page-report-collection-clients #table-report tr th:nth-child(1),
/*.page-report-summary-jobs-closed #table-report tr th:nth-child(1),*/
.job-allocation #table-report tr th:nth-child(1) { width:60px!important;}

.page-file-library { background-color:transparent!important;}
.page-file-library .header-section { background-color:#f5f5f5!important;}
.page-file-library .head-info-bar { margin-bottom:10px;}
.page-file-library .head-info-bar button.btn-light { background-color: #00b2cc!important; border-color: #00b2cc!important; color:#fff!important;}
.page-file-library .type-treeview td i { font-size: 1.5rem!important;}
.page-file-library .type-treeview td.background-color-silver i { color:#fff;}
.page-file-library .type-treeview td.background-color-silver i.fa-heart { color:red;}
.page-file-library .type-treeview td.background-color-silver {
    background: rgb(43,113,218)!important;
    background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%)!important;
}
.page-file-library .type-treeview td.type-treeview-table { padding: 0.5rem 0.75rem;}
.page-file-library .modal-content .modal-body #div-privacy>div { margin-top:8px;}
.page-file-library .modal-content .modal-body .card-title-notification { font-size:1rem!important;}
.page-file-library .modal-content .modal-body label.radio { width:100px;}
.page-file-library .modal-content .modal-body #div-privacy>div .form-group .chosen-container { margin-top:5px;}
.page-file-library #table_record_log thead { background-color:#ddd;}
.page-file-library #table_record_log tbody td { padding:0.75rem;}
/*.page-file-library .modal-content .modal-footer {
    position:relative;
    width: 50%;
}*/
/*.page-file-library #table-FolderFile tbody tr { background-color:transparent!important;}*/
.page-file-library #table-FolderFile tbody tr:hover { 
    background: rgb(43,113,218)!important;
    background: linear-gradient(45deg, rgba(43,113,218,1) 0%, rgba(59,184,178,1) 100%)!important;
}
.page-file-library #table-FolderFile tbody tr td { background-color:transparent!important;}
.page-file-library #siderFirst { height:100vh!important;}
.page-file-library .main-header { box-shadow:unset!important; background-color:transparent!important;}
.page-file-library .layout-sidebar-large.sidebar-open .header-section { background-color: #f5f5f5!important;}

/*.page-leave-detail .card-body table { width:100%!important;}
.page-leave-detail .card-body table tbody tr:nth-child(1),
.page-leave-detail .card-body table tbody tr:nth-child(2) { background-color:#ebebeb;}
.page-leave-detail .card-body table tbody th,
.page-leave-detail .card-body table tbody td { 
    padding:0.75rem;
    border-bottom:1px solid #ebebeb;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}*/
/*.page-leave-detail .card-body table tbody th:last-child,
.page-leave-detail .card-body table tbody td:last-child { border-right:0;}
.page-leave-detail .card-body table tbody input { width:100%;}*/

.page-leave-detail .leave-renew-input{
    width: 70%;
    text-align: center;
}

/*.page-bill-authorisation-search-collection .card .title { padding: 1.5rem 1.25rem;}
.page-bill-authorisation-search-collection .card .form-group {flex: 0 0 20%!important; max-width: 100%!important;}
.page-bill-authorisation-search-collection .card .col-md-10 { display:none;}*/
  
.page-bill-authorisation-approval-list .chosen-container .chosen-drop{ z-index:2; }

.page-portfolio .modal .chosen-container.chosen-container-single,
.page-chargeable-service .modal .chosen-container.chosen-container-single,
.page-client-reimbursement .modal .chosen-container-single{ padding-left:0!important; padding-right:0!important;}

.form-group label { margin-bottom:0!important;}
label { margin-bottom: 0rem!important;}
.buttons-excel { border-radius:10px;}

.modal-content .modal-body input,
.modal-content .modal-body textarea { border-radius:10px; width: 100%;}
.modal-content .modal-body .picker__footer button { border-radius:unset; width: 33%;}
/*.modal-content .modal-body br { display:none;}*/
.modal-content .modal-body input,
.modal-content .modal-body .chosen-container-single  { 
/*    margin-bottom:10px;*/
/*    height: calc(1.9695rem + 2px);*/
/*    padding: 0.375rem 0.75rem;*/
/*    width: 100% !important;*/
}
/*.modal-content .modal-body textarea { margin-bottom:10px; min-height:80px;}*/

.input-color { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; padding: 0rem!important; width: 30px!important; height: 33px; border: none; cursor: pointer;}
.input-color::-webkit-color-swatch {border-radius: 50%;}
.input-color::-moz-color-swatch {border-radius: 50%;}

.modal-content .modal-body .btn.btn-primary,
.modal-content .modal-body .btn.btn-primary { margin-bottom:0; margin-top:10px; width:50%; float:left!important;}
.modal-content .modal-body label { font-size: 12px; font-weight:normal;}
.modal-content .modal-footer button { width:33.33%; border-radius:10px;}
.modal-content .model-label { width:100%;}
.modal-content .model-label td { padding:0.5rem; border-bottom:1px solid #ddd;}
.modal-content .model-label td:first-child { border-:1px dashed #ddd;}

.page-job-allocation-staff .modal-content .modal-body #add_teammate { margin-bottom:unset; margin-top:unset; width:unset;float:unset!important;}

.page-dashboard .modal-content .modal-body .btn.btn-primary { width:33.33%;}
.page-dashboard .modal-content .modal-body .btn-danger.reject { margin-bottom:0; margin-top:10px; margin-left:10px; width:33.33%; float:left!important;}

.page-dashboard #claim-table td:nth-child(2),
.page-dashboard #claim-table td:nth-child(3){
    white-space: nowrap;
    padding-right: 0.5rem;
}

.page-dashboard .question-mark,
.page-report-kpi .question-mark {
    position: absolute;
    top: 12px;
    left: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    font-size: 9px;
    color: black;
    border: 1px solid black;
    border-radius: 50%;
    background-color: white;
}

.page-report-debtors-aging .question-mark-parent{
    position: relative;
    display: inline-block;
    padding-right: 20px;
}
.page-report-debtors-aging .question-mark {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    font-size: 10px;
    color: black;
    border: 1px solid black;
    border-radius: 50%;
    background-color: white;
}

.page-report-debtors-aging .question-mark-color-red{
    border: 1px solid red;
    color: red;
}

.page-performance-evaluation .question-mark {
    position: absolute;
    top: 0px;
    left: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 13px;
    height: 13px;
    font-size: 9px;
    color: black;
    border: 1px solid black;
    border-radius: 50%;
    background-color: white;
    z-index: 1;
}

.question-mark:hover{
    color: blue;
    border-color: blue;
    cursor: pointer;
}

.page-report-staff-leave-entitlement .dataTables_scrollHead{
    overflow: unset!important;
}

.page-calendar-event .modal-content .modal-body .chosen-container-single  { 
    margin-bottom:10px;
    height: calc(1.9695rem + 2px)!important;
    padding:0!important;
}

/*#table-FolderFile_wrapper {overflow: scroll;}*/

/*.page-job-allocation-staff table.table-information {
    background-color: #fff;
    padding: 1.5rem 1.25rem;
    border-radius: 15px;
    display: block;
    margin: 0 0 10px 0!important;
}*/
/*.page-job-allocation-staff #StaffViewJobcalendar {
    background-color: #fff;
    padding: 1.5rem 1.25rem;
    border-radius: 15px;
    display: block;
    margin: 10px 0!important;
    max-width:100%!important;
}*/
/*.page-job-allocation-staff table.table-information td { display:inline-block!important; padding-right:20px!important;}*/
/*.page-job-allocation-staff table.table-information td:last-child { padding-right:0!important;}*/
/*.page-job-allocation-staff table.table-information td.table-information-td { max-width:100px; padding-left:0!important; padding-right:0!important;}*/

.page-performance-evaluation{

}

.page-performance-evaluation .input-staff-particulars,
.page-performance-evaluation input, 
.page-performance-evaluation select, 
.page-performance-evaluation textarea{
    color: #474d6d;
    border-radius: unset!important;
}

.page-performance-evaluation .card-title-small{
    font-size: 0.9rem;
    margin-top: -0.4rem;
}

.page-performance-evaluation .card-content{
    width: 890px;
}

.page-performance-evaluation input:focus,
.page-performance-evaluation select:focus,
.page-performance-evaluation textarea:focus,
.page-performance-evaluation button:focus,
.page-performance-evaluation div:focus {
    outline: none;
}

.page-performance-evaluation #div-staff,
.page-performance-evaluation #div-appraisal{
    padding-left: 2rem;
    padding-right: 2rem;
}

.page-performance-evaluation .input-staff-particulars{
    border: none;
    padding: 0px;
    border-bottom: 1px solid black;
}
.page-performance-evaluation .input-width-staff-particulars{
    width: 240px;
}
.page-performance-evaluation #staff-address{
    border: none;
    padding: 0px;
    border-bottom: 1px solid black;
}
/*.page-performance-evaluation #staff_department{
    line-height: 20px;
    color: black;
    text-decoration: underline;
    text-underline-offset: 3px;
}*/
.page-performance-evaluation #staff-address2{
    width: 448px;
    line-height: 20px;
    color: black;
    border-bottom: 1px solid black;
}
.page-performance-evaluation #staff_office{
    width: 159px;
    line-height: 20px;
    color: black;
    border-bottom: 1px solid black;
}
.page-performance-evaluation #staff_ppdic{
    width: 559px;
}
/*.page-performance-evaluation .input-appraisal-date{
    width: 264px;
    border: none;
    padding: 0px;
    line-height: 20px;
    color: black;
    background-image: repeating-linear-gradient(180deg, transparent, transparent 19px, black 20px);
}*/
/*.page-performance-evaluation .input-appraisal{
    width: 100%;
    border: none;
    padding: 0px;
    line-height: 20px;
    color: black;
    background-image: repeating-linear-gradient(180deg, transparent, transparent 19px, black 20px);
}*/
.page-performance-evaluation #table-section-a,
.page-performance-evaluation #table-section-a-lastyear{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
.page-performance-evaluation #table-section-a tr td:first-child,
.page-performance-evaluation #table-section-a-lastyear tr td:first-child{
    text-align: center;
    vertical-align: top;
}
.page-performance-evaluation #table-section-a tr td:nth-child(2),
.page-performance-evaluation #table-section-a-lastyear tr td:nth-child(2){
    padding: 0;
    vertical-align: top;
}
.page-performance-evaluation #table-section-a textarea,
.page-performance-evaluation #table-section-a-lastyear textarea,
.input-textarea,
.input-textarea{
    border: none;
}
.page-performance-evaluation #table-section-a textarea:focus,
.page-performance-evaluation #table-section-a-lastyear textarea:focus,
.input-textarea:focus,
.input-textarea:focus{
    outline: -webkit-focus-ring-color auto 1px;
}
.page-performance-evaluation #a-small-table{
    text-align: left;
    vertical-align: top;
}
.page-performance-evaluation #a-small-table tr th,
.page-performance-evaluation #a-small-table tr td{
    text-align: left;
    vertical-align: top;
}
.page-performance-evaluation .a-span{
    margin-left: 2rem;
}
.page-performance-evaluation #table-section-b{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
.page-performance-evaluation #table-section-b .th-1{
    font-weight: bold;
    text-align: center;
    border: 1px solid black;
}
.page-performance-evaluation #table-section-b .th-2{
    font-weight: bold;
    text-align: center;
}
.page-performance-evaluation .b-small-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
.page-performance-evaluation .b-small-table tr td{
    text-align: left;
    vertical-align: top;
}
.page-performance-evaluation .b-small-table-2,
.page-performance-evaluation .b-small-table-2-appraiser{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
.page-performance-evaluation .b-small-table-2 tr td,
.page-performance-evaluation .b-small-table-2-appraiser tr td{
    width: 100%;        
    text-align: center;
    vertical-align: middle;
}
.page-performance-evaluation .hr-check{
    margin-top: 10.7px;
    /* margin-bottom: 2rem; */
    border: 0;
    border-top: 1px solid black;
    height: 0px;
}
.page-performance-evaluation .checkmark-yes:before {
    content: "\2714";
    font-size: 1.25em;
}
.page-performance-evaluation .b-small-table-2 td,
.page-performance-evaluation .b-small-table-2-appraiser td,
.page-performance-evaluation .sectionb2-appraiser-td{
    cursor: pointer;
}
.page-performance-evaluation #table-section-c{
    width: 100%;
}
.page-performance-evaluation #table-section-c .th-1{
    font-weight: bold;
    text-align: center;
    border: 1px solid black;
}
.page-performance-evaluation #table-section-c .th-2{
    font-weight: bold;
    text-align: center;
}
.page-performance-evaluation #table-section-c textarea{
    border: none;
}
.page-performance-evaluation #table-section-c textarea:focus{
    outline: -webkit-focus-ring-color auto 1px;
}
.page-performance-evaluation .add-row-div,
.page-performance-evaluation .delete-row-div{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    border: 2px solid black;
    background-color: white;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    position: relative;
}
.page-performance-evaluation #table-section-c .sectionc-score-input{
    width: 100%;
    border: none;
    text-align: center;
}
.page-performance-evaluation .add-row-div:hover,
.page-performance-evaluation .delete-row-div:hover{
    color: blue;
    border-color: blue;
}
.page-performance-evaluation .add-row-div i,
.page-performance-evaluation .delete-row-div i{
    font-size: 8px;
    color: black;
    transition: all 0.3s ease-in-out;
    margin-left: 1px;
    margin-bottom: 0.75px;
}

.page-performance-evaluation .add-row-div-right i{
    margin-left: 0.5px;
    margin-bottom: 0.25px;
}

.page-performance-evaluation .add-row-div:hover i,
.page-performance-evaluation .delete-row-div:hover i{
    color: blue;
}

.page-performance-evaluation #table-section-d{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
.page-performance-evaluation #table-section-d .th-1{
    font-weight: bold;
    text-align: center;
    border: 1px solid black;
}
.page-performance-evaluation #table-section-d .th-2{
    font-weight: bold;
    text-align: center;
}
.page-performance-evaluation .verticalText{
    writing-mode: tb-rl;
    text-orientation: mixed;
    text-align: right;
    transform: rotate(180deg);                 
}
.page-performance-evaluation #table-section-e{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}
.page-performance-evaluation #table-section-e .th-1{
    font-weight: bold;
    text-align: center;
    border: 1px solid black;
}
.page-performance-evaluation #table-section-e .th-2{
    font-weight: bold;
    text-align: center;
}

.page-performance-evaluation .score_input{
    width: 50px;
    border: 1px solid black;
    text-align: center;
}

.page-performance-evaluation #table-summary{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}

.page-performance-evaluation #table-recommendations,
.page-performance-evaluation #table-recommendations-2{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0px;
}

.page-performance-evaluation .border-color-filling{
    border-color: red;
}
.page-performance-evaluation .border-t-color-filling{
    border-top-color: red;
}
.page-performance-evaluation .border-b-color-filling{
    border-bottom-color: red;
}
.page-performance-evaluation .border-l-color-filling{
    border-left-color: red;
}
.page-performance-evaluation .border-r-color-filling{
    border-right-color: red;
}

.page-client-clearance-letter-create #preview-btn{
    background-color: grey;
    color: white; 
}

.page-client-clearance-letter-print .bd-width{
    width: 900px;
    transition: all .24s ease-in-out;
    position: relative;
    min-height: calc(100vh - 80px);
    background: #fff;
    margin-left: auto;
    margin-right: auto;
}

.page-client-clearance-letter-print .signature{
    border-bottom:1px solid black;
}

.page-client-clearance-letter-print @media print {
    #print-btn {
        display: none;
    }
}

.page-client-clearance-letter-print .main-content-wrap{
   line-height: 1.1; font-size: 1rem!important;color: black
}

.page-team-kpi-information .teammate-div{ width: 100%; max-height: 228px; overflow: auto;}

.page-team-kpi-information .week-target{
    width: 116px;
}

/*#staffviewcalendar .fc-scrollgrid-sync-table tr {height: 25px;}*/
/*#######################################*/

@media (min-width: 375px){
    .burger-menu.mobile-menu {display: none;}
    .main-content-wrap { margin-top: calc(10vh + 24px)!important;}
    .page-bill-authorisation-list .info-table .info-table-td-1-1, .page-bill-authorisation-list .info-table .info-table-td-1-2{vertical-align: top; width:70px;}
    .page-bill-authorisation-list .info-table .info-table-td-2{vertical-align: top; text-align: center; width: 10px}
    .page-bill-authorisation-list .info-table .info-table-td-3{vertical-align: top;}

    .page-bill-authorisation .info-table .info-table-td-1-1, .page-bill-authorisation .info-table .info-table-td-1-2{vertical-align: top; width:74px;}
    .page-bill-authorisation .info-table .info-table-td-2{vertical-align: top; text-align: center; width: 10px}
    .page-bill-authorisation .info-table .info-table-td-3{vertical-align: top;}

    .page-bill-authorisation-credit-note .info-table .info-table-td-1-1, .page-bill-authorisation-credit-note .info-table .info-table-td-1-2{vertical-align: top; width:128px;}
    .page-bill-authorisation-credit-note .info-table .info-table-td-2{vertical-align: top; text-align: center; width: 10px;}
    .page-bill-authorisation-credit-note .info-table .info-table-td-3{vertical-align: top;}

    .page-bill-authorisation-credit-note2 .info-table .info-table-td-1-1, .page-bill-authorisation-credit-note2 .info-table .info-table-td-1-2{vertical-align: top; width: 128px;}
    .page-bill-authorisation-credit-note2 .info-table .info-table-td-2{vertical-align: top; text-align: center; width: 10px}
    .page-bill-authorisation-credit-note2 .info-table .info-table-td-3{vertical-align: top; max-width: 200px;}

    .page-bill-authorisation-credit-note-print .info-table .info-table-td-1-1{width: 100px;}
    .page-ba-invoice-platform .card-filter .form-group3{ flex:0 0 99%; width:99%!important; margin-left:0!important; text-align: right;}
    .page-ba-invoice-platform2 .card-filter .form-group3{ flex:0 0 48.6%; width:48.6%!important; margin-left:0!important; text-align: right; margin-top: -37px;}
    .page-ba-collection-platform .card-filter .form-group3{ flex:0 0 99%; width:99%!important; margin-left:0!important; text-align: right;}

    .page-time-sheet .info-table .info-table-td-1-1, .page-time-sheet .info-table .info-table-td-1-2{vertical-align: top; width: 90px;}
    .page-time-sheet .info-table .info-table-td-2{vertical-align: top; text-align: center; width: 10px}
    .page-time-sheet .info-table .info-table-td-3{vertical-align: top; max-width: 200px;}

    .page-staff-leave-print .info-table .info-table-td-1-1, .page-staff-leave-print .info-table .info-table-td-1-2{vertical-align: top; width: 90px;}
    .page-staff-leave-print .info-table .info-table-td-2{vertical-align: top; text-align: center; width: 10px}
    .page-staff-leave-print .info-table .info-table-td-3{vertical-align: top;}

    .page-staff-leave-print .info-table-2 .info-table-td-1-1, .page-staff-leave-print .info-table-2 .info-table-td-1-2{vertical-align: top; width: 171px;}
    .page-staff-leave-print .info-table-2 .info-table-td-2{vertical-align: top; text-align: center; width: 10px}
    .page-staff-leave-print .info-table-2 .info-table-td-3{vertical-align: top;}

    .page-staff-claim .card-filter .form-group{ flex: 0 0 100%; width: 100%!important; }
    .page-staff-apply-claim-detail .info-table2 .info-table-td-1,
    .page-staff-apply-claim-detail .info-table4 .info-table-td-1{ vertical-align: top; width: 100px; }

    .page-task-create .card-filter .form-group, .page-task-create .card-filter .form-group2,
    .page-task-create .card-filter .form-group3{ flex: 0 0 100%; width: 100%!important; }

    .page-task-information .info-table .info-table-td-1-1,
    .page-task-information .info-table .info-table-td-1-2,
    .page-task-information .info-table .info-table-td-1-3{vertical-align: top; width: 108px;}
    .page-task-information .info-table .info-table-td-2,
    .page-task-information .info-table .info-table-td-2-2,
    .page-task-information .info-table .info-table-td-2-3{vertical-align: top; text-align: center; width: 10px}
    .page-task-information .info-table .info-table-td-3,
    .page-task-information .info-table .info-table-td-3-2,
    .page-task-information .info-table .info-table-td-3-3{vertical-align: top;}

    .page-notification-create .card-filter .form-group, .page-notification-create .card-filter .form-group2{ flex: 0 0 100%; width: 100%!important; }

    .page-notification-information .info-table .info-table-td-1-1,.page-notification-information .info-table .info-table-td-1-2{vertical-align: top; width: 67px;}
    .page-notification-information .info-table .info-table-td-2,.page-notification-information .info-table .info-table-td-2-2{vertical-align: top; text-align: center; width: 10px;}

    .page-job-incoming-job .card-filter .form-group{ flex: 0 0 100%; width:100%!important; }

    .page-job-allocation-staff .info-table .info-table-td-1-1, .page-job-allocation-staff .info-table2 .info-table-td-1-1{ vertical-align: top; width: 70px;}
    .page-job-allocation-staff .info-table .info-table-td-2, .page-job-allocation-staff .info-table2 .info-table-td-2{ vertical-align: top; width: 10px; text-align: center;}
    .page-job-allocation-staff .info-table .info-table-td-3 .chosen-container-single{ width:calc(10vw + 200px)!important; }

    .page-job-summary button[name="search_btn"]{ float: right; margin-top: 0px;}

    .page-timesheet-list button[name="search-timesheet"]{  float: right; margin-top: 0px;}
    .page-timesheet-list button[name="all-approved"]{ float: right; margin-right: 0.5rem; margin-top: 0px;}

    .page-timesheet-list .info-table .info-table-td-1-1, .page-timesheet-list .info-table2 .info-table-td-1-1{ vertical-align: top; width: 135px;}
    .page-timesheet-list .info-table .info-table-td-2, .page-timesheet-list .info-table2 .info-table-td-2{ vertical-align: top; width: 10px; text-align: center;}
    .page-timesheet-list .info-table .info-table-td-3, .page-timesheet-list .info-table2 .info-table-td-3{ vertical-align: top;}

    .page-staff-apply-leave button[name="search-btn"]{ margin-top: 0px; float: right;}

    .page-bill-authorisation-search button[name="search-ba-btn"]{ margin-top:0px; }

    .page-report-chargeable .card-filter .form-group{ flex: 0 0 100%; width:100%!important;}
    .page-report-chargeable .info-table .info-table-td-1,
    .page-report-chargeable .info-table2 .info-table-td-1,
    .page-report-chargeable .info-table3 .info-table-td-1{ width: 95px;}

    .page-report-chargeable .info-table .info-table-td-2,
    .page-report-chargeable .info-table2 .info-table-td-2,
    .page-report-chargeable .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-chargeable .info-table .info-table-td-4{ text-align: center; width: 20px;}

    .page-report-chargeable button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-report-chargeable-detail .info-table .info-table-td-1,
    .page-report-chargeable-detail .info-table2 .info-table-td-1{ vertical-align: top; width: 65px; }

    .page-report-chargeable-detail .info-table .info-table-td-2,
    .page-report-chargeable-detail .info-table2 .info-table-td-2{ vertical-align: top; text-align: center; width: 10px; }

    .page-report-chargeable-detail-summary .info-table .info-table-td-1,
    .page-report-chargeable-detail-summary .info-table2 .info-table-td-1{ vertical-align: top; width: 68px; }

    .page-report-chargeable-detail-summary .info-table .info-table-td-2,
    .page-report-chargeable-detail-summary .info-table2 .info-table-td-2{ vertical-align: top; text-align: center; width: 10px; }

    .page-report-chargeable-positions .card-filter .form-group{ flex: 0 0 100%; width:100%!important;}
    .page-report-chargeable-positions .info-table .info-table-td-1,
    .page-report-chargeable-positions .info-table2 .info-table-td-1,
    .page-report-chargeable-positions .info-table3 .info-table-td-1{ width: 95px;}

    .page-report-chargeable-positions .info-table .info-table-td-2,
    .page-report-chargeable-positions .info-table2 .info-table-td-2,
    .page-report-chargeable-positions .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-chargeable-positions .info-table .info-table-td-4{ text-align: center; width: 20px;}

    .page-report-chargeable-positions button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-report-staff-leave .card-filter .form-group{ flex: 0 0 100%; width:100%!important;}
    .page-report-staff-leave .info-table .info-table-td-1,
    .page-report-staff-leave .info-table2 .info-table-td-1,
    .page-report-staff-leave .info-table3 .info-table-td-1{ width: 95px;}

    .page-report-staff-leave .info-table .info-table-td-2,
    .page-report-staff-leave .info-table2 .info-table-td-2,
    .page-report-staff-leave .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-staff-leave .info-table .info-table-td-4{ text-align: center; width: 20px;}

    .page-report-staff-leave button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-report-summary-jobs-closed .card-filter .form-group{ flex: 0 0 100%; width:100%!important;}
    .page-report-summary-jobs-closed .info-table .info-table-td-1,
    .page-report-summary-jobs-closed .info-table2 .info-table-td-1,
    .page-report-summary-jobs-closed .info-table3 .info-table-td-1{ width: 95px;}

    .page-report-summary-jobs-closed .info-table .info-table-td-2,
    .page-report-summary-jobs-closed .info-table2 .info-table-td-2,
    .page-report-summary-jobs-closed .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-summary-jobs-closed .info-table .info-table-td-4{ text-align: center; width: 20px;}
    .page-report-summary-jobs-closed button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-report-summary-jobs-closed-detail .info-table .info-table-td-1,
    .page-report-summary-jobs-closed-detail .info-table2 .info-table-td-1{ vertical-align: top; width: 65px;}

    .page-report-summary-jobs-closed-detail .info-table .info-table-td-2,
    .page-report-summary-jobs-closed-detail .info-table2 .info-table-td-2{ vertical-align: top; text-align: center; width: 10px;}

    .page-report-staff-timesheet-submission .card-filter .form-group{ flex: 0 0 100%; width:100%!important;}
    .page-report-staff-timesheet-submission .info-table .info-table-td-1,
    .page-report-staff-timesheet-submission .info-table2 .info-table-td-1,
    .page-report-staff-timesheet-submission .info-table3 .info-table-td-1{ width: 95px;}

    .page-report-staff-timesheet-submission .info-table .info-table-td-2,
    .page-report-staff-timesheet-submission .info-table2 .info-table-td-2,
    .page-report-staff-timesheet-submission .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-staff-timesheet-submission .info-table .info-table-td-4{ text-align: center; width: 20px;}
    .page-report-staff-timesheet-submission button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-report-staff-timesheet-submission-detail .info-table .info-table-td-1,
    .page-report-staff-timesheet-submission-detail .info-table2 .info-table-td-1{ vertical-align: top; width: 65px;}

    .page-report-staff-timesheet-submission-detail .info-table .info-table-td-2,
    .page-report-staff-timesheet-submission-detail .info-table2 .info-table-td-2{ vertical-align: top; text-align: center; width: 10px;}

    .page-report-collection-detail .info-table .info-table-td-1,
    .page-report-collection-detail .info-table2 .info-table-td-1{ vertical-align: top; width: 65px;}

    .page-report-collection-detail .info-table .info-table-td-2,
    .page-report-collection-detail .info-table2 .info-table-td-2{ vertical-align: top; text-align: center; width: 10px;}

    .page-teamspace-setting .testemailtd { text-align:right; }

    .page-report-staff-ot .card-filter .form-group{ flex: 0 0 100%; width:100%!important;}
    .page-report-staff-ot .info-table .info-table-td-1,
    .page-report-staff-ot .info-table2 .info-table-td-1,
    .page-report-staff-ot .info-table3 .info-table-td-1{ width: 95px;}

    .page-report-staff-ot .info-table .info-table-td-2,
    .page-report-staff-ot .info-table2 .info-table-td-2,
    .page-report-staff-ot .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-staff-ot .info-table .info-table-td-4{ text-align: center; width: 20px;}
    .page-report-staff-ot button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-client-referral-list .card button[id="search_btn"]{ float: right; margin-top: 0px !important; }

    .page-report .card-filter .form-group{ flex: 0 0 100%   ; width:100%!important;}
    .page-report .info-table .info-table-td-1,
    .page-report .info-table2 .info-table-td-1,
    .page-report .info-table3 .info-table-td-1{ width: 95px;}
    .page-report .info-table .info-table-td-4{ text-align: center; width: 20px;}
    .page-report .card button[id="search_btn"]{ float: right; margin-top: 0px !important; }

    .page-report-client-branch-referral .info-table .info-table-td-1,
    .page-report-client-branch-referral .info-table2 .info-table-td-1,
    .page-report-client-branch-referral .info-table3 .info-table-td-1{ width: 73px;}

    .page-report-debtors-aging .card-filter .form-group{ flex: 0 0 100%; width:100%!important;}
    .page-report-debtors-aging .info-table .info-table-td-1,
    .page-report-debtors-aging .info-table2 .info-table-td-1,
    .page-report-debtors-aging .info-table3 .info-table-td-1{ width: 95px;}

    .page-report-debtors-aging .info-table .info-table-td-2,
    .page-report-debtors-aging .info-table2 .info-table-td-2,
    .page-report-debtors-aging .info-table3 .info-table-td-2{text-align: center;  width: 10px;}

    .page-report-team-kpi .info-table .info-table-td-1,
    .page-report-team-kpi .info-table2  .info-table-td-1{ width: 90px;}

    .page-report-team-kpi .info-table .info-table-td-2,
    .page-report-team-kpi .info-table2  .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-kpi .card-filter .form-group{ flex: 0 0 100%; width:100%!important;}
    .page-report-kpi .info-table .info-table-td-1,
    .page-report-kpi .info-table2 .info-table-td-1,
    .page-report-kpi .info-table3 .info-table-td-1{ width: 95px;}

    .page-report-kpi .info-table .info-table-td-2,
    .page-report-kpi .info-table2 .info-table-td-2,
    .page-report-kpi .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-kpi .info-table .info-table-td-4{ text-align: center; width: 20px;}
}

@media (min-width: 414px){
    .main-content-wrap { margin-top: calc(10vh + 12px)!important;}
}

@media (min-width: 434px){
    .main-content-wrap { margin-top: calc(10vh + 56px)!important;}

    .page-report-wip .card-filter .form-group { flex: 0 0 100%; width: 100%!important; }

    .page-report-wip .info-table .info-table-td-1,
    .page-report-wip .info-table2 .info-table-td-1,
    .page-report-wip .info-table3 .info-table-td-1{ width: 89px;}

    .page-report-wip .info-table .info-table-td-2,
    .page-report-wip .info-table2 .info-table-td-2,
    .page-report-wip .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

/*    .page-report-wip .info-table .info-table-td-3,*/
/*    .page-report-wip .info-table .info-table-td-5{ width: 80px; }*/
    .page-report-wip .info-table .info-table-td-4{ text-align: center; width: 20px; }

    .page-report-wip button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-report-monthly-jobs-closed-recovery .card-filter .form-group { flex: 0 0 100%; width: 100%!important; }
    .page-report-monthly-jobs-closed-recovery .info-table .info-table-td-1,
    .page-report-monthly-jobs-closed-recovery .info-table2 .info-table-td-1,
    .page-report-monthly-jobs-closed-recovery .info-table3 .info-table-td-1{ vertical-align: middle; width: 91px;}

    .page-report-monthly-jobs-closed-recovery .info-table .info-table-td-2,
    .page-report-monthly-jobs-closed-recovery .info-table2 .info-table-td-2,
    .page-report-monthly-jobs-closed-recovery .info-table3 .info-table-td-2{ vertical-align: middle; text-align: center; width: 10px;}
    .page-report-monthly-jobs-closed-recovery button[name="search_btn"]{ float: right; margin-top: 0px; }

    .page-report-wip-archived .card-filter .form-group { flex: 0 0 100%; width: 100%!important; }

    .page-report-wip-archived .info-table .info-table-td-1,
    .page-report-wip-archived .info-table2 .info-table-td-1,
    .page-report-wip-archived .info-table3 .info-table-td-1{ width: 89px;}

    .page-report-wip-archived .info-table .info-table-td-2,
    .page-report-wip-archived .info-table2 .info-table-td-2,
    .page-report-wip-archived .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-client-contact .card-filter .form-group { flex: 0 0 100%; width: 100%!important; }

    .page-report-client-contact .info-table .info-table-td-1,
    .page-report-client-contact .info-table2 .info-table-td-1,
    .page-report-client-contact .info-table3 .info-table-td-1{ width: 89px;}

    .page-report-client-contact .info-table .info-table-td-2,
    .page-report-client-contact .info-table2 .info-table-td-2,
    .page-report-client-contact .info-table3 .info-table-td-2{ text-align: center; width: 10px;}

    .page-report-client-data .card-filter .form-group { flex: 0 0 100%; width: 100%!important; }

    .page-report-client-data .info-table .info-table-td-1,
    .page-report-client-data .info-table2 .info-table-td-1,
    .page-report-client-data .info-table3 .info-table-td-1{ width: 89px;}

    .page-report-client-data .info-table .info-table-td-2,
    .page-report-client-data .info-table2 .info-table-td-2,
    .page-report-client-data .info-table3 .info-table-td-2{ text-align: center; width: 10px;}
}

@media (min-width: 520px){
    .dataTables_wrapper > .row > .col-sm-12.col-md-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }
    div.dataTables_wrapper div.dataTables_length {text-align: left!important;}
    div.dataTables_wrapper div.dataTables_filter {text-align: right!important;}
}

@media (min-width: 548px){
    .page-job-allocation-staff .info-table .info-table-td-3 .chosen-container-single{ width:calc(23vw + 200px)!important; }
}

@media (min-width: 576px){
    .main-content-wrap { margin-top: 80px!important;}
    .page-job-allocation-staff .info-table .info-table-td-3 .chosen-container-single{ width:calc(30vw + 200px)!important; }
    .page-job-summary .modal-dialog { max-width: 750px; margin: 1.75rem auto; }
}

@media (min-width: 581px){
    .page-timesheet-list button[name="search-timesheet"]{ margin-top: -42px; }
    .page-timesheet-list button[name="all-approved"]{ margin-top: -42px; margin-right: 4.5rem;}
    .page-staff-apply-leave button[name="search-btn"]{ margin-top: -42px; float: right;}
    .page-bill-authorisation-search button[name="search-ba-btn"]{ margin-top:-42px; }

    .page-report-wip .info-table .info-table-td-1,
    .page-report-wip .info-table2 .info-table-td-1,
    .page-report-wip .info-table3 .info-table-td-1{ width: 112px;}
    .card .search_btn2{ float: right; margin-right: 0; margin-top: -42px;}

    .page-report-team-kpi .card .search_btn2{ margin-top: 0px; }
}

@media (min-width: 768px){
    .burger-menu.mobile-menu{display: none;}
    .page-dashboard #report-card-div .card{ height: 300px; overflow: auto;}
    .page-bill-authorisation-list .info-table .info-table-td-1-1{width:48px;}
    .page-bill-authorisation-credit-note .info-table .info-table-td-1-1{vertical-align: top; width:96px;}
    .page-bill-authorisation-credit-note .info-table .info-table-td-1-2{vertical-align: top; width:129px;}
    .page-bill-authorisation-credit-note2 .info-table .info-table-td-1-1{vertical-align: top; width:96px;}
    .page-ba-invoice-platform .card-filter .form-group2{ flex:0 0 49%; width:49%!important; margin-left:0!important;}
    .page-ba-invoice-platform .card-filter .form-group{ flex:0 0 24%; width:24%!important; margin-left:0!important;}
    .page-ba-invoice-platform2 .card-filter .form-group2{ flex:0 0 49%; width:49%!important; margin-left:0!important;}
    .page-ba-invoice-platform2 .card-filter .form-group{ flex:0 0 24%; width:24%!important; margin-left:0!important;}
    .page-ba-invoice-platform2 .card-filter .form-group3{ flex:0 0 74%; width:74%!important; margin-left:0!important; text-align: right; margin-top: -37px;}
    .page-ba-collection-platform .card-filter .form-group2{ flex:0 0 49%; width:49%!important; margin-left:0!important;}
    .page-ba-collection-platform .card-filter .form-group{ flex:0 0 49%; width:49%!important; margin-left:0!important;}
    .page-time-sheet .info-table .info-table-td-1-2{vertical-align: top; width: 66px;}
    .page-staff-leave-print .info-table .info-table-td-1-2{vertical-align: top; width: 66px;}
    .page-staff-leave-print .info-table-2 .info-table-td-1-1{vertical-align: top; width: 128px;}

    .page-staff-claim .info-table .info-table-td-1{vertical-align: top; width: 100px; padding: 0.5rem; border-bottom: 1px solid #dee2e6;}
    .page-staff-claim .info-table .info-table-td-2{vertical-align: top; width: 150px; padding: 0.5rem; border-bottom: 1px solid #dee2e6;}
    .page-staff-claim .info-table .info-table-td-3{vertical-align: top; padding: 0.5rem; border-bottom: 1px solid #dee2e6;}

    .page-task-information .info-table .info-table-td-1-2{vertical-align: top; width: 72px;}
    .page-task-information .info-table .info-table-td-1-3{vertical-align: top; width: 52px;}

    .page-job-incoming-job .card-filter .form-group{ flex: 0 0 49.5%; width:49.5%!important; }

    .page-job-allocation-staff .info-table .info-table-td-3 .chosen-container-single{ width:100%!important; }

    .page-timesheet-list .info-table .info-table-td-1-1{ vertical-align: top; width: 163px;}
    .page-timesheet-list .info-table2 .info-table-td-1-1{ vertical-align: top; width: 66px;}

    .page-staff-apply-claim-detail .info-table2 .info-table-td-1,
    .page-staff-apply-claim-detail .info-table4 .info-table-td-1{ vertical-align: top; width: 75px; }

    .page-report-team-kpi .info-table2  .info-table-td-1{ width: 68px;}
}

@media (min-width: 769px){
    .page-job-summary button[name="search_btn"]{ float: right; margin-top: -42px;}

    .page-client-referral-list .card button[id="search_btn"]{ float: right; margin-top: -42px !important; }
    .card .search_btn2{ float: right; margin-right: 0; margin-top: 0px;}
    .page-report-team-kpi .card .search_btn2{ margin-top: -42px; }
}

@media (min-width: 868px){
    .page-dashboard #report-card-div .card{height: 220px; overflow: auto; }
    .page-ba-invoice-platform .card-filter .form-group{ flex:0 0 18%; width:18%!important; margin-left:0!important;}
    .page-ba-invoice-platform .card-filter .form-group2{ flex:0 0 37%; width:37%!important; margin-left:0!important;}
    .page-ba-invoice-platform .card-filter .form-group3{ flex:0 0 18%; width:18%!important; margin-left:0!important; text-align: left;}
    .page-ba-invoice-platform2 .card-filter .form-group{ flex:0 0 18%; width:18%!important; margin-left:0!important;}
    .page-ba-invoice-platform2 .card-filter .form-group2{ flex:0 0 37%; width:37%!important; margin-left:0!important;}
    .page-ba-invoice-platform2 .card-filter .form-group3{ flex:0 0 5%; width:5%!important; margin-left:0!important; text-align: right; margin-top: 0px;}
    .page-ba-collection-platform .card-filter .form-group{ flex:0 0 18%; width:18%!important; margin-left:0!important;}
    .page-ba-collection-platform .card-filter .form-group2{ flex:0 0 37%; width:37%!important; margin-left:0!important;}
    .page-ba-collection-platform .card-filter .form-group3{ flex:0 0 18%; width:18%!important; margin-left:0!important; text-align: left;}

    .page-staff-claim .card-filter .form-group{ flex: 0 0 49%; width: 49%!important; }
    .page-staff-claim .info-table .info-table-td-1{width: 250px;}

    .page-task-create .card-filter .form-group{ flex: 0 0 80%; width: 80%!important; }
    .page-task-create .card-filter .form-group2{ flex: 0 0 57%; width: 57%!important; }
    .page-task-create .card-filter .form-group3{ flex: 0 0 22%; width: 22%!important; }
    .page-task-create .card-filter .form-group3 .picker__holder {min-width: 287px;max-width: 287px;}
    .page-task-create .card-filter .form-group3 .picker__holder .picker__nav--next, .picker__nav--prev{padding: 0.5em 0.75em;}

    .page-notification-create .card-filter .form-group{ flex: 0 0 100%; width: 100%!important; }
    .page-notification-create .card-filter .form-group2{ flex: 0 0 49.5%; width: 49.5%!important; }

    .page-report-wip .card-filter .form-group { flex: 0 0 49%; width: 49%!important; }

    .page-report-wip .info-table .info-table-td-1,
    .page-report-wip .info-table3 .info-table-td-1{ width: 94px;}
    .page-report-wip .info-table2 .info-table-td-1{ width: 80px; }

    .page-report-monthly-jobs-closed-recovery .card-filter .form-group { flex: 0 0 49.5%; width: 49.5%!important; }
    .page-report-monthly-jobs-closed-recovery .info-table2 .info-table-td-1{ width: 65px;}
    .page-report-monthly-jobs-closed-recovery button[name="search_btn"]{ float: right; margin-top: -34px; }

    .page-report-chargeable .card-filter .form-group { flex: 0 0 49.5%; width: 49.5%!important; }
    .page-report-chargeable .info-table2 .info-table-td-1{ width: 70px;}

    .page-report-chargeable button[name="search_btn"]{ float: right; margin-top:-36px; }

    .page-report-chargeable-positions .card-filter .form-group { flex: 0 0 49.5%; width: 49.5%!important; }
    .page-report-chargeable-positions .info-table2 .info-table-td-1{ width: 75px;}

    .page-report-chargeable-positions button[name="search_btn"]{ float: right; margin-top:-36px; }

    .page-report-staff-leave .card-filter .form-group { flex: 0 0 49.5%; width: 49.5%!important; }
    .page-report-chargeable-positions .info-table .info-table-td-1 { width: 100px; }
    .page-report-chargeable-positions .info-table .info-table-td-4 { width: 25px; }
    .page-report-staff-leave .info-table2 .info-table-td-1{ width: 70px;}
/*    .page-report-staff-leave button[name="search_btn"]{ margin-top: -34px; }*/

    .page-report-summary-jobs-closed .card-filter .form-group{ flex: 0 0 49.5%; width: 49.5%!important;}
    .page-report-summary-jobs-closed .info-table2 .info-table-td-1{ width: 68px;}
    .page-report-summary-jobs-closed button[name="search_btn"]{ margin-top: -34px; }

    .page-report-wip-archived .card-filter .form-group { flex: 0 0 49%; width: 49%!important; }

    .page-report-wip-archived .info-table .info-table-td-1,
    .page-report-wip-archived .info-table3 .info-table-td-1{ width: 94px;}
    .page-report-wip-archived .info-table2 .info-table-td-1{ width: 80px; }

    .page-report-staff-timesheet-submission .card-filter .form-group{ flex: 0 0 49.5%; width: 49.5%!important;}
    .page-report-staff-timesheet-submission .info-table2 .info-table-td-1{ width: 68px;}
    .page-report-staff-timesheet-submission button[name="search_btn"]{ margin-top: -34px; }

    .page-report-staff-ot .card-filter .form-group{ flex: 0 0 49.5%; width: 49.5%!important;}
    .page-report-staff-ot .info-table2 .info-table-td-1{ width: 68px;}
    .page-report-staff-ot .info-table3 { margin-top: 0.5rem; }
    .page-report-staff-ot button[name="search_btn"]{ margin-top: -32px; }

    .page-report .card-filter .form-group{ flex: 0 0 49.5%; width: 49.5%!important; }
    .page-report .info-table2 .info-table-td-1{ width: 70px;}

    .page-report-client-branch-referral .info-table .info-table-td-1,
    .page-report-client-branch-referral .info-table2 .info-table-td-1{ width: 102px;}

    .page-report-debtors-aging .card-filter .form-group{ flex: 0 0 49.5%; width: 49.5% !important; }
    .page-report-debtors-aging .info-table .info-table-td-1,
    .page-report-debtors-aging .info-table3 .info-table-td-1{ width: 72px;}

    .page-report-debtors-aging .info-table2 .info-table-td-1{ width: 62px;}

    .page-report-client-contact .card-filter .form-group { flex: 0 0 49%; width: 49%!important; }

    .page-report-client-contact .info-table .info-table-td-1,
    .page-report-client-contact .info-table3 .info-table-td-1{ width: 94px;}
    .page-report-client-contact .info-table2 .info-table-td-1{ width: 80px; }

    .page-report-client-data .card-filter .form-group { flex: 0 0 49%; width: 49%!important; }

    .page-report-client-data .info-table .info-table-td-1,
    .page-report-client-data .info-table3 .info-table-td-1{ width: 94px;}
    .page-report-client-data .info-table2 .info-table-td-1{ width: 80px; }

    .page-report-kpi .card-filter .form-group { flex: 0 0 49.5%; width: 49.5%!important; }
    .page-report-kpi .info-table2 .info-table-td-1{ width: 50px;}
}

@media (min-width: 992px){
    .page-job-allocation-staff .info-table .info-table-td-1-1{ vertical-align: top; width: 48px;}
}

@media (min-width: 1020px){
    .page-staff-claim .info-table .info-table-td-1{width: 350px; }

    .page-job-incoming-job .card-filter .form-group{ flex: 0 0 26.5%; width:26.5%!important; }
    .page-job-incoming-job button[name="search-job-incomingjob-btn"]{ margin-top: -40px; }
}

@media (min-width: 1025px){
    .page-job-summary button[name="search_btn"]{ float: right; margin-top: 0px;}
    .page-timesheet-list .info-table .info-table-td-1-1{ vertical-align: top; width: 163px;}
    .page-teamspace-setting .testemailtd { text-align:left; }
    .card .search_btn2{ float: right; margin-right: 0; margin-top: -42px;}

    .page-report-team-kpi .card .search_btn2{ margin-top: 0px; }
}

@media (min-width: 1150px){
    .page-job-incoming-job .card-filter .form-group{ flex: 0 0 24.2%; width:24.2%!important; }
    .page-job-incoming-job button[name="search-job-incomingjob-btn"]{ margin-top: 0px; }

    .page-report-monthly-jobs-closed-recovery .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-monthly-jobs-closed-recovery .info-table3 .info-table-td-1{ vertical-align: middle; width: 67px;}
    .page-report-monthly-jobs-closed-recovery button[name="search_btn"]{ float: right; margin-top: 0px; }

    .page-report-chargeable .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-chargeable .info-table3 .info-table-td-1{ width: 92px;}
    .page-report-chargeable button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-report-chargeable-positions .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-chargeable-positions .info-table3 .info-table-td-1{ width: 100px;}
    .page-report-chargeable-positions button[name="search_btn"]{ float: right; margin-top:0px; }

    .page-report-staff-leave .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-staff-leave .info-table2 .info-table-td-1{ width: 68px;}
    .page-report-staff-leave .info-table3 .info-table-td-1{ width: 50px;}

    .page-report-summary-jobs-closed .card-filter .form-group{ flex: 0 0 32.6%; width: 32.6%!important;}
    .page-report-summary-jobs-closed .info-table3 .info-table-td-1{ width: 92px;}
    .page-report-summary-jobs-closed button[name="search_btn"]{ margin-top: 0px; }

    .page-report-staff-timesheet-submission .card-filter .form-group{ flex: 0 0 32.6%; width: 32.6%!important;}
    .page-report-staff-timesheet-submission .info-table2 .info-table-td-1{ width: 70px;}
    .page-report-staff-timesheet-submission button[name="search_btn"]{ margin-top: 0px; }

    .page-report-staff-ot .card-filter .form-group{ flex: 0 0 32.6%; width: 32.6%!important;}
    .page-report-staff-ot .info-table2 .info-table-td-1{ width: 70px;}
    .page-report-staff-ot .info-table3 .info-table-td-1{ width: 40px;}
    .page-report-staff-ot button[name="search_btn"]{ margin-top: 0px; }

    .page-report .card-filter .form-group{ flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report .info-table2 .info-table-td-1{ width: 68px;}
    .page-report .info-table3 .info-table-td-1{ width: 50px;}
    
    .page-report-debtors-aging .card-filter .form-group{ flex: 0 0 32.6%; width: 32.6%!important; }

    .page-report-debtors-aging .info-table3 .info-table-td-1{ width: 48px;}

    .page-report-kpi .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
}

@media (min-width: 1170px){
    .page-report-wip .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-wip .info-table3 .info-table-td-1{ width: 80px;}

    .page-report-wip-archived .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-wip-archived .info-table3 .info-table-td-1{ width: 80px;}

    .page-report-client-contact .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-client-contact .info-table3 .info-table-td-1{ width: 87px;}

    .page-report-client-data .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-client-data .info-table3 .info-table-td-1{ width: 96px;}
}

@media (min-width: 1317px){
    .page-dashboard #report-card-div .card{height: 200px; overflow: auto;}

    .page-staff-claim .card-filter .form-group{ flex: 0 0 32%; width: 32%!important; }
    .page-notification-create .card-filter .form-group{ flex: 0 0 99%; width: 99%!important; }
    .page-notification-create .card-filter .form-group2{ flex: 0 0 24%; width: 24%!important; }

    .page-report-wip .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-wip .info-table .info-table-td-1{ width: 152px;}
    .page-report-wip .info-table3 .info-table-td-1{ width: 85px;}
    .page-report-wip .info-table2 .info-table-td-1{ width: 80px;}

    .page-report-wip-archived .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-wip-archived .info-table3 .info-table-td-1{ width: 142px;}
    .page-report-wip-archived .info-table2 .info-table-td-1{ width: 80px; }

    .page-report-wip-archived button[name="search_btn"]{ margin-top:0.5rem; }

    .page-report-client-contact .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-client-contact .info-table3 .info-table-td-1{ width: 88px;}
    .page-report-client-contact .info-table2 .info-table-td-1{ width: 67px; }

    .page-report-client-contact button[name="search_btn"]{ margin-top:0.5rem; }

    .page-report-client-data .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-client-data .info-table3 .info-table-td-1{ width: 96px;}
    .page-report-client-data .info-table2 .info-table-td-1{ width: 70px; }

    .page-report-client-data button[name="search_btn"]{ margin-top:0.5rem; }
}

@media (min-width: 1500px){
    .page-report-wip .info-table .info-table-td-1{ width: 182px;}
}

@media (max-width: 375px){
    .header-section .header-part-right .user .fa {font-size: 21px;}
    .header-section .header-part-right .user .fa.fa-user-circle {margin-right: 3px;}

    .page-bill .category_info_form .row>div:nth-child(1),
    .page-bill .category_info_form .row>div:nth-child(2),
    .page-bill .category_info_form .row>div:nth-child(3),
    .page-bill .category_info_form .row>div:nth-child(4) {max-width: 100%!important;  flex: 0 0 100%!important;}
}

@media (max-width: 436px){
    .search-div {width: 100%!important; min-width: auto!important}
    .page-staff-create-account .card-body .signup-input .form-group {width: 100%; padding-right: 0px!important}
    .page-report-staff-leave-entitlement .search-div {width: 100%!important}
    .card-filter .form-group { flex:0 0 100%; width:100%!important;}


    .card .signup-input {padding: 0px!important;}
    .page-location .card-body .col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .page-client-list .search-div,
    .page-engagement-list .search-div {
        width: 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    } 
    .page-chargeable-service #info_form .col-md-6 .signup-input,
    .page-calendar-event #info_form .col-md-6:nth-child(1) .signup-input {flex-direction: column;}
    .page-chargeable-service #info_form .col-md-6 .form-group,
    .page-calendar-event #info_form .col-md-6:nth-child(1) .form-group:nth-child(1),
    .page-calendar-event #info_form .col-md-6:nth-child(1) .form-group:nth-child(2) {
        width: 100%;
        max-width: 100%!important;
        flex: 0 0 100%;
        padding: 0px!important;
        margin-bottom: 5px!important;
    }

    .page-bill .category_info_form .row>div:nth-child(1),
    .page-bill .category_info_form .row>div:nth-child(2),
    .page-bill .category_info_form .row>div:nth-child(3),
    .page-bill .category_info_form .row>div:nth-child(4) {max-width: 100%!important;  flex: 0 0 100%!important;}
}

@media (max-width: 480px){

    .fc-theme-standard .fc-toolbar-chunk .fc-toolbar-title { font-size:14px;}
    .page-dashboard #search-table table { width:49%;}
    .page-dashboard #search-table table tr { display:block;}
    .page-dashboard #search-table table tr td:first-child { display:block;}
    .page-dashboard #search-table table tr td:nth-child(2) { display:none;}
    #bill-pending_wrapper > .row > .col-sm-12.col-md-6,
    #leave-pending_wrapper > .row > .col-sm-12.col-md-6,
    #leave-application_wrapper > .row > .col-sm-12.col-md-6 { padding-left:15px!important;}
    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate { text-align: center!important;}
    #all-approve-leave,
    #all-approve-claimMC,
    #all-approve-claimEngagement { float:unset!important; margin-top:10px;}
    #zero_configuration_table tbody td:last-child { min-width:70px!important;}
    .table td, .table th { padding: 0.3rem!important;}
    h4#userDropdown {font-size: 0px;}

    #calendar .fc-toolbar.fc-header-toolbar .fc-right { float: none!important; margin: 40px 0 0;}
    #calendar .fc-toolbar.fc-header-toolbar .fc-center { padding-top:20px;}
    #calendar .fc .fc-toolbar.fc-header-toolbar { margin-bottom: 0!important;}
    .page-file-library #table-FolderFile_filter { position:relative;}
    .page-file-library #table-FolderFile_filter label input { display:block; margin-left:0!important;}
    .page-file-library #table-FolderFile_filter i { bottom:0; font-size:1.5rem;}

    .page-report-collection .main-content-wrap #search-table table td:first-child,
    .page-report-collection-clients .main-content-wrap #search-table table td:first-child,
    /*.page-report-staff-leave .main-content-wrap #search-table table td:first-child,*/
    /*.page-report-summary-jobs-closed .main-content-wrap #search-table table td:first-child,*/
    .page-job-allocation .main-content-wrap div.print_hide table td:first-child {padding-left: 0;}

    /*
    .page-bill .form-group.search-div,
    .page-bill .form-group.search-div:nth-child(3) {width: 100%!important;}
    .page-bill #Bill_a_umber_div .row div:nth-child(1),
    .page-bill #Bill_a_umber_div .row div:nth-child(2),
    .page-bill #Bill_a_umber_div .row div:nth-child(3),
    .page-bill #credit_note_number_form .row div:nth-child(1),
    .page-bill #credit_note_number_form .row div:nth-child(2),
    .page-bill #credit_note_number_form .row div:nth-child(3) { flex: 0 0 100%; max-width: 100%;}
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(1),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(2),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(3),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(4),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(5),
    .page-bill #add_new_category_form .row>div:nth-child(1),
    .page-bill #add_new_category_form .row>div:nth-child(2),
    .page-bill #add_new_category_form .row>div:nth-child(3),
    .page-bill #add_new_category_form .row>div:nth-child(4),
    .page-bill #add_new_category_form .row>div:nth-child(5),
    .page-bill .category_info_form .row>div:nth-child(1),
    .page-bill .category_info_form .row>div:nth-child(2),
    .page-bill .category_info_form .row>div:nth-child(3),
    .page-bill .add_category_info_form .row>div:nth-child(1),
    .page-bill .add_category_info_form .row>div:nth-child(2),
    .page-bill .add_category_info_form .row>div:nth-child(3),
    .page-bill .add_category_info_form .row>div:nth-child(4) { max-width: 100%!important; flex: 0 0 100%!important;}
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(6),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(7),
    .page-bill #add_new_category_form .row>div:nth-child(6),
    .page-bill #add_new_category_form .row>div:nth-child(7) { max-width: 50%!important; flex: 0 0 50%!important;}*/

    .page-ba-export-platform .card-body #form-info .row>div:nth-child(1),
    .page-ba-export-platform .card-body #form-info .row>div:nth-child(2),
    .page-ba-export-platform .card-body #form-info .row>div:nth-child(3) { flex: 0 0 100%;}
    /*.page-bill-authorisation-search-collection .card .form-group:nth-child(1),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(2),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(3),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(4) {flex: 0 0 100%!important; padding-right:0;}*/
    .page-notification-information .card-body .p-2 .row:nth-child(2) .col-md-4 { flex: 0 0 100%; max-width: 100%;}
    .page-job-allocation #search-table table tbody tr { flex-wrap: wrap;}
    .page-job-allocation #search-table table:nth-child(1),
    .page-job-allocation #search-table table:nth-child(2),
    .page-job-allocation #search-table table:nth-child(3) { flex: 0 0 100%!important; padding-right:0;}
    .page-job-allocation #search-table table:last-child tbody tr td:last-child { flex: 0 0 100%!important;}
    .page-job-allocation #search-table table:last-child tbody tr td:last-child button { max-width:200px!important; width:100%!important; margin:10px auto 0;}

}

@media (max-width: 520px){
    .dataTables_wrapper > .row > .col-sm-12.col-md-6 {padding: 0px!important;}
    div.dataTables_wrapper div.dataTables_length {text-align: left!important; margin-bottom: 12px;}
    div.dataTables_wrapper div.dataTables_filter {text-align: left!important;}

    .page-client-list .search-div,
    .page-engagement-list .search-div {
        width: 49%!important;
        flex: 0 0 49%!important;
        max-width: 49%!important;
    }

    .search-div {
        width: 100%!important;
        margin-left: 0px!Important;
        margin-right: 0px!Important;
    }

    .page-chargeable-service #zero_configuration_table_filter {margin-top: 0px;}
    /*.page-ba-invoice-platform .label-font {margin-bottom: 0px!important;}*/
    .page-job-allocation .fc-resource-timeline .fc-scroller-harness .fc-scroller { margin-bottom:0!important;}
    
    .page-dashboard #chargeable_report_chart,
    .page-dashboard #timesheet_report_chart,
    .page-dashboard #wip_archived_report_chart{ margin-left: -0.25rem; }
}

@media (max-width: 768px){
/*    .page-staff-claim tr:nth-child(even) { background-color: #f9f9f9; }*/
    
    .page-staff-claim th, .page-staff-claim td,
    .page-staff-apply-claim-detail #table-reject td,
    .page-staff-apply-claim-detail #claim-detail-table td{ display: block; }

    .page-staff-claim th, .page-staff-apply-claim-detail #claim-detail-table td { text-align: left; }

    .page-staff-claim td::before { float: left; width: 95px; content: attr(data-label); font-weight: bold; margin-right: 0.5em; }

    .page-staff-claim .info-table th, .page-staff-apply-claim-detail #claim-detail-table th{display: none;}

    .page-staff-claim .info-table .info-table-td-1,
    .page-staff-claim .info-table .info-table-td-2{ padding-bottom: 0.5rem; border-bottom: none;width: 100%;}
    .page-staff-claim .info-table .info-table-td-3{ border-bottom: 1px solid #dee2e6; padding-bottom: 1rem; width: unset;}
    .page-staff-claim .info-table input, .page-staff-claim .info-table textarea{ width: calc(100% - 97px - 0.5em);}

    .page-staff-apply-claim-detail #h5-claim-type{ display:block!important; }
    .page-staff-apply-claim-detail #claim-detail-table td::before { float: left; width: 95px; content: attr(data-label); font-weight: bold; margin-right: 0.5em; }
    .page-staff-apply-claim-detail #claim-detail-table .info-table-td-1,
    .page-staff-apply-claim-detail #claim-detail-table .info-table-td-2{ padding-left: 0rem; padding-right: 0.25rem!important; border-bottom: none;width: 100%;}
    .page-staff-apply-claim-detail #claim-detail-table .info-table-td-3{ padding-left: 0rem; border-bottom: 1px solid #dee2e6; padding-bottom: 1rem; width: unset;}
    .page-staff-apply-claim-detail #claim-detail-table input, 
    .page-staff-apply-claim-detail #claim-detail-table textarea{ text-align: left!important; width: calc(100% - 97px - 0.5em);}
    
    .page-staff-apply-claim-detail #table-reject .info-table-td-1,
    .page-staff-apply-claim-detail #table-reject .info-table-td-2{ display:none; }
    .page-staff-apply-claim-detail #table-reject td::before { font-weight: bold; content: attr(data-label); margin-right: 0.5em; }
}

@media (max-width: 1024px){
    .card-filter .form-group { flex:0 0 32.6%; width:32.6%!important; margin-left:0!important;}
    .card-information-input .form-group{ flex: 0 0 100%; width:100%; padding:0;}
    .card-information-input .form-group2{ flex: 0 0 100%; width:100%; padding:0;}
    .card-information-input .form-group3{ flex: 0 0 50%; width:50%; padding:0 15px 0 0px;}
    .div-btn .form-group{ padding:0 0 0 0px;}
    .div-btn .form-group3{ padding:0 16px 0 0; margin-bottom: 0px;}

    .page-engagement-list button[name="search_engagement"] {
        float: right;
        margin-top: -42px;
    }

    .page-client-list .card button[name="search_client"],
    .page-bill .card button[name="billstartnumberBtn"],
    .page-bill .card button[name="credinotestartnumberBtn"],
    .page-reimbursement button[name="addbanknameBtn"],
    .page-reimbursement button[name="add_od_btn"],
    .page-client-reimbursement .card button[name="search-reimbursement-btn"],
    .page-job-allocation .card button[name="search-job-allocation-btn"]{
        margin-top: 0px;
    }

    .page-bill-authorisation-search-collection button[name="searchBtn"] {
        margin-top: -42px;
    }

    .page-staff-create-account .card-body .signup-input .form-group,
    .page-staff-information .card-body .signup-input .form-group { flex: 0 0 100%; width:100%; padding:0;}

    .page-client-list .search-div,
    .page-report-staff-leave-entitlement .search-div { width: 19.4%!important;}

    .page-staff-list #staff-list-table thead th:last-child { min-width:45px!important;}

    .fc-icon-chevron-left,
    .fc-icon-chevron-right {position: relative; top: -3px; width: 145px!important;}

    .fc-icon-chevron-left:after,
    .fc-icon-chevron-right:before {font-size: 14px!important;}

    .fc-icon-chevron-left:before,
    .fc-icon-chevron-right:after {width: 30px!important; height: 13px!important;}

    .fc-icon-chevron-left:before {top: 2px!important}
    .fc-icon-chevron-right:after {top: 0px!important}


    .page-job-summary #search-table table tr td:nth-child(1) {white-space: nowrap;}

    .page-report-debtors-aging-collection .main-content-wrap #search-table .col-md-4,
    .page-report-debtors-aging-collection .main-content-wrap #search-table .col-md-12{
        flex: 0 0 50%!important;
        max-width: 50%!important;
        margin-bottom: 10px;
    }

    .page-job-summary #search-table table {
        flex: 0 0 49%;
        max-width: 49%;
    }
    /*.page-bill .form-group.search-div {width: 37%!important;}
    .page-bill .form-group.search-div:nth-child(2),
    .page-bill .form-group.search-div:nth-child(3) { margin-left:2%!important;}
    .page-bill .form-group.search-div:nth-child(3) { width: 20%!important;}
    .page-bill .form-group.search-div:nth-child(3) button { width:100%!important;}
    .page-bill .form-group label { font-size:0.9rem!important;}
    .page-bill #Bill_a_umber_div .row div:nth-child(1),
    .page-bill #Bill_a_umber_div .row div:nth-child(2),
    .page-bill #Bill_a_umber_div .row div:nth-child(3),
    .page-bill #credit_note_number_form .row div:nth-child(1),
    .page-bill #credit_note_number_form .row div:nth-child(2),
    .page-bill #credit_note_number_form .row div:nth-child(3) {flex: 0 0 33.33%; max-width:100%;}
    .page-bill #Bill_a_umber_div .row div:nth-child(4) {flex: 0 0 60%; max-width:100%;}
    .page-bill #Bill_a_umber_div .row div:nth-child(5) {flex: 0 0 40%; max-width:100%;}
    .page-bill #credit_note_number_form .row div:nth-child(4) {flex: 0 0 60%; max-width:100%;}
    .page-bill #credit_note_number_form .row div:nth-child(5) {flex: 0 0 40%; max-width:100%;}

    .page-bill #add_new_category_form .row { align-items: flex-end;}
    .page-bill #add_new_category_form .row>div:nth-child(1),
    .page-bill #add_new_category_form .row>div:nth-child(2),
    .page-bill #add_new_category_form .row>div:nth-child(3),
    .page-bill #add_new_category_form .row>div:nth-child(4),
    .page-bill #add_new_category_form .row>div:nth-child(5) { flex: 0 0 50%; max-width: 50%;}
    .page-bill #add_new_category_form .row>div:nth-child(6),
    .page-bill #add_new_category_form .row>div:nth-child(7) { flex: 0 0 25%; max-width: 25%;}
    .page-bill #add_new_category_form .row>div:nth-child(6) {padding-bottom: 12px;}
    .page-bill #add_new_category_form .row>div:nth-child(7) { padding-bottom:5px;}

    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(1),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(2),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(3),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(4),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(5) { flex: 0 0 50%; max-width: 50%;}
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(6),
    .page-bill #Add_New_Category_div .category_form .row>div:nth-child(7) { flex: 0 0 25%; max-width: 25%;}

    .page-bill .add_category_info_form .row>div:nth-child(1) { flex: 0 0 50%; max-width: 100%;}
    .page-bill .add_category_info_form .row>div:nth-child(2) { flex: 0 0 50%; max-width: 100%;}
    .page-bill .add_category_info_form .row>div:nth-child(3) { flex: 0 0 80%; max-width: 100%;}
    .page-bill .add_category_info_form .row>div:nth-child(4) { flex: 0 0 20%; max-width: 100%; white-space: nowrap;}

    .page-bill .category_info_form .row>div:nth-child(1) { flex: 0 0 50%; max-width: 100%;}
    .page-bill .category_info_form .row>div:nth-child(2) { flex: 0 0 50%; max-width: 100%;}
    .page-bill .category_info_form .row>div:nth-child(3) { flex: 0 0 80%; max-width: 100%;}
    .page-bill .category_info_form .row>div:nth-child(4) { flex: 0 0 20%; max-width: 100%; white-space: nowrap;}
    .page-bill .category_info_form table { max-width: 100%; width: 100%;}
    .page-bill #show_add_new_dpc_form_2 .col-md-7,
    .page-bill #show_add_new_dpc_form_3 .col-md-7,
    .page-bill #show_add_new_dpc_form_4 .col-md-7,
    .page-bill #show_add_new_dpc_form_5 .col-md-7 { flex: 0 0 100%!important; max-width: 100%!important;}*/

    /*.page-ba-invoice-platform #form-info table tr:nth-child(2) td { width:auto!important;}
    .page-ba-invoice-platform #form-info table tr:nth-child(2) td:nth-child(2) { width:auto!important;}
    .page-ba-invoice-platform #form-info table tr:nth-child(3) td .row>div:nth-child(1),
    .page-ba-invoice-platform #form-info table tr:nth-child(3) td .row>div:nth-child(2),
    .page-ba-invoice-platform #form-info table tr:nth-child(3) td .row>div:nth-child(3),
    .page-ba-invoice-platform #form-info table tr:nth-child(3) td .row>div:nth-child(4) { flex: 0 0 20%; max-width: 100%;}*/

    /*.page-bill-authorisation-search-collection .card .form-group:nth-child(1),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(2),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(3),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(4) {flex: 0 0 24%!important;}
    .page-bill-authorisation-search-collection .card .form-group:nth-child(6) {flex: 0 0 100%!important; text-align:center;}
    .page-bill-authorisation-search-collection .card .form-group:nth-child(6) button { max-width:200px!important; margin:auto; float:none!important; margin-top:10px!important; margin-bottom:1.5rem;}*/
    /*.page-job-incoming-job #search-table .row table:nth-child(1) {flex: 0 0 100%!important; max-width: 100%!important;}
    .page-job-incoming-job #search-table .row table:nth-child(2),
    .page-job-incoming-job #search-table .row table:nth-child(3),
    .page-job-incoming-job #search-table .row table:nth-child(4) { flex: 0 0 33%!important; max-width: 100%!important;}
    .page-job-incoming-job #search-table .row button:nth-child(5) {flex: 0 0 100%!important; max-width: 120px!important; margin:auto;  margin-top: 5px;}*/
    .page-job-allocation #search-table {flex-wrap: wrap;}
    .page-job-allocation #search-table table:nth-child(1),
    .page-job-allocation #search-table table:nth-child(2) {flex: 0 0 50%!important; max-width: 100%!important;}
    .page-job-allocation #search-table table:nth-child(3) { flex: 0 0 100%!important; max-width: 100%!important;}


    .page-report-collection #search-table table.col-md-4,
    .page-report-collection-clients #search-table table.col-md-4,
    /*.page-report-staff-leave #search-table table.col-md-4,*/
    /*.page-report-summary-jobs-closed #search-table table.col-md-4 { flex: 0 0 50%!important; max-width:100%!important;}*/

    .page-report-collection #search-table table.col-md-4:nth-child(3),

    .page-notification-information .card-body .p-2:nth-child(3) { overflow:auto; width:100%;}
    .page-notification-information .card-body .p-2:nth-child(3) table { width:1000px;}
}

@media (max-width: 768px){
    .datatable-margin{ margin-top: 0.5rem; }
    .card-filter .form-group { flex:0 0 49.5%; width:49.5%!important; margin-left:0!important;}
    .page-engagement-list button[name="search_engagement"] { margin-top: auto;}
    .page-ba-invoice-platform .card-filter .form-group2{ flex:0 0 48.6%; width:48.6%!important; margin-left:0!important;}
    .page-ba-invoice-platform2 .card-filter .form-group2{ flex:0 0 48.6%; width:48.6%!important; margin-left:0!important;}
    .page-ba-collection-platform .card-filter .form-group2{ flex:0 0 48.6%; width:48.6%!important; margin-left:0!important;}
    .page-bill-authorisation-search-collection button[name="searchBtn"] {margin-top: 0px;}
    .page-job-allocation .card button[name="search-job-allocation-btn"]{ margin-top: -42px}

    .page-location .card button[name="locationbtn"]{
        margin-top: 0px !important;
    }
}

@media (max-width: 767px){
    /*.layout-sidebar-large #siderSecondary.sidebar-left-secondary {z-index: 999!important}
    .layout-sidebar-large #sidebarThird.sidebar-left-secondary  {z-index: 9999!important}*/
    .layout-sidebar-large .sidebar-left.open + .sidebar-left-secondary.open {left: 65px;}
    .layout-sidebar-large .sidebar-left.open + .sidebar-left-secondary.open + .sidebar-left2.open {left: 260px!important;}
    /*.layout-sidebar-large #siderFirst.sidebar-left span.nav-text {font-size: 0px!important;}*/
    .layout-sidebar-large #siderSecondary.sidebar-left-secondary span.nav-text,
    /*.layout-sidebar-large #siderSecondary.sidebar-left-secondary span.item-name {font-size: 0px!important;}*/
    .layout-sidebar-large #siderFirst.sidebar-left .navigation-left,
    /*.layout-sidebar-large #siderSecondary.sidebar-left-secondary {width: 75px;}*/

    .app-admin-wrap {overflow: hidden;}
    .layout-sidebar-large .sidebar-left {left: -80px;}

    .header-section,
    .main-content-wrap {width: calc(100% - 0px); /*margin-left: 0px;*/}

    .main-content-wrap.sidenav-open,
    .layout-sidebar-large.sidebar-open .header-section {width: calc(100% - 0px)!important; margin-left: 0px;}

    .burger-menu.desktop-menu {display: unset;}
    .burger-menu {padding-bottom: 0px; width: 44px; display: none;}
    .burger-menu .menu-toggle div {width: 28px!important}
    /*.burger-menu .menu-toggle,
    .sidebar-open .burger-menu .menu-toggle {padding: 0px 0px 0px 5px;}*/

    .layout-sidebar-large.sidebar-open .burger-menu {width: 44px;}

    .header-section .row {padding: 15px 10px;}
    .layout-sidebar-large .main-header .logo {width: 150px;}

    .breadcrumb {
        flex-direction: row;
        align-items: center;
    }
    .breadcrumb > .col-10{
        flex: 0 0 60%;
        max-width: 60%;
    }
    .breadcrumb > .col-2 {
        flex: 0 0 40%;
        max-width: 40%;
    }
    .breadcrumb h1 {font-size: 18px;}
    /*.card-title, .title {font-size: 14px!important; text-align: center;}*/

    .fc-theme-standard .fc-toolbar-chunk .fc-toolbar-title {font-size: 18px;}
    .fc-theme-standard .fc-toolbar-chunk .fc-button {padding: 5px 0px;}

    .fc-icon-chevron-left,
    .fc-icon-chevron-right {width: auto!important;}

    .fc-icon-chevron-left:after,
    .fc-icon-chevron-right:before {content: ''!important;}

    .fc-icon-chevron-left:before,
    .fc-icon-chevron-right:after {width: 24px!important; height: 13px!important}

    #search-table {
        position: relative;
        top: 15px;
        right: 0px;
        left: 0px;
        margin: auto;
        text-align: center;
    }
    #update_form .form-group .height-input {flex-wrap: unset; margin-right: 0px;}
    /*.form-group label {font-size: 12px!important;}*/

    table.mb-4 {width: 100%}

    .singup-btn-center,
    .singup-btn {
        width: 100%;
        float: none;
        margin: 10px auto 1.5rem!Important;
        text-align: center;
        max-width: 200px;
    }
    .page-staff-create-account .card-body .signup-input .form-group:nth-child(2n+1) {padding-right: 0px;}
    .page-staff-create-account .card-body .signup-input .form-group {padding-right: 15px!important}

    .card .mr-1 {margin-right: 1rem!important;}
    .card .signup-input {padding: 0px!important}

    .page-engagement-list button[name="search_engagement"]{
        float: right;
        margin-top: 0px;
    }

    .card button#searchBtn, 
    .card button[name="leave_add_btn"],
    .page-division .card button[name="divisionbtn"],
    .page-position .card button[name="positionbtn"],
    .page-industrial .card button[name="industrial_btn"],
    .page-client-list button[name="search_client"],
    .page-position .card button[name="positionupdatebtn"], 
    .page-position-detail .card button[name="positionupdatebtn"],
    .page-industrial .card button[name="industrial_btn"],
    .page-chargeable-service .card button[name="chargeablebtn"],
    .page-non-chargeable-service .card button[name="nonchargeablebtn"],
    .page-claim .card button[name="claimbtn"],
    .page-calendar-event .card button[name="calendar_event_btn"],
    .page-bill .card button[name="servicechargebtn"],
    .page-bill .card button[name="billstartnumberBtn"],
    .page-bill .card button[name="bill_overhead_locationBtn"],
    .page-bill #bill_number_form .row .col-12 button.btn-width, 
    .page-bill #credit_note_number_form .row .col-12 button.btn-width,
    .page-job-summary #search-table .search_btn,
    .page-report-debtors-aging-collection .main-content-wrap #search-table .search_btn{
        margin: auto!Important;
    /*    margin-top: 10px!important;
        float: none!important;
        margin-right: auto!important;
        margin-left: auto!important;
        max-width: 200px!important;*/
    }

    .page-client-list .search-div,
    .page-engagement-list .search-div{
        width: 32.4%!important;
        flex: 0 0 32.4%!important;
        max-width: 32.4%!important;
    }

    .page-bill #bill_number_form .row, 
    .page-bill #credit_note_number_form .row {justify-content: space-between;}

    /*.page-bill #Add_New_Category-div .category_form .row>div:nth-child(1),
    .page-bill #Add_New_Category-div .category_form .row>div:nth-child(2),
    .page-bill #Add_New_Category-div .category_form .row>div:nth-child(3), 
    .page-bill #Add_New_Category-div .category_form .row>div:nth-child(4),
    .page-bill #Add_New_Category-div .category_form .row>div:nth-child(5) {max-width: 100%!important;  flex: 0 0 50%!important;}
    .page-bill #Add_New_Category-div .category_form .row>div:nth-child(6),
    .page-bill #Add_New_Category-div .category_form .row>div:nth-child(7) {max-width: 100%!important;  flex: 0 0 25%!important;}*/
    /*
    .page-bill .category_info_form .row>div:nth-child(1) {max-width: 40%!important;  flex: 0 0 40%!important;}
    .page-bill .category_info_form .row>div:nth-child(2) {max-width: 20%!important;  flex: 0 0 20%!important;}
    .page-bill .category_info_form .row>div:nth-child(3) {max-width: 40%!important;  flex: 0 0 40%!important;}
    .page-bill .category_info_form .row>div:nth-child(4) {max-width: 100%!important;  flex: 0 0 100%!important;}*/

    .page-engagement-information #contact-input .row .col-md-4 {max-width: 100%!important;  flex: 0 0 100%!important; margin-bottom: 10px;}
    .page-engagement-information #contact-input .row .col-md-7 {max-width: 72%!important;  flex: 0 0 72%!important;}

    /*.page-engagement-information table th, */
    /*.page-engagement-information table td {white-space: nowrap;}*/
    /*.page-engagement-information .card-body {overflow: scroll;}*/


    /*.page-job-incoming-job #search-table {margin: 0px auto 20px!important}
    .page-job-incoming-job #search-table .input-width-date {width: 100%}
    .page-job-incoming-job #search-table .row table td:first-child {
        min-width: 70px!important;
        width: 70px!important;
    }*/

    .page-job-summary .div-width table #btn-next-year:before,
    .page-job-summary .div-width table #btn-prev-year:after {
        content: ''!important;
    }
    .page-job-summary .div-width table #btn-prev-year:before,
    .page-job-summary .div-width table #btn-next-year:after {width: 28px!important}

    /*.page-ba-invoice-platform #table-report_wrapper {overflow: scroll;}*/
    .page-job-allocation #search-table {text-align: left;}
    .page-file-library .splitter.div-treeview { display:block; clear:both; margin-top:10px;}
    .page-file-library .splitter.div-treeview #first,
    .page-file-library .splitter.div-treeview #second { width:100%!important; clear:both;}
    .page-file-library .splitter.div-treeview #second { padding-top:20px;}
    .page-file-library .card-body .head-info-bar .inline-block { display:block!important; margin-bottom:10px;}
    .page-file-library .card-body .head-info-bar .inline-block .div-search { width:100%!important;}
    .page-file-library button[name="add_parent_folder"] { width:auto!important;}
    .page-leave-detail .card-body { overflow:auto;}
    /*.page-leave-detail .card-body table { width:700px!important;}*/

    /*.page-bill #Bill_a_umber_div .row div:nth-child(1),
    .page-bill #Bill_a_umber_div .row div:nth-child(2),
    .page-bill #Bill_a_umber_div .row div:nth-child(3),
    .page-bill #credit_note_number_form .row div:nth-child(1),
    .page-bill #credit_note_number_form .row div:nth-child(2),
    .page-bill #credit_note_number_form .row div:nth-child(3) { flex: 0 0 50%; max-width: 100%;}*/

    .page-ba-export-platform .card-body #form-info .row>div:nth-child(1),
    .page-ba-export-platform .card-body #form-info .row>div:nth-child(2),
    .page-ba-export-platform .card-body #form-info .row>div:nth-child(3) { flex: 0 0 33.33%;}
    .page-ba-export-platform .card-body #form-info .row>div:nth-child(4) { flex: 0 0 100%; text-align:center!important;}
    .page-ba-export-platform #search_btn { max-width:200px; margin:0 auto;}
    /*.page-bill-authorisation-search-collection .card .form-group:nth-child(1),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(2),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(3),
    .page-bill-authorisation-search-collection .card .form-group:nth-child(4) {flex: 0 0 50%!important;}*/
    /*.page-job-incoming-job #search-table .row table:nth-child(2),
    .page-job-incoming-job #search-table .row table:nth-child(3),
    .page-job-incoming-job #search-table .row table:nth-child(4) { flex: 0 0 100%!important;}
    .page-job-incoming-job #search-table .row table tbody tr { padding: 0px 0;}*/


    .page-report-collection #search-table table.col-md-4,
    .page-report-collection-clients #search-table table.col-md-4,
    /*.page-report-staff-leave #search-table table.col-md-4,*/
    /*.page-report-summary-jobs-closed #search-table table.col-md-4 { flex: 0 0 100%!important;}*/

    .page-report-collection #search-table table tr td:first-child,
    .page-report-collection-clients #search-table table tr td:first-child,
    /*.page-report-staff-leave #search-table table tr td:first-child,*/
    /*.page-report-summary-jobs-closed #search-table table tr td:first-child,*/

    .page-report-collection .main-content-wrap #search-table table td:first-child,
    .page-report-collection-clients .main-content-wrap #search-table table td:first-child,
    /*.page-report-staff-leave .main-content-wrap #search-table table td:first-child,*/
    /*.page-report-summary-jobs-closed .main-content-wrap #search-table table td:first-child,*/
    .page-job-allocation .main-content-wrap div.print_hide table td:first-child { padding-left:0;}
    /*.page-job-allocation-staff table.table-information tbody,
    .page-job-allocation-staff table.table-information tbody tr,
    .page-job-allocation-staff table.table-information tbody tr td { display:block!important;}
    .page-job-allocation-staff table.table-information tbody tr td:nth-child(3),
    .page-job-allocation-staff table.table-information tbody tr td:nth-child(4) { display:inline-block!important; margin-top:10px; padding-top:10px; border-top:1px solid #ddd;}*/
}


@media (max-width: 580px){
    .card-filter .form-group { flex:0 0 100%; width:100%!important; margin-left:0!important;}
    .page-ba-invoice-platform .card-filter .form-group2{ flex:0 0 49.5%; width:49.5%!important; margin-left:0!important;}
    .page-ba-collection-platform .card-filter .form-group2{ flex:0 0 49.5%; width:49.5%!important; margin-left:0!important;}
    /*.page-ba-invoice-platform #form-info table tr:nth-child(1) td,
    .page-ba-invoice-platform #form-info table tr:nth-child(2) td { width:100%!important;}
    .page-ba-invoice-platform #form-info table tr:nth-child(3) td .row>div:nth-child(1),
    .page-ba-invoice-platform #form-info table tr:nth-child(3) td .row>div:nth-child(2),
    .page-ba-invoice-platform #form-info table tr:nth-child(3) td .row>div:nth-child(3),
    .page-ba-invoice-platform #form-info table tr:nth-child(3) td .row>div:nth-child(4) { flex: 0 0 100%;}*/

    .page-job-allocation .card-filter .form-group { flex:0 0 100%; width:100%!important; margin-left:0!important;}
    .page-job-allocation .card button[name="search-job-allocation-btn"]{ margin-top: 0px}
}

@media (max-width: 576px){
    .form-control{padding: 0.25rem 0.5rem;}
}
@page {
    size: auto;
}

.print_show {display: none;}
@media print {
    body *{ visibility: unset !important; }
    .main-content-wrap{ margin-top: 0px!important; width: 100%!important; }
    .print_hide{ display: none !important; }
    .print_show{ display: block; }
    select {border: none; -webkit-appearance: none; -moz-appearance: none;}
    input {border: none;}

    /*.custom-checkbox .custom-control-input:checked~.custom-control-label:after{
        content: "\2714";
        font-size: 1em;
        color: #2f47c2 !important;
    }*/
    
/*    table { border-collapse: collapse; width: 100% !important; }*/
    /*.card{ border:1px solid rgba(0,0,0,.08) !important;}*/

    .page-staff-leave-print .head-approval-table-1 .head-approval-td{ width:320px }
    .page-staff-leave-print .head-approval-table-2 .head-approval-td{ width:240px }

    .page-bill-authorisation-print .pagebreak { page-break-before: always; }

    .page-bill-authorisation-onlyba-multiple-print .pagebreak,
    .page-staff-leave-print .pagebreak,
    .page-report-monthly-jobs-closed-recovery .pagebreak { page-break-after: always; }

    .page-staff-leave-print .card-body,
    .page-staff-claim-print .card-body,
    .page-bill-authorisation-credit-note-print .card-body,
    .page-bill-authorisation-bad-debts-print .card-body,
    .page-client-clearance-letter-print .card-body{ font-size: 1rem !important; color: black; }

    .page-bill-authorisation-credit-note-print .info-table .info-table-td-1-1{width: 130px;}
/*    .page-bill-authorisation-credit-note-print table { border-collapse: collapse; width: unset !important; }*/

    .page-time-sheet #timesheet-staff-info { display:block!important; }
    .page-time-sheet .card-body #timesheet-chargeable-table th:last-child,
    .page-time-sheet .card-body #timesheet-chargeable-table td:last-child,
    .page-time-sheet .card-body #timesheet-table th:last-child,
    .page-time-sheet .card-body #timesheet-table td:last-child{ border-right: 1px solid #dee2e6;}
    .page-time-sheet .table-th-color-title, .page-time-sheet .card-body .table-th-color{background: unset; color: unset;}

    .page-staff-leave-print{ size: landscape; }
    .page-staff-leave-print .card-body{ color: black!important; }

    table.dataTable thead tr th.sorting_asc:before,
    table.dataTable thead tr th.sorting_asc:after,
    table.dataTable thead tr th.sorting:before,
    table.dataTable thead tr th.sorting:after{
        display: none;
    }
    .dataTable th, .dataTable td{ padding:0rem!important; }
    table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled{
        position: unset !important;
    }

    .page-report-wip .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-wip .info-table2 .info-table-td-1{ width: 82px!important;}
    .page-report-wip .info-table3 .info-table-td-1{ width: 145px!important;}
    .page-report-wip .dataTables_wrapper>.row{display: none;}

    .page-report-wip{ size: landscape;}
    .page-report-wip .info-table .info-table-td-1,
    .page-report-wip .info-table2 .info-table-td-1,
    .page-report-wip .info-table3 .info-table-td-1{ width: 182px; }
/*    .page-report-wip .card-body,.page-report-wip .col-md-12{ padding: 0rem!important;padding-right: 0rem;padding-left: 0rem;}*/
/*    .page-report-wip .table-responsive{ font-size: 0.5rem; }*/
    .page-report-wip .card-body{ padding-left: 0rem; padding-right: 0rem; padding: 0rem 0rem;}
    .page-report-wip #main-content-wrap, .page-report-chargeable #main-content-wrap {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    .page-report-monthly-jobs-closed-recovery .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-monthly-jobs-closed-recovery .info-table2 .info-table-td-1{ width: 70px!important;}
    .page-report-monthly-jobs-closed-recovery .info-table3 .info-table-td-1{ width: 70px!important;}
    .page-report-monthly-jobs-closed-recovery .dataTables_wrapper>.row{display: none;}
    .page-report-monthly-jobs-closed-recovery .mb-4{ margin-bottom: 0rem!important; }
    .page-report-monthly-jobs-closed-recovery #main-content-wrap{ padding-left: 0rem;padding-right: 0rem;}
    .page-report-monthly-jobs-closed-recovery .card-body{ padding-left: 0rem; padding-right: 0rem; padding: 0rem 0rem;}

    .page-report-chargeable,
    .page-report-chargeable-positions{ size: landscape;}

    .page-report-chargeable .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-chargeable .info-table2 .info-table-td-1{ width: 60px!important;}
    .page-report-chargeable .info-table3 .info-table-td-1{ width: 80px!important;}
    .page-report-chargeable .dataTables_wrapper>.row{display: none;}
    .page-report-chargeable .mb-4{ margin-bottom: 0rem!important; }
    .page-report-chargeable .card-body{ padding-left: 0rem; padding-right: 0rem; padding: 0rem 0rem;}

    .page-report-chargeable,
    .page-report-chargeable-positions,
    .page-report-staff-leave{ font-size: .813rem!important;}

    .page-report-chargeable-detail .mb-4,
    .page-report-chargeable-detail-summary .mb-4,
    .page-report-staff-leave .mb-4{ margin-bottom: 0rem!important; }

    .page-report-chargeable-detail .card-body,
    .page-report-chargeable-detail-summary .card-body{ padding: 0rem 0rem; margin-bottom: 0rem!important; }

    .page-report-chargeable-detail table td:nth-child(1),
    .page-report-chargeable-detail table td:nth-child(2){ padding-left: 0.25rem !important; }

    .page-report-chargeable-detail-summary table td:nth-child(1),
    .page-report-chargeable-detail-summary table td:nth-child(2){ padding-left: 0.25rem !important; }

    .page-report-chargeable-positions .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-chargeable-positions .info-table2 .info-table-td-1{ width: 60px!important;}
    .page-report-chargeable-positions .info-table3 .info-table-td-1{ width: 80px!important;}
    .page-report-chargeable-positions .dataTables_wrapper>.row{display: none;}
    .page-report-chargeable-positions .mb-4{ margin-bottom: 0rem!important; }
    .page-report-chargeable-positions #main-content-wrap{ padding-left: 0rem;padding-right: 0rem;}
    .page-report-chargeable-positions .card-body{ padding-left: 0rem; padding-right: 0rem; padding: 0rem 0rem;}

    .page-report-staff-leave .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-staff-leave .info-table2 .info-table-td-1{ width: 68px;}
    .page-report-staff-leave .info-table3 .info-table-td-1{ width: 50px;}
    .page-report-staff-leave .dataTables_wrapper>.row{display: none;}
    .page-report-staff-leave #main-content-wrap{ padding-left: 0rem;padding-right: 0rem;}
    .page-report-staff-leave .card-body{
        padding-left: 0rem;
        padding-right: 0rem;
        padding: 0rem 0rem;
    }

    .page-report-summary-jobs-closed .card-filter .form-group { flex: 0 0 32.6%; width: 32.6%!important; }
    .page-report-summary-jobs-closed .info-table2 .info-table-td-1{ width: 68px;}
    .page-report-summary-jobs-closed .info-table3 .info-table-td-1{ width: 73px;}
    .page-report-summary-jobs-closed .dataTables_wrapper>.row{display: none;}
    .page-report-summary-jobs-closed #main-content-wrap{ padding-left: 0rem;padding-right: 0rem;}
    .page-report-summary-jobs-closed .card-body{
        padding-left: 0rem;
        padding-right: 0rem;
        padding: 0rem 0rem;
    }

    .page-report-summary-jobs-closed-detail .dataTables_wrapper>.row{display: none;}
    .page-report-summary-jobs-closed-detail #main-content-wrap{ padding-left: 0rem;padding-right: 0rem;}
    .page-report-summary-jobs-closed-detail .mb-4{ margin-bottom: 0rem!important; }
    .page-report-summary-jobs-closed-detail .card-body{
        padding-left: 0rem;
        padding-right: 0rem;
        padding: 0rem 0rem;
    }
    .page-report-summary-jobs-closed-detail{ font-size: .813rem!important;}

    .page-report-staff-timesheet-submission-detail .dataTables_wrapper>.row{display: none;}
    .page-report-staff-timesheet-submission-detail #main-content-wrap{ padding-left: 0rem;padding-right: 0rem;}
    .page-report-staff-timesheet-submission-detail .mb-4{ margin-bottom: 0rem!important; }
    .page-report-staff-timesheet-submission-detail .card-body{
        padding-left: 0rem;
        padding-right: 0rem;
        padding: 0rem 0rem;
    }

    body{
        background-color: unset!important;
    }
    .breadcrumb { display:none; }
    .main-content-wrap{ padding: 0px; background-color: unset!important;}
    .card-body, .bill-width{
        width: 100% !important;
    }

}

.cursor-pointer{
    cursor: pointer;
}
.cursor-not-allowed { 
    cursor: not-allowed; 
}

.checkmark-yes:before {
    content: "\2714";
    font-size: 1.5em;
}
.checkmark-no:before{ 
    content: "\2716";
    font-size: 1.5em;
}
.checkmark-cancel{ 
    font-size: 1.5em;
}
.checkmark-one {
    display: block;
    background-image: url(../images/checkmark-one.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    background-color: transparent;
    border: 0;
    font-size: 0;
    border-radius: 0!important;
}
.checkmark-two {
    display: block;
    background-image: url(../images/checkmark-two.png);
    background-repeat: no-repeat;
    background-size: contain;
    height: 32px;
    width: 32px;
    background-color: transparent;
    border: 0;
    font-size: 0;
    border-radius: 0!important;
}

.signin-form{
    width: 100%;
    max-width: 430px !important;
}
.mb-20{
    margin-bottom: 20px;
}

/* head navigation bar */
.pointer{
    cursor:pointer;
}

/* singup page */
.signup-input input{
    /*max-width: 455px;*/
}

/*.singup-btn{
    width: 200px; 
    float: right;
}*/

.btn-right{
    float: right !important;
}

.singup-btn-center{
    width: 200px; 
    margin-left: auto !important;
    margin-right: auto !important; 
}

.btn-width-right{
    width: 200px; 
    float: right;
}

.select-option{
    background-color: #f8f9fa !important;
    border-radius: 10px !important;
}  



/* table border  */
.border-separate{
    border-collapse: separate;
    border-spacing: 0px;
}
.border-black{
    border: 1px solid #000000;
}
.border-t-black{
    border-top: 1px solid #000000;
}
.border-tb-black{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.border-tbl-black{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
}
.border-tblr-black{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
.border-tbr-black{
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
.border-blr-black{
    border-bottom: 1px solid #000000;
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
.border-br-black{
    border-bottom: 1px solid #000000;
    border-right: 1px solid #000000;
}
.border-bl-black{
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
}
.border-b-black{
    border-bottom: 1px solid #000000;
}
.border-tb-black{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}
.border-lr-black{
    border-left: 1px solid #000000;
    border-right: 1px solid #000000;
}
.border-l-black{
    border-left: 1px solid #000000;
}
.border-r-black{
    border-right: 1px solid #000000;
}
.border-silver{
    border: 1px solid #dee2e6;
}
.border-t-silver{
    border-top: 1px solid #dee2e6;
}
.border-tb-silver{
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.border-tblr-silver{
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.border-tbr-silver{
    border-top: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.border-blr-silver{
    border-bottom: 1px solid #dee2e6;
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.border-br-silver{
    border-bottom: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.border-bl-silver{
    border-left: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}
.border-b-silver{
    border-bottom: 1px solid #dee2e6;
}
.border-l-silver{
    border-left: 1px solid #dee2e6;
}
.border-lr-silver{
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
}
.border-r-silver{
    border-right: 1px solid #dee2e6;
}

.border-b-black-double{
    border-bottom: 3px double black;
}