.admin_panel {
	font-size: 13px;

	::-webkit-scrollbar-thumb {
		background: #c4c5ff;
	}

	.btn {
		border-radius: 6px;
		line-height: normal;
		font-size: 13px;
		padding: 9px 11px;
	}

	input,
	textarea,
	select,
	.custom-dropdown-trigger {
		font-size: 13px;
		border: 1px solid rgb(197 197 197);
		border-radius: 5px;
		padding: 8px 10px;
	}

	input[type="date"] {
		padding: 6px 10px;
	}

	.form_input label {
		margin-bottom: 8px;
	}

	.otp_sec input {
		padding: 12px 4px;
		width: 40px;
	}

	.btn>span {
		gap: 5px;
	}

	/* .form_input {
        margin-bottom: 10px;
    } */
	.responsive_tbl {
		width: 100%;
		overflow: auto;
	}

	table {
		width: 1000px;
		min-width: 100%;
		background: white;
	}

	table,
	tr,
	td,
	th {
		border: 1px solid #ccc;
		border-collapse: collapse;
		text-align: center;
	}

	tr,
	td,
	th {
		padding: 6.9px 7px;
	}

	th {
		background: #565add;
		color: white;
	}

	th,
	th * {
		color: white;
		font-family: 'poppins_semibold';
	}

	#adminTable {

		th:last-child,
		td:last-child {
			min-width: 71px;
		}
	}
}

.admin_popup {
	.popup-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		border-bottom: 1px solid #e9ecef;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	.popup-header .popup-title {
		width: auto;
		padding: 13px 10px;
		font-size: 15px;
		text-align: left;
	}

	.popup-header .popup_header_btn {
		float: unset;
	}

	.popup-body {
		max-height: calc(100dvh - 65px);
		overflow: auto;
		padding: 15px;
	}
}

.header_btns {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
}

.loading_sec {
	font-size: 15px;
	margin-bottom: 15px;
}

.table_cta {
	padding: 4px;
}

.table_cta .cta_btn {
	background: white;
	border: 1px solid #ccc;
	padding: 3px 5px;
	border-radius: 5px;
	margin: 0 2px;
	cursor: pointer;
	line-height: 0;
	color: black;
	display: inline-block;
}

.table_cta .cta_btn i {
	color: black;
}

.table_cta .cta_btn:hover {
	background: #f1f1f1;
}

.data_left {
	text-align: left;
}

.page_heading {
	color: #3D1CDE;
	font-family: 'poppins_semibold';
	font-size: 20px;
}

.login_box_parent {
	display: flex;
	overflow: auto;
	padding: 15px;
	vertical-align: middle;
	height: 100%;
	background: linear-gradient(306.81deg, rgba(252, 76, 63, 0.36) -0.19%, rgba(253, 138, 94, 0.36) 17.22%, rgba(223, 0, 223, 0.36) 50.37%, rgba(81, 225, 226, 0.36) 95.34%);
}

.login_box {
	width: 350px;
	max-width: 100%;
	background: white;
	border-radius: 10px;
	height: auto;
	margin: auto;
	padding: 30px 20px;
}

.login_heading {
	font-size: 22px;
	font-family: 'poppins_semibold';
	margin-bottom: 25px;
	text-align: center;
}

.login_box .form_input {
	margin-bottom: 20px;
}

.login_box form {
	display: unset;
}

.backto_link {
	margin-top: 15px;
	font-size: 14px;
	display: block;
}

.adminbody_section {
	background: url('../../images/bg.svg') no-repeat;
	overflow: auto;
	padding: 15px;
	width: 100%;
	background-size: cover;
	background-position: top;
}

.adminbody_section form {
	height: auto;
}

.adminlogin_section {
	overflow: auto;
}

.admin_details>*,
.admin_details>*>* {
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
}

.admin_name {
	max-width: 130px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-align: right;
	font-family: 'poppins_semibold';
}

.profile_photo img {
	height: 35px;
	width: auto;
}

.profile_photo {
	cursor: pointer;
	position: relative;
}

.profile_options {
	position: absolute;
	background: #ffffff;
	width: 120px;
	right: 0;
	top: 36px;
	box-shadow: 0 0 4px 0px #ccc;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-10px);
	transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
	text-align: center;
}

.profile_photo:hover .profile_options {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.admin_details {
	height: 100%;
}

.profile_options>a {
	background: white;
	width: 100%;
	display: block;
	padding: 9px;
	border-bottom: 1px solid #e1e1e1;
}

.profile_options>a:last-child {
	border-bottom: 0;
}

.profile_options>a:hover {
	background: #f0f0ff;
}

.profile_photo i {
	font-size: 11px;
}

.subdomain_cta_sec {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	margin-bottom: 10px;
}

.input_icon {
	position: relative;
}

.input_icon>i {
	position: absolute;
	left: 0;
	right: auto;
	top: 0;
	bottom: 0;
	padding: 0 8px;
	font-size: 15px;
	display: inline-flex;
	align-items: center;
	color: #727272;
}

.input_icon>input,
.input_icon>select,
.input_icon>textarea {
	padding-left: 30px;
}

.domain_filter_sec {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: flex-start;
	gap: 5px;
	margin-bottom: 10px;
}

.filter_options {
	width: calc(100% - 68px);
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	justify-content: flex-start;
	column-gap: 1%;
	row-gap: 5px;
}

.filter_options .form_input {
	display: inline-block;
	vertical-align: middle;
	width: 15%;
	margin: 0;
}

.pagination {
	background: #e0e0e0;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	padding: 5px;
	border-radius: 0 0 5px 5px;
	gap: 8px;
	list-style: none;
}

.page-item a {
	background: white;
	cursor: pointer;
	font-size: 14px;
	border: 1px solid #6d6d6d;
	display: inline-flex;
	width: 25px;
	height: 25px;
	color: black;
	justify-content: center;
	align-items: center;
}

.page-item.active a {
	background: #565add;
	color: white;
	border-color: #565add;
}

.page-item a:hover {
	background: #3236d6;
	color: white;
	border-color: #3236d6;
}

.page-item.disabled a {
	opacity: .5;
	pointer-events: none;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}

.step_tbl th,
.step_tbl td {
	width: 16%;
}

.subdomain_popup {
	.popup-body {
		padding: 0 !important;
		overflow: unset;
	}
}

.config_card {
	background: white;
	box-shadow: 0 0 3px 0px #ccc;
	padding: 10px;
	border-radius: 10px;
}

.config_header h3 {
	font-size: 18px;
	font-family: 'poppins_semibold';
	margin-bottom: 10px;
}

.info_alert {
	color: grey;
	font-style: italic;
	font-size: 11px;
}

.config_body>p {
	margin-bottom: 10px;
}

/************************ Responsive styles ************************/
@media (max-width: 1024px) {
	.filter_options .form_input {
		width: 32%;
	}
}

@media (max-width: 768px) {
	.page_heading {
		font-size: 18px;
	}

	.popup-header .popup_header_btn {
		padding: 11px;
	}

	.admin_popup {
		.popup-body {
			padding: 10px;
		}
	}

	.admin_panel {

		tr,
		td,
		th {
			padding: 5px 4px;
		}
	}
}

@media (max-width: 650px) {
	.filter_options .form_input {
		width: 49%;
	}
}

@media (max-width: 550px) {
	.subdomain_cta_sec>* {
		width: 100%;
	}

	.cta_sec {
		text-align: right;
	}

	.filter_options {
		width: 100%;
		justify-content: space-between;
	}

	.filter_options .form_input {
		width: 49%;
	}

	.filter_cta {
		width: 100%;
		text-align: right;
	}
}

@media (max-width: 375px) {
	.login_box .otp_sec input {
		margin-right: 2px;
		padding: 11px 4px;
		width: 35px;
	}

	.admin_name {
		max-width: 110px;
	}
}