/*Excel and PDF*/
.excel-img img,
.pdf-img img,
.excel img,
.pdf img {
	width: 28px;
}

/* Pagination */
.pagination .page-link {
	color: #000000;
}

.pagination .page-link:hover,
.pagination .page-item.active .page-link {
	color: #ffffff;
	background-color: #099573 !important;
	border-color: transparent !important;
}

.pagination-container {
	display: inline-block;
}

.pagination-container ul {
	margin-top: 15px;
	margin-bottom: 0;
}

/* Sorting */
.sortUp:after,
.sortDown:after,
.sortDef:after {
	position: relative;
	color: #d3d3d3;
	font-family: "Font Awesome 5 Free";
	font-size: 15px;
	font-weight: 600;
	font-style: normal;
	border-color: transparent;
	padding: 0 0 0 5px;
}

.sortActive:after {
	color: #4470c6;
}

.sortDef:after {
	content: '\f0dc';
}

.sortUp:after {
	content: '\f0de';
}

.sortDown:after {
	content: '\f0dd';
}

.pointer {
	cursor: pointer;
}

/* Login Page */
.login-page .login-form {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	margin: 0 auto;
	transform: translateY(-50%);
	max-width: 465px;
}

.login-page h4 {
	font-size: 22px;
}

.login-page .error {
	display: block;
	margin: 0;
	font-size: 19px;
	text-align: center;
}

/* Error Page */
.error-page {
	height: 630px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.error-page .error-code {
	color: #fff;
	font-size: 10em;
	text-align: center;
	text-shadow: -2px 2px 0 #00c292, 2px 2px 0 #00c292, 2px -2px 0 #00c292,
		-2px -2px 0 #00c292;
}

.error-page .error-info {
	color: #fff;
	font-size: 2em;
	text-align: center;
	text-shadow: -1px 1px 0 #00c292, 1px 1px 0 #00c292, 1px -1px 0 #00c292,
		-1px -1px 0 #00c292;
}

/* dashboard */
.dashboard .card-img img {
	width: 52px;
}

.dashboard .card-img img.leave-balance {
	width: 40px;
}

.dashboard .card-img i {
	font-size: 40px;
}

.dashboard .card-body h5 {
	font-size: 14px;
}

.dashboard .fas.fa-arrow-right {
	font-size: 16px;
}

.dashboard-item {
	margin-bottom: 2%;
}

.dashboard-item .card {
	width: 100%;
}

.th_width {
	min-width: 100px;
}

.dashboard-item .card-img {
	padding: 37px 0;
	background-color: #ffffff;
}

.dashboard-item .card-body {
	padding: 10px 0;
	background-color: #f6f6f6;
}

.dashboard .bg-grey .card-img {
	background-color: #f6f6f6 !important;
}

.dashboard .bg-grey .card-body {
	background-color: #ffffff !important;
}

.dashboard-item a:hover {
	opacity: 0.8;
}

.dashboard span.count {
	position: absolute;
	top: -17px;
	right: -15px;
	width: 28px;
	height: 28px;
	padding-top: 2px;
	background: #00c292;
	color: #fff;
	outline: none;
	opacity: 1 !important;
	border-radius: 50%;
}

.dashboard .ecount {
	position: absolute;
	top: -17px;
	right: -15px;
	width: 28px;
	height: 28px;
	padding-top: 2px;
	background: #dc3545;
	color: #fff;
	outline: none;
	opacity: 1 !important;
	border-radius: 50%;
}

/*Reject Notification Alert */
.menu-bar span.nav-noti {
	position: absolute;
	width: 18px;
	height: 18px;
	right: -7px;
	top: -3px;
	background: #dc3545;
	color: #fff;
	outline: none;
	border-radius: 50%;
	font-size: 12px;
}

.menu-bar span.col-green {
	color: #00c292 !important;
	background: #fff !important;
}

.navigation li span.count-noti {
	position: absolute;
	width: 18px;
	height: 18px;
	margin-left: 5px;
	background: #dc3545;
	color: #fff;
	outline: none;
	opacity: 1 !important;
	border-radius: 50%;
	font-size: 12px;
}

.navigation li span.col-green {
	background: #00c292 !important;
}

/*Reject Notification Alert */

/* Import Fingerprint */
.fingerprint .progress {
	height: 20px;
}

.fingerprint .modal-sm {
	width: 300px;
}

/* Change password page */
.change-password .changepassword-form {
	position: absolute;
	top: 50%;
	right: 0;
	left: 0;
	width: 465px;
	margin: 0 auto;
	transform: translateY(-50%);
}

.change-password .none {
	display: none;
}

.w-20 {
	width: 20px;
}

.w-15 {
	width: 15% !important;
}

.w-6 {
	width: 6% !important;
}

.w-5 {
	width: 5% !important;
}

.w-4 {
	width: 4% !important;
}

/* Address Change History */
.address-change a.btn-change:hover {
	color: #17a2b8 !important;
	border-bottom: 1px solid #17a2b8 !important;
}

.address-change #datatable,
.address-change-request-list #datatable {
	width: 1500px !important;
}
.departments #datatable thead tr {
    visibility: collapse !important;
}

.address-change .dataTables_scrollBody thead tr,
.address-change-request-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.address-change .dataTables_scrollBody thead th,
.address-change-request-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.address-change .DTFC_RightBodyLiner thead tr,
.address-change-request-list .DTFC_RightBodyLiner thead tr {
	border-bottom: 0 !important;
}

.address-change .DTFC_RightBodyLiner thead th,
.address-change-request-list .DTFC_RightBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.address-change .DTFC_RightBodyLiner,
.address-change-request-list .DTFC_RightBodyLiner {
	overflow: hidden;
}

.address-change .DTFC_RightBodyLiner .DTFC_Cloned,
.address-change-request-list .DTFC_RightBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.address-change .DTFC_RightBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData,
.address-change-request-list .DTFC_RightBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.address-change .DTFC_RightBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td,
.address-change-request-list .DTFC_RightBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.address-change #datatable th,
.address-change-request-list #datatable th {
	white-space: nowrap;
}

/* Payment Check */
.payment-check .image img {
	width: 60px;
}

.payment-check .section .icon {
	width: 100%;
	height: 135px;
}

.payment-check .section .inner {
	background: #eee;
}

.payment-check .badge-danger {
	position: absolute;
	top: -12px;
	right: 3px;
	padding: 10px 12px;
}

.payment-check .badge-success {
	position: absolute;
	top: -12px;
	right: 3px;
	padding: 10px;
}

.payment-check .generate-button {
	width: 160px;
}

.payment-check .fa-calendar-alt {
	font-size: 40px;
}

.payment-check button:focus {
	outline: none;
}

.payment-check .modal-footer .btn-check {
	width: 170px;
	padding: 0.375rem 0.45rem;
}

.payment-check .days {
	display: inline-block;
	width: 128px;
	padding: 5px;
	border: 1px solid #00c292;
	cursor: pointer;
}

.payment-check .trans-days {
	display: inline-block;
	width: 100px;
	padding: 5px;
	border: 1px solid #00c292;
	cursor: pointer;
}


.payment-check .days.checkedEmpId:hover {
	border: 1px solid rgba(0, 0, 0, .2);
	background-color: #00c292;
	color: white;
}

.payment-check .checkEmpIdColor {
	border: 1px solid rgba(0, 0, 0, .2);
	background-color: #00c292;
	color: white;
}

.payment-check .date-range {
	margin: 0 20px;
}

.payment-check #searchYearMonth {
	display: none;
}

/* Payment List */
.payment-list #datatable {
	width: 1900px !important;
}

.payment-list .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.payment-list .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.payment-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.payment-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.payment-list .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.payment-list .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
}

.payment-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.payment-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

/* .payment-list #confirm_reRequestAgain .modal-footer {
  width: 232px;
} */

.payment-list a.modal-request {
	width: 120px;
	padding: 0.375rem 0.2rem;
}

.payment-list #datatable th:last-child {
	width: 10% !important;
}

/* Payment Show */
.payment-show table tbody tr:first-child,
.payment-show table tbody tr:nth-child(n+2) {
	background: none;
}

.payment-show table.payEdit td {
	width: 25%;
}

#employee-payment-slip .emp-name {
	font-size: 19px;
}

#employee-payment-slip span {
	font-size: 18px;
	color: #000;
}

#employee-payment-slip span .border-bottom {
	border-bottom: 1px solid #000 !important;
}

#employee-payment-slip .center-name {
	text-align: center;
	vertical-align: middle;
}

#employee-payment-slip td {
	border: 1px solid #000;
	font-weight: 20px;
}

#employee-payment-slip .result-area {
	padding: 45px 170px;
}

#employee-payment-slip table tbody tr:first-child,
#employee-payment-slip table tbody tr:nth-child(n+2) {
	background: none;
}

#employee-payment-slip .normal-row td:first-child {
	width: 20% !important;
}

#employee-payment-slip .normal-row td:nth-child(2) {
	width: 20%;
}

#employee-payment-slip .bank-row td:nth-child(2) {
	width: 25%;
}

#employee-payment-slip .bank-row td:last-child {
	width: 13%;
}

#payslip-template span {
	font-size: 18px;
	color: #000;
}

#payslip-template .center-name {
	text-align: center;
	vertical-align: middle;
}

#payslip-template td {
	border: 1px solid #000;
	font-weight: 20px;
}

#payslip-template {
	padding: 45px 170px;
}

#payslip-template table tbody tr:first-child,
#employee-payment-slip table tbody tr:nth-child(n+2) {
	background: none;
}

/* Attendance Comparison */
.attendance-compare p.color::before {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 10px;
	background: #f86e81;
	content: "";
}

.attendance-compare p.color2::before {
	background: #FFD991;
}

.attendance-compare p.color3::before {
	background: #0fe5fb;
}

.attendance-compare .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.attendance-compare .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.attendance-compare a.text-special:hover {
	color: #1a636f !important;
	border-bottom: 1px solid #1a636f !important;
}

.attendance-compare #fingerprintInnerDiv table th:first-child {
	width: 20%;
}

.attendance-compare #wfhDiv table th:first-child {
	width: 25%;
}

.attendance-compare #leaveDiv table th:first-child {
	width: 25%;
}

.attendance-compare a.text-warning:hover {
	color: #ffc107 !important;
	border-bottom: 1px solid #ffc107 !important;
}

.attendance-compare table .form-control {
	height: calc(1.4em + 0.35rem + 1.3px);
}

.attendance-compare table td span {
	font-size: 14px !important;
}

.attendance-compare #datatable th:last-child {
	width: 45% !important;
}

.attendance-compare .pl-40 {
	padding-left: 40px !important;
}

.list-attendance .att-status-icon {
	font-size: 1.5em;
}

.list-attendance .dataTables_scroll {
	width: inherit !important;
}

.list-attendance #datatable {
	width: inherit !important;
}

.list-attendance .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.list-attendance .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Payment Attribute Detail */
.payment-attri-detail .card-header {
	background-image: linear-gradient(to bottom, #f5f5f5 0, #e8e8e8 100%);
}

.payment-attri-detail .balanceDiv {
	border-top: 2px dashed #ddd;
}

.payment-attri-detail .skill-col {
	max-width: 44.900%;
	flex: 0 0 44.900%;
	padding: 0 5px;
}

.payment-attri-detail .none {
	display: none;
}

.payment-attri-detail .main-currency {
	width: 26px;
	padding-left: 3px;
	font-size: 13px;
	text-align: center;
}

.payment-attri-detail .currency-symbol {
	font-size: 13px;
}

/* Payment Attribute Detail List */
.attri-detail-list .detail-table tr:last-child {
	font-weight: bold;
	border-bottom: 2px solid #00c292;
}

.attri-detail-list .detail-table {
	max-width: 32%;
	table-layout: fixed;
}

.attri-detail-list .detail-header {
	background: #f5f5f5 !important;
	border: 2px solid #00c292;
	color: green;
}

.attri-detail-list .table-responsive {
	overflow-y: hidden;
}

/* .attri-detail-list .table th,
.attri-detail-list .table td{
    width: 2% !important;
}

.attri-detail-list .table th:first-child,
.attri-detail-list .table td:first-child{
    width: 1.2% !important;
}

.attri-detail-list .table th:nth-child(2),
.attri-detail-list .table td:nth-child(2){
    width: 2% !important;
}

.attri-detail-list .table th:nth-child(3),
.attri-detail-list .table td:nth-child(3){
    width: 2% !important;
}

.attri-detail-list .table th:nth-child(4),
.attri-detail-list .table td:nth-child(4){
    width: 3% !important;
}

.attri-detail-list .table th:nth-last-child(4),
.attri-detail-list .table td:nth-last-child(4){
    width: 1% !important;
}

.attri-detail-list .table th:nth-last-child(2),
.attri-detail-list .table td:nth-last-child(2){
    width: 1% !important;
}

.attri-detail-list .DTFC_LeftHeadWrapper th:first-child,
.attri-detail-list .DTFC_LeftBodyWrapper td:first-child{
    width: 10% !important;
}

.attri-detail-list .DTFC_LeftHeadWrapper th:nth-child(2),
.attri-detail-list .DTFC_LeftBodyWrapper td:nth-child(2){
    width: 30% !important;
}

.attri-detail-list .DTFC_LeftHeadWrapper th:last-child,
.attri-detail-list .DTFC_LeftBodyWrapper td:last-child{
    width: 60% !important;
}  */

.attri-detail-list .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.attri-detail-list .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.attri-detail-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.attri-detail-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.attri-detail-list .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.attri-detail-list .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.attri-detail-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.attri-detail-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.attri-detail-list .DTFC_RightBodyLiner thead tr {
	border-bottom: 0 !important;
}

.attri-detail-list .DTFC_RightBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.attri-detail-list .DTFC_RightBodyLiner {
	overflow: hidden;
}

.attri-detail-list .DTFC_RightBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.attri-detail-list .DTFC_RightBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.attri-detail-list .DTFC_RightBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.attri-detail-list .excel-img {
	margin: 2px 0;
	width: 30px;
}

.pad-export {
	float: right;
	margin-top: 4px;
}

.attri-detail-list .btn.custom-export {
	width: 100;
}

.attri-detail-list .btn.calculate-salaries {
	width: 110px;
}

.attri-detail-list #custom-export .card-header a {
	display: inline-block;
	width: 100%;
	margin-bottom: 0px;
	padding: 6px 22px 6px 20px;
}

.attri-detail-list #custom-export .row.allCheck {
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px dashed #aeafb1;
}

.attri-detail-list #custom-export .card-header a.open::after {
	transform: translate(0, 0) rotate(178deg);
}

.attri-detail-list #custom-export .card-header a::after {
	float: right;
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	vertical-align: 0;
	content: '\f107';
}

.attri-detail-list .bg-addition {
	background: #40968899 !important;
}

.attri-detail-list .bg-deduction {
	background: #d7474799 !important;
}

.detail-table tbody tr:first-child td {
	height: 30px;
}

/* Show Monthly Report */
.monthly-report .overtime-table {
	margin: 0 auto;
	min-width: 300px;
}

.monthly-report form .days {
	display: inline-block;
	width: 300px;
	margin-right: 5px;
	border: 1px solid #00c292;
	text-align: center;
}

.monthly-report form .trans-days {
	display: inline-block;
	width: 100px;
	padding: 5px;
	border: 1px solid #00c292;
	cursor: pointer;
}

.monthly-report form .leave-days {
	display: block;
	width: 100px;
	margin-right: 5px;
	border: 1px solid #00c292;
	text-align: center;
}
.payment-check .trans-days {
	display: inline-block;
	width: 100px;
	padding: 5px;
	border: 1px solid #00c292;
	cursor: pointer;
}

.monthly-report form .label-span {
	display: inline-block;
	width: 100px;
	vertical-align: top;
}

.monthly-report form .shift-container {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: start;
	margin: 10px;
	flex-wrap: wrap;
}

.monthly-report form .type {
	color: #00c292;
}

.monthly-report form .shift {
	display: inline-block;
	color: #00c292;
	font-size: 13px;
}

.monthly-report form .leave-shift{
		color: #00c292;
	font-size: 13px;
}
.monthly-report form .shift-status {
	background-color: #00c292;
	display: inline-block;
	font-size: 13px;
	color: white;
	padding: 1px 4px;
	border-radius: 3px;
}

.monthly-report form .leave-shift-status {
	background-color: #00c292;
	display: inline-block;
	font-size: 13px;
	color: white;
	padding: 1px 4px;
	border-radius: 3px;
}

.monthly-report form .leaveType {
	display: block;
}

.monthly-report form .overtime-table {
	margin: 0;
}

.monthly-report form .overtime-table th {
	width: 20%;
}

.monthly-report form .overtime-table td {
	width: 20%;
}

.monthly-report form .dateShow {
	width: 85px;
}

.monthly-report form .lateMin {
	display: inline-block;
	width: 100px;
	border: 1px solid #00c292;
	text-align: center;
	border-top: none;
}

.monthly-report form .lateMin.attendanceLateMin {
	font-size: 15px;
}

.monthly-report form .attDay {
	display: inline-block;
	margin-bottom: 10px;
	vertical-align: top;
}

/* Transportation History Page */
.transportation-history .excel img {
	width: 28px;
}

.transportation-history #datatable {
	width: 1800px !important;
}

/* Transportation History Page */

/* Leave Request List Page */
.leave-request-list .dataTables_scroll {
	width: 1800px !important;
}

.leave-request-list #datatable {
	width: 1800px !important;
}

.leave-request-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.leave-request-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Leave Request List Page */

/* Leave History List Page */

.leave-history-list .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.leave-history-list .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.leave-history-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.leave-history-list .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.leave-history-list .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.leave-history-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.leave-history-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.leave-history-list #datatable th {
	white-space: nowrap;
}

.leave-history-list #datatable {
	width: 1600px !important;
}

/* Leave History List Page */

/* Long Term Leave Report Page */
.leave-report-longterm .request-btn {
	justify-content: center;
}

.leave-report-longterm .table-responsive {
	overflow-y: auto;
	max-height: 280px;
}

/* Long Term Leave Report Page */

/* Leave Edition Report Page */
.leave-report-edit .attach-file-div {
	width: 140px;
}

.leave-report-edit .attach-file-div a:hover {
	color: #000;
}

.leave-report-edit #attach-file {
	max-width: 100%;
	width: 140px;
	height: 160px;
	object-fit: contain;
	cursor: pointer;
}

/* Leave Edition Report Page */

/* Leave Balance List Page */
.leave-balance-list #leftLeaveTbl .dataTables_scroll {
	width: 1300px !important;
}

.leave-balance-list .leftLeaveTbl #leftLeaveTbl #datatable {
	width: 1300px !important;
}

.member-leave-balance #leftLeaveTbl .dataTables_scroll {
	width: 1100px !important;
}

.member-leave-balance .leftLeaveTbl #leftLeaveTbl #datatable {
	width: 1100px !important;
}

.leave-balance-list #leftLeaveTbl .table th:first-child,
.leave-balance-list #leftLeaveTbl .table td:first-child {
	width: 20px !important;
}

.leave-balance-list #leftLeaveTbl .table th:nth-child(3),
.leave-balance-list #leftLeaveTbl .table td:nth-child(3) {
	width: 20% !important;
}

.leave-balance-list #leftLeaveTbl .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.leave-balance-list #leftLeaveTbl .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.leave-balance-list #useLeaveTbl .dataTables_scroll {
	width: 1300px !important;
}

.leave-balance-list #useLeaveTbl #datatable {
	width: 1300px !important;
}

.leave-balance-list #useLeaveTbl .table th:first-child,
.leave-balance-list #useLeaveTbl .table td:first-child {
	width: 10% !important;
}

.leave-balance-list #useLeaveTbl .table th:nth-child(2),
.leave-balance-list #useLeaveTbl .table td:nth-child(2) {
	width: 15% !important;
}

.leave-balance-list #useLeaveTbl .table th:nth-child(10),
.leave-balance-list #useLeaveTbl .table td:nth-child(10) {
	width: 7.5% !important;
}

.leave-balance-list #leftLeaveTbl .table th:last-child {
	width: 200px !important;
}

.leave-balance-list #useLeaveTbl .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.leave-balance-list #useLeaveTbl .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Leave Balance List Page */

/*overtime history Page*/
.overtime-history .w-40px {
	width: 38px;
}

.overtime-history .w-60px {
	width: 58px;
}

.overtime-history .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.overtime-history .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.overtime-history .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.overtime-history .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.overtime-history .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.overtime-history .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.overtime-history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.overtime-history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.overtime-history #datatable {
	width: 1900px !important;
}

.overtime-history #datatable th {
	white-space: nowrap;
}

/*overtime history Page*/

/*overtime request Page*/
.overtime-request .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.overtime-request .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.overtime-request .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.overtime-request .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.overtime-request .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.overtime-request .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.overtime-request .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.overtime-request .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.overtime-request #datatable {
	width: 1250px !important;
}

.overtime-request #datatable th {
	white-space: nowrap;
}

.ovt-warning {
	font-size: 0.95rem;
}

/*overtime request Page*/

/*Employee List Page*/
.employee-list .dataTables_scroll {
	width: 2000px !important;
}

#userTbl #datatable {
	width: 2000px !important;
}

#operatorTbl #datatable th:first-child {
	width: 5% !important;
}

#operatorTbl #datatable th:nth-child(2) {
	width: 12% !important;
}

#operatorTbl #datatable th:nth-child(3) {
	width: 25% !important;
}

#operatorTbl #datatable th:last-child {
	width: 58% !important;
}

.employee-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.employee-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.employee-info-list .dataTables_scroll {
	width: 1400px !important;
}

.employee-info-list #datatable {
	width: 1400px !important;
}

/*department MemberList*/
.department-member-list .w-280 {
	width: 280px;
}

.department-member-list .btn-gp .w-185 {
	width: 185px !important;
}

/*department MemberList*/

/*department MemberAdd*/
.department-member-add .h-40 {
	height: 40px;
}

/*department MemberAdd*/

/* Employee Detail Info page*/
.employee-detail-info .profile-img {
	width: 200px;
	height: 200px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #00c292;
}

.employee-detail-info .member-profile-img {
	width: 200px;
	height: 200px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #00c292;
}

.employee-detail-info .profile-img img,
.employee-detail-info .member-profile-img img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.employee-detail-info .break-word {
	word-wrap: break-word;
}

/* Employee Detail Info page*/

/* Profile Change History page*/


.profile-change-history .dataTables_scroll {
	width: 2300px !important;
}

.profile-change-history #datatable {
	width: 2300px !important;
}

.profile-change-history .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.profile-change-history .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Profile Change History page*/
/* Profile Change Request page*/
.profile-change-request .dataTables_scroll {
	width: 2300px !important;
}

.profile-change-request #datatable {
	width: 2300px !important;
}

.profile-change-request .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.profile-change-request .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Profile Change Request page*/

/* Profile Change Edit page*/
.old-profile-info {
/*  padding: 0 10px;*/
  word-wrap: break-word;
  color: #03479f;
}

/* Profile Change Edit page*/

/* Employee Detail Info page*/
.profile .profile-img {
	width: 200px;
    height: 200px;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #00c292;
}

.profile .profile-img img {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.profile .break-word {
	word-wrap: break-word;
}

.profile-name {
    font-size: 16px;
}

.profile-position{
	font-size: 14px !important;
}

/* Employee Detail Info page*/

/* Employee Registration page*/
.employee-registration .emp-image img {
	width: 120px;
	height: 120px;
}

/* Employee Registration page*/

/* Employee Edition page*/
.employee-edition .emp-image {
	margin-left: 0;
	margin-right: 0;
	justify-content: end;
}

.employee-edition .emp-image img {
	width: 120px;
	height: 120px;
}

/* Employee Edition page*/

/* WFH Registration page*/
.wfh-registration .detail-tbl table td {
	vertical-align: middle !important;
}

.wfh-registration .detail-tbl .table-responsive {
	overflow-y: auto;
	max-height: 380px;
}

.wfh-history-list .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.wfh-history-list .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wfh-history-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.wfh-history-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wfh-history-list .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.wfh-history-list .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.wfh-history-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.wfh-history-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.wfh-history-list #datatable th {
	white-space: nowrap;
}

.wfh-history-list #datatable {
	width: 1500px !important;
}

/* WFH Registration page*/

/* Fingerprint Report History page*/
.fingerprint-record #datatable {
	width: 1800px !important;
}

.fingerprint-record .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.fingerprint-record .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.fingerprint-record .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.fingerprint-record.dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.fingerprint-record .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.fingerprint-record .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.fingerprint-record .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.fingerprint-record .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.fingerprint-record #datatable th {
	white-space: wrap;
}

/* Fingerprint Report History page*/
/* Attendance Report History page*/
.attendance-report-history #datatable {
	width: 1800px !important;
}

.attendance-report-history .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.attendance-report-history .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.attendance-report-history .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.attendance-report-history .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.attendance-report-history .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.attendance-report-history .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.attendance-report-history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.attendance-report-history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.attendance-report-history #datatable th {
	white-space: nowrap;
}

/* Attendance Report History page*/

/* WFH Request List Page */
.wfh-request-list .dataTables_scroll {
	width: 1800px !important;
}

.wfh-request-list #datatable {
	width: 1800px !important;
}

.wfh-request-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.wfh-request-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.wfh-request-list #datatable th {
	white-space: nowrap;
}

/* Pattern List page */
.pattern-list .dataTables_scroll {
	width: 1800px !important;
}

.pattern-list #datatable {
	width: 1800px !important;
}

.pattern-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.pattern-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.pattern-list #datatable th {
	white-space: nowrap;
}

/* Attendance Report History page*/
.attendance-report-history #datatable {
	width: 1800px !important;
}

.attendance-report-history .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.attendance-report-history .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.attendance-report-history .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.attendance-report-history .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.attendance-report-history .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.attendance-report-history .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.attendance-report-history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.attendance-report-history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.attendance-report-history #datatable th {
	white-space: nowrap;
}

/* Attendance Report History page*/
/* Other Transportation List page*/
.list-other-transportation .DTFC_RightBodyLiner thead tr {
	border-bottom: 0 !important;
}

.list-other-transportation .DTFC_RightBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.list-other-transportation .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.list-other-transportation .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.list-other-transportation #datatable {
	width: 1500px !important;
}

/* Other Transportation List page*/

/* Basic Salary List page*/

.basic-salary-list #datatable {
	width: 1600px !important;
}

.basic-salary-list .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.basic-salary-list .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.basic-salary-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.basic-salary-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.basic-salary-list .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.basic-salary-list .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
}

.basic-salary-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.basic-salary-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

/* Basic Salary List page*/

/* Position Detail page*/
.position_detail input[type="checkbox"][readonly] {
	pointer-events: none;
}

/* Position Detail page*/

/* Department Change History List Page */
.emp_dept_change_history #datatable {
	width: 1500px !important;
}

.emp_dept_change_history .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.emp_dept_change_history .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.emp_dept_change_history .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.emp_dept_change_history .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.emp_dept_change_history .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.emp_dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.emp_dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.emp_dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.emp_dept_change_history #datatable th {
	white-space: nowrap;
}

/* Department Change History List Page */

/* Department Change History Page */
.dept_change_history #datatable,
.member_dept_change_history #datatable {
	width: 1500px !important;
}

.dept_change_history .dataTables_scrollBody thead tr,
.member_dept_change_history .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.dept_change_history .dataTables_scrollBody thead th,
.member_dept_change_history .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.dept_change_history .DTFC_LeftBodyLiner thead tr,
.member_dept_change_history .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.dept_change_history .DTFC_LeftBodyLiner thead th,
.member_dept_change_history .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.dept_change_history .DTFC_LeftBodyLiner,
.member_dept_change_history .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned,
.member_dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData,
.member_dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td,
.member_dept_change_history .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.dept_change_history #datatable th,
.member_dept_change_history #datatable th {
	white-space: nowrap;
}

/* Department Change History Page */


/* Employee Skill Amount List Start*/

.employee-skill-list #datatable,
.member-skill-list #datatable {
	width: 1800px !important;
}

.employee-skill-list .DTFC_LeftBodyLiner thead tr,
.member-skill-list .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.employee-skill-list .DTFC_LeftBodyLiner thead th,
.member-skill-list .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/*  .employee-skill-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
} */

.employee-skill-list .dataTables_scrollBody thead th,
.member-skill-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.employee-skill-list .DTFC_LeftBodyLiner,
.member-skill-list .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.employee-skill-list .DTFC_LeftBodyLiner .DTFC_Cloned,
.member-skill-list .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
}

.employee-skill-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData,
.member-skill-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.employee-skill-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td,
.member-skill-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.employee-skill-list #datatable th,
.member-skill-list #datatable th {
	white-space: nowrap;
}

.employee-skill-list .excel-img,
.member-skill-list .excel-img {
	width: 30px;
}

/* Employee Skill Amount List End*/

/* Project Assign Info Start*/
.project-assign-list #datatable {
	width: 1500px !important;
}

.project-assign-list .assign-btn-grp {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.project-assign-list .assign-btn-grp .btn {
	width: 80px;
}

.project-assign-list .assign-btn-grp .btn::after {
	left: -54%;
}

.project-assign-list .assign-btn-grp .btn:hover:after {
	width: 150%;
}

.project-assign-list table tr {
	cursor: pointer;
}

.project-assign-list .active-row {
	background-color: #40dab3;
}

.project-assign-list .disabled-link {
	pointer-events: none;
	opacity: .65;
}

.project-assign-list .dataTables_scrollBody thead tr {
	border-bottom: 0 !important;
}

.project-assign-list .dataTables_scrollBody thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.project-assign-list .DTFC_LeftBodyLiner thead tr {
	border-bottom: 0 !important;
}

.project-assign-list .DTFC_LeftBodyLiner thead th {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.project-assign-list .DTFC_LeftBodyLiner {
	overflow: hidden;
}

.project-assign-list .DTFC_LeftBodyLiner .DTFC_Cloned {
	border: none;
	border-left: 1px solid #dee2e6;
}

.project-assign-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData {
	height: auto !important;
}

.project-assign-list .DTFC_LeftBodyLiner .DTFC_Cloned tbody tr.DTFC_NoData td {
	padding: 0px !important;
}

.project-assign-list #datatable th {
	white-space: nowrap;
}

.project-assign-register .date-range-col {
	max-width: 49.667%;
	flex: 0 0 48.667%;
}

.project-assign-history .dataTables_scroll {
	width: 1700px !important;
}

.project-assign-history #datatable {
	width: 1700px !important;
}

.project-assign-history .assign-btn-grp {
	display: flex;
	justify-content: flex-end;
}

.project-assign-history #datatable th:last-child {
	width: 10% !important;
}

.project-assign-history .assign-btn-grp .btn {
	width: 80px;
}

.project-assign-history .assign-btn-grp .btn::after {
	left: -47%;
}

.project-assign-history table tr {
	cursor: pointer;
}

.project-assign-history .active-row {
	background-color: #40dab3;
}

.project-assign-history .disabled-link {
	pointer-events: none;
	opacity: .65;
}

/* Project Assign Info End*/
/* Exchange Rate List Start*/
.exchange-rate-list .table th:first-child,
.exchange-rate-list .table td:first-child {
	width: 6% !important;
}

.exchange-rate-list .table th:nth-child(2),
.exchange-rate-list .table td:nth-child(2) {
	width: 16% !important;
}

.exchange-rate-list .table th:last-child,
.exchange-rate-list .table td:last-child {
	width: 16% !important;
}

/* Exchange Rate List End*/

/* Currency List Start*/
.currency-list .table th:first-child,
.currency-list .table td:first-child {
	width: 6% !important;
}

.currency-list .table th:nth-child(2),
.currency-list .table td:nth-child(2) {
	width: 15% !important;
}

.currency-list .table th:last-child,
.currency-list .table td:last-child {
	width: 16% !important;
}

/* Currency List End*/

/* Schedule Start */
#schedule .btn {
	z-index: 0;
}

#schedule .btn::after {
	width: auto;
}

#schedule .btn:hover:after {
	height: auto;
}

#schedule .label {
	font-size: 15px;
}

#eventActionModal .modal-dialog {
	max-width: 660px !important;
}

#schedule .underline {
	border-bottom: 3px solid gray;
}

#schedule .choices__list--multiple .choices__item {
	background-color: #00c292;
	border: 1px solid #00c292;
}

#search-date-wrapper .tui-datepicker {
	margin-left: 15px !important;
}

#startTime-wrapper .tui-datepicker {
	margin-left: 490px !important;
	margin-top: -135px !important;
	background: #00c292;
}

#endTime-wrapper .tui-datepicker {
	margin-left: 490px !important;
	margin-top: -135px !important;
	background: #00c292;
}

.tui-is-selected {
	background: #00c292 !important;
}

#schedule .dropdown-menu li {
	line-height: 1.8em;
}

#emp-list-wrapper {
	height: inherit;
	padding-right: 0px;
}

#emp-list-wrapper #emp-list {
	max-height: 565px;
	background-color: #fff;
	overflow-y: auto;
}

#emp-list-wrapper #employeeListTable tbody tr:nth-child(odd) {
	background: none;
}

#emp-list-wrapper #employeeListTable {
	width: 100%;
	background: #fff;
	border: none;
}

#emp-list-wrapper #employeeListTable tbody tr td {
	line-height: 1.7;
	padding: 0 !important;
}

#calendar {
	max-height: 600px;
}

#schedule .choices {
	margin-bottom: 0px;
}

#eventActionModal .modal-body {
	max-height: 520px;
	overflow-y: auto;
	position: static;
}

#eventActionModal .schedule-modal.modal-body {
	margin-bottom: 11px;
	overflow-y: unset;
}

#eventActionModal .schedule-modal.modal-body .custom-select {
	background: #fff url(../img/drop_down_arrow.png) no-repeat right .75rem center/8px 10px !important;
	font-size: 15px !important;
}

#eventActionModal .schedule-modal.modal-body .choices__inner {
	height: 75px;
	overflow-y: auto;
}

#schedule .breadcrumbs {
	height: 30px;
}

#schedule .modal-open {
	overflow-y: auto;
}

/* Disable scrollbar Firefox */
/*
@-moz-document url-prefix() {  
  html {
    scrollbar-width:none;
  }
}
*/
.schedule-body {
	margin: 0;
	/* remove default margin */
	overflow-y: scroll;
}

/* .schedule-body .fa-sign-out-alt {
  margin-left: 13px !important;
} */

/* .hide-scrollbar::-webkit-scrollbar {
  width: 0px !important;
} */

.schedule-list #datatable th {
	white-space: nowrap;
}

.schedule-list #datatable {
	width: 1360px !important;
}

/* Schedule End */

/* Organization Chart Start */
.organization-chart #org-chart-img {
	width: 100%;
	height: 100%;
}

.organization-chart .click {
	display: block;
	position: relative;
	z-index: 1;
	width: 120px;
	overflow: hidden;
	border: none;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
	background: #00c292;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	border-radius: 5px;
	height: 38px;
}

.none {
	display: none;
}

/* Organization Chart End */

/* Daily Temperature Record Start */
.fever-color {
	background-color: #f86e81 !important;
}

.slight-fever-color {
	background-color: #ffd991 !important;
}

.daily-temperature span.color::before {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin-right: 10px;
	content: "";
	border: 1px solid #444;
}

.daily-temperature span.fever::before {
	background: #f86e81;
}

.daily-temperature span.slight-fever::before {
	background: #ffd991;
}

.daily-temperature span.normal::before {
	background: #ffffff;
}

.tbl-daily-temperature tbody td {
	vertical-align: middle;
}

.tbl-daily-temperature tbody .odd {
	background: #fff;
}

/* Daily Temperature Record End */

/* Shift Start */
.shift-registration table th:first-child {
	width: 5%;
}

.shift-registration table th:nth-child(2) {
	width: 20%;
}

.shift-registration #emp-list-div {
	height: 350px;
	overflow-y: auto;
}

/* Shift End */

/* Forgot Password Start */
.forgot-password-page .sa {
	width: 140px;
	height: 140px;
	padding: 26px;
	background-color: #fff;
}

.forgot-password-page .sa-success {
	border-radius: 50%;
	border: 4px solid #00c292;
	box-sizing: content-box;
	height: 80px;
	padding: 0;
	position: relative;
	background-color: #fff;
	width: 80px;
}

.forgot-password-page .sa-success:after,
.sa-success:before {
	background: #fff;
	content: '';
	height: 120px;
	position: absolute;
	transform: rotate(45deg);
	width: 60px;
}

.forgot-password-page .sa-success:before {
	border-radius: 40px 0 0 40px;
	width: 26px;
	height: 80px;
	top: -17px;
	left: 5px;
	transform-origin: 60px 60px;
	transform: rotate(-45deg);
}

.forgot-password-page .sa-success:after {
	border-radius: 0 120px 120px 0;
	left: 30px;
	top: -11px;
	transform-origin: 0 60px;
	transform: rotate(-45deg);
	animation: rotatePlaceholder 4.25s ease-in;
}

.forgot-password-page .sa-success-placeholder {
	border-radius: 50%;
	border: 4px solid rgba(165, 220, 134, 0.25);
	box-sizing: content-box;
	height: 80px;
	left: -4px;
	position: absolute;
	top: -4px;
	width: 80px;
	z-index: 2;
}

.forgot-password-page .sa-success-fix {
	background-color: #fff;
	height: 90px;
	left: 28px;
	position: absolute;
	top: 8px;
	transform: rotate(-45deg);
	width: 5px;
	z-index: 1;
}

.forgot-password-page .sa-success-tip,
.sa-success-long {
	background-color: #00c292;
	border-radius: 2px;
	height: 5px;
	position: absolute;
	z-index: 2;
}

.forgot-password-page .sa-success-tip {
	left: 14px;
	top: 46px;
	transform: rotate(45deg);
	width: 25px;
	animation: animateSuccessTip 0.75s;
}

.forgot-password-page .sa-success-long {
	right: 8px;
	top: 38px;
	transform: rotate(-45deg);
	width: 47px;
	animation: animateSuccessLong 0.75s;
}

@keyframes animateSuccessTip {

	0%,
	54% {
		width: 0;
		left: 1px;
		top: 19px;
	}

	70% {
		width: 50px;
		left: -8px;
		top: 37px;
	}

	84% {
		width: 17px;
		left: 21px;
		top: 48px;
	}

	100% {
		width: 25px;
		left: 14px;
		top: 45px;
	}
}

@keyframes animateSuccessLong {

	0%,
	65% {
		width: 0;
		right: 46px;
		top: 54px;
	}

	84% {
		width: 55px;
		right: 0;
		top: 35px;
	}

	100% {
		width: 47px;
		right: 8px;
		top: 38px;
	}
}

@keyframes rotatePlaceholder {

	0%,
	5% {
		transform: rotate(-45deg);
	}

	100%,
	12% {
		transform: rotate(-405deg);
	}
}

.forgot-password-page .spinner {
	height: 60px;
	width: 60px;
	margin: auto;
	display: flex;
	position: absolute;
	-webkit-animation: rotation .6s infinite linear;
	-moz-animation: rotation .6s infinite linear;
	-o-animation: rotation .6s infinite linear;
	animation: rotation .6s infinite linear;
	border-left: 6px solid rgba(0, 194, 146, .15);
	border-right: 6px solid rgba(0, 194, 146, .15);
	border-bottom: 6px solid rgba(0, 194, 146, .15);
	border-top: 6px solid rgba(0, 194, 146, .8);
	border-radius: 100%;
}

@-webkit-keyframes rotation {
	from {
		-webkit-transform: rotate(0deg);
	}

	to {
		-webkit-transform: rotate(359deg);
	}
}

@-moz-keyframes rotation {
	from {
		-moz-transform: rotate(0deg);
	}

	to {
		-moz-transform: rotate(359deg);
	}
}

@-o-keyframes rotation {
	from {
		-o-transform: rotate(0deg);
	}

	to {
		-o-transform: rotate(359deg);
	}
}

@keyframes rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(359deg);
	}
}

.forgot-password-page #overlay {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.1);
	z-index: 2;
	cursor: pointer;
}

/*Ferry registration start*/

.cntr {
	display: flex;
	justify-content: center;
	align-items: center;
}


.dashed {
	color: #0000004c;
	border: 3px dashed;
	padding: 10px;
}

.photo-cap {
	margin: 100px auto;
	color: #0000004f;
	font-size: 15px;
	font-weight: 900;
	user-select: none;
}

.border-red,
.border-red .photo-cap {
	color: #e53f3f !important;
}

.btn.choose-photo {
	margin: 10px auto;
	width: fit-content !important;
}

/* Ferry active/inactive switch btn*/
.inact {
	display: flex;
	align-items: center;
	width: fit-content !important;
}

.inact .switch {
	margin-right: 3px;
}

.switch {
	position: relative;
	display: inline-block !important;
	width: 25px;
	height: 14px;
}

.switch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 10px;
	width: 10px;
	left: 2px;
	top: 50%;
	transform: translateY(-50%);
	background-color: white;
	-webkit-transition: all .4s;
	transition: all .4s;
}

.switch input:checked+.slider,
.switch input:checked+input[type="hidden"]+.slider {
	background-color: #00c292;
}

.switch input:focus+.slider,
.switch input:focus+input[type="hidden"]+.slider {
	box-shadow: 0 0 1px #00c292;
}

.switch input:checked+.slider:before,
.switch input:checked+input[type="hidden"]+.slider:before {
	left: calc(100% - 12px);
}

.dis-def-lab {
	display: inline-block !important;
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}

.save-ico::before {
	color: #00c292;
	font-size: 40px;
}

.bg-blue {
	background: #00c292 !important;
}

.btn.bg-blue::before,
.btn.bg-blue::after {
	background: #FFFFFF4c !important;
}

.active-flg {
	display: none;
}

.active-flg.active {
	display: flex;
	flex-direction: column;
}

/*end ferry switch btn*/
/*Employee*/
#user-4 {
	display: none;
}

/*Attendance Schedule*/
table.attendance-schedule {
	overflow: auto;
}

table.attendance-schedule th {
	vertical-align: middle !important;
	padding: 10px 0px !important;
}

table.attendance-schedule .holiday {
	background-color: #00000045 !important;
}

table.attendance-schedule .day-view {
	min-width: 35px;
}

.custom-table thead th.date-selections.holidays-color {
	background-color: #f5f5f5 !important;
}

.attendance-check {
	width: 100%;
}

table.attendance-schedule p {
	margin: 0;
}

table.attendance-schedule hr {
	margin: 0px auto !important;
}

#ferry-member-table_wrapper .ui-sortable tr {
	cursor: pointer;
}

.custom-table tbody .holidays,
.custom-table tfoot .holidays,
.custom-table tbody .date-selections.holidays {
	background-color: #FFEBEE !important;
}

.attendance-schedule .modal-content .modal-body .row {
	width: 70% !important;
	margin: 0 auto;
}

/* content-editable */
.content-editable.focousable {
	cursor: default !important;
}

.content-editable.focusable.editing {
	cursor: text;
	background-color: #FFFFFF;
	box-shadow: inset 0px 0px 0px 2px #000;
}

.content-editable {
	cursor: text;
}

.error-sts,
.content-editable.editing.error-sts {
	box-shadow: inset 0px 0px 0px 2px #ff0080 !important;
}

/*Ferry member Choices*/
#member-field .choices__inner,
#gop-member-field .choices__inner {
	text-align: left !important;
}

#member-field .choices__list--dropdown,
#gop-member-field .choices__list--dropdown {
	z-index: 10 !important;
}

#member-field .choices__list #gop-member-field .choices__list {
	max-height: 200px;
}

#set-member-modal .p-3#member-field,
#import-member-modal .p-3#gop-member-field {
	height: 380px;
	padding: 10px 50px !important;
}

#set-member-modal .modal-sm,
#import-member-modal .modal-sm {
	width: 50% !important;
	max-width: 50% !important;
}

#set-member-modal .choices__inner,
#import-member-modal .choices__inner,
.exp-table tbody td.edit .choices__inner {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

/* #set-member-modal .choices__inner::-webkit-scrollbar {
  width: 5px !important;
}
#set-member-modal .choices__inner::-webkit-scrollbar-thumb{
  background-color: #0000004c;
} */
#set-member-modal .choices__list--multiple .choices__item,
#import-member-modal .choices__list--multiple .choices__item,
.exp-table tbody td.edit .choices__list--multiple .choices__item {
	background-color: #00c292 !important;
}

#set-member-modal .choices__list--multiple .choices__item.cgm-select,
#import-member-modal .choices__list--multiple .choices__item.cgm-select {
	background-color: #fb8c00 !important;
}

/*Sort able route*/
#s-point {
	width: 80%;
	padding: 5px;
	box-sizing: border-box;
	margin: 0px auto;
}

.s-sort {
	padding: 10px;
	text-align: center;
	box-sizing: border-box;
	border: 1px solid #0000004c;
	margin: 2px auto;
	cursor: grab;
}

.s-sort:first-child {
	margin-top: 15px;
}

.s-sort:last-child {
	margin-bottom: 15px;
}

.btn-gp.otp {
	justify-content: center;
}

.btn-gp.otp .btn {
	margin: 5px;
	width: auto !important;
	min-width: 120px !important;
}

.s-sort.ui-sortable-helper {
	background-color: #ffffff;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

/* Font awesome */
.f-font {
	font-family: 'Roboto', sans-serif !important;
	font-weight: normal !important;
}

.fa-usage {
	position: relative;
}

.fa-usage.fa-ico {
	position: relative;
	padding: 15px !important;
	width: 100%;
}

.fa-usage.fa-ico::before {
	position: absolute;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
}

.p-agree {
	padding: 0px 50px;
}

.text-blue {
	color: #00c292 !important;
}

#member-field.order-field,
#gop-member-field.order-field {
	max-height: 400px;
	overflow-y: auto;
}

.time.time-error {
	border: 1px solid red !important;
}

.unchoose-btn:hover {
	background-color: #dc35451f;
}

.show-p-list {
	cursor: pointer;
	color: #00c292;
	font-weight: 900;
}

.show-p-list.save {
	color: #00c292;
}

.show-p-list.active {
	font-weight: 400;
}

.fa-ico {
	font-family: 'Font Awesome 5 Free';
}

.show-p-list:hover,
.show-p-list.active {
	background-color: #1b1c322e;
}

.show-p-list .fa-ico.folder-ico::before {
	content: '\f07b';
	font-size: 20px;
}

.show-p-list.active .fa-ico.folder-ico::before {
	content: '\f07c';
}

tr.child {
	padding: 25px;
}

.ani-tr {
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
	margin: 0px auto;
	padding: 0px 25px 25px 25px;
}

.clearfix::after {
	clear: both;
	font-size: 0;
	line-height: 0;
	content: '';
	visibility: none;
}

.ss .plus-btn {
	width: 25px;
	height: 25px;
	padding: 0px;
	transition: all .4s;
	border: 0;
	border-radius: 5px;
	vertical-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #00c292;
	background-color: #dbefff;
}

.ss .plus-btn:hover {
	background-color: #00c292 !important;
	color: #dbefff !important;
}

.folder-f {
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	width: fit-content;
	border: 2px solid #8593f74c;
	min-width: 200px;
	float: left;
	text-decoration: none;
	transition: all .4s;
}

.folder-f a,
.folder-f .num,
.folder-f.new .none {
	background: #8593f74c;
	padding: 2px 7px;
	border-radius: 7px;
	cursor: pointer;
	text-decoration: none;
}

.cf.folder-f a,
.cf.folder-f .num,
.cf.folder-f.new .none {
	padding: 7px !important;
}

a.folder-f:hover {
	background-color: #8593f77d;
}

.folder-f a:hover,
.folder-f .num:hover {
	background-color: #00000012;
}

.folder-f.new {
	min-width: 130px;
	width: auto;
}

.folder-f.new a {
	width: fit-content;
	height: fit-content;
	background-color: transparent;
}

.folder-f.new .none {
	background-color: transparent;
	padding: 6.5px;
}

table tr.child {
	box-shadow: inset 0px 0px 3px #00000030;
}

.tx {
	text-align: center;
}

/* View As */
.switch.view-as {
	width: 45px;
	height: 25px;
}

.ani-tr.ss {
	padding: 25px 25px 0px 25px;
}

.slider.square {
	border-radius: 5px;
	overflow: hidden;
	background-color: #dbefff;
}

.view-as .slider::before {
	font-family: 'Font Awesome 5 Free';
	width: 50%;
	height: 100%;
	left: 0;
	top: 50%;
	background: none;
	content: '\f009';
	font-weight: 900;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 0;
	color: #00c292;
}

.switch.view-as input:checked+.slider:before,
.switch.view-as input:checked+input[type="hidden"]+.slider:before {
	left: 50%;
	content: '\f03a';
	color: #dbefff;
	background-color: #00c292;
}

/* Table select */
.rot-45 {
	transform: rotate(90deg);
}

tr.row-highlight-cgm {
	background: #8cbacd !important;
}

tr.row-highlight {
	background: #82b87f !important;
}

tr.selected,
tr.row-highlight.selected {
	background-color: #20B3AB !important;
}

tr.row-error,
tr.row-highlight.row-error {
	background-color: #dc35454c !important;
}

table tr.selected td,
table tr.selected td .form-control {
	background-color: #20B3AB !important;
	color: #eeefff !important;
}

.isel {
	color: #20B3AB !important;
}

.itran {
	color: #82b87f !important;
}

.cgm {
	color: #8cbacd !important;
}

.box-danger {
	border: 0 !important;
	box-shadow: inset 0px 0px 0px 2px #dc3545 !important;
}

.noti {
	position: relative;
}

.noti.alert-noti::after {
	content: '\f111';
	position: absolute;
	right: -5px;
	top: 3px;
	font-size: 9px;
	color: #dc3545 !important;
	font-weight: 900 !important;
	text-shadow: 0px 2px 4px #62424d;
}

._select-all {
	cursor: pointer;
}

.edit-btn-link {
	text-decoration: none;
	width: 25px;
	height: 25px;
	border-radius: 5px;
	background-color: #b3e5fc;
}

.edit-btn-link:hover {
	background-color: #b3e5fc5c;
}

/* Table */
.custom-table {
	max-height: 600px;
	border-collapse: separate;
}

.custom-table .no-data {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #f5f5f5 !important;
}

.custom-table * {
	box-sizing: border-box;
}

.custom-table thead {
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
}

/* .custom-table tfoot{
  position: sticky;
  bottom: 0;
  left: 0;
  z-index: 3;
} */
.custom-table tfoot td {
	padding: 5px;
}

.custom-table th.tb-fixed {
	position: sticky;
	left: 0px;
	background-color: #f5f5f5;
	min-width: 265px;
	max-width: 264px;
	vertical-align: middle;
	z-index: 2;

}

.custom-table .days {
	width: 200px;
	max-width: 200px;
	min-width: 200px;
	padding: 5px !important;
	text-align: center;
	position: relative;
	z-index: 1;
}

 .custom-table .history-days{
  width: 45px;
  max-width: 45px;
  min-width: 45px;
  padding: 5px 0px !important;
  text-align: center;
  position: relative;
  z-index: 1;
 }

.custom-table thead th {
	background-color: #45dfb9;
}

.custom-table tbody * {
	background-color: #FFFFFF !important;
}

.custom-table th,
.custom-table td {
	border: 1px solid #dee2e6;
}

.custom-table th.hdr1,
.custom-table td.hdr1 {
	position: sticky;
	left: 0px;
	background-color: #FFFFFF;
	max-width: 30px;
	min-width: 30px;
	width: 30px;
	vertical-align: middle;
	white-space: nowrap;
	text-overflow: ellipsis;
	z-index: 2;
	background-color: #f5f5f5 !important;
}

.custom-table th.hdr2,
.custom-table td.hdr2 {
	position: sticky;
	left: 30px;
	white-space: nowrap;
	vertical-align: middle;
	z-index: 2;
	background-color: #f5f5f5 !important;
	min-width: 135px;
	max-width: 135px;
}

.custom-table th.hdr3,
.custom-table td.hdr3 {
	position: sticky;
	left: 165px;
	vertical-align: middle;
	max-width: 110px;
	min-width: 110px;
	z-index: 2;
	background-color: #f5f5f5 !important;
}

.hdr2 .ats-lab {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background-color: transparent !important;
}

.hdr3 .ats-lab {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background-color: transparent !important;
}

/* attendance select */
.custom-table tbody .attendance-select-box-container {
	display: flex;
	margin: 7px 0;
	align-items: center;
	justify-content: flex-start;
	background-color: transparent !important;
}

.custom-table tbody .attendance-select-box-container .shift-label,
.custom-table tbody .blank-shift {
	margin-left: 5px;
	background-color: transparent !important;
	font-size: 11px;
}

.custom-table tbody .blank-shift {
	color: #ffcd72;
}

.custom-table tbody .attendance-select-box {
	width: 20px;
	height: 20px;

	position: relative;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: start;
	margin: 0px;
	padding: 5px 0px !important;
	cursor: pointer;
	background-color: transparent !important;
	border: 1px solid #45dfb9;
	border-radius: 2px;
	box-shadow: 0px 0px 2px 1px #45dfb91a;
}

.custom-table tbody .attendance-select-box.inv-lab {
	cursor: default !important;
}

.custom-table tbody .attendance-select-box::before {
	font-size: 13px;
	position: absolute;
	line-height: 0px;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: all .4s;
	transition: all .4s;
	content: '';
}

.custom-table tbody .days .attendance-select-box.active::before {
	content: '\f00c';
}

.custom-table tfoot td {
	background-color: #FFFFFF;
}

/* hide datepicker days */
.hide-day .ui-datepicker-calendar {
	display: none !important;
}

/* date-search-in-attendance-schedule */
.date-filter .form-control {
	max-width: calc(100% - 70px);
}

.date-filter.multiple .form-control {
	max-width: 35%;
}

.date-filter.multiple select.form-control {
	max-width: 100px;
}

.date-filter .d-ico {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 25px;
	min-width: 25px;
	height: 25px;
	background-color: #45dfb9;
	border-radius: 50%;
	margin: 5px;
	cursor: pointer;
}

.date-filter .d-ico:hover {
	background-color: #45dfb94c;
}

.date-filter .d-ico::before {
	font-size: 100%;
}

/* Attendance Schedule Mark list */
.wfh-mark {
	color: #FFFFFF !important;

}

.office-mark {
	color: #000 !important;
}

.selection-mark {
	color: #00c292 !important;
}

.holiday-mark {
	color: #ffc3cc !important;
}

.lock-mark {
	color: silver !important;
}

.ref-cap::before {
	text-shadow: 1px 1px 5px #0000004c;
	font-size: 100%;
}

select.fa-sel {
	font: normal normal normal 14px/1 FontAwesome;
	font-family: 'FontAwesome', 'Arial';
}

.inp {
	border: 0;
	padding: 0;
	background-color: transparent;
	cursor: pointer;
}

/* down up row  */
.down {
	cursor: pointer !important;
	position: relative;
}

.down:hover::after {
	content: "";
	position: absolute;
	bottom: -5px;
	right: -5px;
	width: 10px;
	height: 10px;
	background-color: #000;
	transform: rotate(45deg);
}

.down.down-dis:hover::after {
	content: unset;
}

.down.down-dis {
	cursor: default !important;
}

.custom-table td.date-selections,
.custom-table thead th.date-selections {
	background-color: #00c292 !important;
}

#permission-icon {
	position: absolute;
	top: 1px;
	right: 1px;
	border-radius: 50%;
	width: 20px;
	height: 20px;
	z-index: 99;
	background-color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	border: 1px solid rgba(0, 0, 0, .15) !important;
	cursor: pointer;
}

#permission-icon::before {
	font-family: "Font Awesome 5 Free";
	content: "\f502";
	font-size: 80%;
	font-weight: 900;
}

.context-menu {
	position: absolute;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
	max-width: 230px;
	overflow: hidden;
	border-radius: 5px;
	z-index: 100;
	background-color: #FFFFFF;
}

.context-menu .list {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	border: 0;
	outline: 0;
	text-align: left !important;
	display: flex;
	align-items: center;
	min-width: 220px;
	border-bottom: 1px solid rgba(0, 0, 0, .15) !important;
}

.context-menu .list:hover {
	background-color: rgb(0, 0, 0, .15);
}

.context-menu-ico {
	font-size: 13px;
}

.custom-table .days.no-permit {
	background-color: silver !important;
}

/* skill and experience */
.btn.exp-add {
	transition: all .4s;
}

.btn.exp-add:hover {
	background-color: #00c29259;
}

/* form step */
.form-step {
	width: 100%;
	display: none;
	height: 0px !important;
	overflow: hidden;
	padding: 0rem !important;
	vertical-align: top;
	overflow: auto;
	left: 100%;
	position: relative;
}

.form-step.active {
	display: inline-block;
	height: fit-content !important;
	padding: 1rem !important;
	left: 0px;
}

.form-control.select {
	width: fit-content !important;
}

h2.disable-default::after {
	position: unset !important;
	background: unset !important;
	content: unset !important;
}

.skill-catagory-box {
	max-height: 200px;
	overflow: auto;
}

.skill-catagory-box::-webkit-scrollbar {
	width: 5px !important;
}

.skill-catagory-box::-webkit-scrollbar-thumb {
	background: #00000014 !important;
}

.skill-catagory-box::-webkit-scrollbar-thumb:hover {
	background: #0000004c !important;
	width: 8px !important;
}

.skill-catagory-box::-webkit-scrollbar:hover {
	width: 8px !important;
}

.slide-side {
	display: inline-block;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	/* 
  border: 1px solid #00c292; */
	border-radius: 5px;
	position: relative;
}

.slide-side .cmn-flt {
	position: absolute;
	width: 30px;
	height: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	background: #00c292;
	color: white;
	top: 5px;
	right: 5px;
	cursor: pointer;
	transition: all .4s;
	z-index: 50;
	border: 0;
	outline: 0;
}

.slide-side .cmn-flt.plus {
	top: 40px;
	background-color: transparent;
	color: #00c292;
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .35) !important;
}

.slide-side .cmn-flt.plus[disabled] {
	color: silver;
	cursor: default;
	display: none;
}

.slide-side .cmn-flt.plus:hover {
	background: #00c292 !important;
	color: white !important;
}

.slide-side .cmn-flt:hover {
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .35) !important;
}

.step-progress-btn {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #0000000a;
	border: 0;
	outline: 0;
}

.step-progress-btn::after {
	content: unset;
}

.step-progress-btn.active {
	background-color: #00c292 !important;
	width: 13px !important;
	height: 13px !important;
}

.step-progress-btn.done {
	color: silver;
	width: fit-content !important;
	height: fit-content !important;
	background-color: transparent;
	padding: 0;
}

.step-progress-btn.done.active {
	color: #00c292 !important;
	background-color: transparent !important;
}

.progress-bar {
	width: 50px;
	height: 20px;
	border-radius: 5px;
	background: #0000000a;
	border: 0;
	outline: 0;
	position: relative;
	transition: all .4s;
}

.skillsheet .progress-bar {
	height: 5px !important;
}

.progress-bar.active::after {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00c292;
	animation: stepbgAnimate .5s linear 1;
	transition: all .5s;
}

.skillsheet .tooltip.show {
	z-index: 99;
	opacity: 1;
}

.skillsheet .tooltip.show .tooltip-inner,
.attendanceSchedule .tooltip.show .tooltip-inner {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.attendanceSchedule .tooltip.show {
	opacity: 1;
	width: fit-content !important;
}

.attendanceSchedule .tooltip.show .tooltip-inner {
	border: 1px solid #000;
	width: fit-content !important;
	text-align: left;
}

.status {
	border-radius: 0.5rem;
}

.request {
	border: 1.6px solid #3492b8;
	color: #3492b8;
}

.approve {
	border: 1.6px solid #1fa987;
	color: #1fa987;
}

.reject {
	border: 1.6px solid #c24c58;
	color: #c24c58;
}

@keyframes stepbgAnimate {
	0% {
		width: 0%;
	}

	20% {
		width: 20%;
	}

	40% {
		width: 40%;
	}

	60% {
		width: 60%;
	}

	80% {
		width: 80%;
	}

	100% {
		width: 100%;
	}
}

.textarea {
	width: 100%;
	min-height: 150px;
	resize: none;
	border: 0;
	outline: 0;
	padding: 5px;
	display: block;
}

.textarea.h-2x {
	min-height: 200px;
}

/* exp table */
.exp-table thead th {
	vertical-align: middle;
}

.cmn-w-1 {
	min-width: 150px;
}

.cmn-w-2 {
	min-width: 200px;
}

.cmn-w-3 {
	min-width: 150px;
}

.cmn-w-4 {
	min-width: 80px;
}

.cmn-w-5 {
	min-width: 200px;
}

.exp-table tbody td.edit {
	padding: 0 !important;
}

.exp-table tbody td.vt-center {
	vertical-align: middle;
}

.exp-table tbody td .textarea {
	width: 100%;
	height: 100%;
}

.exp-table tbody td.edit .choices__list--dropdown .choices__list {
	max-height: 150px !important;
}

.exp-table tbody td.edit .choices__inner {
	max-width: 200px;
	display: block !important;
	white-space: normal;
	max-height: 77px;
}

.ap-none {
	appearance: none;
}

.xl {
	max-width: 50px !important;
}

.exp-table tbody td.edit .choices[data-type*=select-multiple] .choices__button,
.choices[data-type*=text] .choices__button {
	background-color: transparent !important;
}

.dep-add-member-field {
	width: fit-content;
	min-width: 650px;
}

/* compensatory */
#compensatory .choices__inner {
	max-height: 200px !important;
	overflow: auto;
}

body.show-progress {
	display: none;
}

.excel img,
.pdf img {
	width: 28px;
}

.pit-refresh-btn {
	background: #e9ecef;
	font-size: 20px;
	width: 35px;
	height: 35px;
	margin: 1px;
	border-radius: 5px;
	color: #00c292;
	transition: all .4s;
}

.pit-refresh-btn:hover {
	background-color: #e9ecef4c;
}

.ui-autocomplete {
	max-height: 300px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	z-index: 1000 !important;
}

/*monthly attendance list*/
.vertical-center {
	vertical-align: middle;
}

@media (min-width : 576px) {
	.payment-check #attendanceModal .modal-dialog {
		max-width: 600px !important;
		margin: 1.75rem auto;
	}

	.dep-add-member-field {
		width: fit-content;
		min-width: 80%;
	}
}

@media (max-width :767px) {
	.dep-add-member-field {
		width: fit-content;
		min-width: 80%;
	}

	.login-page .login-form {
		position: relative;
		transform: translateY(7%);
	}

	.change-password .content-h {
		height: auto;
	}

	.change-password .changepassword-form {
		position: relative;
		width: 100%;
		transform: translateY(8%);
	}

	.profile .emp-profile .card-shadow {
		border: none;
		box-shadow: none;
	}

	.profile .emp-profile .bg-white {
		background-color: transparent !important;
	}

	.profile .emp-profile .col-green {
		color: #333;
	}
}

.custom-table label {
	margin: 0 !important;
}

@media screen and (min-width:768px) and (max-width:992px) {
	.payment-check .section .icon {
		height: 100px;
	}

	.monthly-report form .shift-container {
		display: flex;
		flex-direction: column !important;
		justify-content: space-evenly;
		align-items: flex-start;
	}

	.monthly-report form .days {
		width: 200px;
	}

	.monthly-report form .trans-days {
		width: 100px;
	}

	.monthly-report form .lateMin {
		width: 100px;
	}
}

@media screen and (min-width:320px) and (max-width:767px) {
	.address-change .col-lg-5 {
		padding: 0 !important;
		max-width: 380px;
	}

	.payment-check .section {
		margin-bottom: 20px;
	}

	.monthly-report form .shift-container {
		display: flex;
		flex-direction: column !important;
		justify-content: space-evenly;
		align-items: flex-start;
	}

	.monthly-report form .days {
		width: 200px;
	}
	.monthly-report form .trans-days {
		width: 100px;
	}
}

.skill-sheet-table {
	max-width: 100%;
	min-width: 100%;
}

.skill-sheet-table .verticalTableHeader {
	max-width: 30px;
	text-align: left;
	white-space: nowrap;
	transform-origin: 50% 50%;
	-webkit-transform: rotate(270deg) translateX(-130%);
	-moz-transform: rotate(270deg) translateX(-130%);
	-ms-transform: rotate(270deg) translateX(-130%);
	-o-transform: rotate(270deg) translateX(-130%);
	transform: rotate(270deg) translateX(-30px);

}

.skill-sheet-table .verticalTableHeader p {
	margin: 0 -100%;
	display: inline-block;
}

.skill-sheet-table .verticalTableHeader p:before {
	content: '';
	width: 0;
	padding-top: 110%;
	/* takes width as reference, + 10% for faking some extra padding */
	display: inline-block;
	vertical-align: middle;
}

@media screen and (min-width:320px) and (max-width:400px) {
	.modal-md {
		max-width: 330px !important;
	}
}

@media screen and (min-width:320px) and (max-width:360px) {
	.modal-sm {
		max-width: 290px !important;
	}

	.modal-md {
		max-width: 290px !important;
	}
}

@media screen and (min-width:400px) and (max-width:575px) {
	.modal-md {
		max-width: 370px !important;
	}
}

#position-change-datatable tbody tr:hover {
    background-color: #f0f8ff;
    cursor: pointer;
}

#position-change-datatable tbody tr:hover td {
    background-color: #f0f8ff;
}

#position-change-datatable tbody tr td:last-child:hover {
    background-color: #ddd;
    cursor: default;
}

input[type="search"]::-webkit-search-cancel-button {
  filter: invert(55%) sepia(82%) saturate(525%) hue-rotate(110deg) brightness(95%) contrast(105%);
  cursor: pointer;
}