body{background:#ecf1f5!important;font-size:12px!important}

/*Custom Margin/Padding CSS*/
.plr-30{padding-left:30px!important;padding-right:30px!important}
.plr-50{padding-left:50px!important;padding-right:50px!important}
.max-150{max-width:150px!important}
.mr-15{margin-right:15px}
.mt-50{margin-top:50px}
.mr-5{margin-right:5px!important}
.mb-0{margin-bottom:0!important}
.mb-5{margin-bottom:5px!important}
.mb-10{margin-bottom:10px!important}
.mb-15{margin-bottom:15px!important}
.mb-20{margin-bottom:20px!important}
.mb-30{margin-bottom:30px}
.mb-40{margin-bottom:40px}
.mb-50{margin-bottom:50px}
.plr-8{padding-left:8px!important;padding-right:8px!important}
.plr-10{padding-left:10px!important;padding-right:10px!important}
.mb-3{margin-bottom:3px!important}
.ptb-10-0{padding-top:10!important;padding-bottom:0!important}
.pt-8{padding-top:8px!important}
.ptb-10{padding:10px 0}
.max-250{max-width:250px}
.margin-0{margin:0!important}
.mt-0{margin-top:0!important}
.mt-5{margin-top:5px!important}
.mt-10{margin-top:10px}
.mt-15{margin-top:15px!important}
.mt-20{margin-top:20px}
.mt-30{margin-top:30px}
.pt-0{padding-top:0!important}
.mt-40{margin-top:40px}
.pl-0{padding-left:0!important}
.pr-0{padding-right:0!important}
.plr-0{padding-left:0!important;padding-right:0!important}
.plr-15{padding-left:15px!important;padding-right:15px!important}
.pb-0{padding-bottom:0!important}
.mb-5{margin-bottom:5px!important}
.mr-30{margin-right:30px!important;}

/*Gradient Codes*/
.gradient-1{background:#603813;background:-webkit-linear-gradient(to left,#b29f94,#603813);background:linear-gradient(to left,#b29f94,#603813);}

/*Custom Extra Classes*/
.border-right-0{border-right:none!important}
.border-left-0{border-left:none!important}
.no-border{border:none!important}
.text-right{text-align:right!important}
.text-center{text-align:center}
.text-left{text-align:left!important;}
.row{margin-right:-1%!important;margin-left:-1%!important}
.border-form-1{border:1px solid #ccc!important}
.bg-purple{background-color:#f07a7a!important}
.text-shadow{text-shadow:1px 1px #ccc!important}
.border-0{border:none!important}
.float-md-left-sm-center{text-align:left!important}
.float-md-right-sm-center{float:right}
.clr-red{color:red}
.position-panel{position:absolute;right:10px;top:9px}
.display-flex-center{display:flex;align-items:center}
.display-flex-right{display:flex;align-items:center;justify-content:flex-end}
.custom-hr-fieldset{padding:.35em .625em .75em!important;margin:0!important;margin-bottom:10px!important;border:1px solid #f5f5f5!important}
.noborder{border:none!important}
label.display-check-flex{display:flex}
.display-check-flex input[type=checkbox]{margin:0!important;margin-right:3px!important}
.display-check-flex{display:flex;align-items:center}
.help-block{margin-top:0!important}
.error-text-danger{margin-bottom:0!important;margin-top:0!important;font-weight:400!important;color:red!important;font-size:12px!important}
.master-field{display:flex;align-items:center}
.master-field label.control-label{text-align:right}
.readmore{overflow:hidden!important}
.box-shadow{box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-moz-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-webkit-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-o-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important}
.display-none{display:none}
.dot{height:20px;width:20px;background-color:#bbb;border-radius:100%;display:inline-block;}
.line-height-inherit{line-height:inherit;}
.btn-group-xs>.btn,
.btn-xs{padding:1px 5px!important;}
.height-100{height:100%!important}
.top-min-20{top:-20px}

/*Custom Width Classes*/
.max-1150{max-width:1150px;margin:0 auto}
.max-width-850{max-width:850px}
.min-width-220{min-width:220px!important}
.min-width-350{min-width:350px!important}
.min-width-50{min-width:50px;}
.min-width-100{min-width:100px;}
.min-width-300{min-width:300px!important}
.max-width-400px{max-width:400px;margin:0 auto;}
.max-width-380px{max-width:380px}
.width-100{width:100%!important}

/*Font Setting*/
.weight-900{font-weight:900!important}
.font-11{font-size:11px!important;}
.font-26{font-size:26px}

/*Notification*/
.custom-noNotify{padding:10px!important;padding-top:0px!important;}

/*Site Logo*/
.hrLogo{max-width:200px!important;height:auto!important}
.attendanceLogo{max-width:200px!important;height:55px!important}
.adminLogo{max-width:200px!important;height:auto!important}
.leavetopLogo{max-width:200px!important;height:auto!important}
.masterLogo{max-width:200px!important;height:55px!important}
.payrolLogo{max-width:200px!important;height:auto!important}
.reportLogo{max-width:200px!important;height:auto!important}

/*Custom Height with Scroll*/
.height-400-scroll{height:400px;overflow-y:scroll}
.height-300-scroll{height:300px;overflow-y:scroll}
.height-200-scroll{height:200px;overflow:auto;}
.height-250-scroll{height:250px;overflow:auto;}
.height-350-scroll{height:350px;overflow:auto!important;}
.height-450-scroll{height:450px;overflow:auto;}
.table-350 table{max-height:345px;}

/* Form-control Classes */
input[type=file].form-control{padding:3px}
.form-control{height:30px!important;font-size:13px;border:1px solid #ccc!important}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control{background-color:#ddd!important}
select.form-control{padding:0 12px;width:100%!important}
textarea.form-control{height:inherit!important}
.panel-color .panel-body .form-control::placeholder{color:#bababa!important}
input.form-control::placeholder{color:#bababa!important}
.input-grey,
.select2-grey{background-color:#f3f3f3!important;color:#444;font-weight:400}
.input-warning{background-color:#fffad0!important;color:#444;border:1px solid #ccc!important;}
.input-success{background-color:#eaf6f2!important;color:#444!important}
.input-info{background-color:#d4eeff!important;color:#444!important}

/*DateRangePicker*/
.range_inputs .btn-success{background-color:#26b985!important;border:1px solid #26b985!important;}
.daterangepicker td.active,
.daterangepicker td.active:hover{background-color:#26b985!important;border-color:transparent;color:#fff;}

/* Select2 Classes */
.employee-select2 .select2-selection__rendered,
.panel-color .panel-body .form-control{font-size:12px!important}
.select2-container--open .header-select2{border-radius:15px 15px 0 0!important}
.header-field,
.header-select2{border-color:#26ba86!important;border-radius:25px!important;font-size:12px!important;font-weight:600!important;padding:0 12px;}
.header-select2 .select2-selection__placeholder{color:#bababa!important;}
.select2-success{border-color:#26ba86!important}
.select2-success .select2-selection__choice{background-color:#26ba86!important;border:1px solid #26ba86!important;color:#fff!important}
.select2-success .select2-selection__choice__remove{color:#fff!important}
.select2-mini-grey .select2-selection__rendered{font-size:13px!important;background:#f3f3f3!important;line-height:19px!important}
.select2-mini-grey,
.select2-mini-grey .select2-selection__arrow{height:21px!important}
.select2-mini-grey .select2-selection__arrow b{border-width:5px 5px 0!important}
.select2-grey-multiple{border-color:#ccc!important}
.select2-grey-multiple .select2-selection__choice{background-color:#707c94!important;border:1px solid #707c94!important;color:#fff!important}
.select2-grey-multiple .select2-selection__choice__remove{color:#fff!important}
.select2-round-success{border-radius:25px!important;border-color:#26ba86!important}
.select2-round-success .select2-selection__choice{background-color:#26ba86!important;border:1px solid #26ba86!important;color:#fff!important}
.select2-round-success .select2-selection__choice__remove{color:#fff!important}
.select2-container--disabled .employee-select2,
.select2-container--disabled .employee-select2 .select2-selection__choice{cursor:no-drop!important;}
.select2-container--disabled .select2-grey{background-color:#ddd!important;}
.header-field::placeholder,
.header-select2 .select2-selection__rendered{color:#444!important;line-height:28px!important;font-size:12px!important;font-weight:600!important;text-align:left!important;}
.header-select2 .select2-selection__arrow b{border-color:#b1b1b1 transparent transparent!important;}
.select2-container--open .header-select2 .select2-selection__arrow b{border-color:transparent transparent #b1b1b1!important;}
.header-select2-drop{border:1px solid #26b985!important;border-top:none!important}
.employee-select2 .select2-selection__rendered{padding-left:13px!important}
.employee-select2 .select2-selection__rendered .select2-selection__placeholder{color:#bababa!important}
.select2-results__option #all-branch.btn-default{color:#fff;background-color:#26b985;border-color:#26b985;padding:4px 12px;font-size:12px;border-radius:0px;}
.select2-results__option #clear-branch.btn-default{color:#26b985;background-color:white;border-color:#26b985;padding:4px 12px;font-size:12px;border-radius:0px;}
.select2-results__option #clear-branch.btn-default:hover,
.select2-results__option #clear-branch.btn-default:focus{color:white;background-color:#26b985;border-color:#26b985;padding:4px 12px;font-size:12px;border-radius:0px;}
.select2-results__option #all-branch.btn-default:hover,
.select2-results__option #all-branch.btn-default:focus{color:#fff;background-color:#26b985;border-color:#26b985;padding:4px 12px;font-size:12px;border-radius:0px;opacity:0.9;}

/* Btn Classes */
.btn:focus{outline:0!important}
.btn+.btn{margin-left:2px!important}
.btn-hrm{text-align:center;vertical-align:middle;border:1px solid #9f9f9f;border-radius:4px;border:1px solid #e3e3e3;background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#bfbfbf));background:-moz-linear-gradient(top,#fff,#bfbfbf);background:linear-gradient(to bottom,#fff,#bfbfbf);text-shadow:#fff 1px 1px 1px;font-weight:600;color:#111;text-decoration:none}
.btn-hrm:active{background:#9f9f9f;background:-webkit-gradient(linear,left top,left bottom,from(#9f9f9f),to(#9f9f9f));background:-moz-linear-gradient(top,#9f9f9f,#9f9f9f);background:linear-gradient(to bottom,#9f9f9f,#9f9f9f)}
.btn-hrm:hover{border:1px solid #e3e3e3;background:#e3e3e3;background:-webkit-gradient(linear,left top,left bottom,from(#e3e3e3),to(#9f9f9f));background:-moz-linear-gradient(top,#e3e3e3,#9f9f9f);background:linear-gradient(to bottom,#e3e3e3,#9f9f9f);color:#111;text-decoration:none}
.btn-newhrm,
.swMain .buttonNext,
.swMain .buttonPrevious{background-color:#26b985!important;border:1px solid #26b985!important;color:#fff!important;padding:5px 9px;border-radius:25px!important;font-size:12px!important;font-weight:600!important;transition:.3s!important}
.btn-newhrm:focus,
.btn-newhrm:hover,
.swMain .buttonNext:hover{color:#26b985!important;background-color:#fff!important;border:1px solid #26b985!important}
.btn-newhrm-default,
.swMain .buttonFinish{background-color:transparent!important;border:1px solid #26b985!important;color:#26b985!important;border-radius:25px!important;font-size:12px!important;font-weight:600!important;transition:.3s!important}
.btn-newhrm-default:focus,
.btn-newhrm-default:hover,
.swMain .buttonFinish:hover{color:#fff!important;background-color:#26b985!important;border:1px solid #26b985!important}
.btn-newhrm-danger{background-color:#d82d33;border:1px solid #d82d33;color:#fff;border-radius:25px;padding:5px 9px;font-size:12px;font-weight:600;transition:.3s}
.btn-newhrm-danger:focus,
.btn-newhrm-danger:hover{color:#d82d33;background-color:#fff;border:1px solid #d82d33}
.roundless{border-radius:0px!important}
.white-button{color:#fff!important}
.btn-master{border-radius:0;font-size:12px;}
.btn-purple:focus,
.btn-purple:hover{color:#fff}
.swMain ul.anchor, .swMain div.actionBar{z-index: 1 !important;}

/* Datatable Classes */
.dom-datable table.dataTable{margin-bottom:0!important;margin-top:0!important;width:100%!important}
.dom-datable>div.dataTables_wrapper>div.row:first-child .white-button{padding:3px 10px;margin-bottom:2px}
.dom-datable>div.dataTables_wrapper>div.row:first-child{background:#707c94;color:#fff;padding:10px 10px 5px}
.dom-datable>div.dataTables_wrapper>div.row:nth-child(2){overflow:auto;width:auto}
.dom-datable.hidden-top>div.dataTables_wrapper>div.row{overflow:auto}
.dom-datable.hidden-top>div.dataTables_wrapper>div.row:first-child{background:none!important;color:inherit!important;padding:0!important;overflow:auto;}
.dom-datable>div.dataTables_wrapper>div.row:nth-child(2)::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.dom-datable>div.dataTables_wrapper>div.row:nth-child(2)::-webkit-scrollbar{width:7px;background-color:#f5f5f5;height:7px}
.dom-datable>div.dataTables_wrapper>div.row:nth-child(2)::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b}
.dom-datable.hidden-top>div.dataTables_wrapper>div.row:first-child::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.dom-datable.hidden-top>div.dataTables_wrapper>div.row:first-child::-webkit-scrollbar{width:7px;background-color:#f5f5f5;height:7px}
.dom-datable.hidden-top>div.dataTables_wrapper>div.row:first-child::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b}
.dom-datable>div.dataTables_wrapper>div.row:last-child{background:#fff;padding:10px 10px 5px}
.dom-datable>.dataTables_wrapper div.dataTables_length select{width:50px;padding:0 0 0 2px;height:24px!important;line-height:24px!important}
.dom-datable>div.dataTables_wrapper div.dataTables_filter input{padding:0 0 0 2px;height:24px!important;line-height:24px!important}
.dataTable-margin-0{margin-top:0!important}
.dom-datable .row{margin-right:0!important;margin-left:0!important}
.dom-datable.table-responsive{overflow:hidden}
.pagination-hrm .pagination>li>a,
.pagination>li>span{color:#26ba86!important;border-color:#26ba86}
.pagination-hrm .pagination>.active>a,
.pagination-hrm .pagination>.active>a:focus,
.pagination-hrm .pagination>.active>a:hover,
.pagination-hrm .pagination>.active>span,
.pagination-hrm .pagination>.active>span:focus,
.pagination-hrm .pagination>.active>span:hover{background-color:#26ba86;border-color:#26ba86;z-index:1!important;color:#fff!important}

/* Table Classes */
table.tabel-all-center tr td,
table.tabel-all-center tr th{text-align:center;vertical-align:middle}
table.tabel-all-center tr{box-shadow:0 0 3px #e5e5e5}
.table-head-mid-center thead th{vertical-align:middle!important;text-align:center!important}
.master-table-width table{width:100%!important}
.table.table-hrm>tbody>tr>td,
.table.table-hrm>tbody>tr>th,
.table.table-hrm>tfoot>tr>td,
.table.table-hrm>tfoot>tr>th,
.table.table-hrm>thead>tr>td{padding:5px!important;font-weight:600;color:#444;border-top:none}
.table.master-action-table>tbody>tr>td,
.table.master-action-table>tbody>tr>th,
.table.master-action-table>tfoot>tr>td,
.table.master-action-table>tfoot>tr>th,
.table.master-action-table>thead>tr>td,
.table.master-action-table>thead>tr>th{border-top:none!important}
.table.table-hrm>thead>tr{background-color:#fff!important;color:#000;font-weight:600;text-transform:uppercase}
.table.table-hrm>thead>tr th{font-weight:600!important}
.table.table-hrm>thead>tr>th, .table.table-hrm>tfoot>tr>th{border-bottom:2px solid #e5e5e5;color:#26ba86;text-align:center}
.table-hrm.table-striped>tbody>tr:nth-of-type(2n+1){background-color:#eaf6f2}
.table-fixed{table-layout:fixed!important}
.table.table-hrm tbody tr td:nth-child(1){text-align:center}
.custom-temp{table-layout:fixed}
.custom-temp td{border:1px solid;overflow:hidden}
.custom-temp tbody tr td{padding:5px 2px!important}
.custom-temp tbody tr td:nth-child(10) input{margin-top:5px}
.custom-temp tbody tr td input{width:100%!important}
.custom-temp tbody tr td input[type=checkbox]{width:inherit!important}
table.noBorder{border:none}
.table.noBorder>tbody>tr>td,
.table.noBorder>tbody>tr>th{border-top:none!important;vertical-align:middle!important}
.table.noBorder>tbody>tr>td,
.table.noBorder>tbody>tr>th{border-top:none!important;vertical-align:middle!important;padding:5px!important}
.table.noGap>tbody>tr>th,
.table.noGap>thead>tr>th{padding-left:20px;text-align:left}
.table.noGap>tbody>tr>th label,
.table.noGap>thead>tr>th label{margin-bottom:0!important}
.table.noMargin>tbody>tr>td label{margin-bottom:0!important}
.table.text-left>tbody>tr>td{text-align:center}
.narow-rap tr td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/*Modal Classes*/
.modal-backdrop{z-index:1!important}
.modal-open .modal{overflow-x:hidden;overflow-y:auto;padding:0!important;padding-top:60px!important}
.modal-open .modal.custom-modal{padding-top:0px!important}
.modal.in .modal-dialog button.close{position:relative;top:-5px}
.custom-modal button.close{position:relative;top:15px!important}
.chat-header,
.chat-window,
.custom-modal{background:#ecf1f5!important}
.inner-box-modal{background-color:#fff;padding:30px 10px;margin-bottom:20px}
/* .modal-center{display:flex;align-items:center;height:100%} */
/* .modal-center .modal-content{width:100%} */
.modal-400{max-width:400px;margin:0 auto;padding:10px;padding-top: 0}
.modal-600{max-width:600px;margin:0 auto;padding:10px;padding-top: 0}
.modal-800{max-width:800px;margin:0 auto;padding:10px;padding-top: 0;width:100%}
.modal-1000{max-width:1000px;margin:0 auto;padding:10px;width:100%}
/* .maxScroll-600{max-height:600px;overflow:auto;width:100%} */
.maxScroll-600 {max-height:79vh;overflow-y:auto;overflow-x:hidden;margin:0!important;width:100%;}
.modal-backdrop{opacity:0.6!important;}
.modal.modal-xxl{padding-left: 265px !important;}
.modal-xxl .modal-dialog{width:100% !important;}
.modal-xxl>.modal-dialog .full-length {min-height: calc(100vh - 162px) !important;}
@media screen and (max-width: 992px){
	.modal.modal-xxl{padding-left: 0 !important;}
	.modal-xxl .modal-dialog{margin:0 !important;}
}

/*Scroll Classes*/
#sidebar::-webkit-scrollbar{width:6px;background-color:#f5f5f5}
#sidebar::-webkit-scrollbar-thumb{background-color:#1d8e66}
#sidebar::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.modal-content .panel-newhrm-success>.panel-body::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.modal-content .panel-newhrm-success>.panel-body::-webkit-scrollbar{width:7px;background-color:#f5f5f5}
.modal-content .panel-newhrm-success>.panel-body::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b}
/* .maxScroll-600::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.maxScroll-600::-webkit-scrollbar{width:7px;background-color:#f5f5f5}
.maxScroll-600::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b} */
.table-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.table-scroll::-webkit-scrollbar{width:7px;height:7px;background-color:#f5f5f5}
.table-scroll::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b}
/* .maxScroll-400{max-height:400px;overflow:auto;width:100%}
.maxScroll-400::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.maxScroll-400::-webkit-scrollbar{width:7px;background-color:#f5f5f5}
.maxScroll-400::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b} */
.maxScroll-200{max-height:200px;overflow:auto;width:100%}
.maxScroll-200::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.maxScroll-200::-webkit-scrollbar{width:7px;background-color:#f5f5f5}
.maxScroll-200::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b}
table.hrm-scroll::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
table.hrm-scroll::-webkit-scrollbar{width:7px;background-color:#f5f5f5;height:7px}
table.hrm-scroll::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b}
.fc-scroller::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}
.fc-scroller::-webkit-scrollbar{width:7px;background-color:#f5f5f5;height:7px}
.fc-scroller::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b}
.dataTables_scrollBody::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);background-color:#F5F5F5;}
.dataTables_scrollBody::-webkit-scrollbar{width:7px;height:7px;background-color:#F5F5F5;}
.dataTables_scrollBody::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#1e956b;}

/*Breadcrumbs*/
.breadcrumb>.active{color:#26ba86;font-weight:600}
.breadcrumb>.active>a{color:#26ba86!important}
ol.custom-breadcrumb li a{color:#777!important}
ol.custom-breadcrumb{padding:8px 0 0!important;background-color:transparent;font-size:12px!important}
ol.custom-breadcrumb li+li:before{content:""!important;border-color:#4d627b!important;border-style:solid!important;border-width:.1em .1em 0 0!important;display:inline-block!important;height:.55em!important;left:0!important;position:relative!important;top:-.1em!important;width:.55em!important;padding:0!important;margin-left:1ex!important;margin-right:1.7ex!important;-webkit-transform:rotate(45deg)!important;-ms-transform:rotate(45deg)!important;transform:rotate(45deg)!important}
ol.custom-breadcrumb .noti-dot:after,
ol.custom-breadcrumb .noti-dot:before,
ul.master-menu-list .noti-dot:after,
ul.master-menu-list .noti-dot:before{display:none!important}

/*Page Wrapper*/
.page-wrapper.hrm-wrapper .inner-box{background-color:#fff;padding:15px 10px;margin-bottom:20px}
.wrapper-header{background:#fff;display:flex;min-height:75px;padding:10px 18px;align-items:center;margin-bottom:10px}
.page-wrapper>.content{padding:15px 35px!important}
.hrm-wrapper ul.custom-navpills li{margin-left:0!important}
.hrm-wrapper ul.custom-navpills li a{background-color:transparent;font-weight:600;color:#26ba86;min-width:100px;border:1px solid #26ba86;border-bottom:none;text-align:center}
.hrm-wrapper ul.custom-navpills li a:hover{opacity:.6}
.hrm-wrapper ul.custom-navpills li.active a{color:#fff;border-bottom:none;background-color:#26ba86}
.hrm-wrapper ul.custom-navpills.no-border-bottom{border-bottom:none}
.hrm-wrapper ul.custom-navpills.no-border-bottom li a{border:1px solid #26ba86!important;}

/*Alignment*/
.row-equal{display:flex;flex-wrap:wrap}
.row-element{display:flex}

/*HRM Panel*/
.panel-new-hr{border:none!important;border-radius:0!important}
.panel-new-hr>.panel-heading{border-radius:0!important;background:#707c94;color:#fff;position:relative}
.panel-new-hr>.panel-heading>.panel-title{font-size:12px!important;font-weight:400!important}
.panel-newhrm-success-detail{box-shadow:none!important;border-radius:0!important}
.panel-newhrm-success-detail>.panel-heading{border-radius:0!important;background:#c3eddf;position:relative}
.panel-newhrm-success-detail>.panel-heading>.panel-title{font-size:12px!important;text-align:center;color:#444;font-weight:600}
.panel-newhrm-success-detail>.panel-heading>a>.panel-title{font-size:12px!important;font-weight:400!important;color:#444!important;font-weight:600;text-decoration:none}
.panel-newhrm-success-detail>.panel-heading>a>.panel-title:hover{text-decoration:underline}
.panel-newhrm-primary-detail{border-radius:0!important;box-shadow:none!important}
.panel-newhrm-primary-detail>.panel-heading{border-radius:0!important;background:#d4eeff;position:relative}
.panel-newhrm-primary-detail>.panel-heading>.panel-title{font-size:12px!important;text-align:center;color:#444;font-weight:600}
.panel-newhrm-primary-detail>.panel-body{background-color:#d4eeff!important}
.panel-newhrm-success{border:none!important}
.panel-newhrm-success>.panel-heading>.panel-title{font-size:13px}
.panel-newhrm-success>.panel-heading{background:#26ba86;color:#fff;border-radius:0!important}
.panel-days>.panel-heading>.panel-title{font-size:13px}
.panel-days>.panel-heading{background:#f5f5f5;color:#444;border-radius:0!important}
.panel-days>.panel-body{background:#f5f5f5;border-radius:0!important}
.panel-color .panel-body{background-color:#fff}
.panel-settlement>.panel-heading{background-color:#1a3a66;color:#fff;padding:5px 10px;font-size:14px;text-align:center}
.panel-settlement .panel-body{padding:0 0 15px}
.masterPage .panel-body{padding:15px 8px}

/*Login Setting*/
.login-wrapper{height:100vh;display:flex;align-items:center;justify-content:center!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important}
.login-wrapper .account-box .form-control{height:40px!important}
.login-wrapper .custom-error{width:100%;border:1px solid #ddd;padding:10px;border-left:4px solid #dc3232;background-color:white;color:red;margin-bottom:30px}
.login-wrapper .cls-content{padding-top:15vh!important}
.login-wrapper .shake{-webkit-animation:kf_shake 0.4s 1 linear;-moz-animation:kf_shake 0.4s 1 linear;-o-animation:kf_shake 0.4s 1 linear}
@-webkit-keyframes kf_shake{
	0%{-webkit-transform:translate(5px)}
	20%{-webkit-transform:translate(-5px)}
	40%{-webkit-transform:translate(10px)}
	60%{-webkit-transform:translate(-10px)}
	80%{-webkit-transform:translate(5px)}
	100%{-webkit-transform:translate(0px)}
}
.login-wrapper .error_input:focus{border-color:red!important;box-shadow:none!important;box-shadow:none;transition-duration:.5s}
.login-wrapper .btn-login{font-size:18px!important;padding:10px 0;margin-top:10px!important}

/*Dashboard Setting*/
.dashboard-custom{padding-top:30px}
.dashboard-custom .card-box{cursor:pointer;transition:.3s;padding:0!important;margin-bottom:20px!important;margin:0;display:flex;align-items:center}
.dashboard-custom .dash-widget-info{text-align:right;width:80%}
.dashboard-custom .card-box:hover.box-shadow{box-shadow:0 4px 20px 0 rgba(0,0,0,.14)!important;-moz-box-shadow:0 4px 20px 0 rgba(0,0,0,.14)!important;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.14)!important;-o-box-shadow:0 4px 20px 0 rgba(0,0,0,.14)!important}
.dash-widget-icon.widget-user{background:linear-gradient(60deg,#26c6da,#00acc1)!important;box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,188,212,.4)!important;-moz-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,188,212,.4)!important;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,188,212,.4)!important;-o-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(0,188,212,.4)!important}
.dash-widget-icon.widget-employee{background:linear-gradient(60deg,#ffa726,#fb8c00)!important;box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4)!important;-moz-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4)!important;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4)!important;-o-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(255,152,0,.4)!important}
.dash-widget-icon.widget-payroll{background:linear-gradient(60deg,#ec407a,#d81b60)!important;box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4)!important;-moz-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4)!important;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4)!important;-o-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(233,30,99,.4)!important}
.dash-widget-icon.widget-task{background:linear-gradient(60deg,#66bb6a,#43a047)!important;box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4)!important;-moz-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4)!important;-webkit-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4)!important;-o-box-shadow:0 4px 20px 0 rgba(0,0,0,.14),0 7px 10px -5px rgba(76,175,80,.4)!important}
.widget-content h6{color:#444}
.widget-content h4{font-size:38px;margin:0}
.widget-primary .widget-icon{background-color:#46a8ff}
.widget-primary .widget-content h4{color:#46a8ff}
.widget-warning .widget-icon{background-color:#ffb346}
.widget-warning .widget-content h4{color:#ffb346}
.widget-danger .widget-icon{background-color:#ff6c43}
.widget-danger .widget-content h4{color:#ff6c43}
.widget-purple .widget-icon{background-color:#a074ff}
.widget-purple .widget-content h4{color:#a074ff}
.widget-content h6{color:#444}
.widget-content h4{font-size:38px;margin:0}
.widget-primary .widget-icon{background-color:#46a8ff}
.widget-primary .widget-content h4{color:#46a8ff}
.widget-warning .widget-icon{background-color:#ffb346}
.widget-warning .widget-content h4{color:#ffb346}
.widget-danger .widget-icon{background-color:#ff6c43}
.widget-danger .widget-content h4{color:#ff6c43}
.widget-purple .widget-icon{background-color:#a074ff}
.widget-purple .widget-content h4{color:#a074ff}
.widget-dashboard{display:flex;background-color:#fff;margin-bottom:20px}
.widget-icon{width:35%;padding:27px;text-align:center;align-items:center}
.widget-info{width:65%;text-align:right;display:flex;align-items:center;justify-content:flex-end;padding:20px 20px 20px 0}
.icon-box{height:100%;display:flex;align-items:center;justify-content:center}
.icon-box i{font-size:50px;color:#fff}
.employeeDetail .widget-content .widget-content-detail{margin-bottom:65px}
.dash-widget-icon.widget-employee i,
.dash-widget-icon.widget-payroll i,
.dash-widget-icon.widget-task i,
.dash-widget-icon.widget-user i{color:#fff!important}
.dash-widget-info h6{font-weight:700!important}
.custom-dash-widget-title{color:#3c4858;font-size:34px!important;line-height:1.4em;font-weight:400!important;margin-bottom:0!important}
.custom-dash-widget-icon{border-radius:0!important;height:100%!important;line-height:80px!important;width:80px!important;margin-right:0!important;font-size:35px!important}
.dashboard-panel-btn{right:4px!important;top:5px!important;}
.dashboard-panel-btn .btn{border-radius:2px!important;padding:2px 15px!important;}

/*HRM Input Group with Icons*/
.hrm-group{position:relative}
.hrm-group i.fa{position:absolute;color:#26b985;top:7px;right:6px;font-size:15px}
.hrm-group input{font-size:12px;padding-right:25px;background:#f3f3f3;color:#444}

/*Custom Sidebar*/
.custom-sidebar{width:265px!important;position:absolute;z-index:100!important;transition:.3s;cursor:pointer;border-right:none!important;background-color:#333b46!important;box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-moz-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-webkit-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-o-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;overflow:auto!important}
.custom-sidebar:hover{left:0!important}
.custom-sidebar .slimScrollDiv{height:inherit!important}
.custom-sidebar .sidebar-inner.slimscroll{height:inherit!important}
.custom-sidebar .slimScrollBar{display:none!important}
.custom-sidebar #sidebar-menu ul ul{background-color:#333b46!important}
.custom-sidebar #sidebar-menu ul ul a.active{background-color:#26ba86!important;color:#fff!important}
.custom-sidebar #sidebar-menu ul ul li a{color:#fff!important;font-size:12px!important;font-weight:600;padding-left:55px!important;line-height:inherit!important;padding-right:55px!important;display:flex;align-items:center}
.custom-sidebar #sidebar-menu ul ul li{position:relative!important}
.custom-sidebar #sidebar-menu ul ul li.sub-submenu ul li a{padding-left:80px!important}
.custom-sidebar .sidebar-menu .custom-menu-arrow{top:2px!important}
.custom-sidebar .sidebar-menu .custom-fa-icon,
.custom-sidebar .sidebar-menu .custom-menu-fa-icon,
.custom-sidebar .sidebar-menu .custom-sub-menu-fa-icon{font-size:14px;color:#fff!important;width:inherit;position:absolute;left:18px!important;height:inherit;line-height:50px!important;top:0!important;transition:.3s;margin-right:10px!important}
.custom-sidebar #sidebar-menu ul ul.list-unstyled li:hover>a{background-color:#26ba86!important}
.custom-sidebar #sidebar-menu ul ul.list-unstyled li:hover ul li a i{font-size:16px;background:#f6f6f6!important;color:#b1b1b1!important;position:absolute;right:15px;width:40px;height:40px;line-height:40px;transition:.3s;box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-moz-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-webkit-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important;-o-box-shadow:0 0 18px -2px rgba(0,0,0,.14)!important}
.custom-sidebar #sidebar-menu ul ul.list-unstyled li ul li:hover a i{background:#7460ee!important;color:#fff!important;box-shadow:0 0 18px -2px rgba(0,0,0,.14),0 5px 11px -6px rgba(116,96,238,1)!important;-moz-box-shadow:0 0 18px -2px rgba(0,0,0,.14),0 5px 11px -6px rgba(116,96,238,1)!important;-webkit-box-shadow:0 0 18px -2px rgba(0,0,0,.14),0 5px 11px -6px rgba(116,96,238,1)!important;-o-box-shadow:0 0 18px -2px rgba(0,0,0,.14),0 5px 11px -6px rgba(116,96,238,1)!important}
#sidebar-menu ul ul ul li a{padding-left:20px!important}
.custom-sidebar .sidebar-menu>ul>li>a{color:#fff!important;font-size:12px!important;min-height:50px;font-weight:600;line-height:inherit!important;display:flex;align-items:center;padding-left:40px!important;padding-right:55px}
.custom-sidebar .sidebar-menu>ul>li>a.active{background-color:#26ba86!important;color:#fff!important}
.custom-sidebar .sidebar-menu>ul>li.submenu>a.active{background-color:#333b46!important;color:#fff!important}
.custom-sidebar .sidebar-menu>ul>li.submenu>a.active:hover{background-color:#26ba86!important;color:#fff!important}
.custom-sidebar .sidebar-menu>ul>li:hover>a{background-color:#26ba86!important;color:#fff!important}
.custom-sidebar .sidebar-menu>ul>li.sidemenu>ul.list-unstyled>li{margin-top:15px!important}
.custom-sidebar .sidebar-menu>ul>li.sidemenu:hover>a{color:#7460ee!important}
.noti-dot:before{border:5px solid #7460ee!important;background-color:#7460ee!important;display:none}
.noti-dot:after{display:none;border:4px solid #7460ee!important}

/*Custom Wizard*/
.custom-wizard{position:relative;display:block;margin:0;padding:0;overflow:visible;float:center;}
.custom-wizard ul.custom-wizard-menu li{width:16.66%!important;padding:0!important}
.custom-wizard ul.custom-wizard-menu li a.done:hover{color:#fff!important;background:#26ba86!important;border:1px solid #009688!important}
.custom-wizard ul.custom-wizard-menu li a{height:100%!important;min-height:30px!important;display:flex!important;align-items:center!important;width:100%!important;background-color:transparent!important;color:#444!important;padding:6px 10px!important;border-radius:0!important;border:1px solid #26ba86!important}
.custom-wizard ul.custom-wizard-menu li a.selected{color:#f8f8f8!important;background:#26ba86!important}
.custom-wizard ul.custom-wizard-menu li a:after,
.swMain ul.custom-wizard-menu li a:before{display:none}
.custom-wizard ul.custom-wizard-menu{padding:0 1px!important;display:flex!important;margin:0!important}
.custom-wizard div.actionBar{margin:15px 0!important}
.custom-wizard ul.custom-wizard-menu li a .stepDesc{padding:3px 0!important;position:relative;display:block;float:left;text-align:left;padding:5px;font:bold 12px Verdana,Arial,Helvetica,sans-serif;}
.custom-wizard ul.custom-wizard-menu li{position:relative;display:block;    /* margin: 0; */padding:0 3px;border:0 solid #E0E0E0;float:left;}

/* Old Master Setting View Class */
.custom-mail-tab{margin-top:0!important;max-width:100%!important;padding:15px!important;margin-bottom:20px!important;border-radius:0!important;border:1px solid #ccc!important;box-shadow:none!important;transition:.3s;height:125px!important}
.custom-mail-tab.active,
.custom-mail-tab:hover{background:#7460ee!important;border:1px solid #7460ee!important;color:#fff!important;box-shadow:0 0 18px -2px rgba(0,0,0,.14),0 5px 11px -6px rgba(116,96,238,1)!important;-moz-box-shadow:0 0 18px -2px rgba(0,0,0,.14),0 5px 11px -6px rgba(116,96,238,1)!important;-webkit-box-shadow:0 0 18px -2px rgba(0,0,0,.14),0 5px 11px -6px rgba(116,96,238,1)!important;-o-box-shadow:0 0 18px -2px rgba(0,0,0,.14),0 5px 11px -6px rgba(116,96,238,1)!important}
.custom-mail-tab i{margin-top:0!important;visibility:inherit!important;line-height:inherit!important}
.custom-mail-tab h5{font-size:13px!important;margin-top:5px!important;margin-bottom:0}

/* GET Org Chart */
@media screen and (min-width:786px){
	.getOrgChart{height:calc(100vh - 215px)!important;}
}

/*MultiDate Picker*/

/* jQuery UI Datepicker emphasis on selected dates */
.ui-datepicker .ui-datepicker-calendar .ui-state-highlight a{background:#26ba86 none;color:white;}
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight{border:none!important;background:none!important;color:#363636;}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a{color:#363636;background:#26ba86 none!important;color:white!important;border:1px solid #26ba86!important;}

/* New Master Setting View Classes */
.master-menu{margin-bottom:10px;cursor:pointer}
.menu-head{padding:10px;background-color:#f5f5f5;border:1px solid #ccc}
.master-menu:hover .master-submenu{display:block}
.master-submenu{display:none;background-color:#f5f5f5}
ul.master-submenu-list{padding-left:0;float:left;margin:0;background-color:#f5f5f5}
ul.master-submenu-list li{display:inline-block;padding:10px}
.hide-box{display:none}
ul.master-menu{list-style:none!important;padding-left:0!important}
ul.master-menu li{border:1px solid #ccc;display:inline-block;padding:10px 15px;margin-right:10px}
.active-master-button{position:relative;background:#fff;border:1px solid #ccc}
.active-master-button:after,
.active-master-button:before{left:100%;top:94%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.active-master-button:before{border-color:rgba(194,225,245,0);border-left-color:inherit;border-width:15.5px;margin-top:-28px;}
.active-sub-master-button{position:relative;background:#fff;border:1px solid #ccc}
.active-sub-master-button:after,
.active-sub-master-button:before{left:100%;top:94%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}
.active-sub-master-button:before{border-color:rgba(194,225,245,0);border-left-color:inherit;border-width:15.5px;margin-top:-28px;}
.rule-panel-heading{display:flex;align-items:center;padding:7px 15px}
legend.custom-hr-legend{display:block;width:inherit!important;padding:0;margin-bottom:0!important;font-size:13px!important;font-weight:600;line-height:inherit;color:#333;border:0;border-bottom:none!important}
ul.master-menu-list{margin-top:10px;list-style:none;margin-bottom:0!important}
ul.master-menu-list li{display:inline-table;margin:0 15px;margin-bottom:20px;text-align:center;cursor:pointer}
ul.master-menu-list li:hover i{transform:scale3d(1.1,1.1,1)}
ul.master-menu-list li i{font-size:40px;margin-bottom:10px;transition:.3s}
ul.master-menu-list li img{transition:.3s}
ul.master-menu-list li:hover img{transform:scale(1.15)}
ul.master-menu-list li h5{color:#000;transition:.3s;margin-bottom:0!important}
legend.custom-master-legend{display:block;width:inherit!important;padding:0;margin-bottom:0!important;font-size:14px!important;font-weight:600;text-transform:uppercase;line-height:inherit;color:#333;border:0;border-bottom:none!important}
.custom-master-fieldset{padding:.35em .625em .75em!important;margin:0!important;margin-bottom:10px!important;border:1px solid #b3b3b3!important}
.master-red ul li i{color:#fe403d!important}
.master-orange ul li i{color:#f70!important}
.master-purple ul li i{color:#5e60b1!important}
.master-blue ul li i{color:#32a8d9!important}
.custom-input-group-add{max-width:150px}
@media screen and (max-width:991px){
	.temp-responsive{padding-top:0!important}
	.temp-responsive table.dataTable{margin:0!important;table-layout:inherit!important;word-break:inherit!important}
}
@media screen and (max-width:448px){
	.custom-input-group-add{max-width:150px}
}
.custom-overtime{table-layout:fixed;word-break:break-all}
.custom-overtime td{border:1px solid;overflow:hidden}
.custom-commssion tbody tr td input{width:100%!important}
.custom-commssion tbody tr td input[type=checkbox]{width:inherit!important;height:inherit!important;margin-top:0}
.custom-commssion tbody tr td{padding:5px 2px!important}
@media screen and (min-width:1350px){
	.custom-commssion{table-layout:fixed}
}
@media screen and (max-width:991px){
	.commssion-responsive{padding-top:0!important}
	.commssion-responsive table.dataTable{margin:0!important}
}
.custom-overtime tbody tr td input{width:100%!important}
.custom-overtime tbody tr td:nth-child(1){text-align:center}
.custom-overtime tbody tr td:nth-child(5) input{margin-top:0!important}
.custom-overtime tbody tr td{padding:5px 2px!important}
.custom-overtime tbody tr td input[type=checkbox]{height:inherit!important;width:inherit!important}
@media screen and (min-width:1350px){
	.custom-overtime{table-layout:fixed}
}
@media screen and (max-width:991px){
	.overtime-responsive .table-responsive{padding-top:0!important}
	.overtime-responsive table.dataTable{margin:0!important;table-layout:inherit!important;word-break:inherit!important}
}

/*Extra Classes*/
.material-switch .label-success{background-color:#26ba86!important}
.list-group-item{padding:6.5px 15px}
.label-font{font-weight:600!important;font-family:inherit!important}
.header{box-shadow:0 1px 4px 0 rgba(0,0,0,.2)!important}
.header .header-left a.logo img{height:55px!important}
.custom-label-select{top:-40px!important;left:0!important}
.font-normal{font-weight:400!important}
.login-height{margin-top:6%}
.custom-page-heading{font-size:23px!important;text-shadow:none!important;font-weight:600!important}
ul.employeeView-pills li{width:14%}
ul.employeeView-pills li a{font-size:11px;min-height:51px;display:flex;align-items:center;justify-content:center;height:100%}
ul.employeeView-pills li.active a{background-color: #26ba86 !important; border: none !important}
ul.employeeView-pills.nav-tabs{border-bottom:1px solid #26ba86}
.table-employee-view tbody tr td,
.table-employee-view tbody tr th{padding:5px 8px!important;font-size:12px;min-height:28px}
.list-employee-view li{padding:3px 6px!important}
.list-employee-view li{padding:3px 6px!important}
.list-employee-view li:first-child{border-top-left-radius:0!important;border-top-right-radius:0!important}
.add-schedule-form label.control-label{font-size:12px!important}
.main-wrapper{width:100%;}
.Calenderpopup{background:#fff;border:1px solid #ddd;margin:50px auto;max-width:350px}
#addRatepage .custom-container{width:100%;margin:0 auto}
#addRatepage .custom-modal button.close{position:absolute;left:inherit!important;right:10px!important}
#addRatepage .custom-input{height:25px!important;padding:0 5px;min-width:80px}
#addRatepage .customSelection .select2-container .select2-selection--single .select2-selection__rendered{text-align:left!important;padding-left:25px!important}
#addRatepage .customSelection .select2-container .select2-selection--single{height:25px!important}
.custom-modal-select2.select2-container--open .select2-dropdown,
.custom-modal-select2{border-color:#cccccc!important;min-height:26px!important;}
.custom-modal-select2 .select2-search--inline .select2-search__field{background:inherit;}
#addRatepage .customSelection .select2-selection__arrow{height:23px!important;border-radius:0!important}
#addRatepage .customFieldset{border:1px solid #cccc;padding:0 20px}
#addRatepage .customFieldset legend{margin-bottom:5px!important;font-size:14px;font-weight:600;border-bottom:none!important;width:inherit!important}
#addRatepage button.customButton{padding:6px 12px;font-weight:600;border:1px solid #ccc;border-radius:4px!important;}
#addRatepage .customWidthEmployee{max-width:400px;margin:0 auto}
.customSelection.multiple .select2-selection__rendered{line-height:13px!important}
.customSelection.multiple .select2-container .select2-selection--multiple{min-height:25px!important;max-width:100%!important}
.customSelection.multiple .select2-container--classic .select2-selection--multiple{border-radius:0!important}
#addRatepage .table>thead>tr>th{border-bottom:0!important;vertical-align:middle!important}
.customSelection.multiple .select2-container .select2-selection--multiple .select2-selection__rendered{white-space:inherit!important}
.customSelection.multiple .select2-container--classic .select2-selection--multiple .select2-selection__choice{padding:4px 20px 4px 25px!important;position:relative;background-color:#f5f3f2!important}
.customSelection.multiple .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:700;margin-right:2px;position:absolute;right:7px;vertical-align:middle}
.customSelection.multiple .select2-container--classic .select2-selection--multiple .select2-selection__choice:before{top:3px!important;padding-left:1px!important}
.customSelection.multiple .select2-container--classic .select2-selection--multiple .select2-selection__choice:before,
.customSelection.single .select2-selection__rendered:before{font-family:fontAwesome;content:"\f00c";color:#fff;background-color:#f77750;border:0;display:inline-block;padding-left:2px;padding-top:2px;position:absolute;height:15px;width:15px;border-radius:4px;vertical-align:middle;line-height:12px;top:4px;left:4px}
#addRatepage .input-xs{max-width:100px}
table tr th.heading{font-weight:600!important;font-size:16px}
table#daily-schedule tr td,
table#daily-schedule tr th{text-align:center;font-weight:600;border-color:#000}
table#daily-schedule>thead>tr>td{border-width:1px!important;color:#fff}
table#daily-schedule>thead>tr>td:nth-child(odd){background-color:#193a66!important;letter-spacing:1px}
table#daily-schedule>thead>tr>td:nth-child(even){background-color:#2e6530!important;letter-spacing:1px}
table#daily-schedule tbody tr.bluehead td:nth-child(2),
table#daily-schedule tr td:nth-child(3){text-align:left;font-style:italic}
table#daily-schedule tr td:nth-child(odd){background:#d9edf7;text-align:center!important;font-style:normal!important}
table#daily-schedule tr td:nth-child(even){background:#dff0d8;text-align:center!important;font-style:normal!important}
table#daily-schedule tr.bluehead{background:#193a66;color:#fff;text-transform:uppercase;font-weight:600!important}
table#daily-schedule thead tr.bluehead td{font-weight:600!important;background:#30578c!important;letter-spacing:1px}
table#daily-schedule tbody tr.bluehead td{font-weight:600!important;background:#30578c!important;letter-spacing:1px}
.rule-list-group{margin-bottom:0;display:flex;flex-wrap:wrap}
li.list-group-item.rule-list-group-item-no-record{width:100%}
.rule-list-group-item{padding:6.5px 15px;border-radius:0;width:50%;float:left}
.rule-list-group-item{padding:6.5px 15px;border-radius:0!important;margin-bottom:0!important;background:#f3f3f3!important;width:50%;display:flex;float:left;align-items:center}
.settle-box-wrapper{background-color:#fff;border:1px solid #ededed;border-radius:4px;box-shadow:0 1px 1px 0 rgba(0,0,0,.2);margin-bottom:30px;padding:10px 15px}
.table-settlement{margin-bottom:20px!important;border:none!important}
.table-settlement tbody tr td{background-color:transparent!important}
.table-settlement thead tr th{font-size:14px;color:#fff;font-weight:400;background-color:#1a3a66;text-align:center;border-bottom:1px solid #fff!important}
.table-settlement thead tr th{color:#444!important;border:none!important;background-color:transparent!important;font-weight:600!important}
.table-earning thead tr th:nth-child(1){text-align:left}
.table-settlement tbody tr.heading td{background-color:#1a3a66!important;color:#fff!important}
.table-settlement tfoot tr td{border:1px solid #1a3a66;border-top-width:2px!important;padding:5px 10px;font-weight:600}
ul.masterMenu{padding:0;list-style:none}
ul.masterMenu li{text-align:center;border:1px solid #ddd;padding:26px 5px 0;margin:0 10px 20px;cursor:pointer;float:left;transition:.3s;height:130px;display:flex;flex-direction:column;flex-wrap:wrap}
ul.ul-12 li{width:9.8%}
ul.ul-6 li{width:20.2%}
ul.masterMenu a:hover li{color:#26ba86!important}
ul.masterMenu li:hover{border:1px solid #26ba86!important}
ul.masterMenu li{color:#444}
ul.masterMenu li img{margin-bottom:10px;width:auto;margin:0 auto 12px;height:45px;}
.table-employee tbody tr td,
.table-employee tbody tr th{border-top:none!important}
.table-employee tbody tr th{text-align:right!important;vertical-align:middle}
.dropify-wrapper{background-color:#eee!important}
.dropify-wrapper .dropify-message span.file-icon{font-size:50px;color:#bababa!important}
.table-shift thead tr th{padding:0 8px;font-weight:600!important}
.clr-green{color:#26b985!important}
.table-employee-list thead tr th{background:#f3f3f3}
.table-employee-list tbody tr td{background:#f3f3f3;padding:1px 8px!important}
.table-PeriodSetup{background:#f5f5f5;padding:5px;max-height:300px;overflow:auto}
.table-PeriodSetup table thead tr th{background:#f5f5f5;text-align:left!important}
.table-PeriodSetup table tbody tr td,
.table-PeriodSetup table>thead>tr>th{border-top:none!important;border-bottom:none!important}
.label-schedule{width:100%;display:block;padding:9px 0;font-size:11px}
.dayOFF-box{display:flex;align-items:center;justify-content:space-between}
.dayOff-label{float:right;padding:5px 10px;cursor:pointer;margin-bottom:0;background:#26ba86;color:#fff;width:45px;border-radius:30px;text-align:center}
.employee-container{width:85%}
.hide-pdf{display:none}
.label-header{background-color:#c3eddf;padding:10px 8px;font-size:12px!important;text-align:center;color:#444;width:100%;font-weight:600}
.end-settlement-page label.display-check-flex{margin-bottom:0!important}
.end-settlement-page label.display-check-flex{margin-bottom:0!important}
.end-settlement-page .panel-newhrm-success-detail .panel-heading{border-radius:0!important;background:#c3eddf;position:relative;padding:8px 15px}
caption{padding-top:0;padding-bottom:0;color:#777;text-align:left}
.schedule-employee-table{max-height:200px;overflow:auto;padding:0 5px}

/* Add Role Setting Page*/
.roleSettingPage input[type=checkbox]{zoom:inherit!important;}
.table-roleSetting tbody tr{border-left:2px solid transparent!important;}
.table-roleSetting tbody tr:hover{border-left:2px solid #1d8e66!important;}
.table-roleSetting tbody tr:hover{cursor:pointer;}
.table-roleSetting tbody tr td{text-align:center;position:relative;vertical-align:middle;}
.table-roleSetting>tbody>tr.parent{background-color:#eaf6f2;}
.table-roleSetting tbody tr.parent.in i{transform:rotate(90deg);}
.table-roleSetting>tbody>tr.parent td input[type=checkbox]{zoom:1;}
.table-roleSetting thead tr th:first-child{text-align:left!important;}
.table-roleSetting tbody tr td:first-child{text-align:left!important;}
.table-roleSetting tbody tr.parent td:first-child,
.table-roleSetting tbody tr.child td:first-child{padding-left:20px!important;}
.table-roleSetting tbody tr td label{margin-bottom:0px!important;}
.table-roleSetting tbody tr td i{position:absolute;top:10px;left:5px}

/* Table Header Fixed */
.fixed-header tbody{display:block;overflow:auto;max-height:450px;height:100%;width:100%;background:transparent;}
.fixed-header thead tr{display:block;}
.fixed-header tbody tr td{min-width:65px;}
.fixed-header tbody tr td:nth-child(1){min-width:276px;}
.fixed-header tbody tr td:nth-child(8),
.fixed-header tbody tr td:nth-child(9){min-width:89px;}

/*File Internal CSS*/
.payroll-from .calendar-table{display:none!important;}
.payroll-from  .table-condensed thead tr:nth-child(2),.payroll-from   .table-condensed tbody,.payroll-from .calendar thead{display:none;}
.page-center{display:flex;align-items:center;height:calc(100% - 90px);justify-content:center;}
.pdfobject-container{height:1000px;}
.pdfobject{border:1px solid #666;}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active{z-index:1!important;}
.stepContainer{height:auto!important;}
.dropify-wrapper.touch-fallback img{max-height:140px!important;}
h5.subtitle{margin:0px;background:#f5f5f5;border:1px solid #ddd;padding:5px 8px;}
#myTable tr td{vertical-align:middle;}
#myTable tr td:last-child{padding-right:0px;}
#newleaveTypeForm .form-group{margin-bottom:15px;display:flex;flex-wrap:wrap;}
@media screen and (max-width:768px){
	#newleaveTypeForm .form-group{display:block;}
}
.schedule-inner-heading{margin:14px 0px;}
.addManualSalary .select2-container{z-index:100000!important;}
.addManualSalary .select2-results__option:before{margin-right:5px!important}
.addManualSalary .select2-selection__rendered{position:relative;}
.addLeaveSalary .select2-container{z-index:100000!important;}
.addLeaveSalary .select2-results__option:before{margin-right:5px!important}
.addLeaveSalary .select2-selection__rendered{position:relative;}
.end-settlement-page .select2-container{z-index:100000!important;}
.end-settlement-page .select2-results__option:before{margin-right:5px!important}
.end-settlement-page .select2-selection__rendered{position:relative;}
.custom-chat-wrap-inner{overflow:hidden;position:inherit;}
.employeeSchedule .fc-header-toolbar{display:none!important;}
.employeeSchedule #calendar{max-width:900px;height:900px!important;margin:50px auto;}
.fparmAttendance #calendar{max-width:100%!important;margin:50px auto;}
.fparmAttendance .checkbox input[type=checkbox],
.fparmAttendance .checkbox-inline input[type=checkbox]{position:absolute;margin-left:-1px!important;}
.masterPage .form-horizontal .form-group{width:100%;}

/*.master-page .modal-lg .form-group{width: 50%}*/
.master-page .modal-400 .modal-footer{text-align:center;}
.master-page .modal-400 .modal-footer .master-field{display:block;width:100%;margin-bottom:20px!important;}
.master-page .modal-400 .modal-footer .master-field .col{width:100%!important;}
.field-100 .form-group{width:100%!important;}

/*Table Cost*/
.table-cost-center thead{display:none;}
.table-cost-center.detal-view thead{display:inherit;}
.table-cost-center tbody tr th{text-align:left!important;font-weight:bolder;font-size:13px;}
.table-cost-center tbody tr th.summary-heading{text-align:center!important;padding-bottom:25px!important;}
.table-cost-center tbody tr th.summary-heading h3{margin-bottom:3px;margin-top:20px;}
.table-cost-center tbody tr td{text-align:right!important;font-size:13px;}
.table-cost-center tbody tr.total td,
.table-cost-center tbody tr.total th{border-top:1px solid black}
.dom-cost-center>div.dataTables_wrapper>div.row:first-child{background:#ffffff!important;padding:0 10px!important;}
.dom-cost-center>div.dataTables_wrapper>div.row:first-child .white-button{color:#fff!important;background-color:#26b985!important;border:1px solid #26b985!important;}

/*Table Cost Detail Report*/
.detail-report .heading{text-align:left!important;padding:15px 5px!important;background-color:#eee;font-weight:600!important;}
.detail-report .table-cost tbody tr td,
.detail-report .table-cost thead tr th{border-top:none;padding:5px;color:#444444;}
.detail-report .thead td{font-weight:600!important;border-bottom:1px solid black;font-weight:600;}
.detail-report .back-grey{text-align:left!important;background-color:#eee}
.detail-report .thead.border-2 td{border-bottom:none}
.detail-report .thead td.border-bottom{border-bottom:1px solid black!important}
.detail-report .total td.border-top{border-top:1px solid black!important;font-weight:600!important;}
.detail-report .total td{padding-bottom:20px!important;font-weight:600!important;}


/* Welfare Fund */
.welfare-Fund .csv, .txt{display: none;}
.welfare-Fund .dom-datable>div.dataTables_wrapper>div.row:nth-child(2) {overflow: inherit !important;}
.welfare-Fund .btn-toolbar {position: absolute;	top: 5px;left: 70px;left: 50%;transform: translate(-132%, 32%);}
.welfare-Fund .xlsx {background-color: transparent!important;border: 1px solid #26b985!important;color: #26b985!important;border-radius: 0 !important;font-size: 12px!important;font-weight: 600!important;transition: .3s!important;padding: 1.5px 5px;text-transform: uppercase;cursor: pointer;}
.welfare-Fund .pdf-button {	margin: 12px;margin-left: 10px; cursor: pointer;}
.welfare-Fund .xlsx:hover{background-color: #26b985 !important;color: white!important;}
/* .welfare-Fund .pdf-button, */
.welfare-Fund .xlsx{z-index: 1000;}
.welfare-Fund .custom-table tr{	box-shadow: none !important}
.welfare-Fund .custom-table tr td{text-align: center}
.welfare-Fund .custom-table tr td{text-align: center; border-top: none !important; border-bottom: none !important}
.welfare-Fund .table.table-hrm>tfoot>tr>th {padding: 10px 0 !important;border-top: 1px solid black;}
.welfare-Fund .table-bordered>thead>tr>th{border-color: #000 !important;}
.welfare-Fund .table-bordered>tbody>tr>td{border-color: #000 !important;}
.welfare-Fund .table.table-hrm.welfare-table>thead>tr>th, .welfare-Fund .table.table-hrm.welfare-table>tfoot>tr>th {border: 1px solid black; border-color: #000 !important;padding: 3px 3px !important}
.welfare-Fund .table.table-hrm>tfoot>tr>th.grand-total {font-size: 14px; background: #c3c3c3 !important;}
.text-inherit{text-transform: capitalize !important}
tr.text-inherit th{text-transform: capitalize !important}
.head-detail{font-size: 15px; margin-right: 15px;}
.welfare-Fund .welfare-table{border: none !important;border-collapse: collapse !important; margin: 0px auto !important; width: 58%}
.welfare-table .blank-row th {padding: 10px 10px !important; background: white !important; border: none !important}
.welfare-table td {color: black !important; background: white !important}
.welfare-table tr.clr-black th {color: black !important;}
.welfare-table .welfare-head th {background: #c3c3c3;color: black !important;}
.welfare-table th {background: #c3c3c3;color: black !important;}
.welfare-table tr.clr-white th{ background: white !important}
.welfare-table tr th.borderless{ border: none !important}
.welfare-table tr th.total-borderless{ border: none !important; border-top: 1px solid black !important}

.total-welfare th{font-size: 14px}
.welfare-heading{ font-size: 16px; text-transform: uppercase !important}	
.danger-row{background: #f2dede !important}
.danger-row td{background: #f2dede !important}
.success-row{background: #dff0d8 !important}
.success-row td{background: #dff0d8 !important}