/* @import url("https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"); */

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Kedebideri:wght@400;500;600;700;800;900&display=swap");

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
:root {
	--black: #111;
	--lightgreen: #dfece9;
	--darkgreen: #4c8074;
	--lightgray: #f2f2f2;
	--lightgray2: #f8f8f8;
	--gray: #dadada;
	--red: #dc3220;
	--white: #ffff;
}
body {
	font-family: "Kedebideri", sans-serif !important;
	font-weight: 400;
	font-size: 15px;
	font-style: normal;
	color: var(--black);
}
.page_wrapper {
	width: 99%;
}
/* scrollbar */
::-webkit-scrollbar {
	width: 6px;
	height: 6px;
}

::-webkit-scrollbar-track {
	background-color: #ebebeb;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	height: 0px;
}

::-webkit-scrollbar-thumb {
	-webkit-border-radius: 10px;
	border-radius: 10px;
	background: #6d6d6d;
	width: 20px;
	height: 0px;
}
textarea {
	font-size: 14px;
}
/* scrollbar */

/* td {
  -webkit-touch-callout: none;
  user-select: none;
} */
a {
	text-decoration: none !important;
}
.-h2 {
	font-size: 26px;
	font-weight: 400 !important;
}
.form-control:focus {
	border-color: unset;
	box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px #a7a7a7;
}

.---mt {
	margin-top: 14px;
}

.btn_custom {
	background: var(--black);
	border-radius: 3px;
	color: white;
	font-size: 14px;
	padding: 3px 18px;
	cursor: pointer;
	font-weight: 500;
	transition: all 0.3s ease-in-out;
	border: 1px solid var(--black);
	font-family: "Kedebideri", sans-serif !important;
}
.btn_custom:hover {
	box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
iframe {
	height: calc(100vh - 60px - 40px - 20px);
}
.btn_custom-red {
	background-color: var(--red);
	border: 1px solid var(--red);
}
.btn_custom-cancel {
	background: transparent;
	border: 1px solid var(--black);
	color: var(--black);
}

.custom-btn.cancel {
	background: transparent;
	border: 1px solid var(--black);
	color: var(--black);
}

.page_container h2 {
	font-weight: 400;
	font-size: 24px;
}

.page_container table {
	width: 100%;
	border-collapse: collapse;
	/* margin-top: 20px; */
}

.page_container table th,
.page_container table td {
	padding: 6px 10px;
	text-align: left;
	border: 1px solid #ddd;
	vertical-align: top;
}
.engineering-end {
	position: relative;
}
th.fw-bold.engineering-end::before {
	position: absolute;
	content: "";
	top: 42px;
	right: -2px;
	background: var(--darkgreen);
	height: 883px;
	width: 3px;
}
.page_container table th {
	background-color: var(--black);
	color: var(--white);
	font-weight: 400;
	font-size: 14px;
}
.page_container table td {
	text-align: left;
	font-weight: 400;
	font-size: 14px;
}
.main_dash {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.main_action img {
	cursor: pointer;
}
/* universal table start*/
.--universal_table table {
	width: 100%;
	border-collapse: collapse;
}

.--universal_table table th,
.--universal_table table td {
	padding: 8px 10px;
	text-align: left;
	border: 1px solid #ddd;
	vertical-align: top;
	white-space: nowrap;
	overflow: hidden;
}

.--universal_table table th {
	background-color: var(--black);
	color: var(--white);
	font-weight: 500;
	position: sticky;
	top: -1px;
	z-index: 1;
}
.--universal_table table td {
	text-align: left;
	font-weight: 500;
}

.universal_dropdown {
	display: inline-block;
	position: relative;
	z-index: 1000;
	font-size: 13px;
}

.universal_dropdown label {
	font-size: 16px;
}

.universal_dropdown:hover {
	filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.universal_dropdown > div {
	background-color: white;
	display: none;
	position: absolute;
	min-width: 100%;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s, display 0s 0.3s;
}

.universal_dropdown .submenu {
	position: relative;
}

.universal_dropdown .submenu > div {
	background-color: #fff;
	display: none;
	position: absolute;
	left: 100%;
	top: 0;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s, display 0s 0.3s;
}

/* Hover effect for desktop */
.universal_dropdown:hover > .universal_dropdown_main,
.universal_dropdown .submenu:hover > div {
	display: block;
	opacity: 1;
	pointer-events: all;
	transition: opacity 0.3s, display 0s 0s;
}

.universal_dropdown a {
	display: block;
	text-decoration: none;
	padding: 5px 7px;
	color: var(--black);
	transition: 0.1s;
	white-space: nowrap;
	position: relative;
}

.universal_dropdown a:hover,
.universal_dropdown .submenu:hover > a {
	background-color: var(--darkgreen);
	color: white;
}

.universal_dropdown .universal_dropdown {
	padding: 4px 8px;
	color: var(--black);
	border: 1px solid var(--gray);
	width: 200px;
	font-size: 14px;
	border-radius: 5px;
}

.submenu a {
	display: flex;
	align-items: center;
	width: 200px;
}

.right_arrow {
	margin-left: auto;
}

.un_index {
	z-index: 1 !important;
}

@media only screen and (max-width: 475px) {
	.submenu a {
		width: 150px;
		white-space: break-spaces;
		font-size: 12px;
	}
}

/* universal dropdown end */

/* search field start*/
.search-container {
	position: relative;
	width: 400px;
}
label {
	font-size: 14px;
}
select {
	font-size: 14px !important;
}
h5 {
	font-size: 18px;
}
.search-input {
	width: 100%;
	padding: 4px 41px 3px 10px;
	border: 1px solid var(--gray);
	border-radius: 4px;
	font-size: 14px;
	outline: 0;
	color: var(--black);
}
.search-icon {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	cursor: pointer;
	filter: contrast(0.5);
	width: 16px;
}
/* search field end*/
.header-section .title_dashboard {
	font-size: 23px;
}
.--universal_table table th,
.--universal_table table td {
	font-size: 14px;

	padding: 6px 9px !important;
}
.main_dash h2 {
	font-size: 23px;
	font-weight: 400;
	margin-bottom: 3px;
}
::selection {
	background-color: var(--darkgreen);
	color: var(--white);
}
select#completedDropdown {
	width: 106px !important;
	padding: 2px 8px;
	margin-top: 0;
}
.note_text {
	margin-top: 4px !important;
}
/* tooltip */
table.dataTable > thead > tr > th,
table.dataTable > tbody > tr > td {
	padding: 6px 9px !important;
	font-size: 14px !important;
}
.tooltip-div {
	position: relative;
	display: inline-block;
}
th.sorting:after,
th.sorting_asc:after,
th.sorting_desc:after {
	opacity: 1 !important;
}
th i,
th svg {
	opacity: 1 !important;
}
.tooltip {
	cursor: pointer;
}

.tooltiptext {
	visibility: hidden;
	width: 220px;
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	padding: 8px;
	position: absolute;
	z-index: 1;
	left: 50%;
	margin-left: -110px;
	opacity: 0;
	transition: opacity 0.3s;
	margin-top: 4px;
}
p.tooltiptext::before {
	content: "";
	width: 20px;
	height: 20px;
	position: absolute;
	top: -5px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid black;
}
.tooltip-div:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}
/* tooltip */
@media (max-width: 1369px) {
	.btn_custom {
		font-size: 14px;
		padding: 8px 18px;
	}
}

/*  */
.date_range_picker {
	padding: 10px;
	border-radius: 5px;
	border: 1px solid var(--gray);
	cursor: pointer;
}
.daterangepicker .drp-buttons .btn {
	cursor: pointer;
}
.daterangepicker .drp-buttons .btn {
	background-color: var(--black) !important;
	color: var(--white) !important;
	cursor: pointer;
}
button.cancelBtn.btn.btn-sm.btn-default {
	background-color: var(--white) !important;
	color: var(--black) !important;
}
/*  */

/* universal Autocomplete start */
.--u_autocomplete-container {
	position: relative;
	/* width: 300px; */
	display: flex;
	flex-direction: column;
}

.--u_autocomplete-input {
	width: 100%;
	padding: 8px;
	font-size: 16px;
	border: 1px solid var(--gray);
	border-radius: 4px;
}
.--u_autocomplete-input:focus {
	border: 1px solid var(--gray);
	outline: none;
}
.--u_autocomplete-dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	border: 1px solid var(--gray);
	border-top: none;
	background-color: white;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
	display: none;
	max-height: 200px;
	overflow-y: auto;
	z-index: 9999;
	width: 100%;
}

.--u_autocomplete-item {
	padding: 8px;
	cursor: pointer;
	border-bottom: 1px solid #f1f1f1;
}

.--u_autocomplete-item:hover {
	background-color: #f1f1f1;
}

.--u_autocomplete-item.selected {
	background-color: #dcdcdc;
}
/* universal Autocomplete end */
.dt-ordering-asc .dt-column-title,
.dt-ordering-desc .dt-column-title {
	text-decoration: underline;
}
.table_responsive {
	overflow: auto;
	height: calc(90vh - 50px);
	margin-top: 6px;
}

.btn-close:focus {
	box-shadow: none !important;
	outline: none !important;
	border: 1px solid var(--gray) !important;
}

/* bt3 to bt5 */
.btn-block {
	display: block;
	width: 100%;
	margin-bottom: 10px;
}
.--bt5 {
	padding: 20px;
}
.main_container table th {
	background-color: var(--black);
	color: var(--white);
	font-weight: 400;
}

.main_container table {
	width: 100%;
}

.main_cp_sub th:first-child {
	position: sticky;
	left: 0;
	top: 0;
	height: 108px;
}
.main_container_cp tr td:first-child {
	position: sticky;
	left: -1px;
	top: 0;
	background: white;
}

.table-bordered-custom {
	border-collapse: collapse;
	width: 100%;
}

.table-bordered-custom th,
.table-bordered-custom td {
	border: 1px solid #ccc !important;
	padding: 8px;
	vertical-align: top;
}

.table-bordered-custom th {
	background-color: #f8f9fa;
	font-weight: 600;
}

.table-bordered-custom tr:nth-child(even) {
	background-color: #fdfdfd;
}

.main_container_cp td.highlight {
	background-color: #d7edff !important;
	color: black;
}
@media only screen and (max-width: 475px) {
	iframe {
		height: 600px;
	}
	/* .table_responsive {
		height: 500px;
	} */
	.page_wrapper {
		width: 97%;
	}
	span.drp-selected {
		padding-right: unset !important;
	}
}

@media only screen and (max-width: 767px) {
	.table_responsive {
		overflow-x: auto;
		text-wrap: nowrap;
		height: calc(80vh - 50px);
	}
	.main_dash h2 {
		font-size: 20px;
	}
}
/* adil 23jan25 */
.--pd {
	padding: 5px 8px;
	color: var(--black);
	border: 1px solid var(--gray);
	width: 200px;
	font-size: 14px;
	border-radius: 5px;
}
.date_range_picker_input {
	margin-bottom: 20px;
}

.custom-tooltip {
	position: relative;
	width: 100%;
}

.tooltip-content {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	background: black;
	color: white;
	padding: 10px 12px;
	border-radius: 10px;
	z-index: 999999;
	max-width: 50%;
	white-space: normal;
	transition: opacity 0.15s ease;
	pointer-events: none;
}
.custom-tooltip .tooltip-preview {
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	line-height: 1.4;
	white-space: normal;
}
.tooltip-content::after {
	content: "";
	position: absolute;
	top: -10px;
	left: 17px;
	border-width: 6px;
	border-style: solid;
	transform: rotate(180deg);
	border-color: black transparent transparent transparent;
}