div.custom_suggestion {
	position: absolute;
	z-index: 100;
	width: 100%;
}
div.custom_suggestion ul {
	padding: 0;
	margin: 0;
}.rounded-lg {
	border-radius: 0.3rem!important;
}
.boxshadow-none{
	box-shadow: none;
}
.table2 {
	margin-top: 10px;
	background-color: #f1f4f6;
	margin-bottom: 0px;
}
.datalistview {
	padding: 15px;
	background-color: white;
	border-radius: 13px;
	margin: 40px 0 15px 0;
	box-shadow: 0px 1px 2px rgba(97, 97, 97, 0.2), 0px 2px 4px rgba(97, 97, 97, 0.2);
}
.table-panel h3{
	font-size: 20px;
	border-bottom: 1px solid #d9d9d9;
	margin-bottom: 0px;
	color: black;
	font-weight: 600;
	letter-spacing: 0.0075em;
}
.datalistview .datalistrow{
	position: relative;
	padding: 0;
	
}
.datalistview .datalistrow .table-panel::after{
	content: " ";
	position: absolute;
	left: 0px;
	top: 0;
	background-color: #F6CA92;
	width: 8px;
	height: 100%;
	border-radius: 10px;
}
.datalistview .datalistrow .table-panel:first-child::after{
	
	background-color: #F6CA92;
	
}
.datalistview .datalistrow .table-panel:nth-child(2)::after{

	background-color: #8E9AE3;
	
}
.datalistview .datalistrow .table-panel li.actionbtn{
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: linear-gradient(to left, #f2f2f2, #ffffff69);
	/* display: flex; */
	align-items: center;
	justify-content: center;
	width: 70px;
	font-size: 18px;
}
.table-panel:hover li.actionbtn{
	display: flex!important;
}
.datalistview .datalistrow .table-panel:nth-child(3)::after{

	background-color: #8AB9F6;
	
}
.datalistview .datalistrow .table-panel:nth-child(4)::after{

	background-color: #8E9AE3;
	
}
.datalistview .datalistrow h5{
	position: absolute;
	/* transform: rotate(-90deg) translate(-27%, 10px); */
	top: -40px;
	/* color: #b3b3b3; */
	/* width: 150px; */
	/* height: 42px; */
	/* text-align: center; */
	/* text-transform: uppercase; */
	background-color: white;
	padding: 8px 12px;
	border-radius: 12px 12px 0px 0px;
	margin: 0;
	font-size: 16px;
	left: -15px;
}.datalistview .datalistrow .table-panel:last-child{
	margin-bottom: 0px;
}
.table-panel{
	position: relative;
	display: grid;
	grid-template-columns: repeat(8, auto);
	padding: 0;
	list-style: none;
	margin-bottom: 0;
	padding-left: 12px;
	gap: 10px;
	margin-bottom: 20px;
	cursor: pointer;
	transition: all 0.3s ease-in;
}
.table-panel li{
	/* margin-bottom: 15px; */
	display: flex;
	flex-direction: column;
	padding: 0 10px;
	/* margin-left: 18px; */
	transition: all 0.3s ease-in;

}
.table-panel h5{
	transform: rotate(-90deg);
	position: absolute;
	margin-top: 60px;
}

.table-panel li span{
	color:  #818181;
	line-height: 150%;
	font-size: 14px;
}
.table-panel li span:first-child{font-size: 15px;color: #17205B;font-weight: 600;line-height: 155%;text-transform: capitalize;}

.table2 th {
	text-align: inherit;
	text-transform: capitalize;
	font-size: 0.8rem;
	color: #ffffff;
	font-weight: 500;
	background-color: #3f6ad8;
	border-spacing: 0;
	border-collapse: separate;
}
.table2 td{
	font-weight: bold;
}
.table2 tr th:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}
.table2 tr th:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.no-data {
	position: absolute;
	right: 12px;
	top: -30px;
	color: red;
}
ul.country-list {
	list-style: none;
	max-height: 210px;
	overflow: auto;
	background-color: #ffffff;
	box-shadow: 0px 7px 13px 1px #eaeaea;
}
ul.country-list li {
	padding: 7px 12px;
	border-bottom: 1px solid #e6e6e6;
	cursor: pointer;
	background-color: #eff5fa;
}

ul.navtabsnew {
	flex-wrap: nowrap;
	margin-bottom: 15px;
	gap: 6px;
}

ul.navtabsnew li {
	width: 100%;
	text-align: center;
	background-color: #f0f4ff;
}

ul.navtabsnew li a {
	margin: 0 !important;
	font-weight: 500 !important;
}

.modal.right .modal-dialog .modal-body {
	padding-top: 0px !important;
}

.nowrap {
	white-space: nowrap;
}

.modal.right {
	right: 0;
	left: auto;
	padding-right: 0px !important;
}

.modal.right .modal-dialog {
	max-width: 780px;
	margin: 0px 0px 0px auto !important;
}
.modal.right .modal-dialog .modal-content {
	min-height: 100vh;
}

.grid-column-3 {
	list-style: none;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	padding: 0;
	margin: 0;
	grid-gap: 12px;
	font-weight: 500;
}

.text-light2 {
	color: #9d9d9d;
	font-weight: 400;
}

.dnone {
	display: none;
}
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
	justify-content: center !important;
	margin-top: 15px;
}
@media(max-width:500px){
	.table-panel{
		grid-template-columns:1fr 1fr!important;
	}
	.datalistview .datalistrow .table-panel li.actionbtn{
		display: flex;
		position: relative;
		background: none;
	}
}

.cvcheck{
	border: 1px solid #dcddde;
	display: inline-block;
	padding: 4px 7px 4px 28px;
	border-radius: 5px;
	font-weight: 700;
	cursor: pointer;
	transition: all 0.3s;
	background-color: #f1f4f6;
}
.cvcheck:hover{
	background-color: #e6e6e7;
}
.cklabel{
	margin-top: 18px;
    font-weight: 600;
}
.ck-editor__editable:not(.ck-editor__nested-editable) { 
    min-height: 150px;
}

.card-1 {
	border-radius: 12px;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.flights {
	display: flex;
	padding: 0;
	margin: 0;
	align-items: center;
	list-style: none;
}

.flights li {}

.tpbtn {
	display: inline-flex;
	border: 1px solid #b4b4b4;
	border-radius: 31px;
	overflow: hidden;
	position: absolute;
	background-color: white;
	top: -20px;
	left: 50%;
	transform: translate(-50%, 0px);
	min-width: 169px;
}

.tpbtn .text {
	padding: 7px 14px;
}

.tpbtn button {
	border-radius: 0px !important;
	font-weight: 500;
}

.checkinout {
	display: flex;
	padding: 0;
	margin: 0;
	list-style: none;
	align-items: center;

	gap: 10px;
}

.checkinout li {
	border: 1px dashed black;
	border-radius: 8px;
	padding: 8px;
	text-align: center;
}

.checkinout p {
	margin-bottom: 0;
	font-size: 13px;
}

.checkinout h5 {
	margin-bottom: 0;
	font-size: 15px;
}

.modal-note {
	padding: 10px 10px 10px 20px;
	margin: 0;
	background-color: #f4f4f4;
	border-radius: 8px;
	position: relative;
}

.modal-note:after {
	position: absolute;
	left: 15px;
	top: 15px;
	content: "";
	/* background-image: url(../../../../assets/images/info.svg); */
	width: 27px;
	height: 27px;
}

.modal.right {
	overflow: auto;
}

.bg-light-blue {
	background-color: #e8f7ff;
}

.addonlist {
	display: flex;
	padding: 0;
	margin: 25px 0 0;
	list-style: none;
	gap: 15px;
}

.addonlist li {
	width: 33.33%;
	text-align: center;
	outline: 1px dashed #676767;
	padding: 8px;
	border-radius: 6px;
	font-weight: 500;
	background-color: #d0ccff;
	color: black;
}

.addonlist li.disabled {
	opacity: 0.5;
} 

.btn-center-line {
	position: relative;
	z-index: 1;
	text-align: center;
	margin: 0.7rem 0 1.5rem;
}

.btn-center-line:before {
	border-top: 2px solid #dfdfdf;
	content: "";
	margin: 0 auto;
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.btn-center-line button {
	background: #fff;
	padding: 5px 15px;
	box-shadow: 0 0 0px 8px white !important;
}

.error{
	color: red;
	font-weight: bold;
}