:root {
	--black: #000;
	--greyColor: #828282;
	--whiteColor: #fff;
	--darkLiver: #4f4f4f;
	--darkGray: #333;
	--primary: #8e10ff;
	--primaryLight: #e6bfff;
	--lightestGrey: #e0e0e0;
	--secondary: #00d882;
	--greyLight: #f2f2f2;
	--greyDark: #444;
	--lightBlue: #56ccf2;
	--greenLight: #bff6dd;
	--borderColor: #bdbdbd;
	--red: #eb5757;
	--redLight: #ffd3d8;
	--radius: 10px;
	--FontPT: "PT Sans", sans-serif;
	--FontRoboto: "Roboto", sans-serif;
	--FontWorkSans: "Work Sans", sans-serif;
}

@font-face {
	font-family: "cera Pro";
	src: url(../font/Cera\ Pro\ Medium.otf);
}

@font-face {
	font-family: "cera regular light";
	src: url(../font/Cera\ Pro\ Light.otf);
}

@font-face {
	font-family: "cera medium";
	src: url(../font/Cera\ Pro\ Black.otf);
}

@font-face {
	font-family: "cera bold";
	src: url(../font/CeraPro-Bold.otf);
}

@font-face {
	font-family: "cera regular";
	src: url(../font/CeraPro-Regular.otf);
}

.dasboard-first-title ul li.mb-1.active .svg-active {
	display: block;
}

.dasboard-first-title ul li.mb-1.active .svg-inactive {
	display: none;
}

.dasboard-first-title ul li.mb-1 .svg-active {
	display: none;
}

.dasboard-first-title ul li.mb-1 .svg-inactive {
	display: block;
}

.table-title-main {
	font-family: "cera bold";
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	color: #303246;
}

.button-student-block {
	display: flex;
	justify-content: space-between;
	margin: 50px 14px 25px 14px;
	align-items: center;
}

.button-student-block .add_class_btn_block {
	position: relative;
	bottom: 0;
}

.button-student-block .add_class_btn_block a {
	width: 147px !important;
}

td.copy_link a:hover {
	text-decoration: underline;
	cursor: pointer;
}

span.help-toolip {
	cursor: pointer;
}

span.help-toolip svg {
	margin-top: -2px;
	margin-left: 4px;
}

.school-overview .school-col p.text_p {
	max-width: 226px;
	color: #4f4f4f;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	word-break: break-word;
}

.school-overview .school-col p.text_p br {
	display: none;
}

.total-stud.school-col {
	width: 25%;
}

.total-stud.school-col p.text_p {
	max-width: 190px;
}

.total-active-stud.school-col {
	width: 25%;
}

.total-completed.school-col {
	width: 25%;
	padding: 0;
}

.school-overview .line-for-block-left {
	position: absolute;
	width: 0;
	height: 112px;
	top: 20px;
	border: 1px solid #828282;
	right: 100px;
}

.school-overview .total-stud.school-col p.text_p {
	max-width: 200px;
}

.school-overview .school-col p.text_p {
	max-width: 226px;
	color: #4f4f4f;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	word-break: break-word;
}

.school-overview .school-col p.text_p br {
	display: none;
}

.school-overview.row {
	background: #ffda3600;
	box-shadow: unset;
	border-radius: 5px;
	padding: 14px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 100%;
}

.school-overview .school-col p.title {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: #4f4f4f;
}

.school-overview .line-for-block {
	position: absolute;
	width: 0;
	height: 112px;
	top: 10px;
	border: 1px solid #828282;
	left: 20px;
	display: none;
}

.school-overview .line-for-block-right {
	position: absolute;
	width: 0;
	height: 112px;
	top: 10px;
	border: 1px solid #828282;
	right: 60px;
	display: none;
}

.school-overview .school-col h4 {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 50px;
	line-height: 63px;
	color: #4f4f4f;
}

.school-overview .school-col {
	margin-top: 15px;
	position: relative;
}

.page-template-tpl-login footer {
	background: #e5e5e5 !important;
	padding: 70px 0 0 0;
}

.page-template-tpl-login .d-maincontent {
	width: 100%;
	background: #e5e5e5;
}

.footer-bottom-new ul {
	display: flex;
	margin: 0;
	padding: 0;
}

.footer-bottom-new .copyright {
	color: #fff;
	display: inline-block;
	min-width: 290px;
}

.footer-bottom-new {
	background: #4f4f4f;
	height: 94px;
	display: flex;
	align-items: center;
	padding: 0 50px;
	margin-top: 70px;
}

.footer-bottom-new ul li {
	list-style: none;
	padding-right: 39px;
}

.footer-bottom-new ul li a {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: white;
	text-decoration: none;
}

.singin-wrap.login-wrap.confirm h4 {
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	border-radius: 5px;
	width: 100%;
	height: 61px;
	padding-left: 25px;
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	display: flex;
	align-items: center;
	margin-bottom: 40px;
}

.singin-wrap.login-wrap.confirm {
	padding: 38px;
	width: 690px;
}

.singin-wrap.login-wrap.confirm .btn-form {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 20px;
}

.singin-wrap.login-wrap.confirm .btn-form a {
	border: 1px solid #33f;
	box-sizing: border-box;
	border-radius: 40px;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
	display: flex;
	align-items: center;
	text-align: center;
	text-decoration: none;
	height: 59px;
	padding: 10px 60px;
	color: #33f;
}

.singin-wrap.login-wrap.confirm .btn-form a.school-btn-confirm:hover,
form#add_class_Form button#nextBtn:hover,
.modal.studentData .modal-footer input:hover {
	background: transparent;
	border: 1px solid #33f;
	color: #33f;
}

.singin-wrap.login-wrap.confirm .btn-form a.school-btn-confirm {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	color: white;
}

.singin-wrap h2.card-title.text-center.confirm {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 50px;
	text-align: center;
	color: #303246;
	margin-bottom: 40px;
}

.footer-bottom-new ul li.copyright {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: white;
	letter-spacing: 0;
}

.signin-section {
	display: flex;
	align-items: center;
	height: calc(100% - 76px);
	background: #e5e5e5;
}

.signin-section.register-wrap {
	height: 100%;
}

.page-template-tpl-schoolregister .d-maincontent,
.page-template-tpl-school-confirmation .d-maincontent {
	width: 100%;
	background: #e5e5e5;
}

.singin-wrap {
	background: var(--whiteColor);
	border: 1px solid var(--greyColor);
	box-sizing: border-box;
	border-radius: var(--radius);
	width: 40%;
	margin: 20px auto;
	font-family: var(--FontPT);
	padding: 40px 45px 60px 45px;
	width: 635px;
	height: max-content;
	box-shadow: 4px 4px 20px 3px rgb(0 0 0 / 5%);
	border-radius: 10px;
	border: unset;
}

.signin-section .relative {
	position: relative;
}

.right-image-side img {
	border-radius: 50px;
}

.singin-wrap .mail-id {
	color: var(--greyColor);
}

.singin-wrap h2.card-title.text-center {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 48px;
	line-height: 62px;
	color: var(--darkLiver);
	margin: 0 0 10px 0;
}

.signin-section .relative svg {
	position: absolute;
	right: 15px;
	top: 47px;
}

.singin-wrap label.font-weight-bold {
	font-size: 20px;
	line-height: 23px;
	margin: 0;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	height: 30px;
	color: var(--darkLiver);
}

.mb-3.mr-3 {
	margin-right: 7px;
	margin-bottom: 23px !important;
}

.mb-3.ml-3 {
	margin-left: 7px;
	margin-bottom: 23px !important;
}

.singin-wrap input {
	background: var(--whiteColor);
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	border-radius: 5px;
}

.singin-wrap input.height-set {
	height: 60px;
}

p.text-center.mail-id a {
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	text-align: center;
	margin-top: 0;
	color: var(--greyColor);
	text-decoration: none;
	display: block;
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 29px;
}

.singin-wrap .name-block .mb-3 {
	margin-bottom: 23px !important;
}

label.custom-control-label {
	margin-left: 13px;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
}

.custom-control.custom-checkbox {
	margin-top: 0;
	display: flex;
	align-items: center;
}

.singin-wrap .custom-control-input {
	width: 20px;
	height: 20px;
	background: var(--whiteColor);
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	border-radius: 5px;
	appearance: none;
	-webkit-appearance: none;
}

.singin-wrap .custom-control-input:checked[type="checkbox"] {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.singin-wrap .custom-control-input:checked {
	background-color: #721bff;
	border-color: #8e10ff;
}

.signin-section.register-wrap .row.m-0.p-0.check-box {
	margin-bottom: 45px !important;
	color: var(--darkGray);
}

.singin-wrap .check-box a {
	color: var(--darkGray);
	font-family: "cera Pro";
}

.singin-wrap form#login_form .btn.btn-primary-purple:hover,
.singin-wrap form#signup_form .btn.btn-primary-purple:hover
.btn.btn-primary-purple:hover,
.profile-row a.find-more:hover,
.singin-wrap.login-wrap.confirm .btn-form a.school-btn-confirm:hover {
	background: transparent;
	border: 1px solid #33f;
	color: #33f;
}

.singin-wrap.login-wrap.confirm .btn-form a:hover {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	color: white;
}

.singin-wrap form#login_form .btn.btn-primary-purple
.singin-wrap form#signup_form .btn.btn-primary-purple {
	width: 205px !important;
	min-width: 204px !important;
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	margin-top: 30px;
}

.singin-wrap input.submit-btn {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 26px;
	line-height: 26px;
}

.singin-wrap a.forgot-link {
	margin-top: 13px;
	display: block;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-decoration-line: underline;
	color: #303246;
}

.btn.btn-primary-purple {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	margin: 0 auto;
	height: 58px;
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	text-align: center;
	color: var(--whiteColor);
	width: auto !important;
	border-radius: 40px;
	min-width: max-content;
}

.btn.btn-primary-purple:hover,
.btn-form .btn-primary-custom:hover {

	/* background: var(--primaryLight);
    color: black;*/
}

form#school_form input.submit-btn:hover,
form#school_form input.submit-btn:focus {
	background: transparent;
	border: 1px solid #33f;
	color: #33f;
}

button.btn.btn-primary-purple.delete-class-btn:hover {
	border-color: #eb5757;
	background: transparent;
	color: #eb5757;
}

button.btn.btn-primary-purple:hover {
	background: transparent;
	border: 1px solid #33f;
	color: #33f;
}

h2.card-title.login {
	margin-bottom: 28px;
	margin-top: 10px;
}


.forgot-pass a:hover {
	color: var(--primary);
}

.forgot-pass a {
	color: var(--darkGray);
	font-family: var(--FontPT);
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	text-align: center;
	text-decoration-line: underline;
	margin-top: 15px;
	display: block;
}

.singin-wrap.login-wrap {
	padding: 40px 45px 60px 45px;
	width: 635px;
	height: max-content;
	box-shadow: 4px 4px 20px 3px rgba(0, 0, 0, 0.05);
	border-radius: 10px;
	border: unset;
}

.singin-wrap.login-wrap .justify-content-center .card p {
	font-size: 20px;
	line-height: 25px;
	margin-bottom: 29px;
	font-family: "cera regular";
	font-weight: normal;
}

.dasboard-first-title ul li:last-child:hover button {
	background: #993df2a3;
}

.singin-wrap.login-wrap .justify-content-center,
.singin-wrap.login-wrap .justify-content-center .card {
	height: 98%;
	padding-bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.d-sidebar {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
	width: 236px;
	z-index: 9;
	transition: 0.4s ease-in-out;
	background: linear-gradient(180deg, #33f 0%, #8e10ff 100%);
	border-radius: 0 10px 10px 0;
	position: relative;
}

.logout-btn-sc svg {
	margin-left: 4px;
}

.dasboard-first-menu a.custom-logo-link img {
	width: 100% !important;
	height: auto;
	padding: 0 7px;
}

.dasboard-title span {
	font-weight: 700;
	display: block;
}

.main-content-header {
	display: none;
}

a.custom-logo-link {
	margin-top: 20px;
	display: block;
}

.btn-gp-np a.quick-complete {
	width: 247px !important;
	height: 59px;
	font-family: "cera bold";
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 46px;
}

.quick-upload-page .table_class {
	margin: 0;
}

.page-template-tpl-quick-upload .d-maincontent {
	width: 100%;
}

.d-maincontent {
	width: calc(100% - 236px);
	padding: 0;
	height: 100vh;
	overflow-y: auto;
	background: white;
}

.car-text p br {
	display: none;
}

.dasboard-title {
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 21px;
	color: var(--darkLiver);

}

.dasboard-title span {
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 21px;
	color: var(--darkLiver);
}

.dasboard-first-menu {
	padding-top: 26px;
	padding-left: 14px;
	padding-bottom: 20px;
	padding-right: 14px;
}

.dasboard-title {
	margin-bottom: 35px;
}

.dasboard-first-title span {
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: bold;
	font-size: 16px;
	line-height: 1;
	color: var(--primary);
	padding-left: 28px;
	margin-bottom: 15px;
	display: block;
}


.dasboard-second-menu {
	padding-left: 36px;
	padding-top: 30px;
	padding-bottom: 9px;
	border-bottom: 1px solid var(--greyColor);
}

.dasboard-second-menu:last-child {
	border-bottom: 0;
}

.main-content-header {
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
	height: 76px;
	z-index: 1;

	/* display: none; */
}

.main-content-header img {
	margin-right: 14px;
}

.main-content-header .dropdown-toggle::after {
	display: none;
}

.main-content-header a#navbarDropdown svg {
	margin-left: 12px;
}

.main-content-header a#navbarDropdown {
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	color: var(--black);
}

.add-row-first a {
	width: 141px;
	height: 37px;
	background: var(--greenLight);
	border: 1px dashed var(--secondary);
	border-radius: 5px;
	display: flex;
	align-items: center;
	padding-left: 13px;
	margin-left: 28px;
	text-decoration: none;
}

.add-row-first span {
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: var(--darkLiver);
	padding-left: 11px;
	margin: 0;
}


.dasboard-first-title ul li .collapse.show {
	padding: 0;
	margin-top: 5px;
}

.dasboard-first-title ul li ul li a {
	color: white;
	padding: 12px;
	width: 100%;
	white-space: break-spaces;
	display: inline-block;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	display: flex;
}

.dasboard-first-title ul li ul li {
	margin: 0 !important;
}


.dasboard-first-title ul li ul {
	padding: 0 !important;
}

.dasboard-first-title ul li ul li a:hover {
	color: white;
	background: #6c5cff;
	border-radius: 5px;
	text-decoration: none;
}

.dasboard-first-title ul li {
	list-style: none;
	margin-bottom: 23px !important;
	color: white;
}

.dasboard-first-title ul li:last-child {
	position: absolute;
	bottom: 0;
	width: calc(100% - 28px);
}

.dasboard-first-title ul li a {
	text-decoration: none;
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	color: var(--darkLiver);
}

.content-data {

	/* padding: 39px 25px 0 25px; */
	padding: 0;
}

.table-title h4 {
	color: var(--darkGray);
	padding-left: 33px;
	margin-top: 0;
	margin-bottom: 0;
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 65px;
}

.table-title {
	margin-bottom: 18px;
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
	height: 65px;
}

.content-data tbody tr:nth-child(2n+1) {
	border-top: 1px solid #e0e0e0 !important;
	border-bottom: 1px solid #e0e0e0 !important;
}

.table_class table {
	margin: 0;
	padding: 0;
}

.content-data tbody tr {
	vertical-align: middle;
}

.table_class table tr th.course_link {
	display: flex;
	align-items: center;
}

td.td-action a.view-class:hover {
	background: #000;
	color: white;
	text-decoration: unset;
}

td.td-action a.view-class {
	border: 1px solid #000;
	box-sizing: border-box;
	border-radius: 5px;
	width: 72px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	text-decoration: unset;
	cursor: pointer;
}

.table_class table tr th.course_link svg {
	margin-left: 5px;
}

.table_class a,
.content-data .table_class td {
	color: #000;
	text-decoration: unset;
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
}

td.td-action {
	width: 160px;

	/*padding-left: 52px !important;*/
}

td.copy_link {

	/* width: 156px; */
}

.content-data .school-screen tr th:nth-child(4) {
	text-align: left;
	padding-right: 20px;
}

td.copy_link a svg {
	margin-left: 4px;
}

td.copy_link span.tooltiptext::before {
	content: "";
	position: absolute;
	width: 20px;
	height: 20px;
	background: url(../images/LinkBreak.png);
	right: 3px;
}

td.copy_link span.tooltiptext {
	position: relative;
	background: #bff6dd;
	border: 1px solid #bff6dd;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 0;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	color: #00643c;
	text-decoration: none;
	width: 101px;
	min-height: 26px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	padding-left: 7px;
}

td.copy_link a {
	background: #ebebff;
	border: 1px solid #33f;
	box-sizing: border-box;
	border-radius: 5px;
}

a.copylink.copied-text {
	display: none;
}

td.copy_link a {
	padding: 0;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 15px;
	color: #33f;
	text-decoration: none;
	width: 90px;
	min-height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

td.copy_link a:hover {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	border: 1px solid #33f;
	text-decoration: none;
	color: white;
}

td.copy_link a:hover svg path {
	stroke: white;
}

.content-data table tr td:first-child {
	width: 250px;
}

.content-data table.class-main-table tr td:first-child {

	/* border-radius: 5px 0 0 5px !important; */
	width: 23%;
}

.content-data table.class-main-table tr td:nth-child(2) {
	width: 23%;
}

.progress-bar-wrap .progress {
	width: 80%;
	float: left;
	border-radius: 80px;
	height: 19px;
}

table.stud-table td.td-action {
	width: 6%;
}

.progress-bar-wrap .number-progress {
	width: 20%;
	float: left;
	text-align: left;
	padding-left: 10px;
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #000;
}

.content-data table.class-main-table tr td:nth-child(3) {
	width: 18%;
}

.content-data table.class-main-table tr td:nth-child(4) {
	width: 21%;
}

td.td-action svg {
	padding-left: 0;
	margin-left: 10px;
}

.dasboard-first-title.class-title span {
	padding: 0;
}

.content-data table tr td:last-child {

	/* border-radius: 0 5px 5px 0 !important; */
}

.content-data table tr th {
	padding: 12px 0 12px 27px;
}

.content-data table tr td {
	font-family: var(--FontPT);
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	padding: 12px 0 12px 27px;
}

.content-data table tr th {
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 16px;
	color: var(--darkGray);
}

.content-data tbody,
.content-data td,
.content-data tfoot,
.content-data th,
.content-data thead,
.content-data tr {
	border: 0 !important;
}

ul.dropdown-menu.dropdown-menu-end.show li hr {
	border-top: 1px solid var(--black) !important;
	width: 100%;
	margin: 0;
}

ul.dropdown-menu.dropdown-menu-end.show {
	background: var(--whiteColor);
	border-radius: 4px;
	width: 80px;
	padding: 0;
	margin: 0;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
	border: unset;
}

ul.dropdown-menu.dropdown-menu-end.show li {

	/* padding: 0 0 0 36px; */
	width: 100%;
}

.title-btn-group {
	display: flex;
	gap: 11px;
}

.secondary-btn {
	background: #fff;
	border: 1px solid #33f;
	box-sizing: border-box;
	border-radius: 40px;
	height: 41px;
	width: max-content;
	min-width: 100px;
	padding: 1rem;
	justify-content: center;
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 1;
	display: flex;
	align-items: center;
	text-align: center;
	color: #33f;
	position: relative;
}

.secondary-btn ul.dropdown-menu.dropdown-menu-end.show {
	inset-block-start: 25px !important;
	width: 166px;
	right: -17px !important;
}

.secondary-btn#classname_drp svg {
	margin-left: 0.75rem;
}

.primary-btn {
	height: 41px;
	display: flex;
	width: max-content;
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	border-radius: 40px;
	justify-content: center;
	align-items: center;
	padding: 1rem;
}

.primary-btn a {
	color: white;
	text-decoration: none;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #fff;
	font-family: "cera regular";
}

.secondary-btn span {
	position: absolute;
	right: 20px;
}

.primary-btn a svg {
	margin-right: 10px;
}

ul.dropdown-menu.dropdown-menu-end.show li:hover,
.title-btn-group ul.dropdown-menu.dropdown-menu-end.show li:hover a {

	/* color: var(--red); */
	color: #000;
	cursor: pointer;
	text-decoration: none;
	background: #f5f4ff;
}

.title-wrap-btn {
	display: flex;
	justify-content: space-between;
}

ul.dropdown-menu.dropdown-menu-end.show li:hover a {
	color: var(--whiteColor);
}

ul.dropdown-menu.dropdown-menu-end.subnav-dropdown.show li {
	padding: 0;
}

ul.dropdown-menu.dropdown-menu-end.subnav-dropdown.show li a {
	padding: 0 0 0 36px;
}

ul.dropdown-menu.dropdown-menu-end.subnav-dropdown.show li:hover,
ul.dropdown-menu.dropdown-menu-end.subnav-dropdown.show li:hover a {
	color: var(--whiteColor);
	background: var(--red);
	cursor: pointer;
}

button.btn:focus {
	outline: none;
	border: none;
	box-shadow: none;
}

ul.dropdown-menu.dropdown-menu-end.show li,
ul.dropdown-menu.dropdown-menu-end.show li a {
	text-decoration: none;
	margin-bottom: auto;
	width: 100%;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #000;
	overflow: hidden;
	height: 34px;
}

.modal.studentData .modal-dialog.modal-dialog-centered {
	max-width: max-content;
	position: relative;
}

.modal.fade.studentData.no-form.delete_modal .modal-footer {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	border: 0;
	margin: 0;
	padding-top: 30px;
	border: unset;
}

.modal.fade.studentData.no-form.delete_modal .modal-footer button {
	margin: 0 4px;
	max-width: 184px !important;
	min-width: 184px !important;
	height: 59px;
	font-family: cera regular;
	font-style: normal;
	font-weight: 500;
	font-size: 26px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
}

.modal.fade.studentData.no-form.delete_modal .modal-footer button.btn-gray {
	border: 1px solid #4f4f4f;
	box-sizing: border-box;
	border-radius: 40px;
	color: #828282;
}

.modal.fade.studentData.no-form.delete_modal .modal-footer button.btn-gray:hover {
	background: #4f4f4f;
	color: white;
}

.modal.studentData .modal-body p {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 30px;
	text-align: center;
	color: #4f4f4f;
	margin: 0;
}

.close-btn {
	position: absolute;
	top: 15px;
	right: 13px;
	cursor: pointer;
	z-index: 9;
}

.modal.studentData .modal-body {
	padding: 0 57px;
}

.modal.studentData .modal-content {
	min-height: max-content;
}

.modal.studentData label.form-label {
	font-family: var(--FontPT);
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
	color: var(--darkLiver);
}

.download-sample {
	position: absolute;
	margin-top: 30px;
	background: #fff;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	border-radius: 10px;
}

.uploadCsv input {
	opacity: 0;
	z-index: 9;
	position: relative;
}

.modal.studentData .modal-header .modal-title {
	font-family: "cera Pro";
	color: var(--black);
	margin: 0;
	font-style: normal;
	font-weight: bold;
	font-size: 32px;
	line-height: 45px;
	text-align: center;
}


.browse-file {
	width: 100%;
	height: 60px;
	font-family: var(--FontPT);
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: var(--greyColor);
	background: rgba(86, 204, 242, 0.2);
	border: 1.5px dashed var(--lightBlue);
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	top: 0;
	z-index: 0;
}

.browse-file span {
	color: #2b7cf3;
	padding-left: 4px;
	text-decoration: underline;
}


.modal.studentData .modal-footer.flex {
	padding: 0 0 26px 0;
	width: 100%;
	justify-content: space-between;
	border: unset;
}

button.btn.btn-gray:hover {
	background: var(--greyColor);
	color: var(--whiteColor);
}

.modal .btn.btn-primary-purple {
	height: 76px;
}

.btn.btn-gray {
	background: var(--whiteColor);
	border: 1px solid var(--lightestGrey);
	box-sizing: border-box;
	border-radius: 10px;
	height: 76px;
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 31px;
	color: var(--borderColor);
}

.add_stud_frm .modal-footer {
	margin-top: 34px;
}

.modal.studentData input[type="text"],
.modal.studentData input[type="email"] {
	height: 60px;
	background: var(--whiteColor);
	border: 1px solid var(--borderColor);
	box-sizing: border-box;
	border-radius: 10px;
}

.desc textarea {
	height: 141.26px;
	background: var(--greyLight);
	border: 1px solid var(--borderColor);
	box-sizing: border-box;
	border-radius: 10px;
	padding: 15px;
}

.desc textarea::placeholder {
	font-size: 18px;
	font-family: var(--FontPT);
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: var(--borderColor);
}

.desc span {
	font-family: var(--FontPT);
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: var(--borderColor);
	margin-top: 10px;
	display: block;
}

.modal.studentData.editname .modal-header {
	padding-bottom: 26px;
	padding-top: 25px;
}

.dashboard-close {
	display: none;
}

.d-maincontent a.navbar-brand svg {
	display: none;
}

.position-relative.download-sample {
	border: 1px solid var(--borderColor);
	box-sizing: border-box;
	border-radius: 10px;
	height: 76px;
	align-items: center;
	display: flex;
	justify-content: center;
	margin-top: 86px;
}

.position-relative.download-sample a {
	font-size: 16px;
	line-height: 21px;
	color: var(--borderColor);
	text-decoration: none;
}

.position-relative.download-sample a svg {
	margin-left: 10px;
	width: 60px;
	height: 25px;
}

.quick_upload {
	margin-bottom: 20px;
	text-align: right;
}

#addStudents .modal-footer {
	margin: 0 -57px;
	bottom: -130px;
}

#addStudents .modal-content {
	padding-bottom: 130px;
}

#editName .desc {
	margin-bottom: 50px;
}

.success-modal .sucess-modal-content {
	padding-top: 65px;
}

.success-modal .modal-content {
	height: 378px;
}

.success-modal .modal-footer button {
	width: 100%;
}

.success-title {
	color: #05b770;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 45px;
	text-align: center;
}

.success-msg {
	background: #f2fdf8;
	width: max-content;
	margin: 1.5rem auto;
	padding: 0.5rem 1rem;
	color: #00643c;
	font-family: "cera Pro";
	font-weight: bold;
}

.section-confirm-data .success-text {
	max-width: 350px;
	margin: 1rem auto 2rem auto;
}

form#add_class_Form .section-confirm-data .success-text p {
	font-size: 1rem;
	line-height: 1.25;
}


#add_class_Form .success-msg {
	transition: all 1s ease-in-out;
	opacity: 0;
	display: none;
}

.success-msg svg {
	margin-right: 0.5rem;
}

.modal.studentData .modal-footer button,
.modal.studentData .modal-footer input {
	padding: 0 62px;
	height: 59px;
	border-radius: 40px;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
}

.modal.studentData .modal-footer button,
.modal.studentData .modal-footer .add-stud-btn {
	padding: 0 35px;
}

.modal.studentData .modal-footer button.btn.btn-gray {
	border: 1px solid #33f;
	box-sizing: border-box;
	border-radius: 40px;
	color: #33f;
}

.modal.studentData .modal-footer button.btn.btn-gray:hover {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	color: white;
}

.modal.studentData .modal-footer button,
.modal.studentData .modal-footer input {
	width: max-content;
	margin: 0;
}

.modal.fade.studentData.no-form .modal-footer {
	position: relative;
	bottom: unset;
	width: 100%;
	margin: 30px 0 0 0;
}

#induction_images .carousel-indicators {
	position: relative;
}

#induction_images .carousel-indicators [data-bs-target] {
	width: 15px;
	height: 15px !important;
	background: #c4c4c4;
	border-radius: 100px;
	padding: 0;
	border: unset;
	margin-top: 30px;
	margin: 30px 9px 0 9px;
}

#induction_images .carousel-indicators button.active {
	background: var(--darkLiver);
}

#induction_images .carousel-item img {
	background: var(--greyLight);
	border-radius: 50px;
	width: auto !important;
	margin: 0 auto;
	height: 300px;
}

input#email-support {
	background: var(--primary);
	border-radius: 10px;
	height: 58px;
	font-size: 24px;
	line-height: 31px;
	color: var(--whiteColor);
	border: 0;
	width: 252px;
	margin: 100px 0 30px 0;
}

.other-description {
	border-bottom: 1px solid #7e7a7a;
	margin-bottom: 20px;
}

.right-image-side img {
	max-width: 538px;
}

.content-data .heading-page {
	font-family: "cera Pro";
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 26px;
}

.content-data h2.heading-page {
	margin-bottom: 20px;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 50px;
	color: #303246;
	padding: 0 14px;
}

.content-data h3 {
	margin-bottom: 20px;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	color: #303246;
	padding: 0 14px;
}

.profile-row {
	max-width: 970px;
}

.profile-row p {
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: #000;
}

.profile-row h2 {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 45px;
	color: #000;
	margin: 20px 0;
}

.content-data ul.blocks-gallery-grid {
	padding: 0 14px;
	margin: 20px 0;
}

.other-description.profile-row {
	padding: 0 14px;
	border: unset;
}

.profile-row p {
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: #000;
}

.profile-row h2 {
	font-family: cera bold;
	font-style: normal;
	font-weight: normal;
	font-size: 36px;
	line-height: 45px;
	color: #000;
	margin: 20px 0;
}

.other-description.profile-row {
	padding: 0 14px;
	border: unset;
	margin-bottom: 40px;
}

.profile-row a.find-more {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	border-radius: 40px;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #fff;
	width: 262px;
	height: 59px;
	justify-content: center;
	text-decoration: none;
	margin-bottom: 30px;
}

.modal.studentData.no-form.delete_modal .modal-content {
	min-height: auto;
	max-width: 547px;
	padding: 22.5px 0;
	min-width: 547px;
}

.permenant-delete .btn.btn-primary-purple {
	width: auto;
	background: var(--primary);
	border-radius: 6px;
	height: auto;
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: var(--whiteColor);
	padding: 3px 20px;
}

button.btn-delete.btn.btn-primary-purple {
	background: #eb5757;
}

button.btn-delete.btn.btn-primary-purple:hover {
	border-color: #eb5757;
	background: transparent;
	color: #eb5757;
}

.modal.studentData.delete_modal .modal-header {
	padding-top: 26px;
	padding-bottom: 14px;
}

.modal.fade.studentData.height-set .modal-content .modal-footer.flex {
	position: absolute;
	bottom: -100px;
	width: 100%;
	margin: 0 -57px;
}

.modal.fade.studentData.height-set .modal-content {
	min-height: unset;
	padding-bottom: 100px;
}

.addClassForm input[type=date] {
	text-transform: uppercase;
}

.addClassForm .col .form-control {
	height: 58px;
	width: 100%;
	margin: 0;
	border: 1px solid #ced4da;
}

.addClassForm .uploadCsv.position-relative {
	height: 59px;
}

form#addclass_form .position-relative.download-sample {
	background: #f2f2f2;
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	border-radius: 4px;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 23px;
	color: #828282;
	margin-top: 30px;
	height: 60px;
}

form#addclass_form .position-relative.download-sample a {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 23px;
}

.addClassForm h2 {
	margin-bottom: 21px !important;
}

.add_class_footer {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 55px;
}

.add_class_footer button {
	color: #bdbdbd;
	background: transparent;
	border-color: #bdbdbd !important;
	border-width: 1px;
	border-style: solid;
}

.add_class_footer button:hover {
	background: #bdbdbd;
	color: black;
}

.add_class_footer input {
	border: 0;
}

.add_class_footer button.submit-btn,
.add_class_footer button {
	height: 58px;
}

.add_class_footer button,
.add_class_footer input {
	min-width: 138px;
	margin-left: 15px;
	border-radius: 10px;
	font-size: 24px;
	line-height: 31px;
}

.addClassForm h3 {
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 21px;
	color: #333;
	border-bottom: 1px solid #e0e0e0;
	padding: 0 0 17px 10px;
}

.addClassForm .col label {
	font-family: var(--FontPT);
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #1a1a1a;
}

form#addclass_form .col {
	margin-bottom: 25px;
}

.class-link-page {
	font-family: "cera Pro";
}

.class-link-page h2 {
	font-weight: 700;
	font-size: 36px;
}

.class-link-page a {
	font-weight: 700;
	font-size: 18px;
	text-decoration: none;
	color: #33f;
	margin: 1rem 0;
}

.class-link-page .class-link-form {
	margin-top: 124px;
}

.class-link-page .class-link-form h3 {
	font-weight: 700;
	font-size: 24px;
	padding: 0;
	margin-bottom: 1rem;
}

.class-link-page p {
	font-weight: 400;
	font-size: 20px;
}

.class-link-form .form-control:disabled,
.form-control[readonly] {
	height: 100%;
	background: #ebebff;
}

.course-link-step .copy-btn,
.class-link-form .copy-btn {
	background: #33f;
	margin: 0 auto;
	height: 100%;
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	color: var(--whiteColor);
	width: auto !important;
	min-width: max-content;
	padding: 0.5rem 1.25rem;
	border-radius: 50px;
}

.course-link-step .copy-btn svg,
.class-link-form .copy-btn svg {
	margin-right: 0.5rem;
}

.course-link-step .copy-btn.copy-success,
.class-link-form .copy-btn.copy-success {
	background: #f2fdf8;
	color: #00643c;
}


.footer-subscribe .wpcf7-submit {
	display: none;
}

.dasboard-title a {
	text-decoration: none;
	color: #000;
}

.dasboard-first-title a {
	text-decoration: none;
}

.permenant-delete {
	text-align: right;
}

input[type=checkbox]:checked::before {
	height: 33px;
	width: 33px;
}

.short_school_name {
	width: 37px;
	height: 37px;
	display: inline-flex;
	background: #c4c4c4;
	justify-content: center;
	align-content: center;
	border-radius: 100px;
	line-height: 37px;
	margin-right: 14px;
	overflow: hidden;
}

#email_support .desc {
	margin-bottom: 70px;
}

.modal.studentData .modal-footer {
	padding: 26px 54px;
}

label.error {
	color: red !important;
}

a.delete-stud-archive {
	width: auto;
	background: var(--red);
	border-radius: 6px;
	height: auto;
	font-family: var(--FontRoboto);
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 28px;
	text-align: center;
	color: var(--whiteColor);
	padding: 6px 20px;
	text-decoration: none;
}

a.delete-stud-archive:hover {
	background: var(--redLight);
	color: black;
}

.add-row-first a:hover {
	background: #00d882;
	border: 1px solid #00d882;
	border-radius: 5px;
	cursor: pointer;
}

.add-row-first a:hover svg circle {
	fill: white;
}

.add-row-first a:hover svg path {
	stroke: #00d882 !important;
}

.content-data table tr td {
	font-family: "cera regular";
}

.content-data table tr td:first-child,
.content-data table tr td:last-child {
	font-family: var(--FontPT);
	cursor: unset;
}

.dasboard-first-title ul li a:hover {
	text-decoration: underline;
	cursor: pointer;
}

td.td-action .dropdown-toggle::after {
	display: none;
}


.date-pick {
	position: relative;
}

.date-pick::after {
	content: "";
	display: inline-block;
	width: 11px;
	height: 11px;
	border-left: 3px solid #33f;
	border-bottom: 3px solid #33f;
	transform: rotate(-45deg);
	right: 19px;
	position: absolute;
	top: 59%;
}

.school-overview.bg-green {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
}

.school-overview.bg-green h4,
.school-overview.bg-green .school-col p {
	color: white;
}

.school-overview.bg-green.row .line-for-block,
.school-overview.bg-green.row .line-for-block-right {
	border-color: white;
}

.dasboard-title img {
	width: 78%;
	height: auto;
}

.col-md-6.pr-0 {
	padding-right: 7px;
}

.pl-0.col-md-6 {
	padding-left: 7px;
}

form#login_form,
form#signup_form {
	width: 100%;
	padding: 0 20px;
}

.singin-wrap.login-wrap .justify-content-center .card {
	width: 100%;
}

.school-overview.dashboard_new {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 28px;
	margin-top: 48px !important;
}

.school-overview.dashboard_new .dash_right {
	max-width: 795px;
	margin: 0 auto;
}

.school-overview.dashboard_new .dash_left,
.school-overview.dashboard_new .dash_right {
	width: 100%;
	padding: 0;
}

.same.bg-pink {
	background: rgba(255, 211, 216, 0.2);
}

.same.bg-pink h6 {
	color: #ff6267;
}

.same.bg-blue {
	background: rgba(191, 246, 221, 0.2);
}

.same.bg-blue h6 {
	color: #00643c;
}

.school-overview.dashboard_new h4 {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 14px;
}

.dash_sub_sec {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.current-title {
	color: #33f !important;
}

.upcoming-title {
	color: #4f4f4f;
}

.dash_right.class_view .dash_sub_sec {
	display: grid;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	gap: 14px;
}

.current-course,
.upcoming-course {
	display: flex;
	width: 100%;
}

.dash_right.class_view a.same span {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	color: #000;
	max-width: 200px;
}

.current-course div,
.upcoming-course div {
	margin-right: 36px;
}

.dash_right.class_view a.same p {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	margin-bottom: 7px;
}

.school-overview.dashboard_new .dash_right.class_view a.same.bg-lightblue {
	display: flex;
	flex-flow: column;
	background: rgba(191, 246, 221, 0.2);
}

a.same span {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 60px;
	display: flex;
	align-items: center;
	color: #000;
}

.dash_sub_sec .same span {
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 0.8;
	display: flex;
	align-items: center;
	color: #000;
	font-family: "cera regular";
}

.same {
	background: white;
	border-radius: 10px;
	height: 132px;
	padding: 30px 0 30px 30px;
	border: 1px solid #e0e0e0;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
}

.same h6 svg {
	margin-left: 8px;
}

.same h6 {
	margin: 0;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	color: #33f;
	display: flex;
	align-items: center;
}

.table_class table tr th {
	font-family: cera bold;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
}

.form_select {
	position: relative;
	background: #f2f2f2;
	border-radius: 40px;
	border: unset;
	width: 84px;
	height: 29px;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	-webkit-appearance: unset;
	display: flex;
	align-items: center;
	padding: 0 12px;
}

.form_select::before {
	content: "";
	position: absolute;
	width: 9px;
	height: 9px;
	border-left: 2px solid #303246;
	right: 12px;
	top: 8px;
	border-bottom: 2px solid #303246;
	transform: rotate(-45deg);
}

.table_class {
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	border-radius: 5px 5px 0 0;
	margin: 0 0;
}

.class_total span b {
	font-weight: 700;
	font-family: "cera Pro";
}

.class_total {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 17px 19px 0 27px;
	margin-bottom: 20px;
}

.class_total span {
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
}

.class_total select,
.year_selection select {
	background: #f2f2f200;
	border-radius: 40px;
	border: unset;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	-webkit-appearance: unset;
	width: 100%;
	z-index: 9;
	cursor: pointer;
}

.year_selection {
	display: flex;
	justify-content: flex-end;
	margin: 1rem 0;
}

.dasboard-first-title ul li button.btn {
	width: 100%;
	text-align: left;
	padding: 15px 15px 15px 30px;
	color: white;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	display: flex;
}

/*.dasboard-first-title ul li.mb-1.active button,.dasboard-first-title ul li:hover button {*/
.dasboard-first-title ul li.mb-1.active button,
.dasboard-first-title ul li:hover button {
	background: #6c5cff;
	border-radius: 5px;
}

.dasboard-first-title ul li button.btn svg {
	margin-right: 20px;
}

span.progress_status {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #f08372;
}

span.completed_status {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	color: #00ac68;
}

.help-wrap .help-block:hover {
	border: 1px solid #33f;
}

.help-wrap .help-block:hover a h4 {
	color: #33f;
}

.help-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 12px;
	margin-top: 48px;
}

.support-block p {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 23px;
	display: flex;
	align-items: center;
	color: #000;
	margin: 0;
}

.help-wrap .help-block {
	width: calc((100% /3) - 8px);
	box-sizing: border-box;
	background: #fafafa;
	border-radius: 5px;
	border: 1px solid #fafafa;
}

.help-wrap .help-block a {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	height: 220.73px;
	max-width: 305px;
	margin: 0 auto;
	text-decoration: none;
}

.feedback-green-block {
	background: #f2fdf8;
	border: 1px solid #00d882;
	box-sizing: border-box;
	border-radius: 10px;
	height: 108px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	margin-top: 90px;
}

.feedback-green-block b {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #000;
}

.support-block .feedback-green-block p {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #000;
}

.help-wrap .help-block a p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-align: center;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #000;
	padding: 0 20px;
}

.help-wrap .help-block a h4 {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 20px;
	line-height: 25px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #000;
	margin-bottom: 14px;
}

.single-help_post article .entry-content .container {
	max-width: 100%;
	padding: 0 30px;
}

.single-help_post article .entry-content .container > h2 {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 40px;
	line-height: 50px;
	color: #303246;
	margin: 30px 0 10px 0;
}

.single-help_post article {
	max-width: 1000px;
}

.single-help_post article .entry-content .container .wp-block-group .wp-block-image img {
	max-width: 100%;
	height: auto;
	margin-bottom: 25px;
}

.single-help_post article .entry-content .container .wp-block-group h2 {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 36px;
	line-height: 45px;
	color: #000;
	margin: 25px 0;
}

.single-help_post article .entry-content .container {
	max-width: 100%;
	padding: 0 39px;
}

.single-help_post article .bread-crumb {
	padding: 39px 39px 0 39px;
}

.single-help_post article .bread-crumb p {
	font-family: "cera bold";
	font-style: normal;
	font-size: 18px;
	font-weight: 700;
	line-height: 23px;
	letter-spacing: 0;
	text-align: left;

}

.single-help_post article .entry-content p,
.single-help_post article .entry-content ul li {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	color: #000;
}

.back-btn {
	padding: 0 0 14px 14px;
}

span#classname_drp::after {
	display: none;
}

.back-btn a {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 23px;
	text-decoration-line: underline;
	color: #33f;
}

.page-template-tpl-add-class .d-sidebar.h-100,
.page-template-tpl-quick-upload .d-sidebar.h-100 {
	display: none;
}

.page-template-tpl-add-class .d-maincontent {
	width: 100%;
}

.single-help_post article .bread-crumb p a {
	text-decoration: none;
}

.single-help_post article .entry-content p br {
	display: none;
}

i.fas.fa-ellipsis-v {
	margin-left: 10px;
}

span.step.active {
	background: #33f;
	color: white;
}

.step-header {
	display: flex;
	background: #fff;
	box-shadow: 0 4px 5px rgba(0, 0, 0, 0.1);
	padding: 12px 27px;
	align-items: center;
}

.quick-upload-page form#add_class_Form .position-relative.download-sample {
	margin-top: 36px;
}

.quick-upload-page #add_class_Form h4.upload-title {
	margin-top: 54px;
}

.step-header a.exit-btn {
	background: #fff;
	border: 1px solid #33f;
	box-sizing: border-box;
	border-radius: 40px;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	display: flex;
	align-items: center;
	text-align: center;
	width: 125px;
	height: 49px;
	justify-content: center;
	text-decoration: none;
	color: #33f;
	margin-right: 67px;
}

.hide-visible {
	visibility: hidden;
}

.btn-gp {
	margin-top: 32px;
	overflow: auto;

	/* max-width: 983px; */
}

.btn-gp-np {
	float: right;
	display: flex;
	justify-content: space-between;
	width: 100%;
}

#add_class_Form h4 {
	font-family: cera bold;
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 35px;
	margin-bottom: 20px;
	color: #303246;
}

form#add_class_Form .tab p {
	font-family: Cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 28px;
	color: #000;
}

#add_class_Form .confirm-step h4 {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #33f;
	margin-top: 37px;
	display: block;
}

form#add_class_Form .position-relative.download-sample {
	width: 490px;
	height: 65px;
	background: #ddf5fc;
	border: 1px solid #303246;
	box-sizing: border-box;
	border-radius: 5px;
	color: #303246;
}

#add_class_Form h4.upload-title {
	margin-top: 60px;
}

form#add_class_Form .section-confirm span b {
	font-family: cera bold;
	font-weight: normal;
}

form#add_class_Form .position-relative.download-sample a svg {
	margin: 0 8px 0 0;
	width: 30px;
	height: unset;
}

form#add_class_Form .uploadCsv.position-relative input {
	height: 197px;
}

form#add_class_Form .table-striped > tbody > tr:nth-of-type(odd) > * {
	background: transparent !important;
	--bs-table-accent-bg: transparent;
}

.content-data form#add_class_Form tbody tr:nth-child(2n) {
	border-top: 1px solid #e0e0e0 !important;
	border-bottom: 1px solid #e0e0e0 !important;
	--bs-table-accent-bg: #f5f4ff;
}

.content-data form#add_class_Form tbody tr:nth-child(2n+1) {
	border: unset !important;
}

form#add_class_Form .section-confirm span,
.studentData.editname .section-confirm span {
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 26px;
	line-height: 33px;
	color: #000;
}

form#add_class_Form .section-confirm {
	background: #fff;
	border: 1px solid #e0e0e0;
	box-sizing: border-box;
	border-radius: 5px;
	padding: 30px 34px;
	margin-bottom: 26px;
	max-width: 982px;
}

.tab.section-confirm-data .section-confirm {
	padding: 20px 35px;
}

form#add_class_Form .section-confirm h4,
.section-confirm h4 {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
	color: #33f;
	margin-bottom: 14px;
}

form#add_class_Form .tab .uploadCsv.position-relative p {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #828282;
	flex-direction: column;
	margin-top: 27px;
}

form#add_class_Form .tab .list_users {
	max-width: 980px;
}

form#add_class_Form .tab .table_class {
	margin: 0;
}

form#add_class_Form .tab .uploadCsv.position-relative p span {
	display: block;
	width: 100%;
}

form#add_class_Form .tab .uploadCsv.position-relative p {
	font-family: Cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
	text-align: center;
	color: #828282;
}

form#add_class_Form .uploadCsv.position-relative {
	width: 330px;
	height: 197px;
	background: #ddf5fc;
	border: 2px dashed #56ccf2;
	box-sizing: border-box;
}

form#add_class_Form .browse-file.position-absolute {
	height: 197px;
	border: unset;
	background: unset;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

form#add_class_Form .position-relative.download-sample a {
	color: #303246;
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
	display: flex;
}

form#add_class_Form .tab ul li {
	list-style: auto;
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 22px;
	line-height: 28px;
	color: black;
}

form#add_class_Form button#prevBtn {
	border: 1px solid #33f;
	box-sizing: border-box;
	border-radius: 40px;
	width: 171px;
	height: 59px;
	background: white;
	color: #33f;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 24px;
	line-height: 30px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
}

form#add_class_Forminput.invalid {
	background-color: #fdd;
}

.car-text,
.car-img,
#induction_images .carousel-indicators {
	max-width: 1494px;
	border: 1px solid #e0e0e0;
	border-radius: 20px;
	margin: unset;
}

.car-text {
	border-bottom: unset;
	border-radius: 20px 20px 0 0;
	text-align: center;
}

.car-img {
	border-top: unset;
	border-radius: 0 0 20px 20px;
	padding-bottom: 20px;
}

.car-text p {
	margin: 0;
	padding: 10px 20px;
}

#induction_images .carousel-indicators {
	border: unset;
}

form#add_class_Form .tab {
	display: none;

	/* max-width: max-content; */
}

form#add_class_Form .tab#step-1 {
	margin-top: 145px;
}

form#add_class_Form button#prevBtn:hover,
.step-header a.exit-btn:hover {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	color: white;
}

form#add_class_Form button#nextBtn {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	border-radius: 40px;
	min-width: 180px;
	height: 59px;
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 26px;
	line-height: 33px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content: center;
	border: unset;
	color: white;
}

#induction .modal-dialog.modal-dialog-centered {
	width: 820px;
}

#induction .modal-body p {
	font-size: 17px;
	line-height: 25px;
}

.modal.studentData .modal-body,
.modal.studentData .modal-header {
	padding: 0 42px;
}

.modal.studentData .modal-header {
	padding-bottom: 15px;
	padding-top: 49px;
}

form#add_class_Form input,
.modal.studentData.editname input {
	border: 1px solid #bdbdbd;
	box-sizing: border-box;
	border-radius: 4px;
	height: 59px;
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
	padding: 10px;
}
form#add_class_Form input[type="radio"], form#add_class_Form input[type="checkbox"] {
	height: 25px;
	padding: 0px;
	width: 25px;
}

@supports (-webkit-appearance: none) or (-moz-appearance: none) {
	form#add_class_Form input[type=checkbox]:after {
		left: 8px;
		top: 4px;
	}
	form#add_class_Form input[type=radio]:after {
		display: block;
		left: 2px;
		top: 2px;
		width: 19px;
		height: 19px;
		border-radius: 4px;
	}
}
.steps-label {
	margin-top: 40px;
	margin-bottom: 53px;
}

.m-set {
	display: block;
	height: 50px;
}

form#add_class_Form .tab-title {
	font-family: cera PRo;
	font-style: normal;
	font-weight: 600;
	font-size: 24px;
	line-height: 30px;
	color: #303246;
	margin-bottom: 12px;
}

.step-header h2 {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 35px;
	color: #303246;
}

span.step {
	border-radius: 3px;
	height: 58px;
	display: inline-flex;
	justify-content: center;
	width: 254px;
	clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 100%, 6% 50%);
	margin: 0 -5px;
	background: #ebebff;
	font-family: cera bold;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	line-height: 23px;
	align-items: center;
	text-align: center;
	color: #33f;
}

span.step:first-child {
	clip-path: polygon(0 0, 94% 0, 100% 50%, 94% 100%, 0 99%, 0 50%);
}

.row-flex {
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;

	/* max-width: 963px; */
}

.left-label {
	width: 400px;
}

.right-data.row {
	width: calc(100% - 400px);
}

.left-label h3 {
	font-family: cera bold;
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 35px;
	padding: 0;
	border: unset;
	color: #000;
}

.left-label span,
form#add_class_Form .section-confirm .left-label span,
.studentData.editname .section-confirm .left-label span {
	font-family: cera regular;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	color: #4f4f4f;
	letter-spacing: 0.2px;
}

.right-data .date-pick label {
	font-family: cera bold;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 4px;
}

form#add_class_Form .fixed-css .ajax-loader {
	height: 100%;
	align-content: center;
	width: 100%;
	justify-content: center;
	align-items: center;
}

form#add_class_Form .add_class_footer.fixed-css {

	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 0;
	width: 100%;
	height: 100%;
}

.tab-view-block ul.nav.nav-pills li.active a {
	color: #33f;
	font-weight: 800;
	position: relative;
	font-family: "cera Pro";
}

.tab-view-block ul.nav.nav-pills li.active a::after {
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	height: 5px;
	bottom: 0;
	background: #33f;
}


.add_class_btn_block {
	margin-left: 20px;
}

form#add_class_Form .add_class_footer.fixed-css .ajax-loader {
	align-content: center;
	flex-direction: column;
}

.add_class_btn_block a.add_class_btn,
.quick_upload a.add_class_btn {
	background: linear-gradient(93.09deg, rgba(51, 51, 255, 0) 0%, #8e10ff 0.01%, #33f 100%);
	border-radius: 40px;
	height: 34px;
	justify-content: flex-start;
	text-decoration: none;
	font-family: "cera bold";
	font-style: normal;
	font-size: 16px;
	line-height: 20px;
	display: flex;
	align-items: center;
	color: #fff;
	min-width: 120px;
	padding-right: 10px;
}

.add_class_btn_block a.add_class_btn svg,
.quick_upload a.add_class_btn svg {
	margin-right: 7px;
}

.add_class_btn_block a.add_class_btn:hover,
.quick_upload a.add_class_btn:hover {
	background: #ebebff;
	color: #33f;
}

.add_class_btn_block a.add_class_btn:hover svg path,
.quick_upload a.add_class_btn:hover svg path {
	stroke: #33f;
}

.tab-view-block ul.nav.nav-pills li.active {
	background: #f5f4ff;
}

.tab-view-block ul.nav.nav-pills li {
	margin-right: 15px;
}

form#add_class_Form .ajax-loader img {
	height: 90px;
	width: 90px;
}

.tab-view-block ul.nav.nav-pills li a {
	width: max-content;
	padding: 7px 20px 13px 20px;
	display: inline-block;
	text-decoration: none;
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	color: #4f4f4f;
}

.tab-view-block ul {
	border-bottom: 1px solid #e0e0e0;
	position: relative;
}

.quick-upload-page .addClassForm {
	max-width: 96%;
	margin: 0 auto;
}

.quick-upload-page form#add_class_Form {

	/*height: 80vh;*/
	display: flex;
	align-items: flex-start;
	flex-direction: column;
	justify-content: center;
}

.addClassForm {
	max-width: 990px;
	margin: 0 auto;
}

.tab-view-block {
	padding: 14px;
	margin-top: 40px;
	max-width: 1008px;
	margin: 40px auto 0 auto;
}

#view-class-tab.tab-view-block {
	padding: 0;
	margin-top: 40px;
	max-width: unset;
	margin: 40px auto 0 auto;
}

#view-class-tab .gird-list {
	margin: 30px 0 0 0;
}

.tab-view-block .table_class {
	margin: 30px 0 0 0;
}

.ajax-loader p {
	font-family: cera bold;
	font-style: normal;
	font-weight: bold;
	font-size: 28px;
	line-height: 35px;
	text-align: center;
}

.modal.studentData.editstud .modal-dialog.modal-dialog-centered,
#quick_add_stud .modal-dialog.modal-dialog-centered {
	max-width: 530px;
}

.dataTables_paginate.paging_simple_numbers,
.dataTables_info {
	padding: 10px;
}

.dataTables_info {
	font-family: "cera regular";
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	display: flex;
	align-items: center;
	min-height: 46px;
}

.table-responsive .dataTables_paginate .paginate_button,
.table-responsive .dataTables_paginate .current {
	border-radius: 50%;
	height: 24px;
	width: 24px;
	padding: 0;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border: 0 !important;
	color: #000;
	font-size: 12px;
}

.table-responsive .dataTables_paginate span .paginate_button.current,
.table-responsive .dataTables_paginate span .paginate_button.current:hover,
.table-responsive .dataTables_paginate span .paginate_button:hover {
	background: #33f !important;
	color: #fff !important;
}

.dataTables_wrapper {
	position: relative;
}

.dataTables_wrapper .dataTables_paginate .next.paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .previous.paginate_button:hover {
	background: transparent !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:hover svg {
	opacity: 0.6;
}

.dataTables_wrapper .dataTables_paginate {
	display: flex;
	align-items: center;
	position: absolute;
	right: 0;
	bottom: 0;
}

.page-template-tpl-quick-upload .d-maincontent .tab h4 {
	font-family: "cera bold";
	font-style: normal;
	font-size: 28px;
	line-height: 35px;
	color: #303246;
	margin-bottom: 34px;
}

/* Course grid  */
.gird-list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px;
	padding-top: 0;
	padding-bottom: 22px;
}

.gird-list .grid-block:first-child {
	background: rgba(230, 191, 255, 0.2);
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 23px solid #8e10ff;
}

.grid-block {
	min-height: 280px;
}

.gird-list .grid-block:nth-child(2) {
	background: rgba(255, 246, 191, 0.2);
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 23px solid #ffda36;
}

.gird-list .grid-block:nth-child(3) {
	background: rgba(255, 211, 216, 0.2);
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 23px solid #ff6267;
}

.gird-list .grid-block:nth-child(4) {
	background: rgba(191, 246, 221, 0.2);
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 23px solid #00d883;
}

/* End Course grid  */

.title-btn-group ul.dropdown-menu.dropdown-menu-end.show li.dropdown-item.delete-class {
	color: var(--red);
}

section.list-view .container_set {
	max-width: 1100px;
	margin: 0 auto;
}

.gird-list a {
	display: block;
	padding: 20px 28px 20px 30px;
	text-decoration: none;
}

.gird-list .grid-block:first-child a .module-count,
.gird-list .grid-block:first-child a .data-row {
	color: #8e10ff;
}

.gird-list .grid-block:nth-child(2) a .module-count,
.gird-list .grid-block:nth-child(2) a .data-row {
	color: #b6980f;
}

.gird-list .grid-block:nth-child(3) a .module-count,
.gird-list .grid-block:nth-child(3) a .data-row {
	color: #ff6267;
}

.gird-list .grid-block:nth-child(4) a .module-count,
.gird-list .grid-block:nth-child(4) a .data-row {
	color: #00643c;
}

.gird-list a .module-count {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;

}

.gird-list a .title {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 32px;
	line-height: 40px;
	color: #000;
	margin-bottom: 30px;
}

.gird-list a .data-row span {
	font-family: "cera regular";
	color: black;
}

.gird-list a .data-row {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 23px;
	margin-bottom: 7px;
}

section.list-view .back-btn {
	padding: 0;
	margin-bottom: 19px;
	margin-top: 34px;
	display: flex;
	align-items: center;
}

section.list-view .back-btn a {
	text-decoration: none;
}

section.list-view .back-btn svg {
	margin-right: 7px;
}

section.list-view .container_set h4 {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 45px;
	color: #303246;
	margin-bottom: 35px;
}

.box.chart-wrap .pecentage-number {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	text-align: center;

	color: #23221c;
}

.box.chart-wrap .pecentage-number span {
	display: block;
	font-weight: 700;
	font-size: 12px;
	line-height: 15px;
}

.box.chart-wrap::before {
	content: "";
	position: absolute;
	left: 14px;
	top: 14px;
	background: white;
	z-index: 0;
	height: 98px;
	width: 98px;
	border-radius: 100%;
}

.data-listing {
	display: flex;
}

.box.chart-wrap {
	width: 126px;
	position: relative;
}

.data-display-wrap {
	width: calc(100% - 26px);
}

.section-confirm-data .row-flex:first-child {
	background: #faf2ff;
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 15px solid #8e10ff;
	height: 125px;
	align-items: center;
	padding: 0 30px 0 33px;
}

.section-confirm-data .row-flex:nth-child(2) {
	background: #fffdf2;
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 15px solid #ffda36;
	height: 125px;
	align-items: center;
	padding: 0 30px 0 33px;
}

.section-confirm-data .row-flex:nth-child(3) {
	background: #fff6f7;
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 15px solid #ff6267;
	height: 125px;
	align-items: center;
	padding: 0 30px 0 33px;
}

.section-confirm-data .row-flex:nth-child(4) {
	background: #f2fdf8;
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 15px solid #00d883;
	height: 125px;
	align-items: center;
	padding: 0 30px 0 33px;
}

.left-label span {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 20px;
}

.section-confirm-data .left-label h3 {
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
}

.section-confirm-data .row-flex:first-child .left-label span {
	color: #8e10ff;
}

.section-confirm-data .row-flex:nth-child(2) .left-label span {
	color: #b19100;
}

.section-confirm-data .row-flex:nth-child(3) .left-label span {
	color: #ff6267;
}

.section-confirm-data .row-flex:nth-child(4) .left-label span {
	color: #00643c;
}

.row-wrap {
	margin-top: 22px;
}

.section-confirm-data input {
	min-width: 261px;
	height: 49px;
}

.form-control:focus {
	box-shadow: unset !important;
	outline: unset !important;
}

.tab.section-confirm-data input {
	min-width: min-content;
}

.tab.section-confirm-data .date-pick::after {
	right: 30px;
}

h4.no_class_found {
	background: #f5f4ff;
	border: 1px solid #33f;
	box-sizing: border-box;
	border-radius: 10px;
	height: 72px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 20px;
	line-height: 25px;
	color: #000;
}

h4.no_class_found a {
	margin: 0 0 0 6px;
	color: #000;
}

.content-data table tr td.colspanset {
	text-align: center;
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 25px;
	color: #33f;
	background: #f5f4ff !important;
}

.success-wrap {
	max-width: 458px;
	margin: 0 auto;
	background: #f2fdf8;
	border: 1px solid #00d882;
	box-sizing: border-box;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	min-height: 264px;
	padding-top: 42px;
}

.success-icon svg {
	width: 89px;
	height: 89px;
}

.addClassForm .success-icon h3 {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: normal;
	font-size: 28px;
	line-height: 35px;
	text-align: center;

	/* KF Secondary Green 1 */

	color: #00643c;
	border: unset;
	padding: 0;
	margin-top: 20px;
	margin-bottom: 0;
}

.success-icon {
	display: flex;
	flex-direction: column;
	align-items: center;
}


.success-text p {
	margin: 10px 0 0 0;
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height: 25px;
	text-align: center;
	color: #000;
}

.support-block {
	padding: 52px;
}

.support-block h3 {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 36px;
	line-height: 45px;
	padding: 0;
}
.support-block h4:not(:first-of-type) {
    margin-top: 20px;
}

.modal.studentData.editclass_name .modal-content {
	min-width: 800px;
}

.modal.studentData.editclass_name .modal-content .row-flex {
	flex-direction: column;
	margin-bottom: 37px;
}

.modal.studentData.editclass_name h4.modal-title {
	color: #000 !important;
}

.modal.studentData.editclass_name .modal-content .row-flex h4 {
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 30px;
	color: black;
	margin-bottom: 12px;
}

.modal.studentData.editclass_name .modal-header {
	padding-top: 37px;
	padding-bottom: 0;
	margin-bottom: 27px;
}

.modal.studentData.editclass_name .modal-content .row-flex input {
	padding: 15px 12px;
	font-family: "Cera Pro";
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 30px;
	color: #000;
	border: 1px solid #949494;
	box-sizing: border-box;
	border-radius: 4px;
}

.modal.studentData.editclass_name  .modal-footer.flex {
	padding-bottom: 37px;
}

.help-wrap .help-block .add_class_btn {
	width: max-content;
	display: flex;
	max-width: none;
	padding: 10px 30px;
	flex-direction: revert;
	margin-bottom: 30px;
	height: auto;
	font-size: 15px;
}

.help-wrap .help-block .add_class_btn svg {
	margin-left: 10px;
}

.single-help_post article .bread-crumb p a {
	display: flex;
	align-items: center;
	line-height: 1;
}

.single-help_post article .bread-crumb p a svg {
	margin-right: 7px;
}


/*  Responsive  */
@media (min-width: 1360px) {

	.quick-upload-page .addClassForm {
		max-width: calc(100% - 540px) !important;
		margin-left: 207px;
	}

	.content-data.quick-upload-page {
		padding: 100px 0 !important;
		width: 100% !important;
	}

	.content-data.class-link-page {
		padding: 2.5rem 4rem !important;
		width: 100% !important;
	}

	.quick-upload-page .addClassForm .row {
		margin: 0;
	}
}

@media (max-width: 1366px) {

	section.list-view .container_set {
		max-width: 94%;
		margin: 0 auto;
	}

	.date-pick::after {
		top: 50%;
	}

	.modal.studentData.editname .modal-body,
	.modal.studentData.editname .modal-header {
		padding: 0 20px;
	}

	.modal.studentData.editname .modal-header {
		padding: 20px;
	}

	form#add_class_Form .section-confirm h4,
	.section-confirm h4 {
		font-size: 18px;
		margin-bottom: 0;
	}

	form#add_class_Form .section-confirm,
	.section-confirm {
		padding: 10px 20px;
	}

	form#add_class_Form .section-confirm span,
	.studentData.editname .section-confirm span {
		font-size: 20px;
	}


	.left-label h3,
	.addClassForm .left-label h3 {
		font-size: 20px;
	}

	form#add_class_Form input,
	.modal.studentData.editname input {
		height: 40px;
	}

	.current-course div,
	.upcoming-course div {
		margin-right: 10px;
	}

	.content-data table tr td:first-child {
		width: auto;
	}

	.same {
		padding-left: 30px;
	}

	.same h6,
	.school-overview.dashboard_new h4 {
		font-size: 16px;
	}

	a.same span {
		font-size: 30px;
		line-height: 40px;
	}

	.same {
		height: 120px;
	}

	p.text-center.mail-id a {
		font-size: 16px;
	}

	.signin-section .relative svg {
		top: 39px;
		width: 22px;
	}

	.signin-section.register-wrap .row.m-0.p-0 {
		margin-bottom: 3px !important;
	}

	#addStudents .modal-footer {
		margin: 0 -47px;
		bottom: 0;
	}

	#editName .modal-content,
	#addStudents .modal-content {
		padding-bottom: 0;
	}

	#email_support .desc {
		margin-bottom: 20px;
	}

	.modal.fade.studentData.height-set .modal-content .modal-footer.flex {
		margin: 0 -47px;
	}

	.card.border-0 {
		margin: 0 auto;
	}

	.singin-wrap.login-wrap {
		height: auto;
	}

	.singin-wrap label.font-weight-bold {
		font-size: 17px;
	}

	.singin-wrap input.height-set {
		height: 43px;
	}

	.singin-wrap h2.card-title.text-center {
		font-size: 29px;
		line-height: 30px;
	}

	.modal.studentData .modal-footer,
	.modal.studentData .modal-footer.flex {

		/* padding: 0 0 26px 0; */
	}

	.add_class_footer .btn.btn-primary-purple,
	.add_class_footer button.submit-btn,
	input#email-support,
	.btn.btn-primary-purple,
	.singin-wrap input.submit-btn {
		min-width: 180px !important;
		width: auto;
		height: 42px;
		font-size: 17px;
		padding: 5px 15px;
		border-radius: 40px;
	}

	.add_class_footer button,
	.modal.studentData .modal-footer button {

		/* border-radius: 5px; */

		/* width: auto; */

		/* height: 43px; */
		font-size: 17px;

		/* padding: 5px 15px; */

		/* font-family: var(--FontRoboto); */

		/* font-style: normal; */

		/* font-weight: bold; */
	}

	.add_class_footer input {
		border-radius: 5px;
		width: auto;
		height: 43px;
		font-size: 17px;
		padding: 5px 15px;
		font-family: var(--FontRoboto);
		font-style: normal;
	}

	#induction_images .carousel-item img {
		width: auto !important;
		height: 280px;
		margin: 0 auto;
	}

	.modal.studentData .modal-header .modal-title {
		font-size: 35px;
		line-height: 52px;
		margin: 0;
	}

	.modal.studentData .modal-footer.flex {

		/* justify-content: flex-end; */
	}

	.modal.studentData .modal-footer button,
	.modal.studentData .modal-footer input {

		/* width: auto; */

		/* margin: 0 1%; */

		/* height: 43px; */

		/* font-size: 17px; */

		/* padding: 5px 15px; */

		/* border-radius: 5px; */
	}

	.modal.studentData .modal-body {
		padding: 0 47px;
	}

	.modal.studentData label.form-label {
		font-size: 17px;
		line-height: 23px;
	}

	.desc textarea {
		height: 121.26px;
	}
}

@media (max-width: 1200px) {

	.gird-list a .title {
		font-size: 25px;
	}

	span.step {
		width: 183px;
	}

	.gird-list a .data-row {
		font-size: 16px;
		margin-bottom: 2px;
	}

	.current-course div,
	.upcoming-course div {
		margin-right: 15px;
		margin-bottom: 15px;
	}

	.profile-row a.find-more {
		font-size: 20px;
		line-height: 28px;
		width: 212px;
		height: 49px;
	}

	.same h6 svg {
		width: 14px;
		margin-left: 5px;
	}

	.same {
		padding-left: 20px;
	}

	.class_view .same {
		height: 120px;
	}

	.same h6 {
		font-size: 14px;
		display: flex;
		align-items: center;
	}

	.table-title h4 {
		font-size: 30px;
		line-height: 40px;
	}

	.content-data h2.heading-page,
	.profile-row h2 {
		font-size: 30px;
		line-height: 40px;
	}

	.school-overview.dashboard_new h4 {
		font-size: 18px;
		line-height: 21px;
	}

	.total-completed.school-col {
		width: 40%;
		padding: 0 0 0 40px;
	}

	.school-overview .line-for-block {
		left: 0;
	}

	.school-overview .line-for-block-right {
		right: 4px;
	}

	.total-active-stud.school-col {
		width: 28%;
	}
}

@media (min-height: 768px) {

	.modal.studentData .modal-content {

		/*min-height: 590px;*/
		min-height: max-content;
	}

}


@media (max-width: 1180px) {

	.date-pick::after {
		top: 53%;
		right: 29px;
	}

	.modal.studentData.editname .section-confirm-data input {
		min-width: min-content;
		height: 49px;
	}

	.gird-list a .data-row span {

		display: block;
	}

	.current-course,
	.upcoming-course {
		flex-wrap: wrap;
	}

	.dash_sub_sec {
		display: grid;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 14px;
	}

	.school-overview.dashboard_new .dash_right.class_view a.same {
		height: 214px;
	}
}

@media (max-width: 1117px) {

	.right-data.row {
		width: calc(100% - 330px);
	}

	.help-wrap {
		padding-top: 20px;
	}

	.table_class table tr th {
		font-size: 14px;
		line-height: 20px;
	}

	a.same span {
		font-size: 26px;
		line-height: 35px;
	}

	.singin-wrap {
		width: 60%;
	}

	.content-data table tr th:nth-child(4) {
		text-align: left;
	}

	.content-data table tr td:first-child,
	td.copy_link {
		width: auto;
	}

	.d-sidebar {
		width: 215px;
	}

	.d-maincontent {
		width: calc(100% - 215px);
	}

	.dasboard-first-menu,
	.dasboard-second-menu {
		padding-left: 26px;
	}

	.add-row-first a {
		margin-left: 15px;
	}

	.dasboard-first-menu,
	.dasboard-second-menu {
		padding: 10px;
	}

	.main-content-header a#navbarDropdown {
		font-size: 17px;
	}

	.modal.studentData .modal-content {
		min-height: 650px;
	}
}

@media (max-width: 1024px) {

	.signin-section .relative svg {
		top: 36px;
		width: 20px;
	}

	.content-data table tr td,
	.content-data table tr th {
		padding: 10px;
	}

	.content-data .school-screen tr th:nth-child(4) {
		padding-right: 0;
	}

	.right-image-side img {
		max-width: 100%;
	}

	.singin-wrap {
		margin: 20px auto 20px auto;
		padding: 20px;
	}

	.singin-wrap h2.card-title.text-center {
		font-size: 43px;
		line-height: 50px;
	}

	.singin-wrap label.font-weight-bold {
		font-size: 19px;
		height: 25px;
	}

	p.text-center.mail-id a {
		font-size: 19px;
		line-height: 1;
	}

	.singin-wrap .name-block {
		margin-bottom: 18px !important;
	}

	.custom-control.custom-checkbox {
		margin-top: 18px;
	}


}

@media (max-width: 991px) {

	.gird-list a .data-row {
		padding-right: 15px;
	}

	.gird-list a .data-row span {
		display: inline;
	}

	.table-title {
		height: auto;
		padding-bottom: 20px;
	}

	.date-pick::after {
		top: 55%;
		width: 10px;
		height: 10px;
	}

	.step-header a.exit-btn {
		height: 40px;
		width: 100px;
		font-size: 19px;
		margin-right: 21px;
	}

	form#add_class_Form .tab-title {
		font-size: 20px;
	}

	.step-header h2 {
		font-size: 20px;
		line-height: 28px;
	}

	.page-template-tpl-add-class .main-content-header {
		display: none;
	}

	.left-label {
		width: 390px;
	}

	.right-data.row {
		width: calc(100% - 390px);
	}

	form#add_class_Form .uploadCsv.position-relative,
	form#add_class_Form .uploadCsv.position-relative input,
	form#add_class_Form .browse-file.position-absolute {
		height: 100px;
	}


	#add_class_Form h4 {
		font-size: 22px;
	}

	form#add_class_Form button#nextBtn,
	form#add_class_Form button#prevBtn {
		font-size: 20px;
		height: 50px;
		min-width: 130px;
	}

	form#add_class_Form .tab p,
	form#add_class_Form .tab ul li {
		font-size: 17px;
	}

	.addClassForm .left-label h3 {
		font-size: 19px;
		line-height: 26px;
	}

	form#add_class_Form .section-confirm h4,
	.studentData.editname .section-confirm h4 {
		font-size: 21px;
		margin-bottom: 0;
	}

	form#add_class_Form .section-confirm span,
	.studentData.editname .section-confirm span {
		font-size: 18px;
	}

	form#add_class_Form .section-confirm,
	.studentData.editname .section-confirm {
		padding: 20px 24px;
	}

	form#add_class_Form input {
		height: 40px;
	}

	span.step {
		height: 48px;
		width: 135px;
		font-size: 17px;
	}

	.dash_right.class_view a.same span {
		max-width: max-content;
	}

	.help-wrap .help-block {
		width: calc((100% /2) - 10px);
	}

	.page-template-tpl-quick-upload .main-content-header {
		display: none;
	}

	.main-content-header {
		display: block;
	}

	.footer-bottom-new {
		height: 64px;
		padding: 0 20px;
	}

	.footer-bottom-new ul li a,
	.footer-bottom-new ul li.copyright {
		font-size: 16px;
		line-height: 20px;
	}

	.footer-bottom-new ul li {
		padding-right: 20px;
	}

	form#addclass_form .position-relative.download-sample {
		text-align: center;
		padding: 10px;
		font-size: 20px;
	}

	form#addclass_form .position-relative.download-sample svg {
		margin: 0;
	}

	form#addclass_form .position-relative.download-sample a,
	.browse-file {
		font-size: 18px;
	}

	td.td-action {
		width: max-content;
		padding-left: 0 !important;
	}

	.total-completed.school-col {
		width: 40%;
		padding: 0 0 0 70px;
	}

	.singin-wrap h2.card-title.text-center {
		font-size: 27px;
		line-height: 50px;
	}

	.right-image-side img {
		margin-bottom: 30px;
	}

	.d-maincontent a.navbar-brand svg {
		display: block;
	}

	.content-data .table-responsive {
		padding-left: 0 !important;
	}

	.d-sidebar {
		position: absolute;
		width: 0;
		overflow: hidden;
		transition: width 0.2s;
	}

	.d-sidebar.w-0 {
		width: 215px;
		transition: width 0.2s;
	}

	.d-maincontent.w-full a.navbar-brand {
		position: relative;
		left: 210px;
		transition: left 0.2s;
	}

	.d-maincontent a.navbar-brand {
		position: relative;
		left: 0;
		transition: left 0.2s;
	}

	.d-maincontent {
		width: 100%;
	}
}

@media (max-width: 875px) {

	.title-wrap-btn {
		flex-direction: column;
	}

	.title-btn-group {
		margin-bottom: 20px;
		justify-content: flex-end;
	}

	.left-label {
		width: 270px;
	}

	.right-data.row {
		width: calc(100% - 270px);
	}

	section.list-view .back-btn {
		margin-top: 20px;
	}

	.section-confirm-data .row-flex:first-child {
		height: 105px;
	}

	.modal.studentData.editname .section-confirm-data input {
		height: 38px;
	}

	section.list-view .container_set h4 {
		font-size: 26px;
		margin-bottom: 10px;
	}

	.section-confirm-data .left-label h3 {
		font-size: 19px;
	}

	.school-overview.dashboard_new {
		grid-template-columns: repeat(1, minmax(0, 1fr));
		padding: 15px;
	}

	.total-completed.school-col {
		padding: 0 0 0 50px;
	}
}

@media (max-width: 800px) {

	.gird-list {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.total-completed.school-col {
		padding: 0 0 0 40px;
	}

	.content-data .table-responsive table {
		width: 800px;
	}
}

@media (max-width: 768px) {

	.date-pick::after {
		right: 15px;
	}

	.modal .section-confirm-data .row-flex {
		height: max-content;
		padding: 20px 20px 0 20px;
	}

	.tab.section-confirm-data .row-flex {
		height: max-content !important;
		padding: 20px 20px 0 20px;
	}

	.left-label {
		width: 100%;
	}

	.right-data.row {
		width: 100%;
		display: flex;
		margin-bottom: 20px;
		gap: 6px;
		justify-content: space-between;
	}

	.addClassForm .right-data.row {
		flex-direction: column;
	}

	.date-pick {
		position: relative;
		padding: 0;
		width: 49%;
	}

	form#add_class_Form .uploadCsv.position-relative,
	form#add_class_Form .uploadCsv.position-relative input,
	form#add_class_Form .browse-file.position-absolute {
		height: 180px;
	}

	span.step {
		margin-bottom: 2px;
	}

	.steps-label {
		margin: 0 0 20px 0;
	}

	.row-flex {
		flex-direction: column;
	}

	.section-confirm-data .row-flex {
		height: max-content;
	}

	.right-data.row {
		width: 100%;
		display: flex;
	}

	.singin-wrap.login-wrap {
		max-width: 80%;
	}

	.school-overview .school-col,
	.total-active-stud.school-col {
		padding: 0;
	}
}

@media (max-width: 767px) {

	.date-pick::after {
		top: 57%;
	}

	.addClassForm {
		max-width: 90%;
	}

	.footer-bottom-new .copyright {
		min-width: 240px;
	}

	.dash_right.class_view a.same.bg-lightblue {
		flex-direction: row;
		justify-content: flex-start;
	}

	.dash_right.class_view a.same {
		height: auto;
		padding: 15px;
	}

	.total-completed.school-col {
		padding: 0 0 0 30px;
	}

	.school-overview .school-col h4 {
		font-size: 36px;
		line-height: 53px;
		margin: 10px 0 !important;
		display: block;
	}

	.school-overview .school-col p.title,
	.school-overview .school-col h4,
	.school-overview .school-col p.text_p {
		margin-bottom: 0;
	}
}

@media (max-width: 765px) {

	.total-completed.school-col {
		padding: 0 0 0 20px;
	}
}

@media (max-width: 700px) {

	.help-wrap .help-block {
		width: 100%;
	}

	.footer-bottom-new ul {
		flex-wrap: wrap;
	}

	.footer-bottom-new ul li.copyright {
		width: 100%;
		margin-bottom: 5px;
	}

	.total-completed.school-col {
		padding: 0 0 0 20px;
	}

	.total-stud.school-col,
	.total-completed.school-col,
	.total-active-stud.school-col {
		width: 100%;
		text-align: center;
	}

	.school-overview.row {
		flex-wrap: wrap;
	}

	.school-overview .line-for-block {
		width: 100%;
		height: 0;
		top: 0;
	}

	.total-completed.school-col {
		padding: 20px 0;
		position: relative;
	}

	.school-overview .line-for-block-right {
		width: 100%;
		height: 0;
		bottom: 0;
		right: 0;
		top: unset;
	}

	.school-overview .total-stud.school-col p.text_p,
	.school-overview .school-col p.text_p {
		max-width: unset;
	}
}

@media (max-width: 650px) {

	.title-btn-group {
		margin-bottom: 20px;
		justify-content: flex-start;
	}

	.modal.studentData .modal-footer button,
	.modal.studentData .modal-footer input {
		width: 100% !important;
		min-width: unset !important;
		margin: 4px 0;
	}

	.btn-gp-np {
		float: unset;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	form#add_class_Form button#nextBtn,
	form#add_class_Form button#prevBtn {
		width: 100%;
		margin: 6px 0;
		padding: 0 20px;
		font-size: 18px;
	}

	form#add_class_Form .position-relative.download-sample a {
		font-size: 19px;
		word-break: break-word;
	}

	form#add_class_Form .position-relative.download-sample {
		width: 100%;
		padding: 0 15px;
	}

	.page-template-tpl-add-class .container {
		padding: 0;
	}

	.modal.fade.studentData.no-form.delete_modal .modal-footer {
		flex-direction: column;
	}

	.modal.fade.studentData.no-form.delete_modal .modal-footer button.btn-gray {
		margin-bottom: 15px;
	}

	.modal.studentData .modal-body p {
		font-size: 18px;
	}

	.modal.fade.studentData.no-form.delete_modal .modal-footer button {
		height: 44px;
		font-size: 20px;
	}

	.table_class table tr th.course_link svg {
		width: 14px;
	}

	.same {
		padding-left: 15px;
	}

	.table_class table tr th {
		font-size: 13px;
		line-height: 19px;
	}

	.dash_sub_sec {
		grid-template-columns: repeat(1, minmax(0, 1fr));
	}

	.signin-section {
		height: auto;
	}

	.page-template-tpl-school-confirmation .signin-section {
		height: calc(100% - 76px);
	}

	.signin-section .relative svg {
		top: 44px;
		width: 20px;
	}

	.signin-section.register-wrap .singin-wrap {
		width: 80%;
	}

	.signin-section.register-wrap .singin-wrap h2.card-title.text-center {
		font-size: 25px;
		line-height: 30px;
	}

	.signin-section.register-wrap .singin-wrap .card.border-0 {
		padding: 0;
	}

	input[type=checkbox]:checked::before {
		height: 30px;
		width: 30px;
	}

	.add_class_footer button.submit-btn {
		height: 55px;
	}

	.modal.fade.studentData.height-set .modal-content .modal-footer.flex {
		width: calc(100% + 40px);
	}

	.modal.studentData .modal-header {
		padding-top: 25px;
		padding-bottom: 25px;
	}

	.modal.studentData .modal-footer.flex,
	#editName .modal-footer,
	.modal.studentData .modal-footer,
	#addStudents .modal-footer,
	#support-modal .modal-footer {
		bottom: 0;
		position: relative;
	}

	.modal.studentData .modal-content {
		min-height: min-content;
		padding-bottom: 100px;
	}

	.modal.studentData .modal-footer.flex.edit_name {
		position: relative;
		width: calc(100% + 40px);
		margin: 30px -20px 0 -20px;
		padding: 15px;
	}

	.modal.studentData .modal-header .modal-title {
		font-size: 38px;
	}

	.modal.studentData .modal-body {
		padding: 0 20px;
	}

	#addStudents .modal-footer,
	#support-modal .modal-footer {
		margin: 0 -20px;
	}

	.position-relative.download-sample {
		margin-top: 36px;
		margin-bottom: 30px;
	}

	.modal.studentData .modal-dialog.modal-dialog-centered {
		max-width: 595px;
	}

	svg.dashboard-close {
		position: absolute;
		right: 10px;
		width: 25px;
		top: 28px;
		display: block;
	}

	.d-maincontent.w-full a.navbar-brand {

		/*left: 0;*/
	}

	.content-data table tr td:last-child {
		border-radius: 0 5px 5px 0 !important;
		padding-left: 0 !important;
		width: auto;
		padding-right: 10px;
	}

	.singin-wrap {
		width: 100%;
		margin: 20px auto;
		padding: 15px;
	}

	.singin-wrap.login-wrap {
		padding: 0 25px 25px 25px;
		overflow: hidden;
	}

	.singin-wrap .name-block,
	.singin-wrap .passwod-block {
		margin-bottom: 0 !important;
	}

	.singin-wrap label.font-weight-bold {
		font-size: 16px;
		height: 24px;
	}

	.singin-wrap input.height-set {
		height: 50px;
		margin-top: 5px;
	}

	.singin-wrap input#customCheck1 {
		width: 25px;
		height: 25px;
	}

	.btn.btn-primary-purple,
	.btn.btn-gray {
		height: 55px;
		font-size: 20px;
		line-height: 25px;
	}
}

@media (max-height: 650px) {

	.d-maincontent .signin-section {
		height: auto;
	}

}

@media (max-width: 575px) {

	.gird-list a .data-row span {
		display: block;
		margin-bottom: 10px;
	}

	.gird-list a .module-count {
		text-align: center;
		margin-bottom: 20px;
	}

	.gird-list a .title {
		font-size: 25px;
		text-align: center;
		line-height: 1.2;
	}

	.data-display-wrap {
		width: 100%;
		order: 2;
		margin-top: 20px;
		text-align: center;
	}

	.data-listing {
		display: flex;
		flex-wrap: wrap;
	}

	.box.chart-wrap {
		width: 126px;
		position: relative;
		order: 1;
		margin: 0 auto;
	}

	.footer-bottom-new ul {
		flex-wrap: wrap;
		justify-content: center;
		margin-top: 10px;
	}

	.footer-bottom-new {
		flex-direction: column;
	}

	.footer-bottom-new {
		height: auto;
		padding: 20px;
	}
}

@media (max-width: 400px) {

	.date-pick {
		position: relative;
		padding: 0;
		width: 100%;
	}

	.tab-view-block ul {
		border-bottom: unset;
	}

	.add_class_btn_block a.add_class_btn {
		width: 100%;
	}

	.add_class_btn_block {
		margin-top: 15px;
		position: relative;
		right: unset;
		top: unset;
		width: 100%;
	}

	.tab-view-block ul.nav.nav-pills li a {
		width: 100%;
		display: block;
	}

	.tab-view-block ul.nav.nav-pills li {
		margin-right: 15px;
		width: 100%;
		padding: 15px;
	}

	.modal.studentData .modal-header .modal-title {
		font-size: 28px;
	}

	.desc span,
	.modal.studentData label.form-label,
	.browse-file,
	.position-relative.download-sample a,
	.modal.studentData label.form-label {
		font-size: 12px;
	}

	.position-relative.download-sample {
		margin-top: 35px;
		padding: 0 10px;
		text-align: center;
	}

	.position-relative.download-sample a svg {
		width: 15px;
		height: 15px;
	}

	.modal.studentData .modal-content {
		min-height: 500px;
	}

	.modal.studentData .modal-header {
		padding-top: 15px;
		padding-bottom: 25px;
	}

	.btn.btn-primary-purple,
	.btn.btn-gray {
		font-size: 16px;
	}
}

@media (max-height: 768px) {

	.section-confirm-data .row-flex {
		height: max-content;
	}

	form#add_class_Form .tab#step-1 {
		margin-top: 55px;
	}

	.d-maincontent .signin-section {
		height: auto;
	}

	.page-template-tpl-school-confirmation .signin-section {
		height: calc(100% - 76px);
	}

	.signin-section {
		height: auto;
	}

	.steps-label {
		margin: 20px 0 20px 0;
	}
}

@media (max-width: 650px) {

	.modal.studentData.no-form.delete_modal .modal-content {
		max-width: 90%;
		min-width: 90%;
	}

	.singin-wrap h2.card-title.text-center.confirm {
		font-size: 30px;
		line-height: 40px;
	}

	.singin-wrap h2.card-title.text-center.confirm {
		font-size: 24px;
		line-height: 30px;
	}

	.singin-wrap.login-wrap.confirm .btn-form {
		flex-wrap: wrap;
	}

	.singin-wrap.login-wrap.confirm .btn-form a {
		width: 100%;
		text-align: center;
		justify-content: center;
		font-size: 20px;
		height: 49px;
	}

	.singin-wrap.login-wrap.confirm .btn-form a.school-btn-confirm {
		margin-top: 20px;
	}

	.singin-wrap.login-wrap.confirm {
		padding: 20px;
	}
}

@media (max-width: 575px) {

	.singin-wrap h2.card-title.text-center.confirm {
		font-size: 20px;
	}
}

@media (min-height: 915px) and (max-width: 580px) {

	.page-template-tpl-login footer {
		background: #e5e5e5 !important;
		padding: 70px 0 0 0;
		position: absolute;
		bottom: 0;
	}
}

@media (max-height: 650px) {

	.dasboard-first-title ul li:last-child:hover button {
		background: #6c5cff;
	}

	.dasboard-first-title ul li:last-child {
		position: unset;
		width: unset;
	}
}


#year_group_form input[type=checkbox] {
	width: 20px;
	height: 20px;
}

.steps-label {
	display: flex;
}

.addClassForm .section-confirm-data .row-flex {
	background: #faf2ff;
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 15px solid transparent;
	height: 125px;
	align-items: center;
	padding: 0 30px 0 33px;
}

.addClassForm .section-confirm-data .row-flex .pill {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0 0.35rem;
	border-radius: 3px;
	margin-inline-end: 0.5rem;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+1) {
	background: #faf2ff;
	border-top-color: #8e10ff;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+1) .pill {
	color: #000;
	background: rgba(142, 16, 255, 0.2);
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+1) .left-label span {
	color: #8e10ff;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+1) .date-pick::after {
	border-color: #8e10ff;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+2) {
	background: #fff6f7;
	border-top-color: #ff6267;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+2) .pill {
	color: #000;
	background: rgba(255, 98, 103, 0.2);
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+2) .left-label span {
	color: #ff6267;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+2) .date-pick::after {
	border-color: #ff6267;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+3) {
	background: #f2fdf8;
	border-top-color: #00d883;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+3) .pill {
	color: #000;
	background: rgba(0, 216, 131, 0.2);
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+3) .left-label span {
	color: #00643c;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n+3) .date-pick::after {
	border-color: #00d883;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n) {
	background: #fffdf2;
	border-top-color: #ffda36;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n) .pill {
	color: #000;
	background: rgba(255, 218, 54, 0.2);
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n) .left-label span {
	color: #b19100;
}

.addClassForm .section-confirm-data .row-flex:nth-child(4n) .date-pick::after {
	border-color: #ffda36;
}

.list-view .gird-list .cat-title {
	grid-column: span 2;
}

.list-view .gird-list .grid-block {
	background: #fff;
	border-radius: 10px;
	border: 1px solid transparent;
	border-top: 23px solid transparent;
}

.list-view .gird-list .grid-block:nth-child(4n+1) {
	background: #faf2ff;
	border-top-color: #8e10ff;
}

.list-view .gird-list .grid-block:nth-child(4n+1) .module-count,
.list-view .gird-list .grid-block:nth-child(4n+1) .data-row {
	color: #8e10ff;
}

.list-view .gird-list .grid-block:nth-child(4n+1):hover {
	box-shadow: inset 0 0 0 1px #8e10ff;
	border-color: #8e10ff;
}

.list-view .gird-list .grid-block:nth-child(4n+2) {
	background: #fff6f7;
	border-top-color: #ff6267;
}

.list-view .gird-list .grid-block:nth-child(4n+2) .module-count,
.list-view .gird-list .grid-block:nth-child(4n+2) .data-row {
	color: #ff6267;
}

.list-view .gird-list .grid-block:nth-child(4n+2):hover {
	box-shadow: inset 0 0 0 1px #ff6267;
	border-color: #ff6267;
}

.list-view .gird-list .grid-block:nth-child(4n+3) {
	background: #f2fdf8;
	border-top-color: #00d883;
}

.list-view .gird-list .grid-block:nth-child(4n+3) .module-count,
.list-view .gird-list .grid-block:nth-child(4n+3) .data-row {
	color: #00643c;
}

.list-view .gird-list .grid-block:nth-child(4n+3):hover {
	box-shadow: inset 0 0 0 1px #00d883;
	border-color: #00d883;
}

.list-view .gird-list .grid-block:nth-child(4n) {
	background: #fffdf2;
	border-top-color: #ffda36;
}

.list-view .gird-list .grid-block:nth-child(4n) .module-count,
.list-view .gird-list .grid-block:nth-child(4n) .data-row {
	color: #b19100;
}

.list-view .gird-list .grid-block:nth-child(4n):hover {
	box-shadow: inset 0 0 0 1px #ffda36;
	border-color: #ffda36;
}

.stud-table tr th {
	text-align: left;
}