

#exibitorregistration {
	width: 100%;
	height: 100%;
	border-radius: 0;
	border: 0;
	display: unset;
}

#exibitorregistration .registration_right {
	background: transparent;
	width: 100%;
	height: 90vh;
}

.exibitor_con_head {
	height: 10vh;
	border-bottom: 1px solid var(--border);
	padding: 0 25px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.exibitor_con_head_left {
	display: flex;
	align-items: center;
	gap: 15px;
	height: 100%;
}

.exibitor_con_head_left span {
	height: 100%;
	aspect-ratio: 1 / 1;
	background: white;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 6px;
}

.exibitor_con_head_left span img {
	height: 100%;
}

.exibitor_con_head_left p {
	margin: 0;
	font-size: 26px;
	font-weight: 700;
}

.exibitor_con_head_right {}

.exibitor_con_head_right p {
	margin: 0;
	font-size: 13px;
	text-align: right;
	margin-bottom: 4px;
}

.exibitor_con_head_right h6 {
	margin: 0;
	font-size: 12px;
	text-align: right;
	display: flex;
	gap: 15px;
	justify-content: end;
}

.exibitor_con_head_right h6 span {
	display: flex;
	gap: 5px;
}

#exibitorregistration .registration_right_body {
	display: flex;
	padding: 0;
}

.exibitor_box {
	border-right: 1px solid var(--border);
	flex: 1;
	height: 100%;
	padding: 15px;
	overflow: auto;
}

.form_exibitor_head {
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--danger2);
	border-bottom: 1px solid var(--border);
	padding: 0 15px;
	margin-top: 0;
	font-weight: 600;
	height: 40px;
}

.exibitor_box_inner {
	padding: 15px;
	/* height: calc(100% - 40px);
	overflow: auto; */
}

.spot_listing,
.accm_listing {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.spot_box,
.accm_box {
	background: var(--background1);
	border: 1px solid var(--border1);
	border-radius: 10px;
	overflow: hidden;
}

.spot_box_top,
.accm_top {
	display: flex;
	align-items: start;
	padding: var(--gap);
}

.spot_name,
.accm_name {
	width: var(--lftw);
	border-right: 1px solid var(--border1);
}

.spot_details,
.accm_details {
	width: calc(100% - var(--lftw));
	display: flex;
	align-items: start;
	gap: 15px;
	padding-left: var(--gap);
}

.spot_details_box,
.accm_details_box {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.spot_details_box h5,
.accm_details_box h5 {
	font-size: 13px;
	text-transform: uppercase;
	color: var(--dark2);
	margin: 0;
}

.spot_details_box p,
.accm_details_box p {
	font-size: 12px;
	margin-bottom: 0;
	word-break: break-all;
}

.spot_details_box small {
	font-size: 10px;
	color: var(--dark2);
}

.spot_details_box h6,
.accm_details_box h6 {
	font-size: 13px;
	margin: 0;
}

.spot_details_box h6 i,
.accm_details_box h6 i {
	margin-right: 6px;
	color: var(--dark2);
}

.spot_details_box .pay_status,
.accm_details_box .pay_status {
	display: flex;
	align-items: center;
	/* gap: 4px; */
	font-size: 12px;
	margin-bottom: 0;
	gap: 4px;
}

.accm_details_box .pay_status {
	font-size: 10px;
}

.spot_box_bottom,
.accm_bottom {
	padding: var(--gap);
	display: flex;
	align-items: center;
	justify-content: space-between;
	background: var(--dark-blue);
}

.spot_box_bottom_left {
	display: flex;
	align-items: center;
	gap: 10px;
}

.spot_box_bottom_left h6 {
	margin: 0;
	font-size: 11px;
	display: flex;
	gap: 15px;
	border: 1px solid var(--border1);
	border-radius: 5px;
	padding: 8px 10px;
	align-items: center;
}

.spot_box_bottom_left h6 i {
	font-size: 9px;
}

.spot_box_bottom_left h6 .fa-check,
.spot_box_bottom_left h6.active .fa-circle {
	display: none;
}

.spot_box_bottom_left h6.active {
	background: var(--success1);
	color: var(--success2);
	border-color: #a8ffb757;
}

.spot_box_bottom_left h6.active .fa-check {
	display: block;
}

.spot_box_bottom_right {
	display: flex;
	gap: 5px;
	align-items: center;
}

.spot_box_bottom_right a {
	font-size: 11px;
	display: flex;
	gap: 8px;
	border: 1px solid var(--border1);
	border-radius: 5px;
	padding: 8px 10px;
	align-items: center;
	background: var(--sky);
	color: var(--dark-blue);
}

.spot_box_bottom_right a i {
	font-size: 12px;
}

.spot_box_bottom_right a.print {
	background: var(--primary1);
	border-color: #a8b2ff47;
}

.spot_box_bottom_right a.drp {

	padding: 6px 10px;
}

.spot_box_bottom_right a.drp i {
	font-size: 20px;
}

.spot_service_break,
.accm_tariff {
	padding: var(--gap);
	border-top: 1px solid var(--border1);
	display: none;
}

.spot_service_break .table_wrap,
.accm_tariff .table_wrap {
	border: 1px solid var(--border1);
}

.spot_service_action {
	display: flex;
	align-items: center;
	justify-content: end;
	margin-top: var(--gap);
	gap: 5px;
}

.spot_service_action a {
	font-size: 11px;
	display: flex;
	gap: 8px;
	border-radius: 5px;
	padding: 8px 10px;
	align-items: center;
}

.spot_service_action a i {
	font-size: 12px;
}

.spot_service_action a.delet {
	color: var(--danger2) !important;
	border: 1px solid;
}

.spot_box_bottom_right a.drp.active {
	background: var(--dark1) !important;
	color: var(--dark2) !important;
}

.spot_box_bottom_right a.drp.active i {
	transform: rotate(180deg);
}

.spot_name {
	width: var(--lftw);
	border-right: 1px solid var(--border1);
}

.regi_img_circle {
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	width: 32px;
	height: 32px;
	background: rgb(59 59 59 / 51%);
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 10px;
}

.regi_name {
	font-size: 14px;
	font-weight: 500;
	white-space: normal;
	/* width: 100%; */
	word-break: break-word;
}

.regi_type {
	display: flex;
	gap: 7px;
	align-items: center;
	margin-bottom: 5px;
	/* font-weight: 600; */
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 3px;
}

.regi_type span.badge_padding {
	border: 1px solid var(--sky);
}

.badge_secondary {
	background-color: var(--secondary1) !important;
	color: var(--secondary2) !important;
	border: 1px solid var(--secondary1) !important;
}

.badge_padding {
	border-radius: 5px !important;
	padding: 2px 5px !important;
}

.regi_contact {
	display: flex;
	gap: 4px;
	font-size: 11px;
	margin-top: 8px;
	flex-direction: column;
}

.regi_contact span {
	color: var(--colordark);
}

.regi_contact span i {
	margin-right: 4px;
}

.spot_details {
	width: calc(100% - var(--lftw));
	display: flex;
	align-items: start;
	gap: var(--gap);
	padding-left: var(--gap);
}

.registration_details_box .service_ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	gap: 6px;
	margin-bottom: 0;
}

.service_ul li {
	font-size: 11px;
	padding: 6px 10px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	border: 1px solid var(--sky);
	box-shadow: 0px 0px 10px #7efdff47;
}

.spot_details_box h5 {
	font-size: 13px;
	text-transform: uppercase;
	color: var(--dark2);
	margin: 0;
}

.review_list_box {}

.service_breakdown_wrap_ul {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 0;
}

.service_breakdown_wrap_ul li {
	font-size: 12px;
	padding: 9px 12px !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	border: 1px solid var(--border1);
	border-radius: 5px;
}

.service_breakdown_wrap_ul li n {
	width: 70%;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.service_breakdown_wrap_ul li n j {}

.service_breakdown_wrap_ul li g {
	display: flex;
	width: 30%;
	justify-content: end;
	align-items: center;
	gap: 10px;
}

.service_breakdown_wrap_ul li g j {
	font-size: 14px;
}

.service_breakdown_wrap h4 {
	font-size: 13px;
	display: flex;
	align-items: center;
	gap: 8px;
	margin-bottom: 10px;
}


.exibitor_list .registration_right_head {}

.exibitor_list .registration_right_head span {
	display: flex;
	align-items: center;
	gap: var(--gap);
}

.exibitor_list .registration_right_head form {

	border-radius: 5px;
	background-color: var(--background1);
	border: 1px solid var(--border1);
	padding-right: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
}

.exibitor_list .registration_right_head form input {
	font-size: 12px;
	height: 37px;
	padding: 7px;
	background: transparent;
	border: 0;
	border-right: 1px solid var(--border1);
	width: 200px;
	color: white;
}

.exibitor_list .registration_right_head form input::placeholder {
	font-size: 12px;
	color: #ffffffb8;
}

.exibitor_list .registration_right_head form a {}

.exibitor_list .registration_right_head span a {}

.exibitor_list .registration_right_bottom {
	justify-content: center;
}

.exibitor_list .registration_right_bottom h5 {
	margin-bottom: 0;
	font-size: 22px;
	font-weight: 600;
}

.registration_right_head p {
	margin-bottom: 0;
}

.registration_right_head p a {
	background: var(--sky);
	color: var(--dark-blue);
	font-size: 12px;
	border: 0;
	border-radius: 5px;
	padding: 7px 20px;
	display: flex;
	align-items: center;
	gap: 10px;
	text-transform: uppercase;
}

#exibitorregistration .guest_wrap li {
	padding-right: 15px;
}