/* style  */

/* Admission Counseling sidebar: split row (main link + chevron opens dropdown) */
.side-menu-ac-dropdown .side-menu-ac-main {
	min-width: 0;
}
.side-menu-ac-caret-wrap {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.side-menu-ac-caret-wrap .side-menu-ac-caret {
	flex: 1 1 auto;
}
.app-sidebar .side-menu-ac-caret-wrap .dropdown-menu {
	z-index: 1020;
	min-width: 15rem;
}
.side-menu-ac-dropdown .side-menu-ac-caret {
	flex-shrink: 0;
	align-self: stretch;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.5rem;
	margin: 0;
	border: 0;
	background: transparent;
	color: inherit;
	opacity: 0.9;
}
.side-menu-ac-dropdown .side-menu-ac-caret:hover,
.side-menu-ac-dropdown .side-menu-ac-caret:focus {
	opacity: 1;
	background: rgba(255, 255, 255, 0.12);
}
.side-menu-ac-dropdown .side-menu-ac-caret .fa {
	font-size: 0.75rem;
}

.side-menu__item.active,
.side-menu__item:hover,
.side-menu__item:focus {
	text-decoration: none;
	color: #ffffff;
	background: linear-gradient(-45deg, #19b0bf, var(--primary-bg-color)) !important;
	/* background: linear-gradient(45deg, var(--primary-bg-color), #6783af) !important; */
}

.sub-heading {
	color: black;
}

.fas-icons {
	color: rgba(78, 148, 180, 0.6);
	;
}

.transaction_table td .ccamount,
.extracurricular_table td .program-price {
	float: right;
}


/* Login */

.form-card {
	margin-top: 70px;
	/* margin-bottom: 70px; */
}

.extra-curricular-filter .row {
	margin-top: 25px;
}

.card-header {
	border-block-end: none;
}

.select2-container--default .select2-selection--multiple,
.form-control,
.input-group-text,
.dataTables_wrapper .dataTables_length .select2-container--default .select2-selection--single,
.table-bordered th,
.table-bordered td {
	border: 1px solid #ededf5 !important;
}

/* Tutor Finder Form - Select2 border styling for better visibility */
#findtutorForm .select2-container--default .select2-selection--single {
	border: 1px solid rgba(0, 0, 0, 0.68) !important;
}
#findtutorForm .select2-container--default .select2-selection--single:focus,
#findtutorForm .select2-container--default.select2-container--focus .select2-selection--single {
	border: 1px solid rgba(0, 0, 0, 0.68) !important;
}

.select2-container--default .select2-selection--multiple,
.form-control,
.input-group-text {
	border: 1px solid rgb(0 0 0 / 68%) !important;
}

.hor-header .responsive-logo img {
	height: 4rem;
}

.login-section {
	text-align: center;
}

.login-section img {
	width: 50%;
}


/* #loginform input.form-control {
	margin: 25px 0px;
} */

#loginform .card-title p {
	padding: 3px;
	font-size: 14px;
}

.sub-title {
	padding-left: 20px;
	color: #01293b;
	margin-bottom: 2px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
	background-color: #005a848c;
}

.vertical-line {
	border-right: 2px solid #eee;
	padding: 0px 10px
}

.program-details .program-label {
	font-size: 12px;
}

span.program-label,
.program-details {
	color: #005A84;
	font-style: normal;
}

.program-details {
	font-style: italic;
}

.horizontal-line {
	border-bottom: 2px solid #eee;
	padding: 5px 0px;
	margin-bottom: 10px;
}

.program-text {
	color: black;
	font-weight: 600;
	font-style: normal;
}

.program-label-left i {
	padding-right: 6px;
}

.col-md-6.program-label-left {
	font-style: normal;
}

.program-label-right {
	font-style: normal;
	color: black;
	font-weight: 600;
	word-break: break-all;
}

.row.bottom-spacing {
	margin-bottom: 20px;
}

.row.column-three-project {
	font-style: normal;
	background: #E7ECEF;
	margin: auto;
	padding: 10px 1px;
}

.row.project-details-description {
	margin: auto;
	margin-top: 23px;
}

.section-description {
	color: #be4924;
	padding: 10px 25px;
	border: 1px dashed #D1C4C4;
	margin-top: 10px;
}

.min-max-price-val {
	color: red;
}

.tooltiptext {
	background-color: #555;
	color: #fff;
	text-align: center;
	padding: 5px 10px;
	border-radius: 6px;
	position: relative;
	display: inline-block;
}

.tooltiptext::after {
	content: "";
	position: absolute;
	bottom: 30%;
	right: 100%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #555555 transparent transparent;
}

.filter-icon {
	color: #95BFD2;
	font-size: 16px;
	font-weight: 600;
}

input.filterBtn {
	margin-top: 33px;
}

.tooltip1 .fe-help-circle {
	font-size: 28px;
	padding-right: 8px;
}

.tooltip1 {
	display: flex;
	align-items: center;
	/* font-size:28px;
	padding-right: 8px; */
}

.tooltiptext {
	vertical-align: middle;
}

.mainheading {
	color: #005A84;
	text-align: left;
	font-size: 36px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 36px */
	letter-spacing: 1.08px;
	border-block-end: none;
}

@media only screen and (max-width: 600px) {
	.mainheading {
		margin-left: 40px;
		color: #005A84;
		text-align: center;
		font-size: 36px !important;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		border-block-end: none;
	}
}

.collegename {
	color: #2980A8;
	text-align: center;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 26px */
	letter-spacing: 1.3px;
}

.card-style {
	padding-bottom: 33px;
	border-radius: 4px;
	background: #FFF;
	box-shadow: 0px 0px 18px 0px rgba(41, 128, 167, 0.20)
}

.card-head {
	color: #2980A8;
	text-align: left;
	font-size: 26px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	padding-top: 15px;
	padding-left: 15px;
	letter-spacing: 1.3px;
}

.head-span {
	color: #000;
	text-align: center;
	/*  */
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.9px;
	padding-left: 15px;
}

.links {
	color: #2980A7;
	text-align: left;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	letter-spacing: 0.75px;
	padding-top: 30px;
	padding-left: 20px;
}

.first-p {
	padding-left: 17px;
	padding-top: 16px;
	color: #000;
	text-align: left;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-bottom: 50px;
	letter-spacing: 0.75px;
}

.droplist_error {
	width: 253px;
	height: 43px;
	flex-shrink: 0;
	border-radius: 2px;
	border: 1px solid #EA3E0B;
	background: rgba(234, 62, 11, 0.10);
	margin-left: 17px;
}

.droplist {
	width: 253px;
	height: 43px;
	flex-shrink: 0;
	border-radius: 2px;
	border: 1px solid #2E9026;
	background: rgba(46, 144, 38, 0.10);
	margin-left: 17px;
}

.error-text {
	color: #EA3E0B;
	text-align: right;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.7px;
	padding-left: 57px;
	padding-top: 22px;
}

.crct-text {
	color: #2E9026;
	text-align: right;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	letter-spacing: 0.7px;
	padding-left: 57px;
	padding-top: 22px;
}

.logo-align {
	padding-top: 16px;
	padding-right: 26px;
	padding-left: 85px;
}

@media only screen and (max-width: 600px) {
	.logo-align {
		padding-top: 16px;
		padding-right: 27px;
		padding-left: 27px;
	}
}

.line-break {
	width: 608px;
	height: 1px;
	background: rgba(34, 34, 34, 0.10);
	margin-left: 3px;
}

.location {
	color: #2A81A9;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.65px;
	padding-left: 7px;
}

.address {
	color: #000;
	text-align: left;
	font-size: 14px;
	font-style: normal;
	font-weight: 300;
	line-height: 150%;
	letter-spacing: 0.55px;
	padding-top: 9px;
	padding-left: 23px;
}

.align-lc {
	padding-top: 3px;
}

.btn-one {
	padding-top: 25px;
}

.card-head {
	padding-top: 25px;
}

.main-head {
	color: #2980A8;
	text-align: left;
	font-size: 32px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 32px */
	letter-spacing: 1.6px;
}

.first-align {
	border-radius: 1px;
	border-left: 4px solid #2A81A9;
	background: rgba(0, 90, 132, 0.10);
	width: 232px;
	height: 55px;
	margin-top: 19px;
	padding-top: 16px;
	text-align: center;
}

.second-align {
	border-radius: 1px;
	border: 0.2px solid rgba(0, 0, 0, 0.20);
	background: #F8F8F8;
	width: 232px;
	height: 55px;
	margin-top: 16px;
	text-align: center;
}

.third-align {
	width: 232px;
	height: 55px;
	flex-shrink: 0;
	border-radius: 1px;
	border: 0.2px solid rgba(0, 0, 0, 0.20);
	background: #F8F8F8;
	margin-top: 16px;
	text-align: center;
}

.instruction {
	margin-top: 51px;
	width: 268px;
	height: 27px;
	border-radius: 1px;
	background: linear-gradient(180deg, #055F88 0%, #2A81A9 100%);
}

.head {
	color: #FFF;
	text-align: left;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.65px;
	padding-left: 25px;
	padding-top: 6px;
}

.content {
	width: 268px;
	height: 453px;
	border-radius: 1px;
	background: rgba(42, 129, 169, 0.10);
	margin-top: 15px;
}

.main-card {
	height: 2000px;
}

.ol-align {
	color: #000;
	font-size: 11px;
	text-align: left;
	font-style: normal;
	font-weight: 400;
	line-height: 135.5%;
	letter-spacing: 0.55px;
	padding-top: 12px;
	margin-right: 2px;
}

.each-li {
	padding-top: 10px;
}

.sub-head {
	color: #000;
	text-align: left;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.9px;
	padding-top: 50px;
	padding-left: 17px;
}

.profile {
	width: 51px;
	height: 50px;
	flex-shrink: 0;
	border-radius: 2px;
	background: rgba(42, 129, 169, 0.10);
	box-shadow: 0px 3px 3px 0px rgba(0, 90, 132, 0.20);
}

.text-style {
	color: #005A84;
	text-align: center;
	font-size: 9px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	margin-left: -14px;
	letter-spacing: 0.4px;
}

.status-bar {
	width: 567px;
	height: 15px;
	padding-left: 18px;
}

.status-head {
	color: rgba(34, 34, 34, 0.50);
	text-align: left;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 1px;
	padding-left: 19px;
	padding-top: 21px;
}

.step {
	position: relative;
	min-height: 2em;
	margin-top: 55px;
	margin-left: 4px;
}

.step+.step {
	margin-top: 1.5em
}

.step>div:first-child {
	position: static;
	height: 0;
}

.step>div:not(:first-child) {
	margin-left: 1.5em;
	padding-left: 1em;
}


/* Circle */

.circle {
	position: relative;
	width: 1.5em;
	height: 1.5em;
	line-height: 1.5em;
	border-radius: 100%;
	color: #5ebf13;
	text-align: center;
	box-shadow: 0 0 0 1px #42a61a;
}


/* Vertical Line */

.circle:before {
	position: absolute;
	border: 1px solid #42a61a;
	width: 0;
	height: 50px;
	display: block;
	content: '';
	left: 50%;
	color: #5ebf13;
	z-index: 1;
	top: -50px;
	margin-left: -1px;
	border-width: 0 0 0 1px;
}

.step:last-child .circle:after {
	display: none
}


/* Stepper Titles */

.title {
	line-height: 1.5em;
	color: #2980A8;
	text-align: left;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 18px */
	letter-spacing: 0.9px;
}

.accordion-subhead {
	color: #222;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 18px */
	letter-spacing: 0.9px;
}

.yes-no-head {
	color: #222;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 300;
	line-height: 100%;
	/* 16px */
	letter-spacing: 0.8px;
	padding-right: 49px;
	padding-top: 23px;
}

#specifyColor {
	accent-color: #2E9026;
}

#space {
	margin-right: 30px;
}

#reset {
	border: none;
	background: none;
	color: #EA3E0B;
}

#reset-icon {
	color: #EA3E0B;
}

.reset-btn {
	border-radius: 4px;
	background: #2980A7;
	border: solid #2980A7;
}

#save {
	border: none;
	color: #FFFFFF;
	background-color: #2980A8;
	height: 42px;
	border-radius: 2px;
	width: 82px;
}

#btn {
	width: 232px;
}

.sub-heading {
	color: rgba(34, 34, 34, 0.40);
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.54px;
	margin-top: 30px;
}

.accordion-item {
	margin-bottom: 20px;
	/* Adjust the margin as needed to create space between accordion items */
}

.header-style {
	color: #222;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 18px */
	letter-spacing: 0.54px;
}

.custom-accordion-button-activity {
	background-color: transparent !important;
	color: #000 !important;
	/* Set the color you desire */
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-image: url(/family/layouts/assets/images/Rectangle.png);
	background-repeat: no-repeat;
	background-size: 75px 65px;
	background-position: left center;
	padding-right: 10px;
}

.custom-accordion-button-recommendation {
	background-color: transparent !important;
	color: #000 !important;
	/* Set the color you desire */
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-image: url(/family/layouts/assets/images/Rectangle.png);
	background-repeat: no-repeat;
	background-size: 75px 65px;
	background-position: left center;
	padding-right: 10px;
}

.custom-accordion-button-collegeEssay {
	background-color: transparent !important;
	color: #000 !important;
	/* Set the color you desire */
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-image: url(/family/layouts/assets/images/Rectangle.png);
	background-repeat: no-repeat;
	background-size: 75px 65px;
	background-position: left center;
	padding-right: 10px;
}

.custom-accordion-button-creativePortfolio {
	background-color: transparent !important;
	color: #000 !important;
	/* Set the color you desire */
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-image: url(/family/layouts/assets/images/Rectangle.png);
	background-repeat: no-repeat;
	background-size: 75px 65px;
	background-position: left center;
	padding-right: 10px;
}

.custom-accordion-button-academicAwards {
	background-color: transparent !important;
	color: #000 !important;
	/* Set the color you desire */
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-image: url(/family/layouts/assets/images/Rectangle.png);
	background-repeat: no-repeat;
	background-size: 75px 65px;
	background-position: left center;
	padding-right: 10px;
}

.custom-accordion-button-resume {
	background-color: transparent !important;
	color: #000 !important;
	/* Set the color you desire */
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-image: url(/family/layouts/assets/images/Rectangle.png);
	background-repeat: no-repeat;
	background-size: 75px 65px;
	background-position: left center;
	padding-right: 10px;
}

.custom-accordion-button-introductonVideo {
	background-color: transparent !important;
	color: #000 !important;
	/* Set the color you desire */
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-image: url(/family/layouts/assets/images/Rectangle.png);
	background-repeat: no-repeat;
	background-size: 75px 65px;
	background-position: left center;
	padding-right: 10px;
}

.custom-accordion-button-gradedSampleWriting {
	background-color: transparent !important;
	color: #000 !important;
	/* Set the color you desire */
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	background-image: url(/family/layouts/assets/images/Rectangle.png);
	background-repeat: no-repeat;
	background-size: 75px 65px;
	background-position: left center;
	padding-right: 10px;
}

.count-style {
	color: #2980A7;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 20px */
	letter-spacing: 0.6px;
}

.head-style {
	color: #222;
	text-align: center;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.54px;
	padding-left: 50px;
}

.items-style {
	display: inline-flex;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 50px;
	border: 0.5px solid #2E9026;
	background: rgba(46, 144, 38, 0.10);
	margin-left: 700px;
	color: #2E9026;
	text-align: center;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.48px;
}

.save-btn-style {
	display: inline-flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #FFF;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.6px;
	border-radius: 4px;
	background: #2980a7;
	border: #2980a7;
}

.cancel-btn-style {
	display: inline-flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	background: #005A840D;
	border-radius: 4px;
	border: 1px solid #2980A7;
	color: #2980A7;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
}

.label-style {
	color: #2980A7;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.42px;
}

.field-style {
	/* padding-top: 9px; */
}

.field-style select {
	padding: 0.46rem 0.75rem;
}

.field-styles {
	padding-top: 13px;
}

.save-cancel-btn {
	margin-left: 114px;
}

@media only screen and (max-width: 600px) {
	.save-cancel-btn {
		margin-left: 17px;
	}
}

@media only screen and (max-width: 600px) {
	.save-btn-style {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 600px) {
	.cancel-btn-style {
		padding-left: 20px;
	}
}

@media only screen and (max-width: 600px) {
	.head-style {
		padding-right: 0px;
	}
}

.input-style {
	background: #2980A70D;
}

.icon-style {
	font-size: 34px;
	color: #518EF8;
	margin-left: 81px;
	margin-bottom: 15px;
	margin-top: 3px;
	height: 70px;
	width: 70px;
	background-color: #2980A71A;
	border-radius: 50%;
	padding-top: 17px;
	padding-left: 23px;
}

.h6-sub-head-style {
	color: #222;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 131%;
	letter-spacing: 0.42px;
}

.view-button {
	display: flex;
	height: 38px;
	padding: 14px 25px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 8px;
	background: #2980A7;
}

.view-text {
	color: #FFF;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 131%;
	letter-spacing: 0.36px;
	/* padding-top: 15px; */
}

.right-arrow {
	color: white;
	margin-left: 6px;
	padding-top: 3px;
}

.menu-icon {
	text-align: right;
}

.visible {
	position: absolute !important;
	inset: 0px auto auto 0px !important;
	margin: 0px !important;
	transform: translate3d(107px, 43px, 0px) !important;
	border-radius: 5px !important;
	border: 0.5px solid rgba(41, 128, 167, 0.4);
	background: rgb(255, 255, 255);
	position: absolute;
	inset: 0px auto auto 0px;
	margin: 0px;
	transform: translate3d(238px, 42px, 0px);
	min-width: 133px;
}

.sub-menu-style {
	width: 17px;
	height: 17px;
	color: #2980A7;
	margin-left: 21px;
	padding-top: 19px;
}

.sub-menu-option-style {
	color: #2980A7;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 131%;
	letter-spacing: 0.42px;
	margin-left: 7px;
}

.sub-menu-option-delete {
	color: #EA3E0B;
	text-align: center;
	font-size: 15px;
	font-style: normal;
	font-weight: 400;
	line-height: 131%;
	letter-spacing: 0.42px;
	margin-left: 7px;
}

.sub-menu-style-delete {
	width: 17px;
	height: 17px;
	color: #EA3E0B;
	margin-left: 21px;
	padding-top: 19px;
}

@media only screen and (max-width: 600px) {
	.icon-style {
		margin-left: 33px;
	}
}

@media only screen and (max-width: 600px) {
	.responsive-card-body {
		margin: 15px -19px 0px 13px;
	}
}

@media only screen and (max-width: 600px) {
	.visible {
		transform: translate3d(-32px, 23px, 0px) !important;
	}
}

.add-btn-style {
	display: inline-flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	background: #005A840D;
	border-radius: 4px;
	border: 1px solid #2980A7;
	color: #2980A7;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	margin-left: 125px;
}

@media only screen and (max-width: 600px) {
	.add-btn-style {
		margin-left: 30px;
		padding: 7px 31px;
	}
}

.card-custom-style {
	margin-top: 35px;
}

@media only screen and (max-width: 600px) {
	.card-custom-style {
		margin-top: 19px;
	}
}

@media only screen and (max-width: 600px) {
	.custom-accordion-button {
		background-size: 50px 52px;
		padding-right: 5px;
	}
}

.essay-head-style {
	color: #2980A7;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.42px;
	padding-bottom: 13px;
}

.resume-upload-style {
	text-align: center;
	border-radius: 12px;
	border: 1.5px dashed #2980A7;
	background: rgba(41, 128, 167, 0.03);
	width: 469px;
	height: 195px;
	margin-left: 85px;
}

.img-center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40px;
	height: 40px;
	margin-top: 25px;
}

.upload-text-style {
	color: #222;
	text-align: center;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.39px;
	margin-top: 7px;
}

.upload-btn-style {
	display: inline-block;
	background-color: #2980A7;
	padding: 10px 25px;
	text-decoration: none;
	color: #ffffff;
	border-radius: 2px;
}

.resume-style {
	color: #2980A7;
	text-align: left;
	font-size: 18px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.54px;
	margin-left: 85px;
}

.upload-title-style {
	color: rgba(34, 34, 34, 0.50);
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.3px;
}

.doc-only-style {
	color: #EA3E0B;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.3px;
	margin-left: 85px;
	padding-top: 7px;
}

.align-style {
	margin-left: 201px;
}

@media only screen and (max-width: 600px) {
	.align-style {
		margin-left: 15px;
	}
}

.container-body {
	width: 27em;
	background-color: rgb(255, 255, 255);
	overflow: hidden;
	border-radius: 12px;
	border: 0.5px solid #2980A7;
	text-align: center;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 1em;
}

.medal-style {
	padding: 5em 0;
	background: linear-gradient(180deg, #339DCC 0%, #0872A1 100%);
}

.content {
	color: #565656;
	padding: 2.2em;
}

.award-type-style {
	display: inline-flex;
	padding: 4px 8px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #D4A417;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.33px;
	border-radius: 50px;
	border: 1px solid #D4A417;
	background: rgba(212, 164, 23, 0.05);
	margin: 44px 175px 21px 0px;
}

.award-head-style {
	text-align: left;
}

.main-award-style {
	margin: 13px 41px 13px 41px;
}

.description-style {
	color: rgba(34, 34, 34, 0.70);
	text-align: justify;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 139.5%;
	/* 16.74px */
	letter-spacing: 0.36px;
}

.custom-card-style {
	margin-top: 50px;
}

.addnew-style {
	position: absolute;
	top: 0;
	right: 0;
	float: right;
	margin-bottom: 13px;
}

.success-alert {
	background: #2980A71A;
	border-color: #2980A71A;
}

.container-with-button {
	position: relative;
}

.act-data-table td {
	max-width: 200px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.dropdown-label {
	color: #222;
	text-align: left;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.36px;
}

.option-style {
	border-radius: 2px;
	background: rgba(199, 199, 199, 0.25);
}

@media only screen and (max-width: 600px) {
	.option-style {
		width: 113px;
		margin-left: 156px;
		margin-top: -45px;
	}
}

.status-container-style {
	border-radius: 100px;
	border: 1px solid #2980A7;
	background: rgba(41, 128, 167, 0.10);
	display: inline-flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	margin-left: 9px;
	color: #2980A7;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.42px;
}

.status-container-style-done {
	border-radius: 100px;
	border: 1px solid #2E9026;
	background: rgba(0, 255, 0, 0.1);
	display: inline-flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	margin-left: 9px;
	color: #2E9026;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.42px;
}

.status-container-style-progress {
	border-radius: 100px;
	border: 1px solid #CC9800;
	background: rgba(204, 152, 0, 0.10);
	display: inline-flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	margin-left: 9px;
	color: #CC9800;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.42px;
}

.status-container-style-notcomplete {
	border-radius: 100px;
	border: 1px solid #8A8A8A;
	background: rgba(138, 138, 138, 0.10);
	display: inline-flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	margin-left: 9px;
	color: #8A8A8A;
	text-align: center;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.42px;
}

.doc-style-sample {
	display: block;
	border: 1px solid #2980A7;
	color: #2980A7;
	padding: 30px;
	text-align: center;
	width: 500px;
	margin: 0 auto;
	border-radius: 5px;
	background: #2980A71A;
}

.doc-style-resume {
	display: block;
	border: 1px solid #2980A7;
	color: #2980A7;
	padding: 30px;
	text-align: center;
	width: 500px;
	margin: 0 auto;
	border-radius: 5px;
	background: #2980A71A;
	margin-top: 61px;
}

@media only screen and (max-width: 600px) {
	.doc-style-resume {
		width: 268px;
	}
}

.doc-style-essay {
	display: block;
	border: 1px solid #2980A7;
	color: #2980A7;
	padding: 30px;
	text-align: center;
	width: 500px;
	margin: 0 auto;
	border-radius: 5px;
	background: #2980A71A;
}

.doc-style-portfolio {
	display: block;
	border: 1px solid #2980A7;
	color: #2980A7;
	padding: 30px;
	text-align: center;
	width: 500px;
	margin: 0 auto;
	border-radius: 5px;
	background: #2980A71A;
}

.icon-check::before {
	content: '\f00c';
}

.icon-circle::before {
	content: '\f111';
}

.icon-times::before {
	content: '\f00d';
}

.status-icon-container {
	display: inline-block;
	margin-left: 10px;
}

.status-icon-container i {
	font-size: 20px;
	padding: 5px;
	border-radius: 50%;
}

.done i {
	background-color: green;
	color: white;
}

.in-progress i {
	background-color: #e4e45d;
	color: white;
}

.not-completed i {
	background-color: grey;
	color: white;
}


/* Dashboard style */

.img-user1 {
	width: 64px;
	height: 64px;
	flex-shrink: 0;
	border-radius: 64px;
	background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}

.h5-dashboard {
	color: #2980A7;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.6px;
	margin-top: 10px;
	margin-bottom: 19px;
}

.h6-user1 {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	margin-top: -65px;
	margin-left: 83px;
}

.user1-p {
	color: #2980A7;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	margin-left: 81px;
	font-size: 20px;
	margin-bottom: 8px;
}

.user1-button {
	height: 26px;
	flex-shrink: 0;
	font-size: 12px;
	margin-left: 83px;
}

.students {
	text-align: center;
}

.h6-students {
	color: #2980A7;
	text-align: center;
	/* */
	font-size: 13px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.39px;
}

.img-student1 {
	width: 55px;
	flex-shrink: 0;
}

.dashboard-icons {
	color: rgba(41, 128, 167, 0.40);
	width: 12px;
	height: 12.951px;
	flex-shrink: 0;
	margin-left: 78px;
}

.date-display {
	color: #2980A7;
	text-align: end;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 116.5%;
	letter-spacing: 0.36px;
}

.button-schedule {
	width: 61px;
	height: 61px;
	flex-shrink: 0;
	background-color: #2980A7;
	border-radius: 50%;
	border: none;
	color: white;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.72px;
	margin: 10px 8px;
}

.button-schedule1 {
	width: 61px;
	height: 61px;
	flex-shrink: 0;
	background-color: white;
	border-radius: 50%;
	color: #2980A7;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.72px;
	margin: 22px 2px;
	border: 0.5px solid #2980A7;
}

.schedule-chart-date {
	margin-top: 22%;
	color: #222;
	text-align: left;
	font-size: 15px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.48px;
	margin-bottom: 5px;
}

.v1 {
	border: 0.5px solid #2980A7;
	margin-left: 29px;
	width: 1px;
	height: 25px;
	margin-bottom: 7px;
	margin-top: -16px;
}

.v2 {
	border: 0.5px solid #2980A7;
	margin-left: 29px;
	width: 1px;
	height: 25px;
	margin-top: -23px;
}

.schedule-common {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-top: 9px;
}

.schedule-common1 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.schedule-p1 {
	color: #000;
	text-align: center;
	font-family: Poppins;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.33px;
}

.schedule-chart {
	color: white;
	width: 198px;
	height: auto;
	flex-shrink: 0;
	border-radius: 2px;
	border: 0.5px solid rgba(0, 0, 0, 0.05);
	background: #2980A7;
	margin-top: 5px;
}

.schedule-chart2 {
	color: white;
	width: 198px;
	height: 100%;
	flex-shrink: 0;
	border-radius: 2px;
	border: 0.5px solid #2980A7;
	background: #FFF;
}

.schedule-chart-text {
	color: #FFF;
	text-align: justify;
	font-family: Poppins;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 156.5%;
	letter-spacing: 0.33px;
}

.schedule-chart-text1 {
	color: #2980A7;
	text-align: justify;
	font-family: Poppins;
	font-size: 11px;
	font-style: normal;
	font-weight: 500;
	line-height: 156.5%;
	letter-spacing: 0.33px;
}

.img-schedule {
	margin-left: -26px;
	margin-top: 22px;
	width: 50px;
	height: 50px;
	flex-shrink: 0;
	border-radius: 50px;
	background: url(<path-to-image>), lightgray 0px 0px / 100% 100% no-repeat;
}

.schedule-display {
	padding-right: 14px;
	padding-left: 33px;
	margin-top: -50px;
}

.communication-display {
	margin-bottom: 2px;
	margin-top: 10px;
}

.img-user-pofile {
	width: 47px;
	height: 47px;
	flex-shrink: 0;
	border-radius: 47px;
	background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}


.msg-time {
	color: #2980A7;
	font-size: 9px;
	font-style: normal;
	font-weight: 500;
}

.msg-line-break {
	margin-left: 12px;
	width: 369px;
	opacity: 1;
	top: 1286px;
	left: 503px;
	border: 1px solid rgba(0, 0, 0, 0.10000000149011612);
}

.button5 {
	width: 14px;
	height: 14px;
	flex-shrink: 0;
	border-radius: 50%;
	margin-top: 1px;
}

.button {
	background-color: #FF5722;
	border: none;
	color: white;
	text-align: center;
	font-size: 10px;
}

.tutor-heading {
	color: #2980A7;
	text-align: center;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
}

.recent-sessions {
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	border-radius: 4px;
	background: rgba(41, 128, 167, 0.10);
	margin-bottom: 10px !important;
	margin: auto;
	padding: 0px;
}

.recent-sessions:last-of-type {
	/* margin-bottom: 0px !important; */
}

.session-dates {
	width: 100%;
	flex-shrink: 0;
	background: #2980A7;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.40);
}

.recent-sessions-dates-month {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.36px;
	padding-top: 18px;
}

.recent-sessions-dates-day {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	/* 32px */
	letter-spacing: 0.96px;
}

.recent-sessions-dates-time {
	color: #FFF;
	text-align: center;
	font-family: Poppins;
	font-size: 9px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
}

.session-contents {
	margin-top: 12px;
}

.recent-sessions-sub-heading {
	color: #000;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.45px;
}

@media only screen and (max-width: 480px) {
	.recent-sessions-sub-heading {
		font-size: 13px;
	}
}

.recent-sessions-text {
	margin-top: 5px;
	margin-bottom: 6px;
	color: #2980A7;
	text-align: left;
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.36px;
}

.recent-sessions-text2 {
	margin-top: 8px;
	color: #EA3E0B;
	text-align: left;
	font-size: 10px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.3px;
}

.assessment-showmore-session {
	margin-left: 313px;
	color: #2980A7;
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.36px;
}

.showmore-events {
	margin-bottom: 11px;
	margin-left: 24px;
	color: #2980A7;
	text-align: right;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.36px;
}

.line1 {
	margin-left: 0px;
	opacity: 1;
	top: 1286px;
	left: 503px;
	border: 1px solid rgba(0, 0, 0, 0.10000000149011612);
}

.events {
	width: 564px;
	height: 230px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 0.5px solid rgba(0, 0, 0, 0.40);
	background: #FFF;
}

.events-row {
	margin-bottom: 13px;
	margin-top: 13px;
}

.img-events {
	width: 100%;
	height: 86%;
	flex-shrink: 0;
	border-radius: 2px;
	background: url(<path-to-image>), lightgray 50% / cover no-repeat;
}

.card-title {
	color: #000;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.48px;
}

.line {
	margin-left: 12px;
	width: 360px;
	opacity: 1;
	/* position: absolute; */
	top: 1286px;
	left: 503px;
	border: 1px solid rgba(0, 0, 0, 0.10000000149011612);
	margin-top: -13px;
}

.card-text1 {
	margin-top: 6px;
	margin-bottom: 7px;
	color: rgba(0, 0, 0, 0.50);
	text-align: left;
	font-family: Poppins;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.3px;
}

.card-text2 {
	width: 100%;
	color: #000;
	text-align: justify;
	font-size: 11px;
	font-style: normal;
	font-weight: 300;
	line-height: 145%;
	letter-spacing: 0.24px;
	margin-top: 5px;
}

.assessments-display {
	flex-shrink: 0;
	border-radius: 4px;
	background: #FFF;
	padding: 11px !important;
	overflow: hidden;
	width: 100%;
	box-sizing: border-box;
}

/* Ensure all dashboard cards have consistent width */
.row.schedule .card {
	width: 100%;
	box-sizing: border-box;
}

.assessments-sub-heading {
	color: #2980A7;
	margin-left: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.48px;
}

.assessments-list {
	width: 222.844px;
	height: 47.631px;
	flex-shrink: 0;
	border-radius: 2px;
	background: rgba(41, 128, 167, 0.05);
	padding-bottom: 48px;
	padding-top: 18px;
}

.assessments-dates {
	margin-bottom: 10px;
	padding-bottom: 54px;
	padding-top: 13px;
	text-align: center !important;
	border-radius: 2px 0px 0px 2px;
	background: #2E9026;
	width: 45px;
	height: 48px;
	flex-shrink: 0;
}

.assessments-month {
	color: #FFF;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.3px;
}

.assessments-day {
	color: #FFF;
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.42px;
}

.assessments-text {
	color: #000;
	text-align: center;
	font-size: 11px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.33px;
	width: 146px;
	height: 10px;
	flex-shrink: 0;
}

.assessment-showmore {
	margin-left: 70px;
	color: #2980A7;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.36px;
}

.reminder {
	border-left-width: 9px;
	border-radius: 3px !important;
	width: 100%;
	height: 100%;
	flex-shrink: 0;
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.05);
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.10) !important;
}

.reminder-row {
	margin-bottom: -7px;
}

.reminder-1 {
	border-left-color: #EA3E0B;
}

.reminder-2 {
	border-left-color: #FA8531;
}

.reminder-3 {
	border-left-color: #2E9026;
}

.reminder-clock-text {
	color: rgba(41, 128, 167, 0.40);
	font-family: Poppins;
	font-size: 7px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
	letter-spacing: 0.21px;
}

.reminder-text {
	margin-top: 12px;
	color: #000;
	width: 100%;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 145%;
	letter-spacing: 0.3px;
}

.img-reminder {
	width: 29px;
	height: 29px;
	flex-shrink: 0;
	border-radius: 29px;
	background: url(<path-to-image>), lightgray 50% / cover no-repeat;
	margin-top: 38%;
}

.reminder-text-clock {
	text-align: right;
	margin-top: -17px;
}

.reminder-clock {
	width: 5.833px;
	height: 5.833px;
	flex-shrink: 0;
	color: rgba(41, 128, 167, 0.40);
}

.shortcuts-1 {
	border-radius: 4px;
	border: 1px solid #2980A7;
	background: #FFF;
	width: 263px;
	height: 50px;
	flex-shrink: 0;
	margin-top: 12px;
}

.shortcuts-2 {
	border-radius: 4px;
	border: 1px solid #EA3E0B;
	background: #FFF;
	width: 263px;
	height: 50px;
	flex-shrink: 0;
	margin-top: 12px;
}

.shortcuts-text-1 {
	color: #2980A7;
	text-align: left;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.36px;
	margin-top: 9%;
}

.shortcuts-text-2 {
	color: #EA3E0B;
	text-align: left;
	font-family: Poppins;
	font-size: 12px;
	font-style: normal;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.36px;
	margin-top: 9%;
}

.shortcuts-icon {
	width: 24px;
	height: 24px;
	right: 14px;
	position: absolute;
}


/* .row {
	margin-left:0px !important; 
} */

@media (max-width: 991px) {
	.img-div {
		margin-left: -20px;
	}

	.h6-user1 {
		margin-right: 109px;
	}

	.user1-p {
		margin-right: 27px;
	}

	.user1-button {
		margin-left: 82px;
	}

	.students {
		margin-top: 20px;
	}

	.date-display {
		margin-top: -230px;
		margin-right: -43px;
	}

	.schedule-chart-date {
		margin-left: 77px;
		margin-top: -29%;
	}

	.schedule-p1 {
		margin-bottom: 14px;
		margin-top: -4px;
		margin-right: 104px;
	}

	.v2 {
		border: 0.5px solid #2980A7;
		margin-left: 29px;
		width: 1px;
		height: 84px;
		margin-top: 1px;
	}

	.line1 {
		margin-left: 0px;
		width: 226px;
		opacity: 1;
		/* position: absolute; */
		top: 1286px;
		left: 503px;
		border: 1px solid rgba(0, 0, 0, 0.10000000149011612);
	}

	.assessment-showmore-session {
		margin-left: 149px;
		color: #2980A7;
		text-align: right;
		font-size: 12px;
		font-style: normal;
		font-weight: 500;
		line-height: 100%;
		letter-spacing: 0.36px;
	}

	.line {
		margin-left: 13px;
		width: 247px;
		opacity: 1;
		/* position: absolute; */
		top: 1286px;
		left: 503px;
		border: 1px solid rgba(0, 0, 0, 0.10000000149011612);
	}

	.msg-line-break {
		margin-left: 12px;
		width: 246px;
		opacity: 1;
		top: 1286px;
		left: 503px;
		border: 1px solid rgba(0, 0, 0, 0.10000000149011612);
	}

	.img-reminder {
		margin-top: 5%;
	}

	.assessments-dates {
		width: 100%;
	}
}

@media (min-width: 2560px) {
	.user1-button {
		width: 150px;
		height: 36px;
		font-size: 14px;
		margin-left: 261px;
	}
}

.search-bar-style {
	display: flex;
	align-items: center;
	width: 863px;
	height: 56px;
	border-radius: 12px 0 0 12px;
	background: #F3F3F3;
	margin-left: 125px;
	overflow: hidden;
	border-radius: 12px !important;
	margin-left: 186px !important;
	margin-top: -12px;
}

@media only screen and (max-width: 600px) {
	.search-bar-style {
		align-items: center;
		width: 192px;
		height: 37px;
		border-radius: 12px 0 0 12px;
		background: #F3F3F3;
		overflow: hidden;
		border-radius: 12px !important;
		margin-left: 81px !important;
		margin-top: 8px;
	}
}

.search-bar-icon {
	padding: 10px;
	border-right: 1px solid #ccc;
}

.search-bar-icon span {
	background: #fff;
}

.search-bar-input {
	flex: 1;
	display: flex;
}

.search-bar-input input {
	width: 100%;
	height: 100%;
	border: none;
	border-radius: 0;
	background: #F3F3F3;
	padding: 10px;
}

.search-bar-input input:focus {
	outline: none;
}

.colleges-list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.college-card {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px;
	margin-bottom: 10px;
	border-radius: 100px;
	background: #F6F8F9;
}

.college-name {
	font-weight: bold;
}

.remove-button {
	background-color: #9E4141;
	color: #fff;
	padding: 5px 10px;
	border: none;
	border-radius: 50px;
	cursor: pointer;
}

.add-button {
	background-color: #2E9026;
	color: #fff;
	padding: 5px 10px;
	border: none;
	border-radius: 50px;
	cursor: pointer;
}

.impersonate {
	text-align: right;
	color: white;
}

.student {
	color: white;
}

@media only screen and (max-width: 600px) {
	.impersonate {
		color: white;
		padding-left: 0px;
	}
}

.impersonate-hearder {
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 13px;
}

@media only screen and (max-width: 600px) {
	.college-head-style {
		font-size: 1.55rem;
	}
}

#success-message {
	position: absolute;
	top: 83px;
	left: 0;
	width: 100%;
	z-index: 999;
	/* Ensure it appears above other content */
}

.college-list-container {
	padding-top: 60px
}

.field-style select {
	appearance: auto;
	-webkit-appearance: auto;
	-moz-appearance: auto;
}

.status-style {
	padding-top: 19px;
}

.completed {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid #2980A7;
	background-color: #2980A7;
	margin-top: 5px;
	margin-right: 35px;
}

.partially-completed {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid #2980a7;
	background: linear-gradient(to top, #2980a7 50%, transparent 50%);
	margin-top: 5px;
	margin-right: 35px;
}

.not-started {
	display: inline-block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	border: 2px solid #A0A0A0;
	margin-top: 5px;
	margin-right: 35px;
}

.not-applicable {
	font-weight: bold;
	margin-right: 35px;
}

.sub-head-style-excel {
	font-weight: bold;
}

.schedule-date {
	padding-top: 17px;
}

.session-box {
	border-radius: 15px;
	border: 2px solid #3498db;
	padding: 20px;
	margin: 20px;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.notesborder {
	border-style: dotted;
	border-width: thin;
	border-color: grey;
	padding: 3px;
}

.student-details {
	border-radius: 4px;
	border: 0.5px solid rgba(0, 0, 0, 0.10);
	background: #E4F3FB;
	box-shadow: 0px 7px 18px 0px rgba(41, 128, 167, 0.25);
	width: 89%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

.background-circle {
	height: 50px;
	width: 50px;
	background-color: #2980A7;
	border-radius: 50%;
	display: inline-block;
	margin-top: 20px;
	margin-left: 50px;
}

.student-session-style {
	color: rgba(0, 0, 0, 0.40);
	text-align: center;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.45px;
	margin-left: 123px;
	margin-top: -44px;
	padding-bottom: 12px;
	position: absolute;
}

.student-session {
	color: #000;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.54px;
	margin-top: -22px;
	margin-left: 122px;
	padding-bottom: 10px;
}

.student-icon {
	padding: 14px;
}

.session-details-card {
	width: 93%;
	height: 100%;
	border-radius: 4px;
	background: #E4F3FB;
	margin: 27px auto;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	transition: box-shadow 0.3s ease-in-out;
	padding-bottom: 17px;
}

.session-top-view {
	padding-top: 59px;
}

.session-date {
	color: rgba(0, 0, 0, 0.40);
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 16px */
	letter-spacing: 0.48px;
	padding-left: 50px;
}

.date-align {
	text-align: left;
}

.session-day {
	color: #2980A7;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.54px;
	padding-top: 10px;
	padding-left: 15px;
}

.session-time {
	color: #2980A7;
	text-align: left;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	/* 18px */
	letter-spacing: 0.54px;
	padding-top: 10px;
	padding-left: 15px;
}

.vertical-division {
	border-left: 1px solid #00000066;
	height: 100%;
	margin: 0 10px;
	margin-top: -43px;
	margin-left: -11px;
}

.horizon {
	border-top: 1px solid #00000066;
	height: 1px;
	margin-top: 19px;
}

.top-space {
	padding-top: 21px;
}

.homework {
	color: #2980A7;
	text-align: left;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.54px;
	padding-left: 49px;
}

.sub-homework {
	color: #EA3E0B;
	font-size: 17px;
	font-style: italic;
	font-weight: 400;
	line-height: 169%;
	/* 30.42px */
	letter-spacing: 0.72px;
	text-align: justify;
}

.tutor {
	color: #2980A7;
	text-align: left;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.54px;
	padding-left: 49px;
}

.tutor-comment {
	border-radius: 1px;
	background: #2980A7;
	color: #FFF;
	margin: 0 auto;
	margin-bottom: 15px;
	margin-top: 11px;
	text-align: justify;
	border-radius: 6px;
}

@media only screen and (max-width: 600px) {
	.student-details {
		width: 85%;
		z-index: 0;
		padding-bottom: 45px;
	}
}

@media only screen and (max-width: 600px) {
	.student-session-style {
		margin-left: 85px !important;
	}
}

@media only screen and (max-width: 600px) {
	.background-circle {
		margin-top: 14px;
		margin-left: 23px;
	}
}

@media only screen and (max-width: 600px) {
	.student-session {
		margin-left: 120px;
		font-size: 16px;
	}
}

@media only screen and (max-width: 600px) {
	.session-details-card {
		width: 89%;
	}
}

@media only screen and (max-width: 600px) {
	.session-date {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 600px) {
	.session-day {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 600px) {
	.vertical-division {
		padding-left: 41px;
		border-left: none;
		margin-top: 0px;
	}
}

@media only screen and (max-width: 600px) {
	.horizon {
		border-top: none;
	}
}

@media only screen and (max-width: 600px) {
	.session-time {
		padding-left: 0px;
	}
}

@media only screen and (max-width: 600px) {
	.homework {
		text-align: left;
		margin-left: -37px;
	}
}

@media only screen and (max-width: 600px) {
	.sub-homework {
		font-size: 16px;
	}
}

@media only screen and (max-width: 600px) {
	.tutor {
		margin-left: -37px;
	}
}

@media only screen and (max-width: 600px) {
	.tutor-comment {
		width: 91%;
	}
}

@media only screen and (max-width: 600px) {
	.responsive-horizontal-line {
		border-top: 1px solid #00000066;
		margin-top: 7px;
	}
}

.test-margin {
	padding-right: 36%;
}

.tutor-margin {
	padding-right: 44%;
}

.line-division {
	border-top: 1px solid #00000066;
	height: 1px;
	width: 95%;
	margin: auto;
	padding-bottom: 30px;
}

.back-session-btn {
	position: relative;
	margin-left: 68px;
	margin-bottom: 29px;
	color: #fff !important;
	background-color: var(--primary-bg-color);
	border-color: var(--primary-bg-color);
}

@media only screen and (max-width: 600px) {
	.back-session-btn {
		margin-left: 18px;
	}
}

.star {
	margin-right: 7px;
}

@media only screen and (max-width: 600px) {
	.resume-alert {
		margin-left: 3px;
	}
}

.timezone-icon {
	color: rgba(41, 128, 167, 0.40);
	width: 12px;
	height: 12.951px;
	flex-shrink: 0;
	margin-left: 78px;
	margin-top: 10px;
}

.news-scroll {
	max-height: 310px;
	overflow-y: auto;
}

.news-date-time {
	margin-top: 6px;
	margin-bottom: 7px;
	color: rgba(0, 0, 0, 0.50);
	text-align: left;
	font-size: 10px;
	font-style: normal;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0.3px;
}

.social-media-top {
	padding-top: 25px;
}

.social-media-head {
	color: #2980A7;
	text-align: center;
	font-family: Poppins;
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	line-height: 100%;
	letter-spacing: 0.6px;
	margin-top: 25px;
}

.twitter-circle {
	height: 49px;
	width: 49px;
	background-color: #303030;
	border-radius: 50%;
	display: inline-block;
}

.avalon-logo-circle {
	height: 49px !important;
	width: 49px !important;
	background-color: #2980A7 !important;
	border-radius: 50% !important;
	display: inline-block !important;
	box-sizing: border-box !important;
	object-fit: contain !important;
}

.test-margin {
	padding-right: 36%;
}

.tutor-margin {
	padding-right: 44%;
}

.line-division {
	border-top: 1px solid #00000066;
	height: 1px;
	width: 95%;
	margin: auto;
	padding-bottom: 30px;
}

.back-session-btn {
	position: relative;
	margin-left: 68px;
	margin-bottom: 29px;
	color: #fff !important;
	background-color: var(--primary-bg-color);
	border-color: var(--primary-bg-color);
}

@media only screen and (max-width: 600px) {
	.back-session-btn {
		margin-left: 18px;
	}
}

.logo-text {
	color: #2980A7;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.3px;
	width: 100%;
	display: block;
	margin-top: 5px;
}

.account-session {
	border-radius: 1px 1px 0px 0px;
	background: #2980A7;
	padding: 22px;
	height: 20px;
}

.transaction-head {
	color: #FFF;
	font-size: 13px;
	font-style: italic;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.36px;
	margin-top: -16px;
}

.transaction-table-scrollable {
	max-height: 104px;
	overflow-y: auto;
}

.policy-card {
	border-radius: 2px;
	border: 0.5px solid rgba(41, 128, 167, 0.40);
	background: rgba(41, 128, 167, 0.05);
	width: 339px;
}

.img-pdf {
	margin-top: 5px;
	margin-left: 13px;
}

.pdf-head {
	color: #222;
	text-align: left;
	font-size: 12px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.39px;
	margin-top: 12px;
	margin-right: -68px;
	margin-left: -16px;
}

.pdf-read {
	border-radius: 50px;
	background: #2980A7;
	box-shadow: 0px 4px 4px 0px rgba(41, 128, 167, 0.20);
	display: inline-flex;
	padding: 8px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.3px;
	margin-left: -17px;
	border: none;
	margin-top: 6px;
	margin-top: 6px;
}

.pdf-top {
	padding-top: 7px
}

.trans-table-head {
	background: #FFF;
}

.pdf-scroll {
	max-height: 344px;
	overflow-y: auto;
	position: relative;
	border-radius: 8px 8px 24px 24px;
	border: 1px solid #2980A7;
	flex-shrink: 0;
	border-top: 4px solid #2980A7;
	border-bottom: 22px solid #2980A7;
}

.event-scroll {
	max-height: 310px;
	overflow-y: auto;
}

.card-date {
	color: #2980A7;
	text-align: justify;
	font-size: 8px;
	font-style: italic;
	font-weight: 600;
	line-height: 145%;
	/* 11.6px */
	letter-spacing: 0.24px;
	margin-top: -8px;
}

.chat-head {
	color: #222;
	text-align: center;
	font-size: 13px;
	font-weight: 500;
	line-height: 100%;
	margin-top: 5%;
	letter-spacing: 0.36px;
}

.table-head-custom-style th {
	text-align: center;
	font-size: 10px;
	font-style: italic;
	font-weight: 600;
	line-height: 100%;
	/* 10px */
	letter-spacing: 0.3px;
	background: #ffffff !important;
	position: sticky;
	top: 0;
	z-index: 1;
	/* Ensure it stays above other content */
	color: #2980A7 !important;
}

.custom-table tbody tr:nth-child(odd) {
	background-color: rgba(41, 128, 167, 0.05);
}

.hide-h5 {
	color: transparent;
}

.img-referal {
	margin-left: -5px;
	height: 192px;
}

.referal-image {
	background-image: url(/family/layouts/assets/img/icons/referal.png);
	background-repeat: no-repeat;
	background-size: cover;
	height: 172px;
}

.img-loudspeaker {
	margin-top: -86px;
	margin-left: -19px;
}

.img-hello {
	margin-top: -87px;
	margin-left: -106px;
}

.referrals {
	color: #FFF;
	text-align: justify;
	font-size: 15px;
	font-style: italic;
	font-weight: 500;
	line-height: 143%;
	letter-spacing: 0.45px;
	margin-top: -94px;
	width: 441px;
	margin-left: 133px;
}

.btn-click {
	margin-top: -124px;
	margin-left: 626px;
	width: 109px;
	height: 72px;
	border-radius: 21px;
	background: #FFF;
	box-shadow: 0px 6px 5.5px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
}

.click-here {
	color: #2E9026;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.36px;
	border: none;
	background: transparent;
	margin-top: 29px;
}

.align-referral {
	margin-left: 10px;
}

.knowledge-data-card {
	background: #F7F7F7;
}

.knowledge-space {
	margin-top: 28px;
}

.author {
	color: #000;
	text-align: justify;
	font-size: 8px;
	font-style: normal;
	font-weight: 500;
	line-height: 145%;
	letter-spacing: 0.24px;
}

.author-img {
	margin-left: 41px;
}

.bulb-img {
	padding-top: 9px;
	margin-left: 12px;
	width: 80px;
	height: auto;
}

.knowledge-scroll {
	max-height: 280px;
	overflow-y: auto;
}

.info-card {
	margin-top: 13px;
}


.chat-profile {
	margin-left: -3px;
}

.chat-btn-style {
	border: 1px solid #2980A7;
	background: white;
	color: #2980A7;
	font-style: normal;
	font-size: 11px;
	display: inline-flex;
	height: 41px;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
}

.chat-btn-style:hover {
	background: #2980A7;
	color: #ffffff;
}

.new-chat-btn {
	border-radius: 50px 0px 0px 50px;
}

.admin-chat-btn {
	border-radius: 0px 50px 50px 0px;
}

.profile-style {
	flex: 0 0 33.33333333%;
	max-width: 33.333333%;
}

.children-name {
	font-size: 12px;
}

.date-timezone-style {
	margin-top: 0px;
	padding-left: 139px;
	position: relative;
}

.schedule-btn {
	border: 1px solid #2980A7;
	background: #2980A7;
	color: #ffffff;
	font-style: normal;
	font-size: 11px;
	display: inline-flex;
	height: 41px;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 50px 50px 50px 50px;
}

.schedule-btn:hover {
	color: #2980A7;
	border: 1px solid #2980A7;
	background: #ffffff;
}


.video-call {
	background: rgba(255, 255, 255, 0.238);
	margin-left: -9px;
	margin-top: 5px;
}

.video-call-box {
	padding-bottom: 3px;
}

.camera-ellipse {
	height: 45px;
	width: 45px;
	background-color: #2980a745;
	border-radius: 50%;
	display: inline-block;
	margin-top: 4px;
}

.camera-icon {
	margin-left: -57px;
	margin-top: 16px;
}

.video-call-text {
	color: #fff;
	font-size: 12px;
	font-weight: 500;
	line-height: 143%;
	margin-top: -26px;
	margin-left: 28px;
	text-align: left;
}

.join-btn {
	width: 65px;
	height: 27px;
	flex-shrink: 0;
	border-radius: 2px;
	background: #D5AF1C;
	border: #D5AF1C;
	color: #C62409;
	margin-left: 116px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.session1-scroll {
	max-height: 314px;
	overflow-y: auto;
}

.session2-scroll {
	max-height: 339px;
	overflow-y: auto;
}

.accounting-card-top {
	margin-top: 23px;
}

.knowledgebase-card-top {
	margin-top: 22px;
}

#transactionTable th:nth-child(4),
#transactionTable th:nth-child(5) {
	width: 100px;
}

.schedule-student-name {
	padding-top: 37px;
	margin-left: -121px;
}

.table-head-i {
	width: 5%;
}

.table-head-body {
	width: 10%;
}

.table-subject {
	width: 30%;
}

.menu-active {
	background: linear-gradient(-45deg, #19b0bf, var(--primary-bg-color)) !important;
}

.menu-item-active {
	color: #ffffff !important;
}

.profile-hr {
	border-block-start: 1px solid rgba(0, 0, 0, 0.1);
}

.profile-status {
	border-radius: 12px;
	border: solid 0.5px rgba(34, 34, 34, 0.50);
	height: 60px;
	width: 100%;
	max-width: 100%;
	margin-left: 0px;
	padding: 3px;
	box-sizing: border-box;
}

@media only screen and (max-width: 600px) {
	.profile-status {
		width: 349px;
	}
}

.status-name {
	color: #222;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	margin-top: 20px;
}

.status-box-complete {
	border-radius: 100px;
	background: rgba(46, 144, 38, 0.10);
	width: 100%;
	height: 40px;
	flex-shrink: 0;
	margin-left: 11px;
	margin-top: 10px;
}

@media only screen and (max-width: 600px) {
	.status-box-complete {
		margin-left: 159px;
		margin-top: -45px;
		width: 50%;
	}
}

.status-box-pending {
	border-radius: 100px;
	background: rgba(212, 164, 23, 0.10);
	width: 100%;
	height: 40px;
	flex-shrink: 0;
	margin-left: 11px;
	margin-top: 10px;
}

@media only screen and (max-width: 600px) {
	.status-box-pending {
		margin-left: 159px;
		margin-top: -45px;
		width: 50%;
	}
}

.complete {
	margin-top: 6px;
	margin-left: 7px;
}

.check-text {
	margin-top: -21px;
	margin-left: 58px;
	color: #222;
	font-size: 12px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.cellphone-icon {
	transform: scaleX(-1);
}

.reset-align {
	margin-left: 59px;
}

.dropdown-value {
	/* padding-top: 3px !important; */
}

.empty-credit-card {
	text-align: center;
}

.card-text {
	margin-top: 15px;
	color: #222;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 300;
	line-height: 139%;
	letter-spacing: 0.48px;
}

.sub-card-text {
	margin-top: 15px;
	color: #222;
	text-align: center;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 139%;
	/* 27.8px */
	letter-spacing: 0.6px;
}

.add-credit {
	margin-top: 15px;
	margin-left: 15px;
	border-radius: 20px;
	border: 1px dashed #2980A7;
	width: 427px;
	height: 139px;
}

.add-credit-btn {
	margin-top: 51px;
	text-align: center;
	color: #2980A7;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 139%;
	/* 27.8px */
	letter-spacing: 0.6px;
}

.credit-card-size {
	padding-bottom: 31px;
}

.add-new-credit-text {
	color: #2980A7;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.credit-form-add-credit {
	border-radius: 10px;
	border: 1px dashed #2980A7;
	width: 157px;
}

.add-credit-new-text {
	margin-top: 11px;
	color: #2980A7;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 139%;
	letter-spacing: 0.48px;
	text-align: center;
}

.registered-card {
	position: relative;
	border-radius: 20px;
	border: 1px solid #2980A7;
	box-shadow: 0px 10px 13.3px 0px rgba(0, 0, 0, 0.15);
	min-height: 180px;
	height: auto !important;
	flex-shrink: 0;
	overflow: hidden;
	background: #fff;
	padding: 18px 18px 0 18px;
	/* Add padding for gap */
}

.registered-card::before,
.registered-card::after {
	content: "";
	position: absolute;
	bottom: 0;
	width: 20%;
	/* Adjust the width as needed */
	height: 15px;
	/* Adjust the height as needed */
}

.master-card {
	color: #222;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	padding: 33px;
	padding-top: 26px;
}

.card-number {
	margin-left: 33px;
	color: #222222;
	margin-top: -45px;
}

.card-author {
	margin-left: 33px;
	margin-top: 19px;
	margin-bottom: 5px;
	color: #222;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.card-author-address {
	color: #222;
	font-size: 13px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-left: 33px;
	padding-top: 0px;
}

.card-inactivate {
	background-color: #2980A7;
	color: #FFFFFF;
	padding: 5px 20px;
	text-align: right;
	line-height: 30px;
	cursor: pointer;
	font-size: 15px;
	margin-top: 33px;
	margin-left: -18px;
	margin-right: -18px;
	border-radius: 0 0 20px 20px;
}

.linked-card {
	margin-top: 33px;
}

.inactive-card {
	border-radius: 20px;
	border: 1px solid #2980A7;
	box-shadow: 0px 10px 13.3px 0px rgba(0, 0, 0, 0.15);
}

.inactive-card-inactivate {
	background-color: #B1B1B121;
	color: #EA3E0B;
	padding: 1px 20px;
	text-align: right;
	border-top: 1px solid #2980A7;
	cursor: pointer;
	line-height: 41px;
	font-size: 15px;
	margin-top: -13px;
}

.inactive-author {
	margin-left: 33px;
	margin-top: -10px;
	margin-bottom: 5px;
	color: #222;
	font-size: 17px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
}

.inactivated {
	opacity: 1 !important;
	filter: none !important;
	background: none !important;
	color: inherit !important;
}

.credit-card-container {
	display: flex;
	align-items: center;
}

@media only screen and (max-width: 600px) {
	.credit-form-add-credit {}
}

@media only screen and (max-width: 600px) {
	.responsive-credit-credit {
		margin-top: 27px;
	}
}

.cancel-style {
	display: inline-flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	background: #FFFFFF;
	border-radius: 4px;
	border: 1px solid #EA3E0B;
	color: #EA3E0B;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
}

.cancel-link {
	display: inline-block;
	background-color: #ffffff;
	color: #000;
	padding: 8px 16px;
	text-decoration: none;
	border: none;
	cursor: pointer;
	border-radius: 4px;
	transition: background-color 0.3s ease;
}

.cancel-link:hover {
	background-color: #ffffff;
}

#countryCode:before {
	content: "\00a0|\00a0";
}

@media only screen and (max-width: 600px) {
	.blank-field {
		display: none;
	}
}

.cancel-align {
	margin-left: 27px;
}

.country-input:disabled {
	background-color: inherit;
}

.fa-icon-link {
	font-size: 25px;
}

.disclaimer {
	border: 1px solid;
	border-radius: 5px;
	margin-top: 6px;
}

.sms-disclaimer {
	text-align: justify;
	font-size: 13px;
	display: inline-block;
}

.table-text-style {
	font-style: normal;
}

.session-modal-size {
	width: 78% !important;
}

.passward-link-style {
	padding: 19px;
	margin-left: 30px;
	color: #9E4141;
}

.alert-error {
	background: #ea3e0b1c;
	border-color: #EA3E0B;
	color: #EA3E0B;
}

.password-message {
	color: #9E4141;
}

.match-pass {
	list-style-type: disc;
	padding-left: 0px;
}

.login-page-logo {
	max-width: 20%;
}

@media only screen and (max-width: 600px) {
	.login-page-logo {
		max-width: 50%;
	}
}

.login-page-header {
	margin-top: 25px;
	color: #FFF;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding-left: 81px;
}

.admin {
	display: inline-block;
	text-decoration: none;
	/* Adding this to remove default underline */
	padding: 8px;
	/* Adjusting padding */
	color: #FFF;
	/* Ensuring text color is white */
}

.admin:hover {
	border-radius: 4px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.0);
	padding: 7px 7px 7px 7px;
	/* Adjusting padding */
	color: #FFF;
	/* Ensuring text color is white on hover */
}

.parent-login-card {
	text-align: center;
	margin-top: 50px;
}

@media only screen and (max-width: 600px) {
	.parent-login-card {
		text-align: center;
	}
}

.parent-login {
	color: #FFF;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.login-title {
	color: #EDCB6E;
	font-size: 24px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.login-box {
	display: grid;
	place-items: center;
	margin-top: -13px;
}

.login-box-sub {
	width: 459px;
	height: 199px;
	flex-shrink: 0;
	border-radius: 25px;
	border: 0.5px solid rgba(0, 0, 0, 0.40);
	background: #FFF;
	text-align: center;
}

@media only screen and (max-width: 600px) {
	.login-box-sub {
		width: 290px;
		height: 202px;
	}
}

.username-box {
	border-radius: 100px;
	border: 1px solid #EDCB6E;
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
	width: 487px;
	height: 90px;
	display: flex;
	align-items: center;
	margin-left: 0px;
	margin-top: 23px;
}

@media only screen and (max-width: 600px) {
	.username-box {
		width: 100%;
		border-radius: 60px;
		border: 1px solid #EDCB6E;
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.10);
	}

	.username-box .col-md-2 {
		flex: 1;
	}

	.username-box .col-md-10 {
		flex: 5;
	}

	/* Adjusting icon size and margin */
	.username-box .col-md-10 i {
		font-size: 20px;
		margin-right: 10px;
		/* Adjust margin */
	}

	/* Adjusting input field styles */
	.username-box input[type="text"],
	.username-box input[type="password"] {
		font-size: 14px;
		/* Decrease font size */
		padding: 10px;
		/* Adjust padding */
		width: calc(100% - 10px);
		/* Adjust width */
	}
}

.username-box .col-md-2 {
	display: flex;
	justify-content: center;
	align-items: center;
}

.username-box .col-md-2 i {
	font-size: 24px;
	color: #EDCB6E80;
	/* margin-left: 36px; */
}


/* General styles for input fields */

.username-box input[type="text"],
.username-box input[type="password"] {
	width: 100%;
	height: 100%;
	border: none;
	padding: 0 20px;
	box-sizing: border-box;
	font-size: 16px;
	outline: none;
	color: #EDCB6E;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}


/* Change placeholder text color to white */

.username-box input[type="text"]::placeholder,
.username-box input[type="password"]::placeholder {
	color: #FFF;
	/* White color */
	opacity: .5;
	font-weight: 400;
}


/* Webkit browsers */

.username-box input[type="text"]::-webkit-input-placeholder,
.username-box input[type="password"]::-webkit-input-placeholder {
	color: #FFF;
	/* White color */
}


/* Mozilla Firefox */

.username-box input[type="text"]:-moz-placeholder,
.username-box input[type="password"]:-moz-placeholder {
	color: #FFF;
	/* White color */
}


/* Internet Explorer 10-11 */

.username-box input[type="text"]:-ms-input-placeholder,
.username-box input[type="password"]:-ms-input-placeholder {
	color: #FFF;
	/* White color */
}


/* Microsoft Edge */

.username-box input[type="text"]::-ms-input-placeholder,
.username-box input[type="password"]::-ms-input-placeholder {
	color: #FFF;
	/* White color */
}


/* Autofill styles for both username and password fields */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
	-webkit-text-fill-color: #FFF !important;
	background-color: transparent !important;
	background-image: none !important;
	box-shadow: 0 0 0 1000px transparent inset !important;
	background-clip: text;
	-webkit-background-clip: text;
}


/* Autofill styles specifically for password field when hovered */

input[type="password"]:-webkit-autofill:hover {
	background-color: transparent !important;
}

.username-input-field {
	color: #FFF !important;
	font-size: 20px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	background: transparent;
}

.message-for-user {
	color: #C8ECFF !important;
	font-size: 15px;
	margin-top: 7px;
}

.error-message {
	color: #FFF !important;
	font-size: 16px !important;
}

.login-btn {
	border-radius: 100px;
	background: linear-gradient(180deg, #DCBB5A 0%, #AF802A 100%);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
	width: 488px !important;
	height: 90px;
	font-size: 19px;
}

@media only screen and (max-width: 600px) {
	.login-btn {
		margin-left: -12px;
		width: 313px !important;
	}
}

.login-remember {
	color: white;
}

.website-visit {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin-top: 50px;
}

.site-label {
	color: #EDCB6E;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.line-style {
	text-align: center;
}

.horiz-line {
	height: 1.5px;
	color: #FFFFFF;
	width: 95%;
	margin-left: 40px;
	margin-top: 39px;
}

@media only screen and (max-width: 600px) {
	.horiz-line {
		height: 1.5px;
		color: #FFFFFF;
		width: 95%;
		margin-left: 10px;
		margin-top: 39px;
	}
}

.footer-head {
	margin-top: 0px;
}

.footer-text {
	margin-top: 25px;
	color: #EDCB6E;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-align: center;
}

.blog-img {
	width: 145px;
	height: 96px;
	margin-right: 15px;
	float: left;
}

/* Tutor finder profile image - matches news/article image style (rounded corners, soft shadow) */
.tutor-finder-profile-img {
	border-radius: 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	object-fit: cover;
}

.blog-text {
	text-align: justify;
	padding-top: 5px;
}

.children-menu {
	text-decoration: none;
	position: absolute;
	z-index: 999;
	list-style-type: none;
	border-radius: 16px;
	border: 0.5px solid rgba(0, 0, 0, 0.20);
	background: #F5F5F5;
	display: grid;
	grid-auto-rows: min-content;
	/* Automatically adjust row height based on content */
	grid-gap: 8px;
	/* Gap between grid items */
	padding: 8px;
	width: 297px;
}

.children-submenu {
	color: #000;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	padding: 7px;
}

.children-profile-status {
	border-radius: 12px;
	border: 0.5px solid rgba(34, 34, 34, 0.50);
	width: 100%;
	max-width: 100%;
	margin-left: 0px;
}

@media only screen and (max-width: 600px) {
	.children-profile-status {
		width: 349px;
	}
}

.student-check .form-check-input {
	width: 25px;
	height: 25px;
}

.student-check .form-check-input:checked {
	background-color: rgb(50, 9, 171);
	border-color: rgb(0, 0, 0);
}

.student-check .form-check-input:checked::after {
	content: '';
	position: absolute;
	width: 6px;
	height: 12px;
	border-width: 0 3px 3px 0;
	display: inline-block;
	transform: rotate(45deg);
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%) rotate(45deg);
}

.student-name {
	margin-top: 7px;
}

.student-checkboxes {
	margin-left: 23px;
}

.card-access-permission {
	color: #2980A7;
	font-size: 18px;
	font-style: italic;
	font-weight: 500;
	line-height: normal;
}

.save-card-to-student {
	display: inline-flex;
	padding: 16px 24px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #FFF;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.6px;
	border-radius: 165px;
	background: #2E9026;
	border: #2E9026;
	width: 144px;
	height: 40px;
	margin-top: 20px;
}

.credit-card-tab {
	padding: 16px;
	flex-direction: column;
	border-radius: 24px;
	border: 0.5px solid rgba(41, 128, 167, 0.50);
}

.ban-credit-card {
	color: #FF805B;
}

.inactivate-btn {
	background: none;
	border: none;
	color: white;
}

.activate-btn {
	border: none;
	width: 162px;
	padding: 4px;
	align-items: center;
	gap: 8px;
	border-radius: 30px;
	border: 1px solid #2E9026;
	background: #2E9026;
	color: #FFF;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	height: 37px;
}

.entire-session {
	background-color: #E4F3FB !important;
}

.copy-address-btn {
	margin-left: 15px;
}

.reset-back {
	display: inline-flex;
	padding: 12px 28px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	color: #FFF;
	text-align: center;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0.6px;
	border-radius: 4px;
	background: #005a84;
	border: #005a84;
}

.student-list-profile {
	list-style-type: none;
}

.student-profile-img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}

.copy-address {
	text-align: left;
	font-size: 13px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
}

.pdf-sections {
	margin-top: 15px;
}

@media only screen and (max-width: 600px) {
	.pdf-head {
		font-size: 11px;
		margin-top: -26px;
		margin-left: 45px;
		width: 155px;
	}
}

.pdf-a-tag {
	margin-left: 7px;
}

.pdf-checkbox {
	margin-top: 17px;
	margin-right: -68px;
	margin-left: 15px;
}

.row.align-items-center {
	align-items: center;
	/* Vertically center align all items in the row */
}

@media only screen and (max-width: 600px) {
	.session-dates {
		margin-left: -1px;
	}
}

@media only screen and (max-width: 600px) {
	.twitter-btn {
		margin-top: -67px;
		margin-left: 0px;
	}
}

@media only screen and (max-width: 600px) {
	.linkedin-text {
		margin-left: 23px !important;
	}
}

@media only screen and (max-width: 600px) {
	.twitter-text {
		margin-left: -215px !important;
	}
}

.login-error-box {
	background: #9E4141;
	margin-top: 0px;
	border-radius: 9px;
	padding: 9px;
}

.zoom-link {
	align-items: center;
}

@media only screen and (max-width: 600px) {
	.video-call {
		border-radius: 0.5px;
		border: 0.4px solid rgba(41, 128, 167, 0.20);
		background: rgba(41, 128, 167, 0.10);
		margin-left: -7px;
		margin-top: 3px;
		width: auto;
		/* height: 96px; */
	}
}

@media only screen and (max-width: 600px) {
	.video-title {
		padding-bottom: 0px !important;
		color: #fff;
		font-size: 15px;
	}
}

@media only screen and (max-width: 600px) {
	.recent-news {
		position: relative;
		width: 100%;
		min-height: unset;
		padding-inline-end: 0.75rem;
		padding-inline-start: 0.75rem;
	}
}

@media only screen and (max-width: 600px) {
	input.filterBtn {
		margin-left: 128px;
	}
}

@media only screen and (max-width: 600px) {
	.referal-image {
		background-image: url(/family/layouts/assets/img/icons/referal.png);
		background-repeat: no-repeat;
		background-size: cover;
		height: 367px;
	}
}

@media only screen and (max-width: 600px) {
	.display-date {
		margin-top: -120px;
		margin-right: -43px;
	}
}

@media only screen and (max-width: 600px) {
	.img-hello {
		width: 150px;
		height: 24px;
		margin-top: -256px;
		margin-left: 122px;
	}
}

@media only screen and (max-width: 600px) {
	.img-loudspeaker {
		margin-top: -73px;
		margin-left: -3px;
		max-width: 72%;
	}
}

@media only screen and (max-width: 600px) {
	.referrals {
		color: #FFF;
		text-align: justify;
		font-size: 13px;
		font-style: italic;
		font-weight: 500;
		line-height: 135%;
		letter-spacing: .45;
		margin-top: -45px;
		width: 244px;
		margin-left: 41px;
	}
}

@media only screen and (max-width: 600px) {
	.btn-click {
		margin-top: -15px;
		margin-left: 12px;
		width: 105px;
		height: 68px;
		border-radius: 21px;
		background: #FFF;
		box-shadow: 0px 6px 5.5px 0px rgba(0, 0, 0, 0.25);
		margin-left: 103px;
	}
}

@media only screen and (max-width: 600px) {
	.video-call-text {
		margin-top: -26px;
		font-size: 9px;
	}
}

@media only screen and (max-width: 600px) {
	.camera-icon {
		margin-left: -53px;
		margin-top: 17px;
	}
}

@media only screen and (max-width: 600px) {
	.schedule-btn {
		margin-bottom: 13px;
	}
}

@media only screen and (max-width: 600px) {
	.social-media-top {
		/* margin-left: 13px; */
	}
}

.zoom-link {
	align-items: center;
}

.calender-popup-text {
	font-size: 11px;
	color: black;
	font-weight: 500;
	font-style: normal;
}

.calender-popup-label {
	color: rgba(0, 0, 0, 0.40);
	font-style: normal;
}

.calender-popup-card {
	border-radius: 4px;
	border: 0.5px solid rgba(0, 0, 0, 0.10);
	background: #E4F3FB;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

/* @media only screen and (max-width: 600px) {
	.calender-card {
		width: 116%;
		margin-left: -11px;
	}
} */

@media only screen and (max-width: 600px) {
	.transaction-btn {
		margin-left: 155px;
	}
}

@media only screen and (max-width: 600px) {
	.tutor-search-btn {
		margin-left: 141px;
	}
}

@media only screen and (max-width: 600px) {
	.update-status-container {
		margin-top: 18px;
	}
}

@media only screen and (max-width: 600px) {
	.save-reset-btn {
		padding-left: 100px;
	}
}

.preview-style {
	padding-left: 17px;
	padding-top: 17px;
}

.sub-preview-style {
	padding-left: 17px;
}

.field-style {
	padding-left: 17px;
}

.custom-close-btn {
	background-color: #2980A7;
	color: white;
}

.custom-close-btn:hover {
	background-color: #1f5e76;
}

.calender-popup-sub-card {
	padding-left: 6px;
	padding-top: 6px;
}

.calender-popup-footer {
	margin-top: -19px;
}

@media only screen and (max-width: 600px) {
	.responsive-modal {
		margin-left: 37px;
	}
}

.schedule-head {
	font-style: normal;
	font-size: 18px;
	padding-bottom: 8px;
}

.popup-img-part {
	border-right: 1px solid #c3c1c1;
	margin-top: 12px;
}

.popup-student-part {
	border-right: 1px solid #c3c1c1;
	margin-bottom: 12px;
}

@media only screen and (max-width: 600px) {
	.popup-img-part {
		border-right: none;
		margin-top: 0;
	}

	.popup-student-part {
		border-right: none;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 600px) {
	.profile-details {
		margin-top: -43px;
		margin-left: 1px;
	}
}

.media-icon {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 35px; /* spacing between icons */
}

.media-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.media-icon-item .logo-text {
    margin-top: 5px;
}

.media-text {
    display: flex;
    justify-content: center;
    gap: 30px;
}

.twitter-circle {
	padding: 11px;
	box-sizing: border-box;
	margin: 0 auto;
	display: block;
}


/* @media only screen and (max-width: 600px) {
	.media-icon {
		margin-left: 212px;
	}

	.media-text {
		margin-left: 9px;
	}
} */

@media only screen and (max-width: 600px) {
	.responsive-schedule-session {
		margin-left: 45px;
	}
}

.responsive-window {
	flex-direction: row;
}

.student-profile-style {
	flex-direction: row;
	justify-content: center;
}

.no-record {
	text-align: center;
}

.video-call-img {
	max-width: 50%;
	margin-left: 10px;
	margin-top: 9px;
}

.event-img {
	width: 148px;
	height: 98px;
	object-fit: cover;
	/* Maintains aspect ratio and covers the area */
}

.youtube-link {
	margin-left: 7px;
	margin-top: 9px;
}

.link-icon {
	font-size: 16px;
	color: red;
}

.link-text {
	font-size: 16px;
}

@media only screen and (max-width: 600px) {

	.new-chat-btn,
	.tutor-chat-btn,
	.admin-chat-btn {
		width: 35%;
	}
}

@media only screen and (max-width: 600px) {
	.msg-time {
		font-size: 8px;
	}
}

.custom-modal-width {
	max-width: 80%;
	/* Adjust this value to increase or decrease the width */
}

@media (min-width: 768px) {
	.custom-modal-width {
		max-width: 80%;
		/* This will apply for larger screens */
	}
}

@media (max-width: 767px) {
	.custom-modal-width {
		max-width: 100%;
		/* This will apply for smaller screens */
	}
}

.communiocation-container {
	position: relative;
	width: 100%;
	height: 100vh;
	/* Adjust the height as needed */
}

.overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: linear-gradient(270deg, #2179A0 0%, #45AFDF 48.5%, #2179A0 100%);
	color: #fff;
	padding: 20px;
	border-radius: 8px;
}

.overlay h3 {
	margin: 0;
}

.chat-menu {
	/* filter: blur(3px); */
	pointer-events: none;
	user-select: none;
}

@media (max-width: 767px) {
	.soon {
		font-size: 14px;
	}
}

.video-conference {
	width: auto;
	display: flex;
	border-radius: 2px;
	border: 0.5px solid rgb(93 45 45 / 5%);
	background: #000000;
	height: 279px;
	border-top: 4px solid #D9D9D9;
	margin-left: 12px;
	margin-top: 13px;
	border-left: 4px solid #D9D9D9;
	border-right: 4px solid #D9D9D9;
	border-bottom: 22px solid #D9D9D9;
}

.video-conference::after {
	content: "";
	width: 12px;
	height: 12px;
	background-color: #000000;
	border-radius: 50%;
	position: absolute;
	bottom: -17px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 1;
}

@media (max-width: 600px) {
	.video-conference {
		width: 360px;
		flex-shrink: 0;
		border-radius: 2px;
		border: 0.5px solid rgb(93 45 45 / 5%);
		background: #000000;
		height: 279px;
		border-top: 4px solid #D9D9D9;
		margin-left: 12px;
		margin-top: 13px;
		border-bottom: 22px solid #D9D9D9;
		border-left: 4px solid #D9D9D9;
		border-right: 4px solid #D9D9D9;
	}
}

@media (max-width: 767px) {
	.video-call-img {
		max-width: 50%;
		margin-left: 10px;
		margin-top: 35px;
	}
}

.no-video-call {
	background: rgba(255, 255, 255, 0.10);
	width: 366px;
	height: 74px;
	margin-left: 0px;
	margin-bottom: 80px;
	margin-top: 30px;
	font-size: 17px;
}

@media (max-width: 767px) {
	.no-video-call {
		border-radius: 0.5px;
		border: 0.4px solid rgba(41, 128, 167, 0.20);
		background: rgba(41, 128, 167, 0.10);
		margin-left: 60px;
		margin-bottom: 13px;
		margin-top: 15px;
		width: auto;
		height: 70px;
		text-align: center;
		font-size: 12px;
	}
}

.no-session-message {
	margin-top: 20px;
	color: #fff;
	text-align: center;
}

.check-icon {
	margin-top: 6px;
}

.video-camera-icon {
	margin-left: 49px;
	margin-top: 5px;
}

@media (max-width: 767px) {
	.join-btn {
		font-size: 11px;
		width: 50px;
		height: 25px;
		flex-shrink: 0;
		border-radius: 2px;
		background: #D5AF1C;
		border: #D5AF1C;
		color: #C62409;
		margin-left: 97px;
		/* margin-top: -49px; */
	}
}

@media only screen and (max-width: 600px) {
	.video-camera-icon {
		margin-left: 49px;
		margin-top: -6px;
	}
}

@media only screen and (max-width: 600px) {
	.tutor-video-call-text {
		margin-left: 59px;
		margin-top: -26px;
		font-size: 9px;
	}
}

.return-btn {
	background-color: #f1ebb7;
	border: none;
	padding: 7px;
	border-radius: 3px;
}

.alert-box {
	display: none;
	position: absolute;
	margin-left: 236px;
	margin-top: -22px;
	width: 50%;
	text-align: center;
}

@media only screen and (max-width: 600px) {
	.alert-box {
		display: none;
		position: absolute;
		margin-left: -42px;
		margin-top: -19px;
		width: 59%;
		text-align: center;
		font-size: 11px;
	}
}

.resume-alert-box {
	display: none;
	position: absolute;
	margin-left: 301px;
	margin-top: -37px;
	width: 50%;
	text-align: center;
}

@media only screen and (max-width: 600px) {
	.resume-alert-box {
		display: none;
		position: absolute;
		margin-left: 45px;
		margin-top: -18px;
		width: 56%;
		text-align: center;
		font-size: 13px;
	}
}

.myprofile-style {
	color: #fff;
	margin: 22px;
}

.youtubelink-scroll {
	height: calc(100% - 20px);
	overflow-y: auto;
	padding: 10px;
}

.video-title {
	padding-bottom: 2px;
	color: #fff;
	font-size: 15px;
}

.no-video-title {
	color: #fff;
	font-size: 15px;
}

.video-title-text {
	margin-top: 50px;
}

@media only screen and (max-width: 600px) {
	.video-link-scroll {
		max-height: 100px;
		overflow-y: auto;
		overflow-x: hidden;
	}
}

.tv-stand {
	height: 30px;
	width: 100px;
	flex-shrink: 0;
	border-radius: 2px;
	border: 0.5px solid rgba(0, 0, 0, 0.05);
	background: #020202;
	margin-left: 21px;
	margin-bottom: 116px;
	margin-top: 5px;
	clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);
}

@media only screen and (max-width: 600px) {
	.tv-stand {
		height: 30px;
		flex-shrink: 0;
		border-radius: 2px;
		border: 0.5px solid rgba(0, 0, 0, 0.05);
		background: #020202;
		margin-left: 100px;
		margin-bottom: 17px;
		margin-top: 5px;
		width: 50%;
		clip-path: polygon(10% 0, 90% 0, 100% 100%, 0% 100%);
	}
}

.video-link-scroll {
	overflow-y: auto;
	max-height: 225px;
	overflow-x: auto;
}

.avalon-icon-img {
	margin-right: -26px;
}

@media only screen and (max-width: 600px) {
	.avalon-icon-img {
		margin-right: -22px!important;
		margin-top: -100px!important;
	}
}

.tv-top {
	margin-top: 10px;
	height: 10px;
}

.avalon-icon-style {
	text-align: right;
}

.referral-title {
	color: #2980A7;
	font-size: 20px;
	font-style: normal;
	font-weight: 600;
	line-height: normal;
}

.referral-details-popup {
	font-style: normal !important;
	border-radius: 20px;
	background: #FFF;
}

.referral-modal-width {
	max-width: 50%;
	/* Adjust this value to increase or decrease the width */
}

.referral-submit {
	border-radius: 12px;
	background: #2E9026;
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.20);
	color: #ffffff;
	font-style: normal;
	font-size: 11px;
	display: inline-flex;
	height: 41px;
	padding: 10px 16px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
}

.referral-form-error-message {
	color: #888;
}

.referral-send-success {
	margin-top: 15%;
	margin-bottom: 17%;
}

@media only screen and (max-width: 600px) {
	.referral-details-popup {
		font-style: normal !important;
		border-radius: 20px;
		background: #FFF;
		height: 100% !important;
	}
}

@media only screen and (max-width: 600px) {
	.referral-modal-width {
		max-width: 98%;
		margin-left: 6%;
		margin-right: 6%;
		margin-top: 13%;
		margin-bottom: 13%;
	}
}

.age-custom-dropdown {
	width: 100%;
}

@media only screen and (max-width: 600px) {
	.age-custom-dropdown {
		width: 50%;
	}
}

@media only screen and (max-width: 600px) {
	.referral-send-success {
		margin-top: 11%;
		margin-bottom: 25%;
	}
}

.small-size {
	font-size: 71%;
	font-weight: 600;
}

.parent-referral {
	color: #FFF;
	text-align: justify;
	font-size: 15px;
	font-style: italic;
	font-weight: 500;
	line-height: 143%;
	letter-spacing: 0.45px;
	margin-top: -94px;
	width: 441px;
	margin-left: 133px;
}

@media only screen and (max-width: 600px) {
	.parent-referral {
		color: #FFF;
		text-align: justify;
		font-size: 96%;
		font-style: italic;
		font-weight: 500;
		line-height: 140%;
		letter-spacing: 0.45px;
		margin-top: -13%;
		width: 265px;
		margin-left: 9%;
	}
}

.image-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px;
}

.images-set {
	margin: 10px;
	cursor: pointer;
	text-align: center;
	position: relative;
	width: calc(25% - 20px);
	aspect-ratio: 1;
}

.images-set img {
	width: 90%;
	height: 90%;
	object-fit: cover;
	border-radius: 5px;
	transition: transform 0.2s;
}

.img-selected {
	background: linear-gradient(270deg, #2179A0 0%, #45AFDF 48.5%, #2179A0 100%);
	border-radius: 5px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}

.img-selected img {
	transform: scale(0.95) !important;
	/* Ensure the scale effect applies */
}

.parent-student-profile-img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
}




/* Badge for notifications */
.badge {
	background-color: #FF5722;
	color: white;
	border-radius: 50%;
	padding: 3px 8px;
	font-size: 12px;
	margin-left: 5px;
	vertical-align: middle;
}



.upload-btn-section {
	text-align: center;
	margin-bottom: -26px;
	padding: 10px;
}

.upload-btn-section button {
	margin: 0 5px;
}

.delete-gallery-btn {
	display: none;
}

.profile-preview {
	width: 150px;
	height: 150px;
	border-radius: 50%;
	object-fit: cover;
	margin: 0 auto;
	display: block;
}

.avatar-gallery {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px;
	border-top: 1px solid #dee2e6;
	margin-top: 11px;
}

.tab-size {
	height: 400px;
}

.image-gallery-tabs {
	display: inline-flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.image-gallery-tab-item {
	margin-right: 10px;
}

.image-gallery-tab-link.active {
	background-color: #2980A7;
	color: white;
}

.image-gallery-tab-link {
	background-color: #005a840d;
	border-radius: 5px;
	color: #2980A7;
	padding: 10px 15px;
	text-decoration: none;
	display: inline-block;
}

.user-image-gallery {
	border-top: 1px solid #dee2e6;
	margin-top: 11px;
}

.empty-gallery {
	margin-top: 38%;
}

.image-option {
	position: relative;
	/* Add this to make it a positioning context */
}

.delete-cross-btn {
	position: absolute;
	top: 5px;
	right: 5px;
	background: rgba(255, 0, 0, 0.7);
	color: white;
	border: none;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	padding: 0;
	z-index: 10;
}

.delete-cross-btn:hover {
	background: rgba(255, 0, 0, 0.9);
}

.delete-gallery-btn {
	border: 1px solid var(--Colors-Red-400, #D3380A);
	color: var(--Colors-Red-400, #D3380A);
	padding: 8px 16px;
	border-radius: 4px;
	cursor: pointer;
	display: inline-block;
	background-color: transparent;
	/* Set initial background */
	transition: background-color 0.3s, color 0.3s;
	/* Smooth transition */
}

.delete-gallery-btn:hover {
	background-color: var(--Colors-Red-100, #FFE5E0);
	/* Soft red background on hover */
	color: var(--Colors-Red-600, #A12A08);
	/* Darker red text on hover */
}

.upload-icon {
	color: #fff !important;
}

.image-delete {
	color: var(--Colors-Red-400, #D3380A) !important;
}

.register-ask {
	color: #FFF;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
}

.register-link {
	color: #EDCB6E;
	font-size: 20px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
}

.registration-box {
	display: grid;
	place-items: normal;
	margin-top: -13px;
}

.register-form-label {
	text-align: left;
	font-size: 15px;
	color: #FFF;
	display: block;
	margin-bottom: 5px;
}

.common-input-field {
	color: #FFF !important;
	font-size: 15px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	background: transparent;
	width: 100%;
	padding: 10px;
	border: 1px solid #FFF;
	border-radius: 4px;
	outline: none;
}

.common-input-field:focus {
	background: transparent;
	border-color: #FFF !important;
}

.mobile-isdcode {
	border-radius: 2px;
	background: rgba(255, 255, 255, 0.10);
	color: #fff;
}

#isdcode {
	color: #fff;
	border: 1px solid #fff;
	border-radius: 4px 0 0 4px !important;
	/* Modified to only round left corners */
	border-right: none;
	padding: 0.375rem 0.75rem;
	width: 91px;
}

#isdcode:focus {
	outline: none;
	box-shadow: none;
}

#isdcode option {
	color: #333333;
	background-color: #fff;
	/* Changed from transparent */
	padding: 5px;
}

#school {
	color: #fff !important;
	border: 1px solid #fff !important;
	border-radius: 4px !important;
	padding-right: 30px !important;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat calc(100% - 10px) center !important;
}

#school::placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}

#school::-webkit-calendar-picker-indicator {
	opacity: 0;
}

#school::placeholder {
	color: rgba(255, 255, 255, 0.7) !important;
}

.must-fill {
	color: #9E4141;
}

.registration-btn {
	border-radius: 5px;
	background: linear-gradient(180deg, #DCBB5A 0%, #AF802A 100%);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
	width: 488px !important;
	height: 90px;
	font-size: 19px;
}

@media only screen and (max-width: 600px) {
	.registration-btn {
		width: 313px !important;
	}
}

.registration-box .required-error-message {
	text-align: left !important;
	/* Ensures the error message text is aligned to the left */
	display: block;
	/* Ensures the error message takes up the full width */
}

.info-message-box {
	background: rgba(255, 255, 255, 0.10);
	margin-top: 0px;
	border-radius: 9px;
	padding: 9px;
	color: #fff;
	margin-bottom: 5%;
}

.reset-form-center {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.password-reset-button {
	border-radius: 5px;
	background: linear-gradient(180deg, #DCBB5A 0%, #AF802A 100%);
	box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.10);
	width: 250px !important;
	height: 54px;
	font-size: 19px;
}

.reset-page-logo {
	max-width: 40%;
}

.reset-password-validation-box {
	border: 1px solid #fff;
	margin-bottom: 3%;
	border-radius: 3px;
	padding: 3%;
	text-align: justify;
	width: 62%;
}

.reset-password-message {
	color: #F36F56;
}

.error-space {
	margin-bottom: 9%;
}

.s-field-style {
	padding-left: 0px !important;
}

.dropdown-select-field {
	color: #fff !important;
	font-size: 15px !important;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	background: transparent;
	width: 100%;
	padding: 10px;
	border: 1px solid #FFF;
	border-radius: 4px;
	outline: none;
}

.dropdown-select-field:focus {
	background: transparent;
	border-color: #FFF !important;
}

.dropdown-select-field option {
	color: #000;
	background-color: #FFF;
}

.schoolstatedd {
	color: #fff !important;
	border: 1px solid #fff !important;
	border-radius: 4px !important;
	padding-right: 30px !important;
	background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") no-repeat calc(100% - 10px) center !important;
}

.highlight-error {
	animation: shake 0.3s ease-in-out;
}

@keyframes shake {

	0%,
	100% {
		transform: translateX(0);
	}

	25% {
		transform: translateX(-5px);
	}

	50% {
		transform: translateX(5px);
	}

	75% {
		transform: translateX(-5px);
	}
}

.sibling {
	text-align: center;
	border-top: #909090;
	border-top: .5px solid;
	margin-left: 0px;
	padding-top: 5%;
	padding-bottom: 5%;
}

.add-sibling-btn {
	width: 166px;
	height: 40px;
	padding: 8px 16px;
	border-radius: 12px;
	border: 1px solid #207FD9;
	background: #EFF7FF;
	color: #207FD9;
}

.add-sibling-btn:hover {
	background: #207FD9;
	color: #FFF;
}

.student-profile-item {
	position: relative;
	padding-right: 0px;
	display: flex;
	align-items: center;
}

.student-profile-item .status {
	margin-left: auto;
}

.completed-status {
	color: #2E9026;
}

.pending-status {
	color: #D4A417;
}

.msg-note-count {
	position: absolute;
	margin-top: -7px;
	margin-left: -1px;
	background-color: #FF5722;
	color: white;
	border-radius: 50%;
	padding: 3px 8px;
	font-size: 12px;
	vertical-align: middle;
	cursor: pointer;
}

.nav-space {
	width: 10px !important;
}

.bell-style {
	color: #fff;
	margin-left: 144px;
	margin-top: 19px;
}

@media only screen and (max-width: 600px) {
	.bell-style {
		margin-left: 144px;
		margin-top: 19px;
		color: #fff;
	}
}

.schedule-chart-scroll {
	max-height: 204px;
	overflow-y: auto;
}

.v3 {
	border: 0.5px solid #2980A7;
	margin-left: 29px;
	width: 1px;
	height: 25px;
	margin-top: -23px;
}

.blog-error-message {
	color: #9E4141;
}

.disabled-cc-link {
	pointer-events: none;
	opacity: 0.5;
	border: 1px dashed #B2BABB;
}

.disabled-cc-text {
	color: #B2BABB;
}

.no-cc-service-box {
	border-radius: 12px;
	border: solid 0.5px;
	border-color: #005a84;
}

.no-cc-service-text {
	text-align: center;
	margin-top: 10%;
	margin-bottom: 10%;
}

@media only screen and (max-width: 600px) {
	.add-credit {
		margin-left: 91px;
		width: 52%;
	}
}

.session-profile-image {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
}

.calender-popup-card .col-auto {
	flex: 0 0 auto;
}

.session-link {
	margin-left: -45px;
	font-style: normal;
}

@media only screen and (max-width: 600px) {
	.session-link {
		margin-left: 0px;
		margin-top: -18px;
	}
}

/* side_menu hover */
.slide:hover .side-menu__item {
	background: none;
}

.std-name-display {
	background-color: rgba(0, 0, 0, 0.10000000149011);
	display: inline-block;
	padding: 5px 10px;
	border-radius: 4px;
}

.clear-icon {
	cursor: pointer;
	font-size: 25px;
	color: #888;
	background-color: #e0e0e0;
	width: 29px;
	height: 29px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-top-left-radius: 50% !important;
	border-bottom-left-radius: 50% !important;
}

.clear-icon:hover {
	color: #000;
	background-color: #d0d0d0;
}

.img-flex {
	flex-shrink: 0 !important;
}

/* Billing styles imported from admin for upcomingpayment.cfm - RENAMED FOR FAMILY MODULE */
.family-billing-data-table-selected {
	background-color: #FFF5CC !important;
}

.family-billing-void-btn {
	background-color: #9e4141 !important;
	border-color: #9e4141 !important;
	color: #fff !important;
}

.family-billing-void-btn:hover,
.family-billing-void-btn:focus {
	background-color: #7a2f2f !important;
	border-color: #7a2f2f !important;
	color: #fff !important;
}

.family-billing-tutor-notes-box {
	background: #f5f5f5;
	border-radius: 4px;
	padding: 8px;
	min-height: 40px;
	padding: 0.375rem 0.75rem;
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
}

/* Custom Badge Styles for Upcoming Payment Page */
.custom-badge {
	display: inline-block;
	padding: 4px 8px;
	font-size: 11px;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: 12px;
	color: #fff;
	text-decoration: none;
	border: none;
	opacity: 0.9;
	cursor: default;
	user-select: none;
}

.custom-badge-success {
	background-color: #28a745;
	color: #fff;
}

.custom-badge-warning {
	background-color: #ffc107;
	color: #212529;
}

.custom-badge-danger {
	background-color: #dc3545;
	color: #fff;
}

.custom-badge-info {
	background-color: #17a2b8;
	color: #fff;
}

.custom-badge:hover {
	opacity: 1;
	text-decoration: none;
	transform: none;
}

.family-billing-manager .btn-wallet {
	background-color: #39996b !important;
	color: #fff !important;
	border: none;
}

.family-billing-manager .btn-wallet i {
	margin-right: 6px;
}

.family-billing-tutor-notes-box {
	background: #f5f5f5;
	border-radius: 4px;
	padding: 8px;
	min-height: 40px;
	padding: 0.375rem 0.75rem;
	background-color: #f8f9fa;
	border: 1px solid #dee2e6;
	border-radius: 0.375rem;
}

.payment-methods-container {
	margin-left: 0.5rem;
}

.payment-method-option {
	display: flex;
	align-items: center;
	margin-bottom: 0.5rem;
}

.payment-method-option .form-check-input {
	margin-top: 6px;
	margin-right: 0.5rem;
}

.payment-option {
	padding: 0.5rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	transition: all 0.2s ease;
	margin-bottom: 0.5rem;
	cursor: pointer;
}

.payment-option.disabled {
	background: #f8f9fa;
	opacity: 0.7;
	cursor: not-allowed;
}

.cc-icon-circle {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 0.75rem;
}

.cc-icon-circle.primary {
	background: #e7f5ff;
}

.cc-icon-circle.secondary {
	background: #f1f3f5;
}

.payment-option .fa-2x {
	font-size: 1rem;
}

.payment-option .text-primary {
	color: #1971c2 !important;
}

.payment-option .text-secondary {
	color: #495057 !important;
}

.payment-option small {
	font-size: 0.8rem;
	color: #868e96;
}

.inactive-badge {
	position: absolute;
	right: 18px;
	background: #ea3e0b;
	color: #fff;
	font-size: 0.95em;
	font-weight: 600;
	border-radius: 12px;
	padding: 3px 14px 3px 14px;
	z-index: 2;
	margin-top: 17px;
}

.activate-btn-align {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.registered-card.inactivated .activate-btn-align .activate-btn {
	background: #2E9026 !important;
	color: #fff !important;
	opacity: 1 !important;
	filter: none !important;
	pointer-events: auto !important;
}

.registered-card.inactivated .inactive-content {
	opacity: 0.4;
	filter: grayscale(100%);
	pointer-events: none;
}

.registered-card.inactivated {
	border-color: #cccccc !important;
}

/* Sticky error and success messages */
.static-success-alert,
.static-error-alert {
	position: sticky !important;
	top: 53px !important;
	z-index: 999 !important;
}

/* Ensure error messages have proper styling when sticky */
.static-error-alert .alert-error {
	background: #ffd9e0 !important;
	border-color: #9E4141 !important;
	color: #9E4141 !important;
}

/* Ensure success messages have proper styling when sticky */
.static-success-alert .alert-success {
	background: #d4edda !important;
	border-color: #c3e6cb !important;
	color: #155724 !important;
}

/* Avalon Messaging Section - Original Styles */
.video1-call-box {
	height: 455px;
}

.communication-container {
	height: calc(100% - 60px);
	overflow-y: auto;
}

.chat-communication-display {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	margin-bottom: 10px;
	transition: background-color 0.3s ease;
	flex-wrap: nowrap;
	cursor: pointer;
}

.chat-communication-display:hover {
	background-color: #f0f0f0;
	padding: 10px;
}

.chat-profile-img-container {
	flex: 0 0 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 70px;
	padding: 5px 8px 5px 12px;
	margin-right: 5px;
}

.chat-profile-img {
	width: 60px;
	height: 60px;
	margin: 0;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0;
}

.chat-details {
	flex: 1;
	padding-left: 10px;
	min-width: 0;
	overflow: hidden;
}

.user-profile-title {
	color: #000;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 100%;
	margin: 0;
}

.user-msg {
	color: rgba(0, 0, 0, 0.50);
	font-size: 9px;
	font-style: normal;
	font-weight: 400;
	line-height: 143.5%;
	margin: 0;
}

.msg-received-time {
	flex: 0 0 auto;
	text-align: right;
}

/* Pill toggle container */
.toggle-pill {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 30px;
	border: 1px solid #2980A7;
	width: 400px;
	background-color: white;
}

/* Hide radio buttons */
.toggle-pill input[type="radio"] {
	display: none;
}

/* Style for the toggle options (labels) */
.toggle-option {
	flex: 1;
	margin-top: 2%;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
	font-family: Arial, sans-serif;
	transition: background-color 0.3s ease, color 0.3s ease;
}

/* Styles for active (selected) state */
input[type="radio"]:checked+label {
	background-color: #2980A7;
	color: white;
	border-radius: 30px;
	padding: 10px 20px;
	margin: 5px;
	display: inline-block;
}

.chat-scroll {
	max-height: 600px;
	overflow-y: auto;
	transition: max-height 0.3s ease;
}

/* Dynamic height classes for different user counts */
.chat-scroll.few-users {
	max-height: 300px;
}

.chat-scroll.medium-users {
	max-height: 450px;
}

.chat-scroll.many-users {
	max-height: 600px;
}

/* Responsive height adjustments based on content */
@media (max-width: 768px) {
	.chat-scroll {
		max-height: 400px;
	}

	.chat-scroll.few-users {
		max-height: 250px;
	}

	.chat-scroll.medium-users {
		max-height: 350px;
	}

	.chat-scroll.many-users {
		max-height: 400px;
	}
}

/* For very small screens, reduce height further */
@media (max-width: 480px) {
	.chat-scroll {
		max-height: 300px;
	}

	.chat-scroll.few-users {
		max-height: 200px;
	}

	.chat-scroll.medium-users {
		max-height: 250px;
	}

	.chat-scroll.many-users {
		max-height: 300px;
	}
}

.chat-box {
	display: flex;
	justify-content: center;
	padding: 2%;
}

.chat-btn {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.avalonmsg {
	background: #fff3cd;
	border: 1px solid #ffeaa7;
	color: #856404;
	padding: 15px;
	margin: 10px 0;
	border-radius: 4px;
	font-size: 14px;
	line-height: 1.4;
}

/* Mobile Responsive Styles */
@media (max-width: 600px) {
	.toggle-pill {
		width: 90%;
		margin: 0 auto;
		padding: 0;
		border-radius: 40px;
	}

	.toggle-option {
		padding: 10px;
		flex: 1;
		min-width: 0;
		font-size: 11px;
	}

	.toggle-pill {
		flex-direction: row;
		justify-content: space-between;
	}

	input[type="radio"]:checked+label {
		margin: 4px;
		width: auto;
		font-size: 11px;
	}

	.badge {
		padding: 2px 5px;
		font-size: 10px;
		margin-left: 0px;
	}

	.chat-communication-display {
		padding: 6px 8px;
		margin-bottom: 8px;
	}

	.chat-profile-img-container {
		flex: 0 0 45px;
		padding: 3px 5px 3px 20px;
		margin-right: 3px;
	}

	.chat-profile-img {
		width: 45px;
		height: 45px;
	}

	.chat-details {
		padding-left: 8px;
		min-width: 0;
	}

	.user-profile-title {
		font-size: 14px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 120px;
	}

	.user-msg {
		font-size: 12px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 150px;
	}

	.msg-received-time {
		font-size: 11px;
		flex: 0 0 auto;
	}

	.chat-scroll {
		max-height: 600px;
		padding: 5px;
		overflow-y: auto;
		transition: max-height 0.3s ease;
	}
}

/* Tablet Responsive Styles */
@media (max-width: 768px) and (min-width: 601px) {
	.chat-communication-display {
		padding: 8px 10px;
	}

	.chat-profile-img-container {
		flex: 0 0 50px;
		padding: 4px 6px 4px 8px;
		margin-right: 4px;
	}

	.chat-profile-img {
		width: 60px;
		height: 60px;
		margin-left: 12px;
	}

	.user-profile-title {
		max-width: 140px;
		font-size: 15px;
	}

	.user-msg {
		max-width: 180px;
		font-size: 13px;
	}

	.msg-received-time {
		font-size: 12px;
	}

	.toggle-pill {
		width: 80%;
	}

	.toggle-option {
		padding: 12px 15px;
		font-size: 13px;
	}
}

/* Zoom and scaling fixes for profile images */
@media (min-resolution: 1.5dppx) {
	.chat-profile-img {
		image-rendering: -webkit-optimize-contrast;
		image-rendering: crisp-edges;
	}
}

/* Prevent image shrinking during zoom */
.chat-profile-img-container {
	position: relative;
}

.chat-profile-img {
	max-width: none;
	min-width: 50px;
	min-height: 50px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

/* Ensure images maintain size during browser zoom */
@media screen and (min-width: 1px) {
	.chat-profile-img {
		width: 45px !important;
		height: 45px !important;
		margin-left: 12px;
	}
}

/* Target the DataTables-generated col-sm-12 div that wraps the extracurricular table */
.extracurricular-table-scroll #file-datatable123_wrapper .row .col-sm-12 {
	max-height: 500px;
	overflow-y: auto;
	overflow-x: auto;
}

/* Ensure table and footer alignment on zoom out */
.extracurricular-table-scroll {
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
}

.extracurricular-table-scroll #file-datatable123_wrapper {
	width: 100%;
	max-width: 100%;
}

.extracurricular-table-scroll table.extracurricular_table {
	width: 100% !important;
	max-width: 100%;
	table-layout: auto;
}

.referal-image {
	background-image: url(/family/layouts/assets/img/icons/referal.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	height: 172px;
}

.referal-image .knowledge-card {
	background: transparent !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 !important;
	position: static !important;
	min-height: 0 !important;
}

.img-referal {
	margin-left: -5px;
	height: 192px;
}


/* Loudspeaker Image */
.img-loudspeaker {
	margin-top: -13px;
	margin-left: -16px;
	max-width: 160px;
	height: auto;
}

/* Hello Text Image */
.img-hello {
	margin-top: -87px;
	margin-left: -106px;
}

/* Text Content */
.parent-referral {
	color: #FFF;
	text-align: left;
	font-size: 13px;
	font-style: italic;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.45px;
	margin-top: -94px;
	width: 503px;
	max-width: calc(100% - 150px);
	margin-left: 133px;
}

/* Button Container */
.btn-click {
	margin-top: -94px;
	margin-left: 668px;
	width: 109px;
	height: 72px;
	border-radius: 21px;
	background: #FFF;
	box-shadow: 0px 6px 5.5px 0px rgba(0, 0, 0, 0.25);
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

/* Button Text */
.click-here {
	color: #2E9026;
	text-align: center;
	font-size: 12px;
	font-style: italic;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.36px;
	border: none;
	background: transparent;
	margin: 0;
}

.align-referral {
	margin-left: 10px;
}

/* Refactored We Love Referrals - All Resolutions (1100px+) */
@media only screen and (min-width: 1100px) {

	.referal-image,
	.referaltutor-image {
		position: relative !important;
		overflow: visible !important;
	}

	.referal-image .img-loudspeaker,
	.knowledge-card .img-loudspeaker {
		position: absolute !important;
		top: -51px !important;
		left: -3px !important;
		width: 79% !important;
		max-width: 184px !important;
		height: auto !important;
		margin: 0 !important;
		z-index: 10 !important;
	}

	.referal-image .img-hello,
	.knowledge-card .img-hello {
		position: absolute !important;
		top: 15px !important;
		left: 125px !important;
		width: 25% !important;
		max-width: 120px !important;
		height: auto !important;
		margin: 0 !important;
		z-index: 10 !important;
	}

	.referal-image .parent-referral,
	.knowledge-card .parent-referral {
		position: absolute !important;
		top: 50px !important;
		left: 125px !important;
		right: 150px !important;
		width: auto !important;
		max-width: none !important;
		margin: 0 !important;
		font-size: 12.5px !important;
		line-height: 1.4 !important;
		z-index: 5 !important;
	}

	.referal-image .btn-click,
	.knowledge-card .btn-click {
		position: absolute !important;
		bottom: 10px !important;
		right: 10px !important;
		top: 35px !important;
		margin: 0 !important;
		padding: 30px 15px !important;
		height: auto !important;
		width: auto !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
		z-index: 10 !important;
	}
}




/* 150% Zoom View (Tablet Landscape / Small Desktop) */
@media only screen and (min-width: 768px) and (max-width: 1099px) {

	.referal-image,
	.referaltutor-image {
		position: relative !important;
		background-size: 100% 100% !important;
		height: 172px !important;
		overflow: visible !important;
	}

	.referal-image .knowledge-card {
		position: static !important;
	}

	.referal-image .img-loudspeaker,
	.knowledge-card .img-loudspeaker {
		position: absolute !important;
		top: -32px !important;
		left: -7px !important;
		width: 160px !important;
		margin: 0 !important;
	}

	.referal-image .img-hello,
	.knowledge-card .img-hello {
		position: absolute !important;
		top: 26px !important;
		left: 91px !important;
		width: 90px !important;
		margin: 0 !important;
	}

	.referal-image .parent-referral,
	.knowledge-card .parent-referral {
		position: absolute !important;
		top: 50px !important;
		left: 91px !important;
		width: auto !important;
		right: 130px !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 11px !important;
	}

	.referal-image .parent-referral p {
		font-size: 11px !important;
		margin: 0 !important;
	}

	.referal-image .btn-click,
	.knowledge-card .btn-click {
		position: absolute !important;
		bottom: -100px !important;
		right: 10px !important;
		top: auto !important;
		margin: 0 !important;
		padding: 25px 10px !important;
		height: auto !important;
		width: auto !important;
	}
}

/* Mobile View (<767px) - Resetting Zoom Oversized Styles */
@media only screen and (max-width: 767px) {

	.referal-image {
		height: 400px !important;
	}

	.referal-image,
	.referaltutor-image {
		position: relative !important;
		overflow: visible !important;
	}

	.referal-image .knowledge-card {
		position: static !important;
	}

	.referal-image .img-loudspeaker,
	.knowledge-card .img-loudspeaker {
		position: absolute !important;
		top: -87px !important;
		left: 7px !important;
		width: 90px !important;
		max-width: none !important;
		margin: 0 !important;
	}

	.referal-image .img-hello,
	.knowledge-card .img-hello {
		position: absolute !important;
		top: -56px !important;
		left: 76px !important;
		width: 90px !important;
		max-width: none !important;
		margin: 0 !important;
	}

	.referal-image .referrals,
	.knowledge-card .referrals {
		position: absolute !important;
		top: 90px !important;
		left: 50px !important;
		width: auto !important;
		right: 25px !important;
		max-width: none !important;
		margin: 0 !important;
		padding: 0 !important;
		font-size: 12px !important;
		z-index: 5 !important;
	}

	.btn-click {
		position: absolute !important;
		bottom: -79px !important;
		right: 113px !important;
		top: auto !important;
		margin: 0 !important;
		width: 90px !important;
		height: 55px !important;
		padding: 5px 15px !important;
		border-radius: 20px !important;
	}

	.parent-referral {
		width: 265px !important;
		margin-left: 20px !important;
		text-align: justify !important;
		max-width: none !important;
		margin-top: 94px !important;
	}
}

/* Wide Screen Fix (>1500px) - Side-by-Side Layout */
@media only screen and (min-width: 1500px) {

	.referal-image .parent-referral,
	.knowledge-card .parent-referral {
		top: 50px !important;
		left: 126px !important;
		font-size: 15px !important;
	}
}

/* Dashboard Mobile View - Stack Columns Vertically */
@media only screen and (max-width: 575px) {
	/* Stack columns vertically on mobile - one column per row */
	.row.schedule > .col-4,
	.row.schedule > .col-sm-4,
	.row.schedule > .col-md-4,
	.row.schedule > .col-lg-4 {
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-bottom: 20px;
	}
	
	/* Schedule Chart Mobile - Proportionally scale desktop CSS */
	.schedule-chart-scroll {
		max-height: 180px !important;
	}
	
	/* Button: 61px -> 45px (74%), font: 24px -> 18px (75%), margin: 10px 8px -> 7px 6px */
	.button-schedule {
		width: 45px !important;
		height: 45px !important;
		font-size: 18px !important;
		margin: 7px 6px !important;
	}
	
	/* Date: font: 15px -> 11px (73%), margin-top: 22% -> 18% (proportional) */
	.schedule-chart-date {
		font-size: 11px !important;
		margin-top: -5% !important;
		color: #222 !important;
		text-align: left !important;
		font-weight: 500 !important;
		line-height: 100% !important;
		letter-spacing: 0.35px !important;
		margin-bottom: 5px !important;
	}
	
	/* Common: maintain flex structure */
	.schedule-common {
		display: flex !important;
		align-items: flex-start !important;
		justify-content: space-between !important;
		margin-top: 7px !important;
	}
	
	/* Time: font: 11px -> 9px (82%) */
	.schedule-p1 {
		font-size: 9px !important;
		color: #000 !important;
		text-align: center !important;
		font-weight: 500 !important;
		line-height: 100% !important;
		letter-spacing: 0.27px !important;
		margin-left: -71px !important;
	}
	
	/* Chart: width: 198px -> 150px (76%) */
	.schedule-chart {
		width: 150px !important;
		height: auto !important;
		flex-shrink: 0 !important;
		border-radius: 2px !important;
		border: 0.5px solid rgba(0, 0, 0, 0.05) !important;
		background: #2980A7 !important;
		margin-top: 5px !important;
		margin-left: 88px !important;
	}
	
	/* Chart text: font: 11px -> 9px (82%) */
	.schedule-chart-text {
		font-size: 9px !important;
		color: #FFF !important;
		text-align: justify !important;
		font-weight: 500 !important;
		line-height: 156.5% !important;
		letter-spacing: 0.27px !important;
	}
	
	/* Image: 50px -> 38px (76%), margin-left: -26px -> -20px, margin-top: 22px -> 17px */
	.img-schedule {
		width: 38px !important;
		height: 38px !important;
		flex-shrink: 0 !important;
		border-radius: 50px !important;
		margin-left: -20px !important;
		margin-top: 17px !important;
	}
	
	/* Display: padding-left: 33px -> 25px (76%), margin-top: -50px -> -38px (76%) */
	.schedule-display {
		padding-right: 11px !important;
		padding-left: 25px !important;
		margin-top: -38px !important;
	}
}

/* AI Search Tooltip with Gradient */
h5.mb-0 .ai-search-tooltip,
h5 .ai-search-tooltip,
.ai-search-tooltip,
span.ai-search-tooltip,
.col-12 h5 .ai-search-tooltip,
.d-flex.align-items-center h5 .ai-search-tooltip {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
	color: #fff !important;
	text-align: center !important;
	padding: 5px 10px !important;
	border-radius: 6px !important;
	position: relative !important;
	display: inline-block !important;
	font-weight: 600 !important;
	vertical-align: middle !important;
	font-size: inherit !important;
	line-height: inherit !important;
	margin: 0 !important;
}

h5.mb-0 .ai-search-tooltip::after,
h5 .ai-search-tooltip::after,
.ai-search-tooltip::after,
span.ai-search-tooltip::after,
.col-12 h5 .ai-search-tooltip::after,
.d-flex.align-items-center h5 .ai-search-tooltip::after {
	content: "" !important;
	position: absolute !important;
	bottom: 30% !important;
	right: 100% !important;
	margin-left: -5px !important;
	border-width: 5px !important;
	border-style: solid !important;
	border-color: transparent #667eea transparent transparent !important;
}