[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

#columns {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.column {
  padding-bottom: 5px;
  padding-top: 5px;
  text-align: center;
  cursor: move;
}
.column header {
  padding: 2px;
  border-bottom: 1px solid #ddd;
}

.column.dragElem {
  /* opacity: 0.4;*/
}
.column.over {
  border-top: 2px solid #ddd;
}



.btn-circle.btn-sm {
	width: 30px;
	height: 30px;
	padding: 6px 0px;
	border-radius: 15px;
	text-align: center;
}
.btn-orange {
    color: #fff;
    background-color: #e95e0d;
}
.btn-trans
{
	border:1px solid #e95e0d!important;
	color:#e95e0d;
}
.p_custom
{
	font-weight: 600;
    padding: 3%;
	background:#FEF5F0;
	font-size:13px;
}
.btn-circle.btn-md {
	width: 50px;
	height: 50px;
	padding: 7px 10px;
	border-radius: 25px;
	text-align: center;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	text-align: center;
}

.btn-ripple {
	display: inline-block;
	position: relative;
	overflow: hidden;
	transition: all ease-in-out .5s;
}

.btn-ripple::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 25%;
	height: 100%;
	width: 50%;
	background-color: #000;
	border-radius: 50%;
	opacity: 0;
	pointer-events: none;
	transition: all ease-in-out 1s;
	transform: scale(5, 5);
}

.btn-ripple:active::after {
	padding: 0;
	margin: 0;
	opacity: .2;
	transition: 0s;
	transform: scale(0, 0);
}

div.dataTables_wrapper div.dataTables_paginate{
	padding-top: 0.85em;
}

table.dataTable tbody tr.selected {
    background-color: lightyellow !important;
}

.datatable_actions{
	display: none;
}

/* table tbody tr:hover td{
    background-color: #FFFFE0 !important;
} */

.read-column{
	background-color: #f4f6f9 !important;
}

.pace .pace-progress{
	height: 3px;
}
.add_btn{
	position: absolute;
    right: 0;
}

.form-group.required .col-form-label:after {
	content:"*";
	color:red;
	position: absolute;
   	margin-left: 1px;
	margin-top: -2px;
}
.nav-tabs{
	border-bottom:0;
}
/*.card-default .nav-item:first-child .nav-link{
	border-left:0;
	border-right:0;
	border-bottom:0;
	font-weight: 600;
}*/
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
	color: #e95e0d;
    background-color: #fff;
    border-color: #e95e0d;
	border-left: 0;
    border-right: 0;
    border-bottom: 0;
    font-weight: 600;
}
.float-right{
	float:right!important;
	margin: 0px 3px;
}
.certificate_view{
	margin:5px 0px;
}
.certificate_view .row.col-sm-12{
	padding: 10px 4px;
	background-color: #FAFAFA;
}
.history_show{
	border:1px solid lightgray; border-radius:10px;padding: 10px;
}
.leave_show{
	border:1px solid lightgray; border-radius:10px;padding: 10px;
}
.image{ width: 100px; padding:0 ; margin:0; border-radius:50%; position: relative;}
.image img{ width: 100px; height: 100px; padding:0 ; margin:0; object-fit: cover; border-radius:50%;}

.upload_btn{ width:26px; padding:0; margin:0; position: absolute; right: 0; bottom: 0;}
.upload_btn .fileUpload { width: 26px; line-height: 26px; text-align: center; position: relative; overflow: hidden; padding:0; margin:0; font-size:14px; color:#fff; background: #e95e0d; border:none; border-radius:50%;}
.upload_btn .fileUpload input.upload { position: absolute; top: 0; right: 0; bottom:0; left:0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0);}

.action_link{ padding:3px; margin:2px; display:inline-block; font-size:18px; color:#18A17C;}
.action_link:hover{ color:#18A17C; opacity:0.7;}
.action_link.red{ color:#E85152;}
.action_link.red:hover{ color:#E85152;}
.action_link.print{ color:#17a2b8;}
.action_link.print:hover{ color:#17a2b8;}
.action_link.blue{ color:#17a2b8;}
.action_link.blue:hover{ color:#17a2b8;}

/***************** 29-7-2022 *******************/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap');

/*
font-family: 'Open Sans', sans-serif;
*/

body { font-size: 15px; color: #656565; background: #F1F1F1; overflow-x: hidden; font-family: 'Source Sans Pro', sans-serif;}
a { color: #656565;}
a:hover {     color: #e95e0d;text-decoration: none; }
.btn:hover 
{     
	color: white;
	text-decoration: none;
	background: #e95e0d;  
}
.pace-primary .pace .pace-progress{ background-color: #e95e0d;}
.bg-primary{ background-color: #e95e0d !important;}
.btn-orange{padding: 5px 10px!important;}
.btn{ padding: 4px 10px; font-size: 15px; font-weight: 600; border:none; box-shadow: none !important;}
.btn i{ margin: 0 2px;}
.btn.focus, .btn:focus{ box-shadow: none !important; }
.btn:not(:disabled):not(.disabled).active:focus, .btn:not(:disabled):not(.disabled):active:focus, .show >.btn.dropdown-toggle:focus {  box-shadow: none !important;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{ font-weight: 700; color: #000000; margin-bottom: 20px;}
h1{ font-size: 25px;}
h2{ font-size: 22px;}
h3{ font-size: 20px;}
h4{ font-size: 18px;}
h5{ font-size: 18px;}
h6{ font-size: 16px;}

.content-wrapper{ background: #F1F1F1;}

.badge{ margin: 1px !important; font-weight: 600 !important; padding: 5px 10px;border-radius: 10px;}
.badge-primary{ background-color: #242424;}
.badge-danger{ background-color: #FFEBEB;color:red}
.badge-success{ background-color: #DFEAD8;color:green}
.badge-warning{ color: #fff; background-color: #C7B300;}
.badge-dark{ background-color: #3B484B;}
.badge-secondary{ background-color: #0F0D18;}

.dropdown-item{ font-size: 14px;}
.dropdown-item i{ margin: 0 5px 0 0;}
.dropdown-item:focus, .dropdown-item:hover{ background: #e95e0d; color: #fff;}


.btn-danger { color: #fff; background-color: #CD3539;}
.btn-danger:hover { color: #fff; background-color: #e95e0d; }
.btn-danger.focus, .btn-danger:focus { color: #fff; background-color: #e95e0d;}
.btn-danger:not(:disabled):not(.disabled).active, .btn-danger:not(:disabled):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #e95e0d;}

.btn-dark { color: #fff; background-color: #242424;}
.btn-dark:hover { color: #fff; background-color: #444444; }
.btn-dark.focus, .btn-dark:focus { color: #fff; background-color: #444444;}
.btn-dark:not(:disabled):not(.disabled).active, .btn-dark:not(:disabled):not(.disabled):active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #444444;}
.nav-sidebar{ color:#969CA4 }
[class*="sidebar-dark-"]{ background: #2E3A49;}
[class*="sidebar-dark-"] .brand-link{ border: none; padding: 25px 10px 15px 10px;}
.brand-link{ text-align: center;}
.brand-link .brand-image{ float: none; margin: 0 10px;}
[class*="sidebar-dark-"]{ box-shadow: 0 0 30px rgba(0,0,0,0.05) !important;}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item{ padding: 1% 8%; }
[class*="sidebar-dark-"] .sidebar a{ color: #969CA4; margin: 0;width: calc(215px - 0.5rem * 2)!important;padding:13px 7px;}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link{ color: #fff; background: none; font-weight: 700;}
.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active{ color: #FFFFFF; background: #E95E0D; box-shadow: none; font-weight: 700;border-radius: 6px;padding: 13px 7px;}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link{ font-size: 14px; color: #fff; padding: 5px 10px 5px 50px;}
.nav-sidebar .nav-treeview > .nav-item > .nav-link > .nav-icon{ font-size:7px; position: absolute; left:21px; top:13px;}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link:hover{ color: #e95e0d; background: #F2F4F6;}
[class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active, [class*="sidebar-dark-"] .nav-treeview > .nav-item > .nav-link.active:hover{ color: #e95e0d; background: #F2F4F6;}
.nav-sidebar .menu-is-opening > .nav-link i.right, .nav-sidebar .menu-open > .nav-link i.right { -webkit-transform: rotate(-180deg); transform: rotate(-180deg);}
[class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:active{ background: none;}

[class*="sidebar-dark-"] .nav-sidebar > .nav-item.menu-open > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item:hover > .nav-link, [class*="sidebar-dark-"] .nav-sidebar > .nav-item > .nav-link:focus{ background: #E95E0D; }
.pace-primary .pace .pace-progress { background: rgba(0,0,0,0.3);}

table.dataTable{ border-top: 0; border-color: #CFCED05E;}
.table thead th{ background: #FFF8F3; color: #242424;}
.table-bordered td{ border-left: 1px solid #dee2e6;border-top: 0px;border-bottom: 0px; }
.table-bordered thead td, .table-bordered thead th{ border-bottom-width: 1;}
.table-bordered td, .table-bordered th{ border-color: #CFCED05E !important;}
.card{ border-radius: 10px; border: none; box-shadow: 0 0 30px rgba(0,0,0,0.05); margin-bottom: 25px;}

.main-header{ border: none;}
.content-header h1{ margin-top: 5px; font-size: 25px; font-weight: 700;}
.form-control{  font-size: 14px; color: #000000; border-color: transparent;background:#F6F6F6; }
.form-control-count{     width: 90px;max-width: 90px!important; }
.form-control:focus{ border-color: #CCCCCC;}
.plus:hover{ background-color: #e95e0d!important;}
.minus:hover{ background-color: #e95e0d!important;}
.card .form-control{  height: calc(2.5rem + 2px); border-radius: 0px;}
.form-control:disabled, .form-control[readonly]{ background:#F3F3F3;}
.input-group-text{ border-color: #CCCCCC;background: #f6f6f6;border: none;}
.card .input-group-text{  border-radius: 10px;}
label:not(.form-check-label):not(.custom-file-label){ font-weight: 600;}
.form-group label, .col-form-label{ color: #000; padding-top: 0px;}
.minus, .plus{
    width: 20px;
    height: 20px;
    margin: 11px 4px;
    background: #cfcfcf;
    border-radius: 50%;
    text-align: center;
    color: white;
    font-size: 19px;
    line-height: 1;
    font-weight: 700;
	user-select: none;
}
.input-group-text:hover{ background:#e95e0d;color:white; }	
.qnty{padding:0px 3%;}
.input-group .form-control{  font-size: 14px; color: #000000; border-color: transparent; border-radius: 2px;background:#F6F6F6; }
.backbtnclass{ font-size:18px; }
#ajaxDatatable_length .form-control, #ajaxDatatable_filter .form-control{ height: calc(1.8125rem + 2px); border-radius: .2rem;}

.select2-container--default .select2-selection--single{ height: calc(2.6rem + 2px); border-radius: 0px;border:none;background:#F6F6F6;}
.select2-container--default .select2-selection--single .select2-selection__rendered{ line-height: 38px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ height: 42px;}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--single{ border-color: #CCCCCC;}
.select2-container--default.select2-container--open .select2-selection--single{ border-color: #CCCCCC;}
.select2-container--default .select2-dropdown .select2-search__field:focus, .select2-container--default .select2-search--inline .select2-search__field:focus{ border-color: #CCCCCC;}
.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[aria-selected]:hover{ background: #e95e0d;}


.main-footer{ text-align: center; font-size: 14px; color: #656565;}
.main-footer b{ font-weight: 600;}

.nav-pills .nav-link:not(.active):hover{ color: #e95e0d;width: calc(215px - 0.5rem * 2);}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{ background: #e95e0d;}
.card-header{ color: #000; font-size: 18px; font-weight:700; border-bottom-width:2px;}
.card-header h3{ color: #000; font-size: 18px; font-weight:700; border-bottom-width:2px;}
.card-header h4{ color: #000; font-size: 16px; font-weight:700; border-bottom-width:2px;}

.select_date_filter .col-form-label{ align-self: center;}
.select_date_filter .card-body{ padding-bottom: 0.3rem;}
.table thead th { vertical-align: middle;}
.table .form-control{ height: calc(2.25rem + 2px); border-radius: 6px;}
.nowrap-data thead td, .nowrap-data thead th {
	white-space: nowrap;
}
.action_link.black {
	color: #242424;
}
.rounded-pill {
    border-radius: 0rem!important;
}
.bootstrap-datetimepicker-widget table, .bootstrap-datetimepicker-widget table tr td, .bootstrap-datetimepicker-widget table tr th{ border:none;}
.bootstrap-datetimepicker-widget table tr td, .bootstrap-datetimepicker-widget table tr th{ padding: 10px;}
.form-control#weeklyDatePicker:disabled, .form-control#weeklyDatePicker[readonly] {
	background: #fff;
}
.btn.small {
	padding: 8px 20px;
}
.dataTables_filter.hidden { display: none;}
#ajaxDatatable_wrapper .row:first-child {
	display: none;
}
.filter-data h1 {
display:inline-block;
margin: 0 20px 0 0;
}
.filter-data .search .form-control {
	/* border-radius: 20px; */
	border-left:none;
	padding: 0;
	height: calc(2rem + 2px);
}
.filter-data .search {
	display: inline-block;
	width: 100%;
	max-width: 250px;
}
.login-right
{
	float: right;
    padding: 4% 9% 0% 9%;
	height: inherit;
}
.login_img{
	height: inherit;
    width: inherit;
}
.error_btn{
	position: absolute;
    right: 2%;
    top: 30%;
	z-index:9;
	color:transparent;
}
.reset_msg_custom{
	font-weight: 600;
    padding: 3%;
    font-size: 13px;
	background: #FEF5F0;
}
.text-orange{
	color:#e95e0d;
}
.login-left
{
	float: left;
	padding: 0;
	height: inherit;
}
.h1-margin
{
	color:black;
	margin:1% 0% 2% 0%!important;
}

.filter-data .search .input-group-text{ background:#f6f6f6; border-radius: 0 20px 20px 0;border: none;}

/************ Login Page 23-8-2022 *************/
.login-box, .register-box{ width: 100%;  height: 100%;}
.login-card-body, .register-card-body{ border-radius: 15px; padding:50px 30px 30px 30px;}
.login-box h1, .register-box h1{ font-size: 40px; margin:0 0 50px 0;}

.login-card-body .input-group-prepend .input-group-text, .register-card-body .input-group-prepend .input-group-text{ border-radius:10px 0 0 10px;  border-left: 1px solid #CCCCCC;}
.login-card-body .input-group-append .input-group-text, .register-card-body .input-group-append .input-group-text{ border-radius:0 10px 10px 0;}

.login-card-body .input-group .input-group-prepend ~ .form-control { border-right: 1px solid #CCCCCC; border-left:none;}
.login-card-body .input-group .form-control ~ .input-group-append{ position: relative; z-index: 5; background:#fff; border-color: #CCCCCC !important;}
.login-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text{ border-color: #CCCCCC !important;}

.register-card-body .input-group .input-group-prepend ~ .form-control { border-right: 1px solid #CCCCCC; border-left:none;}
.register-card-body .input-group .form-control ~ .input-group-append{ position: relative; z-index: 5; background:#fff; border-color: #CCCCCC !important;}
.register-card-body .input-group .form-control:focus ~ .input-group-append .input-group-text{ border-color: #CCCCCC !important;}

.login-card-body .form-control, .register-card-body .form-control{ height: calc(3.4rem + 2px);}
.log_link{ font-size: 12px; color: #242424; margin-bottom: 30px;}
.log_link a{ color: #242424;}
.log_link a:hover{ color:#e95e0d;}

.login-box .btn, .register-box .btn{ padding: 9px 20px; font-size: 16px; font-weight: 700; border-radius: 1px !important;}
.back_login{ padding: 0; margin: 0; font-size: 16px; color: #242424;}
.back_login a{ color: #e95e0d;}
.back_login a:hover{ color: #242424;}



@media (max-width:767px) {
	.login-card-body .form-control, .register-card-body .form-control{ height: calc(3rem + 2px);}
	.login-box h1, .register-box h1{ font-size:30px; margin:0 0 30px 0;}
	.login-box .btn, .register-box .btn {padding: 13px 20px;}
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    width: auto;
}

.main-header .navbar-nav .nav-item .custom-nav-icon{ width:36px; height:36px; background:#e95e0d; border-radius:60px; text-align: center; color: #fff;padding: 0;line-height: 36px;margin: 0 10px 0 0;}
.main-header .navbar-nav .nav-item .custom-nav-icon img { margin-top: -3px;margin-left: 3px; }
.main-header .navbar-nav .nav-item .custom-user-image{ padding-left: 0; padding-right: 0; padding-top: 6px;}
.main-header .navbar-nav .nav-item .custom-user-image img{ box-shadow: none !important; height: 2.5rem !important;width: 2.5rem !important; }
#totalsmall {

}
.plan_roster1 table tr td { padding: 5px 5px!important; }
.font_bold{  font-weight: 520!important; }
.highlight_td {   
	background: #e96d2b!important;
    color: white!important;}
/* #plan_roster { max-width: 230em; max-height: 40em; overflow: scroll; position: relative; } */
#plan_roster { width: 100%; max-height: 100vh; overflow: scroll; position: relative; }

#plan_roster thead{ position: sticky; top: 0; z-index: 2;}
#plan_roster thead th{ background:#FFF8F3; position:relative;}
/* #plan_roster thead th:after{ content:""; border-bottom:1px solid #dee2e6; border-right:1px solid #dee2e6; position:absolute; left:0; top:0; right:0; bottom:0;}*/
#plan_roster thead th span{ position:relative; z-index:5;}
#plan_plan_rosterroster #empList .strongcol { font-weight: 700;}
#plan_roster #empList td { border:1px solid #dee2e6!important;padding: 10px 5px; }
#plan_roster #empList .firstColumnFreezeTh { position: sticky; overflow: visible; left: 0 !important; top: 0 !important; z-index: 9; width: 200px; min-width: 200px; max-width: 200px; border-right: 1px solid #CCC; }
#plan_roster #empList .secondColumnFreezeTh {position: sticky!important; overflow: visible; left: 199px !important; top: 0 !important; z-index: 9; width: 130px; min-width: 130px; max-width: 130px; border-right: 1px solid #CCC; }
#plan_roster #empList .firstColumnFreezeTd { position: sticky; overflow: visible; left: 0 !important; z-index: 1; width: 200px; min-width: 200px; background: #FAFAFA; border-right: 1px solid #CCC; white-space: normal; text-align: left; font-size: 14px;font-weight: 500;}
#plan_roster #empList .secondColumnFreezeTd {position: sticky;overflow: visible;left: 199px!important;z-index: 1;width: 130px;min-width: 130px;background: #FAFAFA;white-space: normal;text-align: left;font-size: 14px;}
#plan_roster #empList .firstColumnFreezeTd:after { content:""; border-right:1px solid #dee2e6; border-bottom:1px solid #dee2e6; position:absolute; left:0; top:0; right:0; bottom:-1px;}
#plan_roster #empList .firstColumnFreezeTd span{ position:relative; z-index:5;}


.capitalized-text {
  text-transform: capitalize;
}
#leave_table { width: 100%; max-height: 70vh; overflow: scroll; position: relative; }

#leave_table thead{ position: sticky; top: 0; z-index: 2;}
#leave_table thead th{ background:#FFF8F3;min-width: 100px;position:relative;}
#leave_table thead th:after{ content:""; border-bottom:1px solid #dee2e6; border-right:1px solid #dee2e6; position:absolute; left:0; top:0; right:0; bottom:0;}
#leave_table thead th span{ position:relative; z-index:5;}

#leave_table #empList .firstColumnFreezeTh { position: sticky; overflow: visible; left: 0 !important; top: 0 !important; z-index: 9; width: 200px; min-width: 200px; max-width: 200px; border-right: 1px solid #CCC; }
#leave_table #empList .secondColumnFreezeTh {position: sticky!important; overflow: visible; left: 140px !important; top: 0 !important; z-index: 9; width: 130px; min-width: 130px; max-width: 130px; border-right: 1px solid #CCC; }
#leave_table #empList .lastColumnFreezeTh { position: sticky!important; overflow: visible; right: 0 !important; top: 0 !important; z-index: 9; width: 120px; min-width: 120px; max-width: 120px; border-right: 1px solid #CCC; }
#leave_table #empList .firstColumnFreezeTd { position: sticky; overflow: visible; left: 0 !important; z-index: 1; width: 200px; min-width: 200px; background: #f6f6f7; border-right: 1px solid #CCC; white-space: normal; text-align: left; font-size: 14px;font-weight: 500;}
#leave_table #empList .secondColumnFreezeTd {position: sticky;overflow: visible;left: 140px!important;z-index: 1;width: 130px;min-width: 130px;background: #f6f6f7;white-space: normal;text-align: left;font-size: 14px;}
#leave_table #empList .lastColumnFreezeTd { position: sticky!important; overflow: visible; right: 0 !important; z-index: 1; width: 120px; min-width:120px; background: #f6f6f7; border-right: 1px solid #CCC; white-space: normal; text-align: left; font-size: 14px;font-weight: 500;}
#leave_table #empList .strongcol { font-weight: 700;}
#leave_table #empList td { border:1px solid #dee2e6!important;padding: 20px 10px!important; }
#leave_table #empList .leave_data { border:1px solid #dee2e6!important;    padding: 20px 0px!important; }
#leave_table #empList .firstColumnFreezeTd:after { content:""; border-right:1px solid #dee2e6; border-bottom:1px solid #dee2e6; position:absolute; left:0; top:0; right:0; bottom:-1px;}
#leave_table #empList .firstColumnFreezeTd span{ position:relative; z-index:5;}
.leave_approv_button{
	font-size: 14px;
    color: #e95e0d;
    font-weight: 600;
	height: calc(2rem + 2px)!important;
    border-radius: 2px!important;
}
#timesheet { width: 100%; max-height: 70vh; overflow: scroll; position: relative; }

#timesheet thead{ position: sticky; top: 0; z-index: 2;}
#timesheet thead th{ background:#FFF8F3; position:relative;}
#timesheet thead th:after{ content:""; border-bottom:1px solid #dee2e6; border-right:1px solid #dee2e6; position:absolute; left:0; top:0; right:0; bottom:0;}
#timesheet thead th span{ position:relative; z-index:5;}

#timesheet #empList .firstColumnFreezeTh { position: sticky; overflow: visible; left: 0 !important; top: 0 !important; z-index: 9; width: 100px; min-width: 100px; max-width: 100px; border-right: 1px solid #CCC; }
#timesheet #empList .firstColumnFreezeTd { position: sticky; overflow: visible; left: 0 !important; z-index: 1; width: 200px; min-width: 200px; background: #fff; border-right: 1px solid #CCC; white-space: normal; text-align: left; font-size: 14px;font-weight: 500;}
#timesheet #empList .firstColumnFreezeTd:after { content:""; border-right:1px solid #dee2e6; border-bottom:1px solid #dee2e6; position:absolute; left:0; top:0; right:0; bottom:-1px;}
#timesheet #empList .firstColumnFreezeTd span{ position:relative; z-index:5;}
td.workover { background-color: #FFDAD4; }
td.holidays { background-color: #DEDEDE; }
.plan-roster .dataTables_scrollBody { overflow: inherit !important;}
.payment-type table.dataTable > thead .sorting::before, .payment-type table.dataTable > thead .sorting::after {
	bottom: 4.2em;
}
.plan_roster1 table tr th { padding: 3px 10px!important; }

.table_info .payment-type .table td { text-align: left; }
.table_info .payment-type .table tr:first-child td:first-child { border-top-left-radius: unset; }
.table_info .payment-type .table tr:last-child th:first-child { border-bottom-left-radius: unset; }
.table_info .payment-type .table tr:last-child th:last-child { border-bottom-right-radius: unset; }
/* .table_info .payment-type .table tr:first-child th:first-child { border-top-left-radius: unset; } */

@media (max-width:647px) {
	.payment-type table.dataTable > thead .sorting::before, table.dataTable > thead .sorting::after {
		bottom: 4em;
	}
}

.openPopup { padding-left: 10px;}

.plan-roster table tr th, .plan-roster table tr td { white-space: nowrap; }

.plan-roster .input-group.date { flex-wrap: nowrap; }
.plan-roster .input-group.date .form-control {
	min-width: 80px;
}

.plan-roster .dropdown-menu.top{ top:100% !important; bottom:auto !important; transform:inherit !important;}
.plan-roster .dropdown-menu.top:before {    bottom: auto !important; top: -7px !important; border-bottom:7px solid #cccccc !important; border-top:0 !important;}
.plan-roster .dropdown-menu.top:after { bottom: auto !important; top: -6px !important; border-bottom:  6px solid #fff !important; border-top:0 !important;}

.page-link{ color:black; }
.page-link:hover{ color:#e95e0d; }
.page-item.active .page-link{ background-color:#e95e0d;border:none;}