 :root {   
/*  --theme-highlight: #0766AD; */
	--theme-primary: #0192ff;
/* 	--theme-primary: #007bd6; */
/*      --theme-secondary: #cbe4ff; */
/*      --theme-white-bg: #f5f5ff; */
 }

/* .loader { */
/* 	position: relative; */
/* 	width: 2.5em; */
/* 	height: 2.5em; */
/* 	transform: rotate(165deg); */
/* } */

/* .loader:before, .loader:after { */
/* 	content: ""; */
/* 	position: absolute; */
/* 	top: 50%; */
/* 	left: 50%; */
/* 	display: block; */
/* 	width: 0.5em; */
/* 	height: 0.5em; */
/* 	border-radius: 0.25em; */
/* 	transform: translate(-50%, -50%); */
/* } */

/* .loader:before { */
/* 	animation: before 2s infinite; */
/* } */

/* .loader:after { */
/* 	animation: after 2s infinite; */
/* } */
.page-spinner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1070;
	background: #2c2c2cb3;
	/* 	display: none; */
}

/* @keyframes before { */
/*   0% { */
/*     width: 0.5em; */
/*     box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), */
/*       -1em 0.5em rgba(111, 202, 220, 0.75); */
/*   } */
/*   35% { */
/*     width: 2.5em; */
/*     box-shadow: 0 -0.5em rgba(225, 20, 98, 0.75), */
/*       0 0.5em rgba(111, 202, 220, 0.75); */
/*   } */
/*   70% { */
/*     width: 0.5em; */
/*     box-shadow: -1em -0.5em rgba(225, 20, 98, 0.75), */
/*       1em 0.5em rgba(111, 202, 220, 0.75); */
/*   } */
/*   100% { */
/*     box-shadow: 1em -0.5em rgba(225, 20, 98, 0.75), */
/*       -1em 0.5em rgba(111, 202, 220, 0.75); */
/*   } */
/* } */

/* @keyframes after { */
/*   0% { */
/*     height: 0.5em; */
/*     box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), */
/*       -0.5em -1em rgba(233, 169, 32, 0.75); */
/*   } */
/*   35% { */
/*     height: 2.5em; */
/*     box-shadow: 0.5em 0 rgba(61, 184, 143, 0.75), */
/*       -0.5em 0 rgba(233, 169, 32, 0.75); */
/*   } */
/*   70% { */
/*     height: 0.5em; */
/*     box-shadow: 0.5em -1em rgba(61, 184, 143, 0.75), */
/*       -0.5em 1em rgba(233, 169, 32, 0.75); */
/*   } */
/*   100% { */
/*     box-shadow: 0.5em 1em rgba(61, 184, 143, 0.75), */
/*       -0.5em -1em rgba(233, 169, 32, 0.75); */
/*   } */
/* } */
.loader {
	width: 60px;
	height: 60px;
	border: 10px solid #dbfffc57;
	border-top-color: #ffffff;
	animation: spinload 1s linear infinite;
	border-radius: 100%;
}

@keyframes spinload {to { transform:rotate(360deg);}}
.custom-d-none {
	display: none !important;
}
/* ----Appointment online page start----- */
.custom-h-bg .form-group {
	margin-bottom: 0;
}

.custom-h-bg {
	padding: 8px;
	height: calc(100% - 20px);
	/* min-height: 90px; */
	border-radius: 4px;
	margin-bottom: 20px;
	position: relative;
}

.custom-h-bg.odd {
	background: #f7f7f7;
}

.custom-h-bg.even {
	background: #e2f2ff;
}

.state-bg::before, .spec-bg::before, .profile-bg::before {
	content: "\ed16";
	font-family: IcoFont;
	position: absolute;
	top: 80%;
	left: 50%;
	transform: translate(-50%, -80%);
	font-size: 90px;
	color: #cde1ff;
	line-height: normal;
	z-index: 0;
}

.profile-bg::before {
	content: "\ec26";
}

.spec-bg::before {
	content: "\ec19";
}

.lbl-count {
	margin-right: 5px;
	font-size: 20px;
	color: #0082ce;
}

.hospital-image {
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	z-index: 1;
	position: relative;
	overflow-y: auto;
	max-height: 160px;
}

.hospital-image.vertical .hospital-d-flex {
	overflow-y: auto;
	width: 100%;
	max-height: 100%;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
	gap: 10px;
}

.hospital-d-flex {
	overflow-x: auto;
}

.hospital-image.vertical .hospital-d-flex .hosptial, .hospital-image.vertical .hosptial.hosp_dept
	{
	width: 100%;
	margin: 0;
}

.hosptial.hosp_name, .hosptial.hosp_dept {
	justify-content: left;
}

.hospital-d-flex .hosptial {
	opacity: 1;
	min-height: 46px;
	vertical-align: middle;
	font-size: 16px;
	color: #000 !important;
	cursor: pointer;
	border: 1px solid #9fc9ee;
	text-align: center;
	border-radius: 4px;
	background-color: #f0f8ff;
	min-width: calc(( 100%/ 5)- 0.8em);
	padding: 4px 2px;
	margin: 15px 0;
	margin-right: 16px;
}

.hosptial.hosp_dept {
	width: calc(( 100%/ 5)- 0.5em);
}

.hosptial {
	background-size: 400% 400%;
	align-items: center;
	display: flex;
	justify-content: center;
}

.hosptial-imgwidth {
	max-width: 40px;
	margin-right: 4px;
	height: 100%;
	display: flex;
	align-items: center;
}

.hospital-d-flex .hosptial h4 {
	font-size: 14px;
	line-height: normal;
	color: #2c2c2c;
	text-transform: capitalize;
	text-align: left;
}

.hospital-image .hosp_dept h4, .empty-field {
	word-wrap: break-word;
}

.hosptial.hosp_dept h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
/* 	margin: 0 auto; */
}

.hosptial h4 {
	margin-bottom: 0;
}

.hospital_search {
	position: relative;
	right: 0;
	width: 100%;
	position: sticky;
	top: 0;
}

.top-nav-search .form-control {
	padding: 12px 16px 12px 40px;
}

.top-nav-search .btn {
	background-color: transparent;
	border-color: transparent;
	min-height: 46px;
	padding: 8px 10px;
	position: absolute;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

input[type="text"], input[type="file"], input[type="time"],
	.form-control {
	width: 100%;
	border: none;
	outline: 0;
	border-radius: 5px;
	border: 2px solid rgba(46, 55, 164, 0.1);
	box-sizing: border-box;
	padding: 0px 10px;
	font-size: 16px;
	background: #fff;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	padding: 12px 16px;
	resize: none;
	/*    transition: all 0.3s;*/
	color: #262d3f;
	height: 46px;
}

.custom-btn-wrapper.input-style-form-check {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	padding-top: 4px;
	z-index: 1;
	position: relative;
}

.custom-btn-wrapper li .form-check-input {
	display: none;
}

.custom-btn-wrapper li {
	cursor: pointer;
	margin: 0 !important;
	padding: 0 !important;
}

.custom-btn-wrapper li label {
	min-height: 46px;
	width: 100%;
	display: flex !important;
	justify-content: center;
	align-items: center;
	border: 1px solid;
	/* 	border: 1px solid #9fc9ee; */
	border-radius: 4px;
	text-align: center;
	color: #2c2c2c;
	cursor: pointer;
}

.custom-btn-wrapper li.ayu-box label {
	border-color: #3cb371;
}

.custom-btn-wrapper li.hom-box label {
	border-color: #a5433d;
}

.custom-btn-wrapper li.sid-box label {
	border-color: #2E8BC0;
}

.custom-btn-wrapper li.sow-box label {
	border-color: #F36196;
}

.custom-btn-wrapper li.una-box label {
	border-color: #f4770d;
}

.custom-btn-wrapper li.yog-box label {
	border-color: #d5b505;
}

.custom-btn-wrapper li.ayu-box label:hover {
	background: #3cb371;
	color: #fff;
}

.custom-btn-wrapper li.ayu-box .form-check-input:checked+.form-check-label
	{
	background: #3cb371;
	color: #fff;
	border-radius: 3px;
}

.custom-btn-wrapper li.hom-box label:hover {
	background: #a5433d;
	color: #fff;
}

.custom-btn-wrapper li.hom-box .form-check-input:checked+.form-check-label
	{
	background: #a5433d;
	color: #fff;
	border-radius: 3px;
}

.custom-btn-wrapper li.sid-box label:hover {
	background: #2E8BC0;
	color: #fff;
}

.custom-btn-wrapper li.sid-box .form-check-input:checked+.form-check-label
	{
	background: #2E8BC0;
	color: #fff;
	border-radius: 3px;
}

.custom-btn-wrapper li.sow-box label:hover {
	background: #F36196;
	color: #fff;
}

.custom-btn-wrapper li.sow-box .form-check-input:checked+.form-check-label
	{
	background: #F36196;
	color: #fff;
	border-radius: 3px;
}

.custom-btn-wrapper li.una-box label:hover {
	background: #f4770d;
	color: #fff;
}

.custom-btn-wrapper li.una-box .form-check-input:checked+.form-check-label
	{
	background: #f4770d;
	color: #fff;
	border-radius: 3px;
}

.custom-btn-wrapper li.yog-box label:hover {
	background: #d5b505;
	color: #fff;
}

.custom-btn-wrapper li.yog-box .form-check-input:checked+.form-check-label
	{
	background: #d5b505;
	color: #fff;
	border-radius: 3px;
}

/* ----Appointment online page end----- */

/* ----Datatable css start----- */
.custom-datatable .dataTables_length, .custom-datatable .dataTables_filter
	{
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

.custom-datatable .dataTables_length, .custom-datatable .dataTables_filter
	{
	background: #dfecff;
}

.custom-datatable .dataTables_wrapper .dataTables_length label,
	.custom-datatable .dataTables_wrapper .dataTables_filter label {
	margin-bottom: 0;
	font-size: 0.92rem;
	line-height: normal;
	font-weight: 500;
	color: #262d3f;
	vertical-align: middle;
}

.custom-datatable .dataTables_length select {
	appearance: auto;
	height: 25px;
	padding: 0;
}

select {
	width: 100%;
	height: 40px;
	border: none;
	outline: 0;
	border-radius: 5px;
	border: 1px solid #e5e5e5;
	gap: 20px;
	box-sizing: border-box;
	padding: 0px 10px;
	color: #212529 !important;
	font-weight: normal !important;
	font-size: 16px !important;
	background-color: #fff;
}

label, .custom-lbl {
	/* font-size: 18px; */
	/* display: initial; */
	/* font-weight: 500; */
	font-size: 16px;
	line-height: normal;
	font-weight: 500 !important;
	color: #2c2c2c;
	/* display: block; */
	margin-bottom: 5px;
	vertical-align: middle;
	text-transform: capitalize;
}

.custom-outer-lbl {
	font-weight: 600 !important;
}

.custom-datatable .dataTables_wrapper .dataTables_filter input {
	width: 100%;
	height: 25px;
	border: none;
	outline: 0;
	border-radius: 4px;
	border: 1px solid rgb(145, 145, 145);
	gap: 20px;
	box-sizing: border-box;
	padding: 0px 5px;
	font-size: 14px;
	margin-left: 8px;
}

.custom-datatable .dataTables_scrollHead {
	background-color: #465b76;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.custom-datatable table.dataTable.no-footer {
	border-bottom: 1px solid #d3d3d3 !important;
}

.table-responsive.custom-datatable thead {
	position: sticky;
	top: 0;
}

.custom-datatable table.dataTable tbody td, .custom-datatable table.dataTable thead th:not(:last-child)
	{
	border-right-color: #c9c9c9;
}

.custom-datatable table.dataTable thead th:first-child {
	border-top-left-radius: 5px;
	border-left: 0;
}

.custom-datatable table.dataTable thead th:not(:last-child) {
	border-right-width: 0;
	border-right-color: #d3d3d3;
}

.custom-datatable table.dataTable thead th, .custom-datatable table.dataTable thead td
	{
	/* border-bottom: 1px solid #053974; */
	/* background-color: #053974; */
	border-bottom: 1px solid #3e70b7;
	background: #3e70b7;
	vertical-align: middle;
	text-transform: capitalize;
	line-height: normal;
}

.custom-datatable table.dataTable thead th {
	border-top: 0;
	font-size: 15px;
}

.custom-datatable th h6, .custom-datatable th {
	margin-bottom: 0px;
	font-size: 14px;
	color: #fff;
	font-weight: 500 !important;
}

table.dataTable thead .sorting:before, table.dataTable thead .sorting:after,
	table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after,
	table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after,
	table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead 
.sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before,
	table.dataTable thead .sorting_desc_disabled:after {
	bottom: 10px;
}

.custom-datatable .dataTables_wrapper.no-footer .dataTables_scrollBody {
	border-bottom: 1px solid #d3d3d3 !important;
}

.custom-datatable table.dataTable.no-footer {
	border-bottom: 1px solid #d3d3d3 !important;
}

.custom-datatable table.dataTable tbody td:first-child {
	border-left: 0;
}

.table-striped>tbody>tr:nth-of-type(2n+1), .custom-datatable .dataTables_scrollBody .table.dataTable tbody>tr:nth-of-type(2n+1)
	{
	background-color: rgb(246, 246, 246);
}

.custom-datatable table.dataTable tbody td {
	border-right-width: 0;
	border-bottom-width: 0;
	font-size: 14px;
	font-weight: 400;
	text-transform: capitalize;
	line-height: normal;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled
	{
	background: #649feb !important;
	margin: 4px;
	opacity: 0.5 !important;
	color: #fff !important;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current
	{
	color: #ffffff !important;
	background: #2f5c96 !important;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button
	{
	background: #649feb !important;
	color: #fff !important;
	margin: 4px;
}

.disabled {
	cursor: not-allowed !important;
	pointer-events: none;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button
	{
	background: #649feb !important;
	color: #fff !important;
	margin: 4px;
}

.custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover
	{
	background: #2f5c96 !important;
	color: #fff !important;
	border-color: #2f5c96 !important;
}

.card-box .top-nav-search {
	margin-bottom: 5px;
}

.hosptial.hosp_name h4 {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

.notes {
	border: 1px solid #cbced4;
	border-radius: 5px;
	margin-bottom: 15px;
	padding: 10px;
	border-radius: 4px;
	border: 1px solid #f7c800;
	background: #fdf5d6;
	margin-bottom: 6px;
}

.notes .simple-instruction {
	padding: 0;
	display: flex;
	align-items: center;
}

.simple-instruction {
	font-size: 14px;
	padding: 10px;
}

.notes .simple-instruction h5 {
	margin-right: 10px;
	font-size: 16px;
	margin-bottom: 0;
	font-weight: 400;
	color: #2c2c2c;
}

.simple-instruction .Notes {
	display: flex !important;
	padding-left: 0;
}

.notes ul {
	font-size: 14px;
	margin-bottom: 0;
	/* padding-left: 20px; */
}

.notes ul li {
	text-transform: capitalize;
	list-style: square;
	font-size: 16px;
	font-weight: 400;
	align-self: center;
	color: #2c2c2c;
	display: list-item;
}

ul.d-flex.Notes li {
	list-style: none;
	display: flex;
}

.slots_notavl {
	width: 20px;
	height: 20px;
	background: #eeeeee;
	border: 1px solid #dedede;
	border-radius: 4px;
	margin-right: 5px;
	margin-left: 5px;
}

.slots_avl {
	width: 20px;
	height: 20px;
	background: #ffffff;
	border: 1px solid #00ab44;
	border-radius: 4px;
	margin-right: 5px;
	margin-left: 5px;
}

.selected-appointment {
	background-color: #4294f2 !important;
	border-color: #4294f2 !important;
}

.selected-appointment h4 {
	color: #fff !important;
}

.hosptial.selected-appointment .hosptial-imgwidth {
	background: #bffff1;
	border-radius: 4px;
}

ul.select-time {
	list-style: none;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: center; */
	/* align-content: space-around; */
	list-style: none;
	padding-left: 0;
	max-height: 112px;
	overflow-y: auto;
}

ul.select-time li.active-booked {
	/* background: #007159; */
	/* border-color: #007159; */
	/* border: 1px solid #469f8d; */
	/* background-color: #b0efe2; */
	border: 1px solid #1ea83c;
	background: #027300;
	background-color: #fff;
}

ul.select-time li {
	/* list-style: none; */
	/* display: flex; */
	/* transform: translateY(10%) scale(0.94); */
	opacity: 1;
/* 	width: calc( ( 100% / 6) - 0.5em); */
	width: calc(( 100% / 5) - 0.5em);
	min-height: 46px;
	background-size: 400% 400%;
	margin: 0 4px;
	margin-bottom: 10px;
	vertical-align: middle;
	/* display: grid; */
	font-size: 16px;
	color: #222222 !important;
	cursor: pointer;
	border: 1px solid #469f8d;
	text-align: center;
	border-radius: 4px;
	background-color: #b0efe2;
	align-items: center;
	display: flex;
	justify-content: center;
	transform: translateY(10%) scale(0.94);
}

li.active-booked  a i, li.active-booked  a {
	color: #00ab44 !important;
}

ul li.active-booked:hover {
	background: #1ea83c !important;
	border-color: #1ea83c !important;
}

ul li.active-booked:hover a, ul li.active-booked:hover a i {
	color: #fff !important;
}

.active-booked.hosp_slot.selected-appointment {
	background: #1ea83c !important;
	border-color: #1ea83c !important;
	color: #fff !important;
}

.active-booked.hosp_slot.selected-appointment a, .active-booked.hosp_slot.selected-appointment a i
	{
	color: #fff !important;
}
/* ----Datatable css end----- */

/* collapse toggle style start*/
.abha-consent .cst-abha-modal.collapse {
	transition: 0.7s ease-in-out;
}

.abha-consent .consent-header {
	
}

.abha-consent .custom-collapse-btn {
	width: 100%;
	text-align: left;
	padding: 2px;
	font-size: 15px;
	font-weight: 500;
	padding-right: 25px;
}

.abha-consent .custom-collapse-btn:focus {
	box-shadow: none;
}

.abha-consent .custom-collapse-btn:disabled {
	opacity: 0.45;
}

.abha-consent {
	background: #edf4ff;
	padding: 4px;
	border-radius: 4px;
	margin: 5px 0;
}

.abha-consent .cst-content-box {
	overflow-y: auto;
	margin: 4px 0 0;
}

.abha-consent.c-inner .cst-content-box {
	max-height: none;
	overflow: unset;
}

.abha-consent .inst_title {
	font-weight: 600;
	color: #2c2c2c;
	margin-bottom: 0.25rem !important;
}

.abha-consent .inst_title .cst-input {
	width: auto;
	padding: 5px 4px;
	height: 28px;
	font-size: 15px;
	background: #eeeeee;
}

.c-inner {
	padding: 10px;
}

.c-inner .inst_title .cst-input {
	width: auto;
	background: #fff;
	height: 32px;
	padding: 4px 8px;
}

.abha-consent .cst-content-box .inst_list .inst_text {
	font-size: 12px;
	font-weight: 500;
	margin-bottom: 6px;
	text-transform: initial;
}

.c-inner .cst-content-box .inst_list .inst_text {
	font-size: 14px;
	font-weight: 400;
}

.c-inner .form-check-inline {
	display: block;
}

.abha-consent .notes ul li {
	font-size: 13px;
}

.c-inner .notes ul li {
	font-size: 14px;
}

/* .abha-consent .consent-footer { */
/*     margin: 8px 0; */
/*     display: flex; */
/*     flex-direction: column; */
/*     align-items: center; */
/* } */
.abha-consent .consent-footer {
	margin: 5px 8px 0;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}

.c-inner .consent-footer {
	margin: 8px 0;
	display: block;
}

.abha-consent .consent-footer .inst_text {
	font-size: 14px;
	text-transform: initial;
}

.checkmark-green {
	position: relative;
}

.checkmark-green:before {
	content: "";
	background: #ccc;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	transition: all 0.7s ease-in-out;
}

.myconsent.checkmark-green:before, .cdone.checkmark-green:before {
	background: limegreen;
}

.myconsent.checkmark-green:after, .cdone.checkmark-green:after,
	.checkmark-green:after {
	content: "";
	position: absolute;
	right: 8px;
	top: 50%;
	width: 6px;
	height: 12px;
	margin: -8px 0 0 -3px;
	border: solid white;
	border-width: 0 0.15em 0.15em 0;
	box-shadow: 0.1em 0.1em 0em 0 rgba(0, 0, 0, 0.3);
	transform: rotate(45deg);
}

.ndone.checkmark-green:before {
	background: #bb1a1a;
}

.ndone.checkmark-green:after {
	content: "\eee4";
	position: absolute;
	font-family: 'IcoFont';
	right: 0px;
	font-size: 16px;
	top: 50%;
	width: 14px;
	height: 17px;
	text-shadow: 1px 1px #00000082;
	margin: -9px 0 0 -3px;
	border-width: 0.15em 0 0.15em 0.15em;
	transform: rotate(90deg);
	border: none;
	box-shadow: none;
}

.form-check-block {
	display: block !important;
}

.form-check-block .form-check {
	display: block;
	width: 100%;
}

/* Landing Action Buttons Style Start */
.action-wrp {
	position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	flex-direction: row;
	/*     flex-wrap: wrap; */
	column-gap: 25px;
	row-gap: 25px;
	justify-content: center;
	/*         min-width: 60%; */
}

.action-wrp::before {
	content: "";
	background: url("../images/action-arrow.png");
	width: 83px;
	height: 42px;
	position: absolute;
	background-repeat: no-repeat;
	top: 0px;
	left: -35%;
	transform: rotate(15deg);
	filter: drop-shadow(2px 1px 2px #00000050);
}

.action-wrp .wrpp {
	background: rgba(255, 255, 255, 0.6);
	backdrop-filter: blur(1px);
	box-shadow: 2px 0px 4px #00000021, 0px 2px 4px #00000021;
	padding: 10px;
	min-width: 360px;
	border: 1px solid rgba(1, 146, 255, 0.5);
	border-radius: 5px;
	display: flex;
	flex-direction: row;
	column-gap: 10px;
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
		rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}

.wrpp .a-ttl {
	font-size: 15px;
	line-height: normal;
	margin-bottom: 0;
}

.wrpp.regstr, .wrpp.bkap {
	position: relative;
}

.action-wrp .wrpp-h::before {
	left: -18px;
	transform: translateY(-50%);
	top: 50%;
	font-size: 26px;
}

.wrpp-h.wrpp.bkapt::before {
	font-size: 26px;
}

.action-wrp .wrpp-h {
	padding: 10px 10px 10px 30px;
}

.action-wrp .wrpp-h .act-btn {
	padding: 0.6rem 0.9rem;
	font-size: 0.9rem;
}

.wrpp-h .a-ttl {
	font-size: 16px;
}

/* .wrpp.regstr::before { */
/*     font-family: 'IcoFont' !important; */
/*     content: "\e970"; */
/*     position: absolute; */
/*     left: 50%; */
/*     transform: translateX(-50%); */
/*     top: -24px; */
/*     border-radius: 50%; */
/*     border: 1px solid rgba(1, 146, 255, 0.5); */
/*     font-size: 28px; */
/*     padding: 5px; */
/*     line-height: normal; */
/*     background: rgba(255,255,255,0.8); */
/*     color: var(--theme-primary); */
/*     z-index: -1; */
/* } */
/* .wrpp.bkapt::before{ */
/* 	font-family: 'IcoFont' !important; */
/*     content: "\ec45"; */
/*     position: absolute; */
/*     left: 50%; */
/*     transform: translateX(-50%); */
/*     top: -24px; */
/*     border-radius: 50%; */
/*     border: 1px solid rgba(1, 146, 255, 0.5); */
/*     font-size: 23px; */
/*     padding: 7px; */
/*     line-height: normal; */
/*     background: rgba(255,255,255,0.8); */
/*     color: var(--theme-primary); */
/*     z-index: -1; */
/* } */
.wrpp::before {
	font-family: 'IcoFont' !important;
	content: "\f00e";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: -24px;
	border-radius: 50%;
	border: 1px solid rgba(1, 146, 255, 0.5);
	font-weight: 500;
	line-height: normal;
	background: rgba(255, 255, 255, 0.8);
	color: var(--theme-primary);
	z-index: -1;
}

.wrpp.vrfy::before {
	content: "\f00e";
	border-radius: 50%;
	font-size: 20px;
	padding: 7px;
}

.wrpp.regstr::before {
	content: "\e970";
	border-radius: 50%;
	font-size: 24px;
	padding: 5px;
}

.wrpp.bkapt::before {
	content: "\ec30";
	border-radius: 50%;
	font-size: 20px;
	padding: 7px;
}

.wrpp.qrscan::before {
	content: "\efc8";
	border-radius: 50%;
	font-size: 20px;
	padding: 7px;
}

.tbs-wrap .wrpp::before {
	z-index: 0;
	top: -30px;
	font-weight: 500;
	background: rgba(255, 255, 255, 1);
}

.tbs-wrap .wrpp.regstr::before {
	top: -40px;
}

.act-btn {
	-webkit-appearance: none;
	border: 0;
	outline: 0;
	position: relative;
	background: linear-gradient(313deg, #ca8a52, #0590f4, #47a992, #3353a3, #125f96);
	background-size: 400% 400%;
	animation: gradientBG 3s ease-in-out infinite;
	color: #ffffff;
	padding: 0.5rem 0.8rem;
	text-transform: uppercase;
	border-radius: 5px;
	min-width: 92px;
	font-size: 0.8rem;
	font-weight: 600;
	transition: 400ms all ease-in-out;
}

.act-btn:hover {
	color: #fff;
	background: linear-gradient(321deg, #ca8a52, #47a992, #3353a3, #125f96);
}

.create-btn {
	font-size: 16px;
	text-transform: capitalize;
	font-weight: 500 !important;
	letter-spacing: 0.6px;
}

.create-btn i {
	font-size: 22px;
}

@keyframes gradientBG {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.outerpg {
	position: initial;
	transform: none;
	/*     padding-top: 15px; */
	flex-direction: column;
	row-gap: 40px;
	margin: 0 auto;
}

.outerpg::before {
	content: none;
}

.outerpg .wrpp {
	padding: 18px 10px 10px;
	min-width: auto;
}

/* .wrpp.vrfy::before{ */
/* 	font-family: 'IcoFont' !important; */
/*     content: "\f00e"; */
/*     position: absolute; */
/*     left: 50%; */
/*     transform: translateX(-50%); */
/*     top: -24px; */
/*     border-radius: 50%; */
/*     border: 1px solid rgba(1, 146, 255, 0.5); */
/*     font-size: 23px; */
/*     padding: 7px; */
/*     line-height: normal; */
/*     background: rgba(255,255,255,0.8); */
/*     color: var(--theme-primary); */
/*     z-index: -1; */
/* } */
.outerpg .act-btn {
	min-width: 240px;
}

/* Landing Actoin Buttons Style End */

/* appointment modal style */
.appointment-mdl .modal-body {
	padding: 0rem 1rem 1rem;
}

.appointment-mdl .modal-header {
	border-bottom: none;
	padding: 1rem 0.5rem;
}

.appointment-mdl .modal-header .btn-close {
	margin: -2rem 0rem -0.5rem auto;
}

.custom-model-content {
	margin: -25px 0 30px;
	text-align: center;
}

.custom-model-content .fw-title {
	font-size: 22px;
	margin: 0;
	text-transform: capitalize;
	font-weight: 600;
}

.custom-model-content .fw-text {
	font-size: 14px;
	line-height: normal;
}

.custom-icobtn {
	position: relative;
	background: linear-gradient(325deg, rgb(87 115 175) 0.1%,
		rgb(90, 175, 230) 51.5%, rgb(106, 183, 238) 100.2%);
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	border: none;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	min-width: 200px;
	text-align: center;
	padding-top: 40px;
	box-shadow: 0 6px 7px rgba(0, 0, 0, 0.1), inset 0 2px 4px
		rgba(255, 255, 255, 0.5);
}

.custom-icobtn.active, .custom-icobtn:hover {
	background: linear-gradient(53deg, rgb(64 105 193) 0.1%,
		rgb(44, 159, 233) 51.5%, rgb(58, 112, 150) 100.2%);
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2), inset 0 2px 4px
		rgba(255, 255, 255, 0.7);
	color: #fff;
}

.custom-icobtn::before {
	font-family: 'IcoFont' !important;
	content: "\ec71";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 2px;
	/* border-radius: 50%; */
	/* border: 1px solid rgba(1, 146, 255, 0.5); */
	font-size: 33px;
	padding: 4px;
	line-height: normal;
	/* background: rgba(255,255,255,0.8); */
	color: #fff;
	/* position: initial; */
	/* z-index: -1; */
}

.custom-icobtn.i-otp:before {
	content: "\effd";
	/* 	background: url("../images/appointment/mobileotp.png"); */
}

.custom-icobtn.dmg:before {
	content: "\ef8b";
}

/* .custom-progress-block .custom-step-content:last-child{ */
/* 	margin-bottom:0; */
/* } */
.btn-update {
	background: #4a6cf7;
	border: 1px solid #4a6cf7;
	color: #fff;
}

.verify-btn {
	background-color: #2a8853;
	border: 1px solid #2a8853;
}

.verify-btn:hover, .landing-btn.verify-btn:hover {
	color: #2a8853 !important;
}

.capturebtn {
	background-color: #1a35a0 !important;
	border: 1px solid #1a35a0 !important;
}

.landing-btn.capturebtn:hover {
	color: #1a35a0 !important;
	background-color: #fff !important;
}

.aptmt-mwrap {
	display: flex;
	flex-direction: row;
	align-items: center;
	min-height: 320px;
}

.aptmt-img {
	width: 550px;
	margin: 0 auto;
	position: relative;
}

.aptmt-inst {
	position: absolute;
	width: 65.5%;
	top: 0;
	left: 50%;
	margin-left: -6px;
	transform: translateX(-50%);
	background: rgba(253, 245, 214, 0.8) !important;
	color: #222;
	letter-spacing: 0.6px;
}

.aptmt-img.aptmt-arrows::before {
	position: absolute;
	content: '';
	top: 90px;
	right: -24px;
	width: 150px;
	height: 100px;
	background-image: url("../images/three-arrows.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	rotate: 90deg;
	z-index: 0;
	-webkit-animation: moverr 1.50s infinite alternate;
	animation: moverr 1.50s infinite alternate;
}

.instruction-box {
	left: 48.5%;
	transform: translateX(-50%);
	/* right: -50px; */
	position: absolute;
	z-index: 1;
	width: 310px;
	/*     background: rgb(44 44 44 / 50%); */
	color: #fff;
	border-radius: 2px;
	backdrop-filter: blur(3px);
	top: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	background-image: linear-gradient(to right, rgba(18, 95, 150, 0.7),
		rgb(8 38 81/ 70%), rgb(19 35 86/ 70%), rgb(16 41 97/ 70%),
		rgba(0, 0, 0, 0.7));

	/*     -webkit-animation: mover 1.50s infinite alternate; */
	/*     animation: mover 1.50s infinite alternate; */
}

/* @keyframes mover { */
/* 	0%{ */
/* 		transform: translateY(0); */
/* 	} */
/* 	100% { */
/*     	transform: translateX( -10px); */
/* 	} */
/* } */
@keyframes moverr {
	0%{
		transform: translateX(0);
	}
	100% {
    	transform: translateY( -10px);
	}
}
.instruction-box p {
	margin: 0;
	font-weight: 600;
	font-size: 15px;
	padding: 5px;
	line-height: 22px;
	letter-spacing: 0.5px;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
	color: #fff;
	text-align: center;
}

/* appointment modal end */

/* button css start */
.btn-update {
	background: #4a6cf7;
	border: 1px solid #4a6cf7;
	color: #fff;
}

.btn-update:hover, .btn-update:focus, .btn-update.active, .btn-update:active,
	.open>.dropdown-toggle.btn-update {
	background: #1a35a0;
	border: 1px solid #1a35a0;
	color: #fff;
}

.btn-update.active.focus, .btn-update.active:focus, .btn-update.active:hover,
	.btn-update.focus:active, .btn-update:active:focus, .btn-update:active:hover,
	.open>.dropdown-toggle.btn-update.focus, .open>.dropdown-toggle.btn-update:focus,
	.open>.dropdown-toggle.btn-update:hover {
	background: #1a35a0;
	border: 1px solid #1a35a0;
}

/* button css end */

/*instruction style start*/
.inst_block {
	padding: 14px 12px;
	border-radius: 4px;
	border: 1px solid #f7c800;
	background: rgba(247, 200, 0, 0.2);
	margin-bottom: 15px;
}

.inst_block .inst_title {
	font-size: 16px;
	margin-bottom: 4px;
	text-transform: capitalize;
}

.inst_block .inst_list {
	margin: 0;
	padding: 0;
}

.inst_block .inst_list li {
	list-style-type: disc;
	margin-left: 20px;
	color: #222222;
	display: block;
	display: list-item;
}

.inst_block .inst_list .inst_text {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	margin-bottom: 4px;
}

.simple-instruction {
	font-size: 14px;
	padding: 10px;
	line-height: normal;
}

.concat-string {
	display: inline-block;
	vertical-align: middle;
}

.inst_list li.form-check, .inst_list li.form-check-inline {
	display: block;
	margin-left: 0;
}

/*instruction style end*/

/* custom-modal-v2 css start */
.custom-modal-v2 .modal-header {
	border: none;
}

.custom-modal-header {
	justify-content: center;
	padding-right: 40px !important;
}

.custom-modal-header .btn-close {
	position: absolute;
	right: 8px;
}

.custom-modal-header .custom-model-content {
	margin: 0;
}

.custom-modal-header .fw-text {
	font-size: 14px;
	margin-bottom: 0;
}

.custom-modal-v2 .aptmt-img {
	width: auto;
	max-width: 320px;
	margin-bottom: 30px;
}

.custom-modal-v2 .text-heighlight, .modal-section-title .text-heighlight
	{
	color: #0192ff;
	font-weight: 500;
}

.modal-section-title {
	text-transform: capitalize;
	font-size: 18px;
}

/* custom-modal-v2 css end */
.countdown-text {
	color: #ff0000 !important;
	font-weight: 500;
	letter-spacing: 0.6px;
}

.header-login, .landing-btn {
	border: 2px solid #ff8800;
	color: #fff !important;
	font-size: 15px !important;
	line-height: normal;
	font-weight: bold;
	padding: 10px 16px;
	border-radius: 5px;
	width: fit-content;
	display: flex;
	cursor: pointer;
	background: #ff8800;
	align-items: center;
	justify-content: center;
}

.landing-btn.getappt-btn {
	border: 2px solid #0958a8;
	background: #0958a8;
	font-size: 16px !important;
	text-transform: capitalize;
	font-weight: 600 !important;
	width: auto !important;
}

.landing-btn.getappt-btn:hover {
	border: 2px solid #0958a8;
	background-color: #fff;
	color: #0958a8 !important;
}

.header-login:hover, .landing-btn:hover {
	background-color: #fff;
	color: #ff8800 !important;
}

.landing-btn.signin-btn {
	border: 2px solid #ff8800;
	background: #ff8800;
}

.landing-btn.signin-btn:hover {
	border: 2px solid #ff8800;
	background-color: #fff;
	color: #ff8800 !important;
}

.landing-btn.back-btn {
	border: 2px solid #434343;
	background: #434343;
	/*     border-radius: 0 4px 4px 0; */
}

.landing-btn.back-btn:hover {
	border: 2px solid #434343;
	background-color: #fff;
	color: #434343 !important;
}

.landing-btn.cst-back-btn {
	border: 2px solid #2c2c2c;
	background: #2c2c2c;
	border-radius: 0 4px 4px 0;
	padding: 8px;
}

.landing-btn.cst-back-btn:hover {
	border: 2px solid #2c2c2c;
	background-color: #fff;
	color: #2c2c2c !important;
	border-left-color: #fff;
}

/* @keyframes colorShift { */
/*   0%, 100% { */
/*       background: #2c2c2c; */
/*   } */
/*   33% { */
/*     background: #fb3e3e; */
/*   } */
/*   66%{ */
/*     background: #0dcc00; */
/*   } */
/* } */

/* @keyframes borderPulse { */
/*   0% { */
/*     box-shadow: inset 0px 0px 0px 5px rgba(255, 255, 255,.4), 0px 0px 0px 0px rgba(255,255,255,1); */
/*   } */
/*   100% { */
/*     box-shadow: inset 0px 0px 0px 3px rgba(117, 117, 255,.2), 0px 0px 0px 10px rgba(255,255,255,0); */
/*   } */
/* } */
.landing-btn i {
	margin-right: 4px;
}
/*
.landing-btn.getotp-btn{
	border: 2px solid #4a6cf7;
	background: #4a6cf7;
}*/
.landing-btn.getotp-btn {
	border: 2px solid #0958a8;
	background: #0958a8;
	font-size: 16px !important;
	text-transform: capitalize;
	/*     padding: .375rem .75rem !important; */
	font-weight: 600 !important;
	width: auto !important;
}

.form-group.signin-frm-wrp .custom-icon-group {
	width: calc(100% - 130px);
}

.landing-btn.abha-verify-btn {
	border: 2px solid #0958a8;
	background: #0958a8;
	text-transform: capitalize;
}

.landing-btn.abha-verify-btn:hover {
	border: 2px solid #0958a8;
	background-color: #fff;
	color: #0958a8 !important;
}

.countdown-text {
	text-align: center;
	font-size: 14px;
	width: 100%;
	color: #ff0000 !important;
	font-weight: 500;
	letter-spacing: 0.6px;
	line-height: normal;
}

/*
.landing-btn.getotp-btn:hover{
	border: 2px solid #4a6cf7;
	background-color: #fff;
	color: #4a6cf7 !important;
}*/
.landing-btn.getotp-btn:hover {
	border: 2px solid #0958a8;
	background-color: #fff;
	color: #0958a8 !important;
}

.landing-btn.check-btn {
	border: 2px solid #00c1f8;
	background: #00c1f8;
}

.landing-btn.check-btn:hover {
	border: 2px solid #00c1f8;
	background-color: #fff;
	color: #00c1f8 !important;
}

/* custom modal style start */
.cst-abha-modal .modal-content {
	background: #edf4ff;
	border: none;
}

.cst-abha-modal .modal-header {
	padding: 6px 8px;
	background: var(--theme-primary);
}

.cst-abha-modal .modal-header h2 {
	color: #fff;
	text-transform: capitalize;
}

.cst-abha-modal .modal-body {
	padding: 12px 16px;
}

.cst-abha-modal .modal-footer {
	flex-direction: column;
	padding: 0 0 4px 0;
	border-top: none;
}

.cst-abha-modal .modal-footer .btn-bottom .buttons-group li {
	margin: 2px 0;
}

.cst-abha-modal .modal-body .simple-table {
	margin-bottom: 4px;
	background: #fff;
}

.cst-abha-modal .modal-body  .simple-table thead {
	background-color: #34c0a1;
}

.cst-abha-modal .cst-content-box {
	max-height: 220px;
	overflow-y: auto;
	margin-top: 4px;
	padding: 8px 8px 4px;
	border-radius: 4px;
	background: #fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.cst-abha-modal .cst-content-box .inst_block .inst_title {
	font-size: 16px;
	margin-bottom: 6px;
	text-transform: initial;
}

.cst-abha-modal .cst-content-box .inst_list li p {
	margin-bottom: 6px;
}

.consent-footer .btn.btn-sm {
	padding: 4px 8px;
}

.consent-footer .cbtn-agree {
	min-width: 70px;
}

.cst-abha-modal .modal-title {
	margin-left: 12px;
}
/* custom modal style end */
.cmt-tabs.cmt-tab-v3 ul.tabs li {
	width: 100% !important;
}

.cst-content-box.cst-content-boxv2 {
	max-height: 260px !important;
	padding: 8px;
	border: 1px solid #c4d1e6;
	background-color: #edf4ff !important;
}

/* tokan badge css start*/
@keyframes pulseBadge {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.02);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes pulseBadge2 {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.02);
	}

	100% {
		transform: scale(1);
	}
}
.custom-tokan-title {
	font-size: 14px;
	font-weight: 500;
	line-height: normal;
	display: block;
}

.custom-tokan-block {
	display: flex;
	justify-content: center;
	margin: 20px 0 30px 0;
}

.custom-tokan-block .custom-tokan {
	animation: introduceBadge 1s linear 0s 1 both;
	background: #cfe5ff;
	/*   border-radius: 50%; */
	height: 40px;
	perspective: 600px;
	position: relative;
	min-width: 140px;
}

.custom-tokan-block .custom-tokan:before
	/* , .custom-tokan-block .custom-tokan:after */ {
	animation: pulseBadge 3s cubic-bezier(0.86, 0, 0.07, 1) 0s infinite both;
	border: 1px dashed #0071f6;
	border-radius: inherit;
	bottom: -6px;
	content: "";
	left: -6px;
	opacity: 0.4;
	position: absolute;
	right: -6px;
	top: -6px;
}
/* .custom-tokan-block .custom-tokan:after { */
/*      animation-name: pulseBadge2; */
/*     bottom: -12px; */
/*     left: -12px; */
/*     opacity: 0.3; */
/*     right: -12px; */
/*     top: -12px; */
/* } */
@keyframes introduceBadge {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes introduceLabel {
	0% {
		opacity: 0;
		transform: translate(-50%, -50%) scale(0.4) rotateY(-1800deg);
	}

	100% {
		opacity: 1;
		transform: translate(-50%, -50%) scale(1) rotateY(20deg);
	}
}

@keyframes rotateLabel {
	0% {
		transform: translate(-50%, -50%) rotateY(20deg);
	}

	50% {
		transform: translate(-50%, -50%) rotateY(-20deg);
	}

	100% {
		transform: translate(-50%, -50%) rotateY(20deg);
	}
}
.custom-tokan-block .custom-tokan-label {
	animation: introduceLabel 2s cubic-bezier(0.19, 1, 0.22, 1) 1s 1 both,
		rotateLabel 5s linear 3s infinite;
	color: #0071f6;
	font-size: 20px;
	font-weight: 600;
	left: 50%;
	position: absolute;
	text-align: center;
	line-height: normal;
	letter-spacing: 0.6px;
	text-shadow: 0px 4px 8px rgba(0, 113, 246, 0.2);
	top: 50%;
	display: flex;
	flex-wrap: nowrap;
	gap: 4px;
	justify-content: center;
	align-items: center;
	width: 100%;
	transform: translate(-50%, -50%);
}

/* tokan badge css end*/

/* display table css start */
.custom-display-table th {
	background: linear-gradient(313deg, #ca8a52, #0590f4, #47a992, #3353a3, #125f96);
	background-size: 200% 200%;
}

.cbtli-v2 {
	position: relative;
	min-width: 110px;
	overflow: hidden;
}

/* .cbtli-v2 .cdt-text, */
.cbtli-v2 .cdt-ti:after {
	content: 'Token';
	position: absolute;
	top: 10px;
	text-align: center;
	color: #222;
	background-color: #fff;
	font-size: 12px;
	width: 70px;
	left: 50%;
	padding: 2px;
	line-height: normal;
	transform: translateX(-50%);
	box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px
		2px;
	font-weight: 500;
	letter-spacing: 0.6px;
}

.cbtli-v2 .cdt-ti::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, .6) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%,
		rgba(255, 255, 255, .6) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}

.cdt-list-items .cdt-list-item .cdt-ti:hover {
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px
		6px 6px;
	color: #222222;
}

.cbtli-v2 .cdt-ti:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}

@-webkit-keyframes shine { 100% {
	left: 125%;
}

}
@keyframes shine { 100% {
	left: 125%;
}

}
.cdt-list-items .cdt-list-item:nth-child(even) .cdt-ti, .cdt-list-items .cdt-list-item:nth-child(even) .cdt-ti:after
	{
	background-color: #e7f4ff;
	color: #195999;
}

.cbtli-v2 .cdt-ti {
	padding: 14px 4px 4px 6px;
	line-height: normal;
}

.cdt-ti {
	border: 1px solid;
	padding: 4px 6px;
	border-radius: 2px;
	color: #222222;
}

.cdt-clr {
	color: #222222;
	background-color: #fff;
}

.cdt-clr-curr, .cdt-ti.cdt-clr-curr:after {
	color: #006ca5 !important;
	background-color: #c6ebff !important;
}

.cdt-clr-wait, .cdt-ti.cdt-clr-wait:after {
	color: #664d03 !important;
	background-color: #fff3cd !important;
}

.cdt-clr-curr, .cdt-ti.cdt-clr-curr:after {
	color: #0f5132 !important;
	background-color: #d1e7dd !important;
}

.cdt-clr-emer, .cdt-ti.cdt-clr-emer:after {
	color: #842029 !important;
	background-color: #f8d7da !important;
}

.cdt-clr-late, .cdt-ti.cdt-clr-late:after {
	color: #3657dc !important;
	background-color: #e2e8ff !important;
}

.cdt-clr-curr .cdt-ti {
	color: #006ca5 !important;
}

.cdt-clr-wait .cdt-ti {
	color: #664d03 !important;
}

.cdt-clr-curr .cdt-ti {
	color: #0f5132 !important;
}

.cdt-clr-emer .cdt-ti {
	color: #842029 !important;
}

.cdt-clr-late .cdt-ti {
	color: #3657dc !important;
}

.custom-display-table td p, .custom-display-table .cdt-ti {
	font-weight: 500;
	font-size: 15px;
	letter-spacing: 0.6px;
}

.custom-display-table th {
	font-size: 17px;
	letter-spacing: 0.6px;
}

.custom-display-table .cdt-ti:hover {
	box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
		rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}

.cdt-ti .cdt-icon {
	margin-left: 6px;
}
/* .cdt-ti .cdt-text{ */
/* 	position:relative; */
/* 	padding-right:20px; */
/* } */
/* .cdt-ti .cdt-text:after{ */
/*     content: "\ef21"; */
/*     position: absolute; */
/*     right: 0; */
/*     top: 2px; */
/*     font-family: IcoFont!important; */
/*     font-size: 14px; */
/*     line-height: normal; */
/*     font-weight: 900; */
/* } */
.late-patients {
	background: #4a6cf7;
}

.custom-displaycard2 .next-patients {
	background: #c6873f !important;
}

.current-patients {
	background: #218352;
}

.emerg-patients {
	background: #ec5353;
}

.custom-displaycard2 .key {
	border-radius: 2px;
}

.custom-data-block {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	gap: 12px;
	margin-bottom: 30px;
}

.cdb-label {
	background: rgba(0, 113, 246, 0.2);
	border: 1px solid #6db0ff;
	color: #211c37;
	display: inline-block;
	padding: 4px 6px;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.6px;
	border-radius: 2px;
}

.cdb-label .cbd-value {
	margin-left: 6px;
}

.custom-data-block .cdb-title {
	color: #0192ff !important;
	font-size: 18px;
	letter-spacing: 0.6px;
	margin-bottom: 6px;
}

.custom-data-block .pri-profile-image {
	margin: 0;
}

.cdt-list-items {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -20px;
	/* gap:6px; */
	list-style: none;
	/*       justify-content: center; */
	align-items: stretch;
}

.cdt-list-items .cdt-list-item {
	width: 25%;
	padding: 20px;
	/*     padding: 4px; */
	/*     flex-grow: 1; */
	/*         flex-shrink: 1; */
	/*     flex-basis: 130px; */
}

.cdt-list-items .cdt-list-item .cdt-ti {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	line-height: normal;
	background-color: #fff;
	transition: all 0.3s ease;
}

.custom-serint {
	display: flex;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: nowrap;
}
/* display table css end */

/* custom modal v3 start */
.custom-modal-v3 .modal-header .btn-close {
	margin: -0.5rem 0rem -0.5rem auto;
}

.custom-modal-v3 .custom-modal-header {
	background: linear-gradient(to right, #096dc7, #1f77ce, #2f81d4, #3d8cda, #4a96e0);
	color: #fff;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 1rem !important;

	/*         padding-top: 50px; */
}

.custom-modal-v3 .custom-modal-header .btn-close {
	position: relative;
	right: 0;
}

.custom-mohe-right, .custom-mohe-left {
	min-width: 15%;
}

.custom-mohe-right {
	text-align: right;
}

.custom-modal-v3 .modal-header .custom-tokan-block {
	margin: 0;
	/*     position: absolute; */
	/*     left: 20px; */
}

.custom-modal-v3 .custom-tokan-block .custom-tokan:before,
	.custom-modal-v3 .custom-tokan-block .custom-tokan:after {
	border: 1px dashed #ffffff;
	opacity: 1;
}

.custom-modal-v3 .modal-footer {
	padding: 0 0.75rem;
}
/* custom modal v3 end */
.custom-data-value {
	margin-bottom: 10px;
}

.custom-btn-wrapper-sm  li label {
	min-height: 34px;
	font-size: 14px;
	padding: 4px;
}

.custom-print-block{
	background: #e8f5ff;
	padding: 10px;
/* 	margin: 16px 0 0 0; */
	border: 1px solid #c5e3fb;
	border-radius: 4px;
}

.custom-print-block .cdb-top {
	text-align: center;
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 1px solid #c5e3fb;
}

.custom-print-block .cdbt-subtitle {
/* 	text-transform: uppercase; */
	letter-spacing: 0.6px;
	font-weight: 700;
}

.custom-print-block .cdbt-title {
	letter-spacing: 0.6px;
	font-weight: 400;
	font-size: 22px;
	text-transform: capitalize;
}

/* custom search block start */
.custom-search-v2 .search-icon {
	font-size: 32px;
	color: dimgray;
	background-color: #eee;
	border: 0;
	outline: none;
}

.custom-search-v2 .search-toggle .search-icon.icon-close {
	display: none;
}

.custom-search-v2 .search-toggle.opened .search-icon.icon-search {
	display: none;
}

.custom-search-v2 .search-toggle.opened .search-icon.icon-close {
	display: block;
}

.custom-search-v2 .search-container {
	position: relative;
	-moz-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	max-height: 0;
	overflow: hidden;
	background-color: #eee;
}

.custom-search-v2 .search-container.opened {
	max-height: 100px;
}

.custom-search-v2 .search-container input[type="text"] {
	outline: none;
	font-size: 1.6rem;
	margin: 18px;
	width: 300px;
	background-color: inherit;
	border: 0;
}

.custom-search-v2 .search-container .search-icon {
	vertical-align: middle;
}

.custom-search-v2 .custom-search-v2 {
	position: relative;
	margin-top: 50px;
}

.custom-search-v2 .custom-search-v2 .search-container {
	position: absolute;
	left: 15px;
}

/* vertical tab css start */
.custom-vtab .gc {
	box-sizing: border-box;
	display: inline-block;
	margin-right: -0.25em;
	min-height: 1px;
	vertical-align: top;
	overflow: hidden;
}

.custom-vtab .cvtab-left {
	width: 300px;
	background: #d7e9ff;
	border: 1px solid #d7e9ff;
	border-right: 0;
}

.custom-vtab .cvtab-right {
	width: calc(100% - 300px);
	min-height: 560px;
	border: 1px solid #d7e9ff;
}

.custom-vtab .cvtab-left {
	height: 560px;
	overflow-x: hidden;
	overflow-y: auto;
}

.custom-vtab .custom-vtab {
	position: relative;
	width: 100%;
	margin: 0;
	overflow: hidden;
}

.custom-vtab .menu .menu-item {
	padding: 12px 12px 12px 30px;
	margin-bottom: 10px;
	color: #fff;
	background: #619de7;
	background-size: 200% 200%;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	cursor: pointer;
	position: relative;
	vertical-align: middle;
	font-weight: 700;
	transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.custom-vtab .menu .menu-item.active {
	background: linear-gradient(to right, rgb(0, 4, 40) 0%, rgb(0, 78, 146)
		51%, rgb(0, 4, 40) 100%);
	background-size: 200% 200%;
}

.custom-vtab .menu .menu-item:hover {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.custom-vtab .menu .menu-item .light {
	height: 10px;
	width: 10px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 10px;
	background-color: #FBC02D;
	border-radius: 100%;
	transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.custom-vtab .menu .menu-item.active .light, .custom-vtab .menu .menu-item:hover .light
	{
	background-color: #FBC02D;
	left: 0;
	height: 100%;
	width: 6px;
	top: 0;
	border-radius: 0;
	transform: translateY(0px);
}

.custom-vtab .nacc {
	position: relative;
	height: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.custom-vtab .nacc .nacc-list {
	opacity: 0;
	transform: translateX(50px);
	position: absolute;
	list-style: none;
	transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
	padding: 16px;
	height: 560px;
	width: 100%;
	/*     overflow-x: hidden; */
	/*     overflow-y: auto; */
}

.custom-pagination-content {
	height: calc(560px - 66px);
	overflow-x: hidden;
	overflow-y: auto;
	padding: 0 6px;
}

.custom-vtab .nacc .nacc-list.active {
	transition-delay: 0.3s;
	z-index: 2;
	opacity: 1;
	transform: translateX(0px);
}

.cvtab-mcontent {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: center;
	gap: 4px;
}

.cvtab-mcontent .cvtab-title {
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.6px;
}

.cvtab-mcontent .cvtab-count {
	padding: 6px;
	background: rgba(255, 255, 255, 0.3);
	line-height: normal;
	border-radius: 2px;
	text-shadow: 1px 1px #343434;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px
		13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}

.custom-vtab .cdt-list-items .cdt-list-item {
	width: 16.6666%;
}

.input-group-xsm {
	max-width: 210px;
}

.custom-search-block {
	display: flex;
	justify-content: end;
}
.ttl-flt-wrp {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.custom-vtab .menu .menu-item:last-child {
	margin-bottom: 0;
}

.modal-footer .btn-bottom {
	display: flex;
	justify-content: end;
	width: 100%;
	padding: 0 12px;
}

/* vertical tab css end */

/* pagination css start */
.custom-pagination-wrapper.pagination-wrapper {
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
	box-shadow: 0 -10px 6px -10px rgba(115, 115, 115, 0.75);
}

.custom-pagination-wrapper .pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 10px;
	border-radius: 4px;
	background: transparent;
	padding: 4px 0;
}

.custom-pagination-wrapper .page-numbers {
	padding: 8px 16px;
	transition: 400ms ease;
	color: #fff;
	font-size: 16px;
	letter-spacing: 0.1em;
	display: block;
	float: left;
}

.custom-pagination-wrapper .page-numbers.first,
	.custom-pagination-wrapper .page-numbers.last {
	background-color: #8a3700;
}

.custom-pagination-wrapper .page-numbers.next,
	.custom-pagination-wrapper .page-numbers.prev {
	background: #f9c13b;
	color: #000;
}

.custom-pagination-wrapper .page-numbers:hover,
	.custom-pagination-wrapper .page-numbers.current {
	background-color: #4c5c2c;
	color: #fff;
}

.custom-pagination-wrapper .page-numbers.first {
	border-radius: 4px 0 0 4px;
}

.custom-pagination-wrapper .page-numbers.last {
	border-radius: 0 4px 4px 0;
}

.custom-pagination-wrapper .page-numbers.disabled {
	background-color: #898989;
	color: #fff;
}

.custom-pagination-wrapper .page-numbers {
	display: none;
}

.custom-pagination-wrapper .page-numbers:nth-of-type(4) {
	position: relative;
	padding-right: 50px;
}

.custom-pagination-wrapper .page-numbers:nth-of-type(4)::after {
	content: "...";
	position: absolute;
	font-size: 25px;
	top: 0;
	left: 45px;
}

.custom-pagination-wrapper .page-numbers:nth-child(-n+4),
	.custom-pagination-wrapper .page-numbers:nth-last-child(-n+4) {
	display: block;
}

.custom-pagination-wrapper .page-numbers:nth-last-child(-n+6) {
	padding-right: 14px;
}

.custom-pagination-wrapper .page-numbers:nth-last-child(-n+6)::after {
	content: none;
}

.pagination-wrapper.custom-pagination-wrapper .pagination {
	margin: 0;
}

.pagination-wrapper.custom-pagination-wrapper>.pagination {
	/*     margin-top: 20px; */
	background: transparent;
}

.pagination-wrapper.custom-pagination-wrapper .page-item.first.disabled a,
	.pagination-wrapper.custom-pagination-wrapper .page-item.last.disabled a
	{
	background-color: #898989 !important;
	color: #fff;
	border: 1px solid #898989;
}

.pagination-wrapper.custom-pagination-wrapper .page-item.prev.disabled a,
	.pagination-wrapper.custom-pagination-wrapper .page-item.next.disabled a
	{
	background-color: #909581;
	color: #fff;
	border: 1px solid #909581;
}

.pagination-wrapper.custom-pagination-wrapper .page-item.prev a,
	.pagination-wrapper.custom-pagination-wrapper .page-item.next a {
	background-color: #ff9d2d;
	color: #222;
	border: 1px solid #ff9d2d;
}

.pagination-wrapper.custom-pagination-wrapper .page-item.first a,
	.pagination-wrapper.custom-pagination-wrapper .page-item.last a {
	background: #0192ff !important;
	color: #fff;
	border: 1px solid #0192ff;
}

.pagination-wrapper.custom-pagination-wrapper .page-item.prev a:hover,
	.pagination-wrapper.custom-pagination-wrapper .page-item.next a:hover,
	.pagination-wrapper.custom-pagination-wrapper .page-item.first a:hover,
	.pagination-wrapper.custom-pagination-wrapper .page-item.last a:hover {
	background-color: #125f96;
	color: #fff;
	border: 1px solid #125f96;
}

.pagination-wrapper.custom-pagination-wrapper .page-item.first a:hover,
	.pagination-wrapper.custom-pagination-wrapper .page-item.last a:hover {
	background-color: #774936 !important;
	border: 1px solid #774936;
}

.pagination-wrapper.custom-pagination-wrapper .page-item .page-link {
	color: #2c2c2c;
	border: none;
	padding: 8px 16px;
	font-size: 16px;
	letter-spacing: 0.1em;
	border: 1px solid #e4e4e4;
}

.pagination-wrapper.custom-pagination-wrapper .page-item.active .page-link
	{
	color: #fff;
	background-color: #125f96;
	border: 1px solid #125f96;
}

.pagination-wrapper.custom-pagination-wrapper .page-item:hover .page-link
	{
	color: #fff;
	background-color: #125f96;
	border: 1px solid #125f96;
}

.custom-pagination-wrapper .pagination {
	gap: 10px;
}

.pagination-wrapper.custom-pagination-wrapper .page-item .page-link {
	padding: 4px 12px;
	border-radius: 3px;
	font-size: 14px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

/* pagination css end */
input[type="password"].form-control, input[type="password"].digit {
	font-family: caption;
	font-size: 25px;
}

input[type="password"].digit:focus, input[type="password"].digit:active
	{
	border: 1px solid #849cff !important;
}

.custom-icon-group input[type="password"].form-control::placeholder,
	input[type="password"].form-control::placeholder {
	font-size: 16px !important;
	line-height: normal;
	font-family: 'Roboto', sans-serif !important;
}

.custom-input-group .custom-icon-group {
	width: 100%;
}

.input-group.custom-input-group .buttons-group li .btn {
	white-space: nowrap;
}

.form-group.cst-form-group {
	display: flex;
}

.form-group.cst-form-group label {
	display: inline !important;
	padding-top: 3px;
}

.form-group.cst-form-group .dmc-data {
	display: block;
}

.cdb-title.cst-cdb-title {
	color: #0192ff !important;
}

.cst-abha-modal .custom-data-block {
	margin-bottom: 20px;
	/*     flex-direction: column; */
}
/* .custom-input-group .otp-wrapper { */
/*     width: calc(100% - 105px); */
/* } */
.custom-input-group .custom-input-group .eyes_button {
	position: initial !important;
	height: 46px;
}

.cs-sm {
	text-transform: none !important;
}

.inst_block.alert-blue {
	border: 1px solid #ffd785 !important;
	background: rgba(247, 200, 0, 0.2) !important;
}

.title-hl {
	color: #0071f6;
	font-weight: 600;
	letter-spacing: 0.6px;
}

/* custom ABHA cards style start */
.custom-card-list {
	margin: 9px 7px 7px;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 15px;
	justify-items: center;
}

.custom-card-list .card-list-wrp {
	position: relative;
	border-radius: 8px;
	background-color: #fff;
	overflow: hidden;
	transition: all .5s cubic-bezier(0.175, 0.885, 0, 1);
	box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
}

.custom-card-list .card-list-wrp:before {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 0;
	background-image: repeating-radial-gradient(circle at 0 0, transparent 0, #ffffff 6px),
		repeating-linear-gradient(#0192ff55, #0192ff);
	background-size: cover;
	opacity: 0.1;
}

.custom-card-list .card-list-wrp:hover {
	box-shadow: 0 2px 4px 0 rgba(219, 215, 215, 0.5), 0 0 0 2px #3057d5;
}

.custom-card-list .card-list-wrp input[type='radio'] {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 18px;
	height: 18px;
	transition: 200ms linear;
	z-index: 2;
	cursor: pointer;
}

.custom-card-list .card-list-wrp input[type='radio']:checked+.list-box-area
	{
	background: #0092fb36;
	height: 100%;
}

.card-list-wrp .list-box-image {
	width: 80px;
	height: 80px;
	background: #ddf2ff;
	padding: 4px;
	overflow: hidden;
	border-radius: 4px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.card-list-wrp .list-box-area {
	text-align: center;
	z-index: 1;
	position: inherit;
	padding: 10px;
	padding-left: 40px;
	transition: all 0.5s ease-in-out;
	height: 100%;
}

.card-list-wrp .list-wrp {
	display: flex;
	align-items: center;
	gap: 10px;
}

.card-list-wrp .list-box-area .list-ttl {
	font-size: 13px;
	margin-bottom: 0;
	font-weight: 600;
}

.card-list-wrp .list-box-area .list-data {
	font-size: 13px;
	line-height: 13px;
	font-weight: 600;
	letter-spacing: 0.8px;
	margin: 0;
}

.card-list-wrp .list-box-area .list-data.ttl-name {
	line-height: 18px;
	font-weight: 600;
	/*     min-height: 36px; */
	display: -webkit-box;
	overflow: hidden;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
/* custom ABHA cards style end */

/* card list modal css start*/
.card-list-modal .custom-card-list {
	margin: 0;
}

.card-list-modal .custom-card-list .card-list-wrp {
	width: 100%;
}

.card-list-modal .card-list-wrp .list-box-area {
	padding: 6px;
	padding-left: 32px;
}

.card-list-modal .card-list-wrp .list-wrp {
	width: 100%;
	margin-bottom: 2px;
	gap: 2px;
}

.card-list-modal .custom-card-list .card-list-wrp input[type='radio'] {
	top: 6px;
	left: 6px;
	gap: 6px;
}

.card-list-modal .card-list-wrp .list-box-area .list-ttl {
	min-width: 78px;
	text-align: left;
	margin-bottom: 2px;
	gap: 2px;
	line-height: 18px;
}

.card-list-modal .card-list-wrp .list-box-area .list-wrp .list-data {
	word-break: break-all;
	max-width: calc(100% - 78px);
}

.card-list-modal .card-list-wrp .list-box-area .list-data.ttl-name {
	margin-bottom: 3px;
	text-align: left;
}

.card-list-modal .card-list-wrp .list-box-area .list-data.ttl-name,
	.card-list-modal .card-list-wrp .list-box-area .list-data {
	line-height: 18px;
}

.card-list-modal .card-list-wrp .list-box-area .list-data {
	word-break: break-all;
}
/* card list modal css end*/

/* custom section loader css start */
.custom-step-content, .custom-loader-block {
	position: relative;
}

.custom-loader-section {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: auto;
	background: rgba(223, 223, 223, 0.5);
	z-index: 9999999999;
}

.lds-spinner, .lds-spinner div, .lds-spinner div:after {
	box-sizing: border-box;
}

.lds-spinner {
	color: #0192ff;
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}

.lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3.2px;
	left: 36.8px;
	width: 6.4px;
	height: 17.6px;
	border-radius: 20%;
	background: currentColor;
}

.lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
}

.lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
}

.lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
}

.lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
}

.lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
}

.lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
}

.lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
}

.lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
}

.lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
}

.lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
}

.lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
}

.lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
}

@keyframes lds-spinner { 0% {
	opacity: 1;
}

100% {
	opacity: 0;
}
}

/* square loader start */
/* @keyframes square-animation { */
/*  0% { */
/*   left: 0; */
/*   top: 0; */
/*  } */

/*  10.5% { */
/*   left: 0; */
/*   top: 0; */
/*  } */

/*  12.5% { */
/*   left: 32px; */
/*   top: 0; */
/*  } */

/*  23% { */
/*   left: 32px; */
/*   top: 0; */
/*  } */

/*  25% { */
/*   left: 64px; */
/*   top: 0; */
/*  } */

/*  35.5% { */
/*   left: 64px; */
/*   top: 0; */
/*  } */

/*  37.5% { */
/*   left: 64px; */
/*   top: 32px; */
/*  } */

/*  48% { */
/*   left: 64px; */
/*   top: 32px; */
/*  } */

/*  50% { */
/*   left: 32px; */
/*   top: 32px; */
/*  } */

/*  60.5% { */
/*   left: 32px; */
/*   top: 32px; */
/*  } */

/*  62.5% { */
/*   left: 32px; */
/*   top: 64px; */
/*  } */

/*  73% { */
/*   left: 32px; */
/*   top: 64px; */
/*  } */

/*  75% { */
/*   left: 0; */
/*   top: 64px; */
/*  } */

/*  85.5% { */
/*   left: 0; */
/*   top: 64px; */
/*  } */

/*  87.5% { */
/*   left: 0; */
/*   top: 32px; */
/*  } */

/*  98% { */
/*   left: 0; */
/*   top: 32px; */
/*  } */

/*  100% { */
/*   left: 0; */
/*   top: 0; */
/*  } */
/* } */

/* .loader-squares { */
/*  position: relative; */
/*  width: 96px; */
/*  height: 96px; */
/*  transform: rotate(45deg); */
/* } */

/* .loader-square { */
/*  position: absolute; */
/*  top: 0; */
/*  left: 0; */
/*  width: 28px; */
/*  height: 28px; */
/*  margin: 2px; */
/*  border-radius: 0px; */
/*  background: #0192ff; */
/*  background-size: cover; */
/*  background-position: center; */
/*  background-attachment: fixed; */
/*  animation: square-animation 10s ease-in-out infinite both; */
/* } */

/* .loader-square:nth-of-type(0) { */
/*  animation-delay: 0s; */
/* } */

/* .loader-square:nth-of-type(1) { */
/*  animation-delay: -1.4285714286s; */
/* } */

/* .loader-square:nth-of-type(2) { */
/*  animation-delay: -2.8571428571s; */
/* } */

/* .loader-square:nth-of-type(3) { */
/*  animation-delay: -4.2857142857s; */
/* } */

/* .loader-square:nth-of-type(4) { */
/*  animation-delay: -5.7142857143s; */
/* } */

/* .loader-square:nth-of-type(5) { */
/*  animation-delay: -7.1428571429s; */
/* } */

/* .loader-square:nth-of-type(6) { */
/*  animation-delay: -8.5714285714s; */
/* } */

/* .loader-square:nth-of-type(7) { */
/*  animation-delay: -10s; */
/* } */

/* square loader end */

/* .custom-section-loader .boxes { */
/*     --size: 32px; */
/*     --duration: 800ms; */
/*     height: calc(var(--size) * 2); */
/*     width: calc(var(--size) * 3); */
/*     position: relative; */
/*     transform-style: preserve-3d; */
/*     transform-origin: 50% 50%; */
/*     margin-top: calc(var(--size) * 1.5 * -1); */
/*     transform: rotateX(60deg) rotateZ(45deg) rotateY(0deg) translateZ(0px); */
/* } */

/* .custom-section-loader .boxes .box { */
/*   width: var(--size); */
/*   height: var(--size); */
/*   top: 0; */
/*   left: 0; */
/*   position: absolute; */
/*   transform-style: preserve-3d; */
/* } */

/* .custom-section-loader .boxes .box:nth-child(1) { */
/*   transform: translate(100%, 0); */
/*   -webkit-animation: box1 var(--duration) linear infinite; */
/*   animation: box1 var(--duration) linear infinite; */
/* } */

/* .custom-section-loader .boxes .box:nth-child(2) { */
/*   transform: translate(0, 100%); */
/*   -webkit-animation: box2 var(--duration) linear infinite; */
/*   animation: box2 var(--duration) linear infinite; */
/* } */

/* .custom-section-loader .boxes .box:nth-child(3) { */
/*   transform: translate(100%, 100%); */
/*   -webkit-animation: box3 var(--duration) linear infinite; */
/*   animation: box3 var(--duration) linear infinite; */
/* } */

/* .custom-section-loader .boxes .box:nth-child(4) { */
/*   transform: translate(200%, 0); */
/*   -webkit-animation: box4 var(--duration) linear infinite; */
/*   animation: box4 var(--duration) linear infinite; */
/* } */

/* .custom-section-loader .boxes .box > div { */
/*   --background: #5C8DF6; */
/*   --top: auto; */
/*   --right: auto; */
/*   --bottom: auto; */
/*   --left: auto; */
/*   --translateZ: calc(var(--size) / 2); */
/*   --rotateY: 0deg; */
/*   --rotateX: 0deg; */
/*   position: absolute; */
/*   width: 100%; */
/*   height: 100%; */
/*   background: var(--background); */
/*   top: var(--top); */
/*   right: var(--right); */
/*   bottom: var(--bottom); */
/*   left: var(--left); */
/*   transform: rotateY(var(--rotateY)) rotateX(var(--rotateX)) translateZ(var(--translateZ)); */
/* } */

/* .custom-section-loader .boxes .box > div:nth-child(1) { */
/*   --top: 0; */
/*   --left: 0; */
/* } */

/* .custom-section-loader .boxes .box > div:nth-child(2) { */
/*   --background: #145af2; */
/*   --right: 0; */
/*   --rotateY: 90deg; */
/* } */

/* .custom-section-loader .boxes .box > div:nth-child(3) { */
/*   --background: #447cf5; */
/*   --rotateX: -90deg; */
/* } */

/* .custom-section-loader .boxes .box > div:nth-child(4) { */
/*   --background: #DBE3F4; */
/*   --top: 0; */
/*   --left: 0; */
/*   --translateZ: calc(var(--size) * 3 * -1); */
/* } */

/* @-webkit-keyframes box1 { */
/*   0%, 50% { */
/*     transform: translate(100%, 0); */
/*   } */

/*   100% { */
/*     transform: translate(200%, 0); */
/*   } */
/* } */

/* @keyframes box1 { */
/*   0%, 50% { */
/*     transform: translate(100%, 0); */
/*   } */

/*   100% { */
/*     transform: translate(200%, 0); */
/*   } */
/* } */

/* @-webkit-keyframes box2 { */
/*   0% { */
/*     transform: translate(0, 100%); */
/*   } */

/*   50% { */
/*     transform: translate(0, 0); */
/*   } */

/*   100% { */
/*     transform: translate(100%, 0); */
/*   } */
/* } */

/* @keyframes box2 { */
/*   0% { */
/*     transform: translate(0, 100%); */
/*   } */

/*   50% { */
/*     transform: translate(0, 0); */
/*   } */

/*   100% { */
/*     transform: translate(100%, 0); */
/*   } */
/* } */

/* @-webkit-keyframes box3 { */
/*   0%, 50% { */
/*     transform: translate(100%, 100%); */
/*   } */

/*   100% { */
/*     transform: translate(0, 100%); */
/*   } */
/* } */

/* @keyframes box3 { */
/*   0%, 50% { */
/*     transform: translate(100%, 100%); */
/*   } */

/*   100% { */
/*     transform: translate(0, 100%); */
/*   } */
/* } */

/* @-webkit-keyframes box4 { */
/*   0% { */
/*     transform: translate(200%, 0); */
/*   } */

/*   50% { */
/*     transform: translate(200%, 100%); */
/*   } */

/*   100% { */
/*     transform: translate(100%, 100%); */
/*   } */
/* } */

/* @keyframes box4 { */
/*   0% { */
/*     transform: translate(200%, 0); */
/*   } */

/*   50% { */
/*     transform: translate(200%, 100%); */
/*   } */

/*   100% { */
/*     transform: translate(100%, 100%); */
/*   } */
/* } */

/* custom section loader css end */

/* custom Card Details Diff Check start */
.custom-card {
	background: #fff;
	border-radius: 5px;
	box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	overflow: hidden;
	min-height: 290px;
}

.crd-head {
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	background: linear-gradient(109.6deg, rgb(91 178 241) 11.2%,
		rgb(25, 74, 236) 91.1%);
}

.custom-card.old-abhacard .crd-head {
	background-image: linear-gradient(to right, #285195, #2a549a, #2c57a0, #2e5ba5, #305eab,
		#3564b4, #3a6bbd, #3f71c6, #487cd4, #5187e2, #5a92f1, #639eff);
}

.old-dtls .crd-head:before {
	opacity: 1;
	background: #285195;
}

.crd-head .hd-lft {
	max-width: 160px;
	width: 30%;
}

.old-abhacard .crd-head .hd-lft {
	max-width: 100px;
}

.crd-head .hd-rht {
	max-width: 30px;
	width: 30%;
}

.hd-ctr {
	width: 40%;
}

.crd-body {
	padding: 12px;
}

.crd-body .c-name {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 28px;
	text-transform: capitalize;
}

.c-data-wrapper {
	font-weight: 600;
	font-size: 16px;
	line-height: 28px;
	padding-left: 5px;
	position: relative;
}

.c-data-wrapper.cst-dtl {
	line-height: 22px;
	display: flex;
}

.c-data-wrapper .c-data {
	font-weight: 400;
	padding-left: 5px;
}

.hd-ctr h2 {
	margin-bottom: 0;
	font-size: 18px;
	line-height: normal;
	text-transform: capitalize;
	color: #fff;
}

.data-cmp {
	margin-bottom: 4px;
	padding: 0 5px;
}

.crd-body .data-cmp:last-child {
	margin-bottom: 0;
}

.data-cmp .c-data:before, .data-cmp .c-name:before {
	content: "\eed8";
	font-family: IcoFont !important;
	position: absolute;
	font-size: 12px;
	line-height: 12px;
	padding: 2px;
	background: #69b8a9;
	color: #fff;
	border-radius: 50%;
	right: -8px;
	top: -10px;
}

.new-abhacard .data-cmp .c-data:before, .new-abhacard .data-cmp .c-name:before
	{
	content: "\eed8";
	background: #69b8a9;
}

.old-abhacard .data-cmp .c-data:before, .old-abhacard .data-cmp .c-name:before
	{
	content: "\ef1c";
	background: #b55869;
}

.new-abhacard .data-cmp {
	background: #d5f7f0;
	border: 1px solid #abefe2;
	border-radius: 4px;
	padding-left: 5px;
}

.old-abhacard .data-cmp {
	background: #ffdde2;
	border: 1px solid #ffbac6;
	border-radius: 4px;
}
/* custom Card Details Diff Check end */

/* custom Arrow animation */
.cst-arrow {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transform: rotate(90deg);
	cursor: pointer;
}

.cst-arrow span {
	display: block;
	width: 12px;
	height: 12px;
	border-bottom: 4px solid #6cd3a4;
	border-right: 4px solid #6cd3a4;
	transform: rotate(45deg);
	margin: 0;
	animation: arrowanimate 2s infinite;
}
.cst-checkinput{
	max-width: 25%;
}
.cst-arrow span:nth-child(2) {
	animation-delay: -0.2s;
}

.cst-arrow span:nth-child(3) {
	animation-delay: -0.4s;
}

@keyframes arrowanimate { 0% {
	opacity: 0;
	transform: rotate(45deg) translate(-20px, -20px);
}

50% {
	opacity: 1;
}
100% {
	opacity: 0;
	transform: rotate(45deg)
	translate(20px,20px);
}
}

@media only screen and (max-width:1439px) {
	ul.select-time li {
		width: calc(( 100% / 4) - 0.5em) !important;
	}
	.cst-checkinput {
    	max-width: 30%;
	}
}

@media only screen and (max-width:1279px) {
	.custom-vtab .cdt-list-items .cdt-list-item {
		width: 20%;
	}
	.cdt-list-items .cdt-list-item {
		padding: 12px;
	}
	.cdt-list-items {
		margin: 0 -12px;
	}
	.cbtli-v2 .cdt-ti:after {
		top: 2px;
	}
	.cst-checkinput {
    	max-width: 40%;
	}
}

@media only screen and (max-width: 1023px) {
	.custom-vtab .cdt-list-items .cdt-list-item {
		width: 25%;
	}
	.custom-vtab .cvtab-left, .custom-vtab .cvtab-right {
		width: 100%;
	}
	.custom-vtab .cvtab-left {
		height: 212px;
	}
	.cvtab-left .menu {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.custom-vtab .menu .menu-item {
		width: 49.45%;
	}
	.custom-serint {
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.custom-search-block {
		display: flex;
		justify-content: center;
	}
	.custom-displaycard2 {
		display: block;
	}
	.cst-checkinput {
    	max-width: 50%;
	}
	ul.select-time li {
		width: calc(( 100% / 3) - 0.5em) !important;
	}
	.theme-common .page-wrapper .content {
   		padding: 30px 30px !important;
	}
}

@media only screen and (max-width: 767px) {
	.custom-modal-v3 .custom-modal-header {
		flex-wrap: wrap;
	}
	.custom-mohe-left {
		width: 100%;
	}
	.custom-modal-v3 .custom-modal-header .custom-tokan-block {
		margin: -28px 0 26px 0;
	}
	.custom-mohe-center {
		width: calc(100% - 36px);
	}
	.custom-mohe-right {
		min-width: auto;
	}
	.custom-print-block .cdbt-title {
		font-size: 18px;
	}
	.custom-vtab .cvtab-left, .custom-vtab .cvtab-right {
		width: 100%;
	}
	ul.select-time li {
    	width: calc(( 100% / 3) - 0.5em) !important;
	}
		.theme-common .pre-header {
		order: 3;
		width: 100% !important;
	}
	.theme-common .header-top{
		flex-wrap: wrap;
	}
	.theme-common .page-wrapper .content {
    	padding: 60px 30px !important;
	}
	.theme-common .hospital-name {
	    width: 100%;
	    font-size: 14px;
	}
}

@media only screen and (max-width: 735px) {
	.custom-vtab .menu .menu-item {
		width: 100%;
	}
	.cst-checkinput {
    	max-width: 100%;
	}
}
@media only screen and (max-width: 666px) {
	ul.select-time li {
   		width: calc(( 100% / 2) - 0.5em) !important;
	}
	.theme-common .hospital-name {
    	width: 90%;
    	padding: 0 0 4px 4px;
	}
		.theme-common .header-top {
	    height: 110px !important;
	}
	.theme-common .header-center h1 {
	    padding: 4px 0;
	    font-size: 20px;
	}
	.theme-common .page-wrapper .content {
   		 padding: 30px 30px !important;
	}
}
@media only screen and (max-width: 567px) {
	.cmt-tabs.cmt-tab-style-02 ul.tabs {
		flex-wrap: wrap;
	}
	.cmt-tabs.cmt-tab-style-03 ul.tabs li {
		width: 100% !important;
	}
	.custom-modal-v3 .custom-modal-header .custom-tokan-block {
		margin: 0 0 26px 0;
	}
	.custom-data-block {
		flex-wrap: wrap;
		text-align: center;
	}
	.custom-vtab .cdt-list-items .cdt-list-item {
		width: 33.33%;
	}
	.custom-input-group {
	    flex-wrap: wrap !important;
	    row-gap: 10px;
	    justify-content: center;
	}
	.input-group.custom-input-group .buttons-group li .btn {
		border-radius: 5px !important;
	}
	.form-control.abha_addr {
    	padding-left: 6px;
	}
}

@media only screen and (max-width: 413px) {
	.custom-vtab .cdt-list-items .cdt-list-item {
		width: 50%;
	}
	ul.select-time li {
		width: 100% !important;
	}
}

/* validated instruction css start */
.notes.validated .wrg {
	color: #ff0000;
}

.notes.validated .rgt {
	color: #006b00;
}

.notes.validated ul li {
	font-size: 14px;
	line-height: 20px;
	font-weight: 500;
	margin-bottom: 2px;
}

.notes.validated h5 {
	font-size: 16px;
	margin-bottom: 5px;
}

.notes.validated {
	border: 1px solid #b7b7b7 !important;
	background: #fffdf3 !important;
	padding: 10px !important;
}
/* validated instruction css end */
.cst-checkinput .btn {
	overflow: visible;
}
/* postfix button style start */
.pst-btn {
	right: 36px;
	position: absolute;
	top: 0;
}

.pst-btn .btn {
    padding: 6px;
    border-radius: 0 !important;
    background: #d3d3d3;
    border: none;
    color: #2c2c2c;
    height: 46px;
    overflow: visible;
    font-size: 14px;
    font-weight: 500;
}

.pst-btn .checkmark-green:before {
	right: 55px;
}

.pst-btn .checkmark-green:after {
	right: 63px;
}

.pst-btn .checkmark-green.ndone:after {
	right: 56px !important;
	color: #fff;
}

.pst-btn.inner .checkmark-green.ndone:after {
	right: 56px !important;
}
/* postfix button style end */

/* Replace */
.ndone.checkmark-green:after {
	content: "\eee4";
	position: absolute;
	font-family: 'IcoFont';
	right: 0px;
	font-size: 16px;
	top: 50%;
	width: 14px;
	height: 17px;
	text-shadow: 1px 1px #00000082;
	margin: -9px 0 0 -3px;
	border-width: 0.15em 0 0.15em 0.15em;
	transform: rotate(90deg);
	border: none;
	box-shadow: none;
}

.selected-appointment.gnrl {
	background: #4294f2 !important;
	border-color: #4294f2 !important;
}
.gnrl {
    background: linear-gradient(270deg, #4696ef, #1f8f79) !important;
    border-color: #199f85 !important;
}
.gnrl h4 {
	color: #fff !important;
	margin-left: 2px !important;
}
.gnrl .hosptial-imgwidth {
	background: #bffff1;	
	border-radius: 4px;
}
.custom-choose-one .input-style-form-check {
    display: flex;
    flex-wrap: wrap;
    row-gap: 8px;
}
.form-control.abha_addr {
    padding-right: 125px;
}

/* custom toggle style start */

.custom-toggle {
    display: flex;
    position: relative;
    background: #ffffff;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.06) 0px 6px 24px 0px, rgba(0, 0, 0, 0.09) 0px 0px 0px 1px;
    width: fit-content;
    padding: 4px 2px;
    overflow: hidden;
}
.simple-table .custom-toggle {
    margin: 0 auto;
}

.custom-toggle input {
     display: none;
}

.custom-toggle label {
    padding: 6px 12px;
    background: transparent;
    border-radius: 15px;
    cursor: pointer;
    margin: 0 2px;
    transition: all 0.3s ease;
    color: #2c2c2c;
    text-align: center;
    font-size: 13px;
}

.custom-toggle label:hover {
    background: rgba(0, 123, 255, 0.2);
}

.custom-toggle input:checked + label {
    background: rgba(77, 128, 177, 1);
    color: white;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
}
.custom-toggle input:checked + label:hover {
    background: #0056b3; 
}

/* custom toggle style end */

/* Accordian Style Start */

.reg-page .accordion-button:focus, .ipd_consult .accordion-button:focus{
	box-shadow: none;
}
.reg-page .accordion-button:not(.collapsed), .ipd_consult .accordion-button:not(.collapsed) {
    background: linear-gradient(89deg, rgb(21, 74, 189) 0.1%, rgb(26, 138, 211) 51.5%, rgb(72, 177, 234) 100.2%);
}
.reg-page .accordion-button, .ipd_consult .accordion-button{
    background: var(--theme-primary);
    line-height: normal;
    color: #fff;
    font-weight: 500;
}
.reg-page .accordion-button::after, .ipd_consult .accordion-button::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff' stroke='%23ffffff' stroke-width='0.5'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.reg-page .accordion-itemstyle:not(:first-of-type), .ipd_consult .accordion-itemstyle:not(:first-of-type) {
    border-top: 1px solid rgba(0, 0, 0, .125);
    margin: 20px 0px;
}

.reg-page .abha-consent {
    background: #e2edff;
}

/* Accordian Style End */


/* Appointment case type style start */

.custom-select-sm .select-wrp {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

.custom-select-sm .hospital-d-flex .hosptial {
    opacity: 1;
    min-height: 46px;
    vertical-align: middle;
    font-size: 16px;
    color: #000 !important;
    cursor: pointer;
    border: 1px solid #9fc9ee;
    text-align: center;
    border-radius: 4px;
    background-color: #f0f8ff;
    min-width: calc(( 100%/ 5)- 0.8em);
    padding: 4px 8px;
    margin: 15px 0;
    margin-right: 16px;
}

.custom-select-sm .hosp_dept.special, .custom-select-sm .special{
    position: relative;
}
.custom-select-sm .hosp_dept.special:before{
    content: "";
    background: url("../images/premium.png");
    height: 12px;
    width: 12px;
    position: absolute;
    background-size: cover;
    right: 2px;
    top: 1px;
}

.cst-toggle-btn {
    padding: 6px 8px;
    border: 1px solid #d0d0d0;
    margin-top: -2px;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    width: 125px;
    display: flex;
    justify-content: space-between;
}
.cst-toggle .dropdown-menu{
	min-width: 125px !important;
}
	.cst-toggle .dropdown-item{
	font-size: 14px;
}

.cst-toggle .special:before {
    content: "";
    background: url("../images/premium.png");
    height: 12px;
    width: 12px;
    position: absolute;
    background-size: cover;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
/* Appointment case type style end */


/* theme START*/
.theme-common .page-wrapper {
	margin-left: 45px;
}
.theme-state{
	--theme-primary: #4768da;
	--theme-secondary: #e9f0ff;
	--theme-card-bg: rgba(247, 249, 255, 1);
	--theme-card-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
	--theme-primary-gradient: #6b97ee, #5973e2, #4461ec;
	--theme-secondary-gradient:  #76a2f9, #708afc, #5975fc;
	--theme-primary-dark: #1e428c;
	--theme-primary-light: #5c84d6;
	/* 	--theme-primary-transparent: 255, 255, 255; */
	--theme-primary-transparent: 211, 222, 255;
	--theme-secondary-transparent: 255, 160, 40;
	--theme-secondary-transparent: 255, 206, 154;
	--theme-primary-bg-light: rgba(247, 249, 255, 1);
	--theme-primary-border: #8da8e7;
	--theme-simple-table: #3368d4;
	--theme-data-table: 53, 86, 140;
	--theme-input-check: rgba(81, 128, 255, 0.2);
	--theme-tabs: #0590f4, #3353a3;
	background: #f4f4ff;
	background: #fff0e0;
}
.theme-college {
    --theme-primary: #1378ba;
    --theme-card-bg: rgba(246, 252, 255, 1);
    --theme-card-shadow: rgba(0, 0, 0, 0.10) 0px 2px 10px 0px;
    --theme-primary-gradient: #28af69, #00ac99, #00a4c6, #0097e2, #0583e4;
    --theme-secondary-gradient: #00aab1, #00a6c8, #0095d9, #007ce2;
    --theme-primary-dark: #2a659c;
    --theme-primary-light: #5d9dd9;
	--theme-primary-transparent: 255, 255, 255;
    --theme-secondary-transparent: 255, 200, 100;
    --theme-secondary-transparent: 255, 170, 70;
    --theme-primary-bg-light: rgba(246, 252, 255, 1);
    --theme-primary-border: #9ed1ff;
    --theme-simple-table: #2fa1da;
    --theme-data-table: 0, 135, 224;
    --theme-data-table: 34, 120, 170;
    --theme-tabs: #0590f4, #47a992, #3353a3;
    --theme-input-check: rgba(210, 236, 255, 0.7);	
   	background: #baebff;
   	background: #d3f2ff;
   	background: #dcf5ff;
}
.error-pages.theme-common{
	background: #fff;
}
.theme-common:has(.main-wrapper.error-wrapper){
	background: #fff;
}
.theme-state .header-top {
    background-image: radial-gradient(circle, var(--theme-primary-gradient));
}
.theme-college .header-top {
    background-image: linear-gradient(to right, var(--theme-primary-gradient));
}
.theme-common .cst-sbmenu .sidebar-menu ul li a i{
	color: var(--theme-primary);
}
.theme-common .cst-sbmenu .sidebar-menu>ul>li>a:hover,
.theme-common.expand-menu .cst-sbmenu .sidebar-menu li .module_csp.subdrop, 
.theme-common.mini-sidebar .cst-sbmenu .sidebar-menu li .module_csp.subdrop{
	background: var(--theme-primary) !important;
}
.theme-common .maintitle {
    background-image: linear-gradient(to left, var(--theme-secondary-gradient));
}
.theme-common .footer {
    background-image: radial-gradient(circle, var(--theme-primary-gradient));
}
.theme-college .footer {
    background-image: linear-gradient(to right, var(--theme-primary-gradient));
}
.theme-common .site-map .maintitle {
    background-image: linear-gradient(to left, var(--theme-secondary-gradient));
}
.theme-common .site-map.register .card-box {
    background-color: var(--theme-primary-bg-light);
    border: 1px solid var(--theme-primary-border);
    box-shadow: none;
}
.theme-common .maintitle::after , 
.theme-common .maintitle.head_ttl::after {
    background-color: var(--theme-primary-dark);
}
.theme-common .toggle-sitemap {
    background: var(--theme-primary);
}
.theme-common .sitemap-dots {
	animation: c 1s infinite;
}
@keyframes c {
	0% {
		box-shadow: 0 0 0 0 var(--theme-primary);
	}

	100% {
		box-shadow: 0 0 0 15px rgba(255, 255, 255, 0);
	}
}
.theme-common .custom-choose-one, 
.theme-common .custom-checkbox-wrapper, 
.theme-common .simple-term-instruction {
    border: 1px solid var(--theme-primary-border);
    background-color: var( --theme-input-check);
}
.custom-checkbox-wrapper {
    text-align: left;
    padding: 10px 12px;
    border-radius: 4px;
    border: 1px solid #81afca;
    background-color: rgba(0, 158, 251, 0.1);
    min-height: 46px;
    display: flex;
    align-items: center;
    width: 100%;
    overflow: auto;
}
.form-check-inline label {
    /* margin-top: 3px; */
    margin-top: 0;
    cursor: pointer;
    user-select: none;
    margin-bottom: 0;
    text-transform: capitalize;
    font-weight: 400 !important;
    font-size: 15px;
}
/* .theme-common .custom-h-bg.even { */
/*     background: rgba(var(--theme-secondary-transparent), 0.2); */
/* } */
.theme-common .form-check-input:checked, 
.theme-common .simple-term-instruction 
.form-check-input:checked{
    background-color: var(--theme-primary);
    border-color: var(--theme-primary);
}
.theme-common .lbl-count {
    color: var(--theme-primary-light);
}
.theme-common .custom-select-sm .hospital-d-flex .hosptial, 
.theme-common .hospital-d-flex .hosptial {
    border: 1px solid var(--theme-primary-border);
    background-color: #ffffff;
}
.theme-common .hospital-d-flex .hosptial:hover, 
.theme-common .selected-appointment, 
.theme-common .state-bg .hospital-d-flex .hosptial:hover, 
.theme-common .city-bg .hospital-d-flex .hosptial:hover, 
.theme-common .state-bg .selected-appointment, 
.theme-common .city-bg .selected-appointment {
    background-color: var(--theme-primary) !important;
    border-color: var(--theme-primary-border) !important;
}	
/* .state-bg .hospital-d-flex .hosptial:hover, .city-bg .hospital-d-flex .hosptial:hover { */
/*     background-color: rgb(66, 148, 242, 0.8) !important; */
/*     border-color: #4294f2 !important; */
/* } */
.theme-common .good-morning-blk:before {
    filter: contrast(0.5);
}
.theme-common .good-morning-blk {
    background-color: rgba(var(--theme-primary-transparent), 0.95);
    box-shadow: var(--theme-card-shadow);
}
.theme-common .dbcard-link {
    background-image: linear-gradient(to left,var(--theme-secondary-gradient));
}
.theme-common .simple-table thead {
    background-color: var(--theme-simple-table);
}
.theme-common .last-col-stickey .table thead .fixed-head, 
.theme-common .last-col-stickey .table tbody .fixed-column, 
.theme-common .last-col-stickey .table thead th:last-child, 
.theme-common .last-col-stickey .table tbody td:last-child {
    background: var(--theme-simple-table);
}
.theme-common .last-col-stickey .table tbody .fixed-column, 
.theme-common .last-col-stickey .table tbody td:last-child {
    background: rgba(242, 242, 242, 0.9);
}
.theme-common .state-bg::before, 
.theme-common .spec-bg::before, 
.theme-common .profile-bg::before {
    color: #0000000d;
}
.theme-common .custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    background: var(--theme-primary-light) !important;
    color: #fff !important;
    border-color: var(--theme-primary-light) !important;
}
.theme-common .custom-datatable table.dataTable thead th, 
.theme-common .custom-datatable table.dataTable thead td {
    border-bottom: 1px solid rgba(var(--theme-data-table),1);
    background: rgba(var(--theme-data-table), 1);
}
.theme-common .custom-datatable .dataTables_length, 
.theme-common .custom-datatable .dataTables_filter {
/*     background: var(--theme-data-table-light); */
    background: rgba(var(--theme-data-table), 0.1);
}
.theme-common .custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
    background: #878788 !important;
    background: rgba(var(--theme-data-table), 0.3) !important;
}
.theme-common .custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button.current {
    color: #ffffff !important;
    background: rgba(var(--theme-data-table), 1) !important;
}
.theme-common .custom-datatable .dataTables_wrapper .dataTables_paginate .paginate_button {
   	background: rgba(var(--theme-data-table), 0.7) !important;
}

.theme-common .prof-dropdown .dropdown-item:focus, 
.theme-common .prof-dropdown .dropdown-item:hover {
    background-color: var(--theme-primary-border);
}
.theme-common .custom-dbcard .card-icon {
    background: var(--theme-primary);
}
.theme-common .custom-dbcard.dbcard-link .card-icon {
    background: none;
}
.theme-common .btn-primary {
    border-color: var(--theme-primary);
    background-color: var(--theme-primary);
}

.theme-common .state-wrap {
    background: var(--theme-state);
}

.theme-common .reg-page .accordion-button:not(.collapsed), 
.theme-common .ipd_consult .accordion-button:not(.collapsed) {
    background: linear-gradient(20deg, var(--theme-tabs));
}
.theme-common .cmt-tabs.cmt-tab-style-03 ul.tabs li.active, 
.theme-common .cmt-tabs.cmt-tab-style-03 ul.tabs li:hover {
    background: linear-gradient(200deg, var(--theme-tabs)) !important;
}

.theme-common .reg-page .accordion-button, 
.theme-common .ipd_consult .accordion-button {
    background: linear-gradient(to left, var(--theme-secondary-gradient));
}
.theme-common .card-box {
    background-color: var(--theme-card-bg);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px;
    box-shadow: var(--theme-card-shadow);
}

.theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.active .page-link {
    color: #fff;
    background-color: var(--theme-primary);
    border: 1px solid var(--theme-primary);
}
.theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.prev.disabled a, .theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.next.disabled a {
    background-color: var(--theme-primary-border);
    color: #fff;
    border: 1px solid var(--theme-primary-border);
}
.theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.first.disabled a, .theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.last.disabled a {
    background-color: #898989 !important;
    color: #fff;
    border: 1px solid #898989;
}

.theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.first a, .theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.last a {
    background: #434343 !important;
    color: #fff;
    border: 1px solid #434343;
}
.theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.first a:hover, .theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.last a:hover {
    background-color: #2c2c2c !important;
    border: 1px solid #2c2c2c;
}
.theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.prev a, .theme-common .pagination-wrapper.custom-pagination-wrapper .page-item.next a {
    background-color: var(--theme-simple-table);
    color: #fff;
    border: 1px solid var(--theme-simple-table);
}
.pagination-wrapper.custom-pagination-wrapper .page-item.prev a:hover, .pagination-wrapper.custom-pagination-wrapper .page-item.next a:hover, .pagination-wrapper.custom-pagination-wrapper .page-item.first a:hover, .pagination-wrapper.custom-pagination-wrapper .page-item.last a:hover {
    background-color: var(--theme-primary-dark);
    color: #fff;
    border: 1px solid var(--theme-primary-dark);
}
/* distinct state sidebar style start*/
.theme-state .sidebar {
    background: #2e3436;
    background: #7e7e7e;
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}
.theme-state .sidebar-menu>ul>li>a, 
.theme-state .cst-sbmenu .sidebar-menu li a.subdrop{
    color: #fff !important;
}
.theme-state .cst-sbmenu .sidebar-menu ul ul a:hover {
    background: #7c7c7c;
}
.theme-state.mini-sidebar .cst-sbmenu .sidebar-menu .screen_csp.subdrop, 
.theme-state.expand-menu .cst-sbmenu .sidebar-menu .screen_csp.subdrop {
    background: #686868 !important;
}
/*	distinct state sidebar style end   */

/* distinct college theme  */
.theme-college select[readonly], 
.theme-college .form-control[readonly] {
    background: #dddddd !important;
}
.theme-college .time-icon input.form-control, 
.theme-college input.date-time.form-control {
    background-color: #fff;
}
/* .theme-college .custom-h-bg.even { */
/*    	background: rgb(179 229 255 / 50%); */
/* } */

/* theme END*/ 



/* Token generation style start */
/* .token-gen-pg .custom-serint { */
/*     justify-content: flex-end; */
/* } */
.token-gen-pg .custom-vtab .cvtab-right {
    width: 100%;
    min-height: 570px;
    border: 1px solid #d7e9ff;
}
.token-gen-pg .custom-vtab .cdt-list-items .cdt-list-item {
    width: 25%;
}
.token-gen-pg .custom-vtab .nacc .nacc-list {
    height: 570px;
    padding: 12px;
}
.token-gen-pg .custom-pagination-content {
    height: calc(570px - 66px);
}
.token-gen-pg .custom-choose-one.mw {
    width: fit-content;
}
.token-gen-pg .token-type-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    margin: -10px 0 10px;
}
.token-type-wrap .cst-vbtn {
    margin-left: 10px;
}
/* .token-gen-pg .cst-vbtn.buttons-group li { */
/*     margin: 24px 0 10px; */
/* } */
.token-gen-pg .t-wrp {
    display: flex;
    align-items: center;
}

.token-gen-pg .token-ttl {
    margin-bottom: 4px;
    font-size: 16px;
}
.token-gen-pg .tkn-count {
    font-size: 16px;
    line-height: 16px;
    padding: 6px 8px;
    margin: 0 0 4px 4px;
    background: #defce9;
    border: 1px solid #bbedd3;
    border-radius: 4px;
}
.token-gen-pg .new-tkn i {
    font-size: 28px;
    line-height: 18px;
    margin: 0px 4px 2px 0;
}

.token-gen-pg .follow-tkn i{
    font-size: 22px;
    line-height: 22px;
    margin: -4px 4px 2px 0;
}
.token-gen-pg .card-hwrap {
    display: flex;
    justify-content: space-between;
}

.token-gen-pg .sb-ttl {
    display: flex;
    align-items: center;
}

.token-mdl .custom-tokan-block .custom-tokan {
    height: 30px;
    min-width: 120px;
}
.token-mdl .dropdown.cst-toggle {
    margin: 0 auto;
}
.token-mdl .custom-bill-block {
    border: none;
    background: #fff;
    padding: 10px;
    margin: 16px 0 0 0;
}
.token-mdl .custom-bill-block .cdb-top {
    border-bottom: none;
    margin-bottom: 0;
}
.token-mdl .custom-mohe-right, .custom-mohe-left {
    min-width: 20%;
}
.token-mdl .custom-mohe-right, .custom-mohe-left {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
}
.token-mdl .custom-mohe-left .buttons-group,  .token-mdl .custom-mohe-left .buttons-group li{
    margin: 0;
}
.token-mdl .custom-mohe-left .buttons-group .btn {
    padding: 6px 12px;
}
.token-mdl .custom-mohe-left .buttons-group .btn-success {
    background-color: #21b662;
    border-color: #21b662
}
.token-mdl .custom-modal-header {
    padding: 0.725rem 1rem !important;
}
.token-mdl .buttons-group li {
    margin: 10px 0 0;
    padding: 0;
    z-index: 1;
}
.token-mdl .g-ttl {
    background: #12ff1b2b;
    border: 1px solid #5dca61;
    padding: 10px;
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.token-mdl .g-ttl label{
	margin-bottom: 0;
}
.token-mdl .modal-footer {
    padding: 0 0.5rem;
}
/* Token generation style end */
