.tableFixHead {
	overflow-y: auto;
	max-height: 400px;
	scrollbar-color: d6dee1;
	scrollbar-width: thin;
}

.tableFixHead thead th {
	position: sticky;
	top: 0;
}

.tableFixHead thead th, .tableFixHead tfoot tr {
	background: #fff;
	border-top: 0px solid #fff !important;
	z-index: 9;
}

.tableFixHead tfoot tr {
	position: sticky;
	bottom: 0;
}

.tableFixHead tfoot tr {
	border-top: 1px solid #bfd2e6;
}

.tableFixHead::-webkit-scrollbar {
	width: 20px;
}

.tableFixHead::-webkit-scrollbar-track {
	background-color: transparent;
}

.tableFixHead::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
}

.tableFixHead::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
	border-radius: 20px;
}

.tableFixHead::-webkit-scrollbar-thumb {
	background-color: #d6dee1;
	border-radius: 20px;
	border: 6px solid transparent;
	background-clip: content-box;
}

.sty {
	color: #5d707e;
}

.sty a {
	background: #f3f4f8;
	padding: 5px 7px;
	margin: 0 5px;
	color: #5d707e;
	font-size: 0.85em;
	/* box-shadow: 0px 3px #dcdcdc; */
	border-radius: 50px;
}

.m-0 label {
	margin-bottom: 0px !important;
}

.m-0 {
	margin-bottom: 20px !important;
}

.align-self-left {
	text-align: right;
}

.display.table-hover thead th {
	padding: 15px 0px 15px 8px;
	background: #ffff;
	border-collapse: separate;
	border-spacing: 0px 2px;
	vertical-align: middle;
}

.btd-arrow i {
	transform: rotate(180deg);
	transition: transform 0.5s;
}

.dropdown.dropdown-scroll span.caret.ng-binding::after {
	margin-left: 4.255em !important;
}

.py-4 {
	padding-top: 1rem;
	padding-bottom: 1rem;
}

.px-4 {
	padding-left: 1rem;
	padding-right: 1rem;
}

.mb-3 {
	margin-bottom: 0.75rem;
}

.pb-3 {
	padding-bottom: 0.75rem;
}

.box {
	box-shadow: 0 3px 20px #0000000b;
	position: relative;
	border-radius: 0.375rem;
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: rgb(255, 255, 255/ var( --tw-bg-opacity));
}

.name_id {
	color: black;
	font-weight: 400;
}

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

.p-0 {
	padding: 0px;
}

.pr-0 {
	padding-right: 0px;
}

.col-gery {
	color: #7b899c;
}

.badge {
	padding: 0.45em 0.4em !important;
}

.flex {
	display: flex !important;
}

.mdi-checkbox-blank-circle:before {
	background: -moz-linear-gradient(to bottom, #2196F3 0%, #1ec9de 100%)
		!important;
	background: -webkit-linear-gradient(bottom, #2196F3 0%, #1ec9de 100%)
		!important;
	background: linear-gradient(to bottom, #2196F3 0%, #1ec9de 100%)
		!important;
	-webkit-background-clip: text !important;
	-moz-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

span.icon_i i.fa.fa-circle:before {
	background: -moz-linear-gradient(bottom, #2196F3 0%, #1ec9de 100%)
		!important;
	background: -webkit-linear-gradient(bottom, #2196F3 0%, #1ec9de 100%)
		!important;
	background: linear-gradient(to bottom, #2196F3 0%, #1ec9de 100%)
		!important;
	-webkit-background-clip: text !important;
	-moz-background-clip: text !important;
	background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
}

.icon_i {
	position: relative;
	background: #c9f9ff;
	border-radius: 50px;
	padding: 4px;
}

.icon_i i {
	color: #1ec9de;
	font-size: 10px;
}

/*.flex.mb-3:before{
	content: "";
    position: absolute;
    top: 290px;
    bottom: 38px;
    left: 64px;
    border-left: 1px solid #bfbfbf;
	
}*/
.flex.mb-3:before {
	content: "";
	position: relative;
	bottom: -18px;
	left: 10px;
	border-left: 2px dashed #ededed;
}

.wd-150 {
	width: 150px !important;
}

.wd-100 {
	width: 100% !important;
}

.fileNameWorp {
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
}

.dropdown-menu li.active a {
	background-color: #007bff;
	color: white;
}

.search-list>li>a {
	display: block;
	padding: 3px 20px;
	clear: both;
	font-weight: normal;
	line-height: 1.42857143;
	color: #333;
	white-space: break-spaces;
	font-size: 13px;
}

/* tooltip design for showing astack jobNo starts */
.custom-tooltip-wrapper {
	position: relative;
	display: inline-flex;
	align-items: center;
}

.custom-tooltip-wrapper:hover .custom-tooltip-text {
	visibility: visible;
	opacity: 1;
}

.custom-tooltip-text {
	width: 100px;
	height: 50px;
	visibility: hidden;
	white-space: normal;
	background-color: #333;
	color: #fff;
	border-radius: 5px;
	padding: 5px 8px;
	position: absolute;
	z-index: 1000;
	bottom: 125%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	transition: opacity 0.3s ease;
	font-size: 12px;
}

.custom-tooltip-text::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
	border-width: 6px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}
/* tooltip design for showing astack jobNo ends */

span.statusbg.jobapproved {
	padding: 0.35em 0.65em;
    font-size: 0.85em !important;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    background: #186a3bb0;
    color: white;
}

span.statusbg.rejected {
	padding: 0.35em 0.65em;
	font-size: 0.85em !important;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	background: #FAD7A080;
	color: #F44336;
}

span.statusbg.delete {
	padding: 0.35em 0.65em;
	font-size: 0.85em !important;
	font-weight: 600;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 0.25rem;
	background: #FAD7A080;
	color: #F44336;
}