.auth-logo {
	width: 250px;
	height: auto;
	margin: auto auto 30px;
}
.passport-wrapper label {
	display: block;
	font-size: 1.2rem;
}
.photo-display {
	display: inline-block;
	width: 200px;
	height: 257px;
	position: relative;
	overflow: hidden;
}
.browse-picture-box {
	display: flex;
	width: 100%;
	height: 100%;
	border: 2px dashed #bbbbbb;
}
.browse-picture-box img {
	width: 100%;
	height: auto;
	object-fit: cover;
}
.photo-display:hover .browse-picture-box {
	background-color: #fafafa;
}
.passport-picture__upload-field {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	cursor: pointer;
}
.passport-placeholder {
	margin: auto;
}
.passport-placeholder__content {
	font-size: 1.4rem;
}
.passport-placeholder__content .passport-placeholder__icon {
	font-size: 4rem;
}
.passport-placeholder__content .passport-placeholder__text {
	display: block;
}
.additional-btn{
	display: block;
	place-self: self-end;
}
.instructions ol {
	list-style-type: decimal;
	list-style-position: inside;
}
.instructions li{
	margin-bottom: 25px;
	font-size: 1rem;
	line-height: 27px;
	list-style-position: outside;
	padding-left: 30px;
	margin-left: 50px;
	margin-right: 50px;
}
.form_button {
	font-size: 1.1rem;
}
.alert {
	--tw-bg-opacity: 1;
	--tw-border-opacity: 1;
}
.text-1xl {
	font-size: 1rem;
	line-height: 1.5rem;
}
.alert-success, .alert-success-btn {
	background-color: rgb(240 253 250 / var(--tw-bg-opacity));
	border-color: rgb(153 246 228 / var(--tw-border-opacity));
}
.alert-success-icon {
	color: rgb(45 212 191 / var(--tw-text-opacity));
}
.alert-success-btn {
	color: rgb(20 184 166 / var(--tw-text-opacity));
}
.alert-danger, .alert-danger-btn {
	background-color: rgb(254 242 242 / var(--tw-bg-opacity));
	border-color: rgb(254 202 202 / var(--tw-border-opacity));
}
.alert-danger-icon {
	color: rgb(248 113 113 / var(--tw-text-opacity));
}
.alert-danger-btn {
	color: rgb(248 113 113 / var(--tw-text-opacity));
}
.alert-info, .alert-info-btn {
	background-color: rgb(var(--color-primary) / .1);
	border-color: rgb(var(--color-primary));
}
.alert-info-icon {	
	color: rgb(var(--color-primary));
}
.alert-info-btn {
	color: rgb(var(--color-primary));
}
.alert-warning, .alert-warning-btn {
	background-color: rgb(254 252 232 / var(--tw-bg-opacity));
	border-color: rgb(254 240 138 / var(--tw-border-opacity));
}
.alert-warning-icon {	
	color: rgb(250 204 21 / var(--tw-text-opacity));
}
.alert-warning-btn {
	color: rgb(250 204 21 / var(--tw-text-opacity));
}
.choices:has(+ .input-error-icon) {
	margin-bottom: 0;
}
.choices:has(+ .input-error-icon) .choices__inner {
	border-color: rgb(var(--color-danger)) !important;
}
.simplebar-wrapper {
	margin: auto!important;
}
#auth_field {
	display: none;
}
.main-content {
	min-height: calc(100vh - 120px);
}
input.signature-input {
	font-family: 'Great Vibes';
	font-size: 1.8rem;
}
.bg_hero_image {
	text-align: center;
}
.bg_hero_image img {
	margin: auto;
}
.page_title_with_bg {
	min-height: 70px;
	background-image: url('/assets/img/banner.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	margin-bottom: 20px;
}
.page_title_with_bg h3 {
	line-height: 1.9rem;
	width: 400px;
	padding: 20px;
}
.slide__category:not(first-child) {
	padding-top: 2rem;
}
.close_grid {
	place-items: center;
}
.space-y-2 .close_exam_info {
	margin-top: 50px!important;
}
.close_exam_info .close_exam_info_item {
	font-size: 1.3rem;
	line-height: 2.3rem;
}
.hs-dropdown > .ti-dropdown-menu {
	z-index: -1;
}
.hs-dropdown.open > .ti-dropdown-menu {
	z-index: 10;
	display: block;
}
.datatable-bottom, .datatable-top {
	padding: 8px 0;
	margin-bottom: 50px;
}
.datatable-table>tbody>tr>td, .datatable-table>tbody>tr>th, .datatable-table>tfoot>tr>td, .datatable-table>tfoot>tr>th, .datatable-table>thead>tr>td {
	padding: 1rem 1rem;
	vertical-align: unset;
}
.datatable-table>thead>tr>th {
	padding: 1rem 1rem;
	vertical-align: unset;
}
.datatable-table {
	border-collapse: collapse;
}
#datatablesSimple td {
	border: none;
}
.datatable-pagination a, .datatable-pagination a:focus, .datatable-pagination a:hover {
	--tw-text-opacity: 1;
	font-weight: 500;
	font-size: 0.875rem;
	padding: 0.25rem 0.5rem;
	line-height: 1;
	border-radius: 0.25rem;
}
.datatable-pagination .datatable-active a, .datatable-pagination .datatable-active a:focus, .datatable-pagination .datatable-active a:hover {
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity));
	font-weight: 500;
	font-size: 0.875rem;
	background-color: rgb(var(--color-primary));
	padding: 0.25rem 0.5rem;
	line-height: 1;
	border-radius: 0.25rem;
}

/* Review */
.top-80 {
	top: 80px;
	z-index: 1;
}
.student_image {
	width: 200px;
	height: 257px;
	margin: auto;
}
.student_image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.review-tables.ti-custom-table th {
	background-color: #f1f1f1;
}
.first\:rounded-t-sm:not(:last-child) {
	margin-bottom: 20px
}
.t-col-2 td {
	width: 50%;
}
.t-col-4 td {
	width: 33%;
}
.btn-loader {
	display: none;
}
.show-loader .btn-loader {
	display: inline-block;
}
.action-btn .btn-loader{
	display: none;
}
.action-btn-active i {
	display: none;
}
.action-btn-active .btn-loader {
	display: inline-block;
}
.hide-quill {
	display: none;
}
.hide-radiology-exam-type {
	display: none;
}
.hide-radiology-exam-type-active {
	display: flex;
	flex-direction: column;
}
.hide-app-group-automation-date {
	display: none;
}
.hide-app-group-automation-date-active {
	display: flex;
	flex-direction: column;
}
.hide-family-medicine-exam-type {
	display: none;
}
.hide-family-medicine-exam-type-active {
	display: flex;
	flex-direction: column;
}
#attachment-wrapper {
	display: none;
}
.group-select .is-active.choices__list--dropdown, .group-select .is-active.choices__list[aria-expanded] {
	position: relative!important;
}
.group-select .choices[data-type*=select-one].is-open::after {
	top: 13%;
}
.intakes-container {
	width: 1100px;
	max-width: 100%;
	margin: auto;
}
@media (min-width: 480px) {
	#app-group-modal.ti-modal .ti-modal-box {
		width: 71rem;
		max-width: 71rem;
	}
}
/* End of Review */
@media only screen and (max-width: 768px) {
	.responsive-logo-dark {
		width: 150px;
	}
	.bg_hero_image {
		width: 100%;
	}
}