@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Playfair:ital,opsz,wght@0,5..1200,300..900;1,5..1200,300..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: "Poppins", sans-serif;
}
body{
	background: var(--body-bg);
}
html .cke_skin_kama{
    width: 100%;
}
:root {
	--primary-font: "Poppins", sans-serif;
	--secondary-font: "Playfair Display", serif;

    --primary: #064CA2;
    --primary-dark: #233E90;
    --primary-light: #EAF2FC;

    --secondary: #F46724;
    --secondary-dark: #D95316;
    --secondary-light: #FFF1EA;

    --body-bg: #F5F7FA;
    --sidebar-bg: #064CA2;
    --card-bg: #FFFFFF;

    --text-primary: #1F2937;
    --text-secondary: #6B7280;
    --text-light: #FFFFFF;

    --border-color: #E5E7EB;

    --success: #16A34A;
    --warning: #F59E0B;
    --danger: #DC2626;
    --info: #2563EB;

    --hover-bg: #F0F5FB;
    --shadow: 0 4px 15px rgba(6, 76, 162, 0.08);

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
}
input:focus{
	box-shadow: none;
}

p,h1,h2,h3,h4,h5,h6{margin: 0;}
a{text-decoration: none; color: #000;}
a:hover{color: #000;}
ul{list-style: none; padding: 0; margin: 0;}


table thead{}
table thead tr{}
table thead tr th{
	background: #f0f7ff !important;
	font-weight: 500 !important;
	border: none !important;
	font-size: 13px !important;
	padding: 15px !important;
}
table thead tr th:first-child{
	border-radius: 5px 0 0 5px;
	padding: 9px 10px !important;
}
table thead tr th:nth-child(2){
	/* text-align: center !important; */
}
table thead tr th:last-child{
	border-radius: 0 5px 5px 0;
}
table tbody tr{
	vertical-align: middle;
}
table tbody tr:last-child{
	border-bottom: none !important;
}
.table-hover>tbody>tr:hover>*{
	background: #f0f7ff !important;
}
.table-hover > tbody > tr:hover {
    --bs-table-hover-bg: transparent !important;
    --bs-table-bg-state: transparent !important;
}
table tbody tr td:nth-child(2){
	/* text-align: center !important; */
}
table tbody tr td{
    font-size: 14px;
    color: #7f8489 !important;
    border-bottom: 1px solid #0075dc17;
    line-height: 1.3;
    padding: 15px 5px !important;
}
table tbody tr td:first-child{
    border-radius: 5px 0 0 5px !important;
}
table tbody tr td:last-child{
    border-radius: 0 5px 5px 0 !important;
}
.dt-layout-row{
	margin-bottom: 0 !important;
}
table tbody tr td a{font-size: 18px;}
table tbody tr td .editbtn{transition:.3s linear;width: 30px;/* height: 30px; */border: 1px solid #bedcff;border-radius: 5px;color: #bedcff;display: inline-flex;align-items: center;justify-content: center;}
table tbody tr td .editbtn:hover{
	color: #fff;
	background: green;
	border-color: green;
}
/* table tbody tr td .delbtn{transition: .3s linear;width: 30px;height: 30px;display: inline-block;border: 1px solid #bedcff;border-radius: 5px;color: #bedcff;} */
/* table tbody tr td .delbtn:hover{
	background: red;
	color: #fff;
} */
table tbody tr td .form-check-input:focus{
	box-shadow: none;
}


table tbody tr td:first-child input,
table thead tr th:first-child input{
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    aspect-ratio: 1/1;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    padding: 0;
	position: relative;
	z-index: 1;
}
table tbody tr td:first-child input:checked,
table thead tr th:first-child input:checked{
    background: #198754;
    border-color: #198754;
}
table tbody tr td:first-child input:checked::after,
table thead tr th:first-child input:checked::after{
    content: "✓";
    color: #fff;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

table tbody tr td .action{}
table tbody tr td .action a{
    width: 25px;
    aspect-ratio: 1/1;
    line-height: 1;
    font-size: 14px;
    border: 1px solid #bedcff;
    border-radius: 4px;
    transition: .3s linear;
    color: #bedcff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
table tbody tr td .action a:hover{
    background: var(--bgcolor);
    border-color: var(--bgcolor);
    color: #fff;
}

table tbody tr td .title{
    display: flex;
    align-items: center;
    gap: 5px;
}
table tbody tr td .title span{width: 30px;height: 30px;background: var(--secondary-light);display: inline-flex;align-items: center;justify-content: center;border-radius: 50px;font-size: 13px;font-weight: 500;color: var(--secondary);border: 1px solid var(--secondary-dark);line-height: 1;margin-right: 5px;}
table tbody tr td .title .titleinfo{
    display: inline-flex;
    flex-direction: column;
}
table tbody tr td .title .titleinfo p{
}
table tbody tr td .title .titleinfo p:nth-child(1){}
table tbody tr td .title .titleinfo p:nth-child(2){
    font-size: 11px;
    color: #6b7280a3;
    font-weight: 500;
}





.maincontainer{
	display: flow-root;
	height: 100vh;
}
aside{
	width: 170px;
	height: 100vh;
	transition: all .4s linear;
	float: left;
	box-shadow: 1px 0 10px rgb(0 0 0 / 8%);
	position: relative;
	background: var(--sidebar-bg);
}
aside .closeicon{display: none;}
.panel-content{
	width: calc(100% - 170px);
	float: right;
	height: 100%;
}
.panel-header{
	background: var(--primary);
	height: 50px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px 15px;
	box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%);
	position: relative;
	z-index: 9;
}
.panel-header-left{}
.panel-header-left .bi-list{display: none;}
.panel-header-right{
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 15px;
}
.panel-header-right p{
	color: var(--secondary);
	font-size: 12px;
	font-weight: 400;
}
.panel-header-right p span{
	color: var(--primary-light);
	display: block;
	line-height: 1;
	font-size: 13px;
}
.panel-header-right a{
    font-size: 14px;
    font-weight: 200;
    margin-left: 0px;
    transition: .3s ease-in;
    padding: 6px 10px;
}
.panel-header-right .settings{}
.panel-header-right .profile{}
.panel-header-right .logout{
    background: var(--secondary);
    color: var(--secondary-light);
    border-radius: 2px;
    font-size: 13px;
}
.panel-header-right a:hover{
	background: var(--secondary-dark);
	border-radius: 3px;
}
.panel-inner-content{
	width: 100%;
	height: calc(100% - 70px);
	padding: 20px 0;
	overflow: auto;
}
.panel-inner-content::-webkit-scrollbar{
	width: 0;
}

.admin-login{
    width: 100%;
    height: 100vh;
    background: url('../assets/images/school-building.webp');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    align-items: start;
    justify-content: center;
    padding: 50px 0 0;
    position: relative;
    z-index: 1;
}
.admin-login:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgb(255 255 255 / 80%);
}
.inner-login{
    width: 400px;
    background: #fff;
    padding: 30px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 5%);
    border-radius: 5px;
}
.inner-login .logo{
    text-align: center;
    margin: 0 0 30px;
}
.inner-login .logo img{
    width: 80px;
}
.inner-login .logo h3{
    font-weight: 600;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    text-transform: uppercase;
}
.inner-login .logo h3:after,
.inner-login .logo h3:before{
	content: "";
	width: 50px;
	height: 1px;
	background: #ddd;
	display: block;
}
.admin-form{}
.admin-form h4{
    text-align: center;
    font-size: 15px;
    margin: 0 0 10px;
    color: green;
    font-weight: 400;
    letter-spacing: .5px;
}
.admin-form form{}
.admin-form form .fields{
    margin: 0 0 20px;
    position: relative;
    z-index: 1;
}
.admin-form form .fields i{
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translateY(-50%);
	color: var(--primary-dark);
}
.admin-form form .fields i.showhidepassword{
	cursor: pointer;
}
.admin-form form .fields i:hover{}
.admin-form form .fields input{border: 1px solid var(--primary-light);border-radius: 4px;padding: 10px 15px;}
.admin-form form .fields input:focus{
	box-shadow: none;
	border-color: var(--primary-dark);
}
.admin-form form .fields input::placeholder{
	color: var(--primary-light);
	font-weight: 300;
}
.admin-form form .fields-btn{
    text-align: center;
}
.admin-form form .fields-btn input{
    background: var(--primary);
    outline: none;
    border: none;
    border: 1px solid var(--primary-dark);
    color: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 500;
    padding: 5px 20px;
    border-radius: 3px;
    transition: .3s ease-in;
    width: 100%;
}
.admin-form form .fields-btn input:hover{
	background: #fff;
	color: var(--primary-dark);
}
.admin-form form .loginerr .loading_span{
	width: 20px;
	height: 20px;
	border: 2px solid #000;
	border-radius: 50px;
	animation: errloading 0.7s linear infinite;
	display: inline-block;
	border-top: 2px solid transparent;
	border-bottom: 2px solid transparent;
}
@keyframes errloading{
	0%{
		transform: rotate(0deg);
	}
	100%{
		transform: rotate(360deg);
	}
}

.admin-form form .fields-btn .alertbox{
	background: #ffebeb;
	padding: 10px;
	border-radius: 3px;
}
.admin-form form .fields-btn .alertbox p{
	font-size: 14px;
	color: red;
}

.multi-imgquestion,
.imgquestion{
	border: 1px dashed rgb(0 0 0 / 80%);
	border-radius: 8px;
	width: 220px;
	height: 150px;
	text-align: center;
	overflow: hidden;
	display: flex;
	position: relative;
	padding: 5px;
}

.multi-imgquestion img,
.imgquestion img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	border-radius: 5px;
}
.imgquestion.other{
	width: 100%;
}
.imgquestion.other img{
	height: 100%;
	width: auto;
}
.multi-imgquestion .imgclose,
.imgquestion .imgclose{
	position: absolute;
	top: 0;
	right: 5px;
	color: #b70000;
	display: none;
}
.multi-imgquestion .imgclose.active,
.imgquestion .imgclose.active{
	display: block;	
}

/*.page-content form .fields{}
.page-content form .fields textarea{
	height: 150px;
	padding: 30px 5px 10px;
}
.page-content form .fields textarea#question{
	padding: 5px;
}
.page-content form .fields .question-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0 0;
}
.page-content form .fields .question-bottom .orimage-question{}
.page-content form .fields .question-bottom .orimage-question a{
    font-size: 14px;
    color: #001b48;
    font-weight: 600;
}
.page-content form .fields .question-bottom .orimage-question a:hover{
    color: var(--secondary-color);
}
.page-content form .fields .question-bottom .marks{display: flex;align-items: center;}
.page-content form .fields .question-bottom .marks label{
    font-size: 14px;
    font-weight: 600;
    color: #001b48;
    padding: 0 10px 0 0;
}
.page-content form .fields .question-bottom .marks input{
    width: 60px;
    border: 1px solid #ddd;
    outline: none;
    background: #fff;
    font-weight: 800;
}
.page-content form .fields .question-bottom .marks input:focus{border-color: #001b48;}
.page-content form .fields .question-bottom .marks input[type=number]::-webkit-inner-spin-button, 
.page-content form .fields .question-bottom .marks input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
.page-content form .fields .alternatequestion{
    padding: 5px 0 0;
    border-top: 1px solid #ccc;
    margin: 15px 0 0;
}
.page-content form .fields .alternatequestion label{}
.page-content form .fields .alternatequestion textarea{}
.page-content form .fields .label-question,
.page-content form .fields .label-answer{
	font-size: 16px;
}
.page-content form .fields .label-question{}
.page-content form .fields .label-answer{
	padding: 30px 0 0;
}
.page-content form .fields .row-answer{
	padding: 0 0 15px;
	position: relative;
}
.page-content form .fields .row-answer .answer-no-input{
	position: absolute;
	top: 6px;
	left: 17px;
	width: auto;
	background: #02457a;
	display: flex;
	padding: 3px 10px;
	border-radius: 3px;
	gap: 10px;
	z-index: 99;
}
.page-content form .fields .row-answer .answer-no-input p{font-weight: 700;padding: 0 10px 0 0;border-right: 1px solid #ffffff;font-size: 14px;color: #fff;}
.page-content form .fields .row-answer .answer-no-input input{
    display: block;
    appearance: none;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    position: relative;
    padding: 0;
    margin: 3px 0 0;
    border: 2px solid #ffffff;
    cursor: pointer;
}
.page-content form .fields .row-answer .answer-no-input input:checked{
     background: #fff; 
}
.page-content form .submitInput{
	border: 1px solid #c5c5c5;
	border-radius: 5px;
	font-size: 16px;
	padding: 7px 20px;
	background: var(--primary-color);
	font-weight: 300;
	transition: .3s ease-in;
	color: #fff;
}
.page-content form .submitInput:hover{
	background: none;
	color: #000;
}*/
.sidepanel-head{
    padding: 5px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.sidepanel-head .head-logo{flex-basis: 60px;height: 40px;border-radius: 4px;background: #fff;border: 1px solid var(--secondary-color);display: flex;align-items: center;justify-content: center;padding: 5px;}
.sidepanel-head .head-logo img{width: 100%;height: 100%;object-fit: contain;}
.sidepanel-head a{
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
}

.logout-fixed{
    position: absolute;
    bottom: 4px;
    left: 50%;
    padding: 5px 10px;
    width: 94%;
    color: #fff;
    margin: auto;
    transform: translateX(-50%);
    border-radius: 5px;
    border: 2px solid var(--secondary-color);
    font-weight: 600;
    background: var(--primary-color);
    transition: .3s linear;
}
.logout-fixed i{
}
.logout-fixed:hover{
	background: rgb(245, 245, 245);
	color: var(--secondary-color);
}



.panel-menu{
	height: 91%;
	overflow: auto;
	padding: 15px 0 0;
}
.panel-menu .mli{
	transition: all .2s linear;
	position: relative;
}

.panel-menu .mli .mlink{
	text-decoration: none;
	display: flex;
	justify-content: space-between;
	align-items: center;
	white-space: nowrap;
	padding: 10px 15px 10px 35px;
	position: relative;
	z-index: 1;
	font-size: 14px;
	letter-spacing: .5px;
	font-weight: 200;
	color: var(--text-light);
	transition: .3s ease-in;
}
.panel-menu .mli .mlink:hover{
	background: var(--primary-dark);
}
.panel-menu .mli .mlink i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.panel-menu .mli .mlink i:nth-child(1){
    left: 10px;
}
.panel-menu .mli .mlink i:nth-child(2){
    right: 20px;
    font-size: 10px;
}
.panel-menu .mli .mlink:hover i{}

.smdiv{
	background: #daebff;
	display: none;
}
.smdiv .smul{
	padding: 5px 0;
}
.smdiv .smlist{
	margin: 0;
	padding: 0;
	list-style: none;
	margin-left: 20px;
}
.smdiv .smlist .smlink{
	text-decoration: none;
	color: #333;
	font-size: 13px;
	display: inline-block;
	letter-spacing: .5px;
}
.smdiv .smlist .smlink span{ color: red;}
.smdiv .smlist .smlink:before{
}
.smdiv .smlist .smlink:hover:before{
	border-color: var(--primary-color);
}
.smdiv .smlist .smlink:hover{
	color: var(--primary);
}




.page-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}
.page-title .title{}
.page-title .title h3{
    font-size: 18px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
}
.page-title .title span{color: #000;font-weight: 700;}
.page-title .createbtn{
    display: flex;
    align-items: center;
    gap: 10px;
}
.page-title .createbtn a{
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    padding: 4px 8px;
    font-weight: 500;
    background: #000;
    color: #fff;
    transition: .3s ease;
}
.page-title .createbtn a:hover{
	background: #fff;
	color: #001b48;
}
.page-title .createbtn a.delete{
	background: #dd1111;
	display: none;
}
.page-title .createbtn a.delete:hover{
	background: #e82929;
	color: #fff;
}

#downloadExcel{
    background: green;
}
#downloadExcel:hover{
    color: green;
    background: #008f002e;
}
.showenquirywise{
    background: #fff;
    border-radius: 4px;
    padding: 15px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap:  15px;
    margin: 0 0 15px;
    box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);
    flex-wrap: wrap;
}
.showenquirywise ul{
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 10px;
}
.showenquirywise ul li{
	font-size: 13px;
	border: 1px solid var(--primary-light);
	padding: 5px 10px;
	border-radius: 3px;
	cursor: pointer;
	transition: .3s linear;
}
.showenquirywise ul li:hover,
.showenquirywise ul li.active{
	background: var(--primary);
	color: #fff;
}

.showenquirywise form{
	display: flex;
	align-items: start;
	gap: 10px;
	margin: 0;
}
.showenquirywise form .fields{
    position: relative;
    z-index: 1;
}
.showenquirywise form .fields label{
    position: absolute;
    top: -6px;
    background: #fff;
    line-height: 1;
    left: 10px;
    padding: 0 5px;
    font-size: 12px;
    font-weight: 400;
    margin: 0;
    padding: 0 0 2px;
    display: block;
    color: #999;
    letter-spacing: .5px;
}
.showenquirywise form .fields input{
    outline: none;
    width: 140px;
    font-size: 13px;
    padding: 6px 10px;
    border-radius: 5px;
    border: 1px solid #f2f2f2;
}
.showenquirywise form .fields-btn button{
    border: none;
    background: var(--primary);
    color: #fff;
    font-size: 14px;
    border-radius: 3px;
    padding: 5px 10px;
    transition: .3s linear;
}
.showenquirywise form .fields-btn button:hover{
    background: var(--primary-dark);
}

.showenquirywise .headright{}
.showenquirywise .headright ul{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: end;
}
.showenquirywise .headright ul li{
    color: #fff;
    border-radius: 50px;
    line-height: 1;
    padding: 6px 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid transparent;
}
.showenquirywise .headright ul li:hover,
.showenquirywise .headright ul li.active{
	border: 1px solid;
}
.showenquirywise .headright ul li:nth-child(1){
    background: #FEE2E2;
    color: #991B1B;
}
.showenquirywise .headright ul li:nth-child(2){
    background: #FEF3C7;
    color: #92400E;
}
.showenquirywise .headright ul li:nth-child(3){
    background: #DBEAFE;
    color: #1E40AF;
}
.showenquirywise .headright ul li:nth-child(4){
    background: #F3F4F6;
    color: #374151;
}
.showenquirywise .headright ul li:nth-child(5){
    background: #DCFCE7;
    color: #166534;
}
.showenquirywise .headright ul li:nth-child(6){
    background: #EDE9FE;
    color: #5B21B6;
}
.showenquirywise .headright ul li span{
    min-width: 18px;
    min-height: 18px;
    border-radius: 50px;
    font-size: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #fff;
    font-weight: 600;
    padding: 2px 4px;
}
.showenquirywise .headright ul li:nth-child(1) span{}
.showenquirywise .headright ul li:nth-child(2) span{}
.showenquirywise .headright ul li:nth-child(3) span{}
.showenquirywise .headright ul li:nth-child(4) span{}
.showenquirywise .headright ul li:nth-child(5) span{}
.showenquirywise .headright ul li:nth-child(6) span{}

.showenquirywise .headright-source{}
.showenquirywise .headright-source ul{
    display: flex;
    align-items: center;
    gap: 5px;
    justify-content: end;
}
.showenquirywise .headright-source ul li{
    color: #fff;
    border-radius: 50px;
    line-height: 1;
    padding: 6px 8px;
    font-size: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
    border: 1px solid transparent;
}
.showenquirywise .headright-source ul li[data-id='1']{
    background: #00800038;
    color: green;
}

.showenquirywise .headright-source ul li[data-id='2']{
    background: #d000dc26;
    color: #d000dc;
}

.showenquirywise .headright-source ul li[data-id='3']{
    background: #0075dc26;
    color: #064CA2;
}
.showenquirywise .headright-source ul li[data-id='4']{
    background: #dc020026;
    color: #dc0200;
}
.page-content{box-shadow: 0 .125rem .25rem rgba(165,163,174,.3);background: #fff;padding: 20px 25px;border-radius: 5px;}
.page-content form{}
.page-content form label{
    font-size: 14px;
    font-weight: 300;
    margin: 0;
    padding: 0 0 2px;
    display: block;
    color: #999;
    letter-spacing: .5px;
}
.page-content form select,
.page-content form textarea,
.page-content form input{
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 5px;
}
.page-content form select:focus,
.page-content form textarea:focus,
.page-content form input:focus{
	box-shadow: none;
	border-color: #aaa;
}
.page-content form input::-webkit-inner-spin-button,
.page-content form input::-webkit-outer-spin-button{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.page-content .category-type{padding: 0 0 20px;}
.page-content .category-type a{
    font-size: 15px;
    padding: 5px 10px;
    border: 1px solid var(--secondary-color);
    color: var(--primary-color);
    border-radius: 3px;
    display: inline-block;
    margin-right: 10px;
    transition: .3s linear;
    font-weight: 500;
}
.page-content .category-type a.active,
.page-content .category-type a:hover{
	background: var(--secondary-color);
	color: #fff;
}

.page-content .dashboard-box{
    border-radius: 5px;
    position: relative;
    padding: 20px 15px;
    border: 2px solid var(--secondary-color);
    display: block;
    transition: .3s linear;
}
.page-content .dashboard-box:after{
	content: "";
}
.page-content .dashboard-box:hover{
    transform: scale(1.05);
    background: var(--primary-color);
}
.page-content .dashboard-box p{
    color: var(--secondary-color);
    font-weight: 600;
    font-size: 18px;
}
.page-content .dashboard-box:hover p{
	color: #fff;
}
.page-content .dashboard-box span{
	color: #000;
}
.page-content .dashboard-box:hover span{
    color: var(--secondary-color);
}

.page-content .dashboard-box i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    font-size: 60px;
    color: #3256ab2b;
}


section.main-dashboard .header .header-search .search-input-btn input{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
section.main-dashboard .header .header-search .search-input-btn input:hover,
section.main-dashboard .header .header-search .search-input-btn input:focus{
	border-color: rgba(0, 0, 255, 0.4);
}
section.main-dashboard .header .header-search .search-input-btn button{
	border:none;
	background: none;
	outline: none;
	font-size: 22px;
	padding:5px 10px;
	border:1px solid rgba(0, 0, 0, 0.2);
	border-left:0px;
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;
	cursor: pointer;
	transition: border .1s linear;
}
section.main-dashboard .header .header-search .search-input-btn button:hover{
	border: 1px solid rgba(0, 0, 0, 0.4);
	box-shadow: none;
}

section.register-page,
section.login-page,
section.main-dashboard{
	/* background: #f8f9fa; */
}
section.register-page .header-register,
section.login-page .header-login,
section.main-dashboard .header{
	padding: 5px 15px;
	background: #008bab;
}
section.main-dashboard{
	float: left;
	width: calc(100% - 230px);
	transition: all .4s linear;
	overflow: auto;
	height: 100vh;
	padding: 5px 0;
	background: #f9f9f9;
}
aside.active + section.main-dashboard{
	width: calc(100% - 80px);
	overflow: none;

}
section.main-dashboard .header form #search{
	font-size: 1.2rem;
}
section.main-dashboard .header .header-rightside{
	display: flex;
}
section.main-dashboard .header .header-rightside .bx-menu{
	font-size: 2rem;
}
section.main-dashboard .header .header-rightside .rightside-content{
	margin-right: 20px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
section.main-dashboard .header .header-rightside .rightside-content a{
	display: block;
	text-decoration: none;
	font-size: 18px;
	color: #adb5bd;
}
section.main-dashboard .header .header-rightside .rightside-content a:hover{
	color: #3167eb;
}
section.main-dashboard .header .header-rightside .rightside-content i{
	padding: 10px 8px;
	border-radius: 4px;
}
section.main-dashboard .header .header-rightside .rightside-content i:hover{
	background: rgba(0, 0, 255, 0.1);
}
section.main-dashboard .header .header-rightside .rightside-content button{
	border: none;
	outline: none;
	background: none;
	color: #adb5bd;
	padding: 10px 18px;
	border-radius: 4px;
	cursor: pointer;
}
section.main-dashboard .header .header-rightside .rightside-content button:hover{
	background: rgba(0, 0, 255, 0.1);
	color: #3167EB;
}
section.main-dashboard .header .header-rightside .profile{
	position: relative;
	display: flex;
	align-items: center;
}
section.main-dashboard .header .header-rightside .profile .profile-img{
	width: 40px;
	height: 40px;
	border: 2px solid rgb(255 255 255 / 66%);
	border-radius: 50%;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
}
section.main-dashboard .header .header-rightside .profile .profile-img i{color: rgb(255 255 255 / 74%);font-size: 18px;}

section.main-dashboard .header .header-rightside .profile:hover .profile-img{
	border: 1px solid #fff;
}
section.main-dashboard .header .header-rightside .profile .dropdown-icon{
	margin-left: 10px;
	color: #adb5bd;
}
section.main-dashboard .header .header-rightside .profile .profile-menu{
	position: absolute;
	top: 0;
	left: -100px;
	margin-top: 50px;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.4);
	width: 150px;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
	padding: 10px 0;
	display: none;
	transition:  all .4s linear;
	z-index: 9999;
}
section.main-dashboard .header .header-rightside .profile .profile-menu.active{
	display: block;
}
section.main-dashboard .header .header-rightside .profile .profile-menu ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
section.main-dashboard .header .header-rightside .profile .profile-menu ul li{
	line-height: 1;
}
section.main-dashboard .header .header-rightside .profile .profile-menu ul li a{
	text-decoration: none;
	display: block;
	padding: 5px 0;
	padding: 5px 10px;
	color: #000;
	font-size: 17px;
}


section.main-dashboard .main-dashboard-section{
	padding: 0 15px;
}

.dashboard-content{box-shadow: 0 0 10px rgb(0 0 0 / 6%);}
.banner-form{box-shadow: 0 0 10px rgb(0 0 0 / 10%);padding: 20px 5px; background:#fff; }
.banner-form label{
	font-weight: 600;
}
.featuredproduct-form form div.mb-3.
.discount-form form div.mb-3{
    width: 32%;
}
.banner-form form div.mb-3{
    width: 40%;
}


section.main-dashboard .main-section .dashboard-title{
	display: flex;
	justify-content: space-between;
	align-items: center;
	/*flex-direction: column;*/
	/*padding: 10px 5px;*/
	background: #fff;
	padding: 20px;
	box-shadow: 0 5px 8px rgb(0 0 0 / 3%);
}
section.main-dashboard .main-section .dashboard-title .title{}
section.main-dashboard .main-section .dashboard-title .title span{
	font-size: 18px;
	color: #a5a5a5;
}
section.main-dashboard .main-section .dashboard-title .title h3{
	margin: 0;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 20px;
}
section.main-dashboard .main-section .dashboard-title .createbtn{
    justify-content: flex-end;
}
section.main-dashboard .main-section .dashboard-title .createbtn a{
	display: block;
	text-decoration: none;
	color: #fff;
	background: #3167EB;
	padding: 7px 8px 6px 7px;
	border-radius: 2px;
	margin: 0 5px;
}

.dashboard-link{
    box-shadow: 0 5px 8px rgb(0 0 0 / 3%);
}
.dashboard-link .dashboard-a{
    width: 100%;
    display: inline-block;
    text-align: start;
    padding: 30px 20px;
    border-radius: 2px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 20px;
    text-decoration: none;
    position: relative;
}
.dashboard-link .col-md-6:nth-child(1) .dashboard-a{background: #F24771;}
.dashboard-link .col-md-6:nth-child(2) .dashboard-a{background: #2FB5FE;}
.dashboard-link .col-md-6:nth-child(3) .dashboard-a{background: #FBB931;}
.dashboard-link .col-md-6:nth-child(4) .dashboard-a{background: #FD5E02;}
.dashboard-link .dashboard-a i{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 50px;
}
.dashboard-link img{
    width: 80%;
    display: block;
    margin: 20px auto;
}
section.main-dashboard .main-section .dashboard-boxes .box{
	display: flex;
	align-items: center;
	background: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	padding: 25px 20px;
}
section.main-dashboard .main-section .dashboard-boxes .box:first-child{
	margin-left: 0;
}
section.main-dashboard .main-section .dashboard-boxes .box :is(h4, p){
	margin: 0;
	padding: 0;
}
section.main-dashboard .main-section .dashboard-boxes .box .box-icon{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 20px;
}
section.main-dashboard .main-section .dashboard-boxes .box .box-icon i{
	font-size: 26px;
}
section.main-dashboard .main-section .dashboard-boxes .box .box-icon.sale{
	color: #3167EB;
	background: #D6E1FB;
}
section.main-dashboard .main-section .dashboard-boxes .box .box-icon.order{
	color: #00B517;
	background: #CCF0D1;
}
section.main-dashboard .main-section .dashboard-boxes .box .box-icon.product{
	color: #FD8A14;
	background: #FFE8D0;
}
section.main-dashboard .main-section .dashboard-boxes .box .box-content h4{
	font-size: 16px;
	margin-bottom: 3px;
}
section.main-dashboard .main-section .dashboard-content .product-label{
    width: 30%;
}
section.main-dashboard .main-section .dashboard-content label{
	font-weight: 600;
}

section.main-dashboard .main-section .dashboard-content :is(input, textarea, select):focus{
	box-shadow: none;
}
/*section.main-dashboard .main-dashboard-section .reviews-table table tr td a{
	text-decoration: none;
	display: inline-block;
	border: 1px solid rgba(0, 0, 0, 0.4);
	color: #000;
	background: #fff;
}
section.main-dashboard .main-dashboard-section .order-table table tr td.status span,
section.main-dashboard .main-dashboard-section .banner-table table tr td.status span{
	padding: 0 10px;
	font-weight: 600;
	border-radius: 30px;
	display: inline-block;
}
section.main-dashboard .main-dashboard-section .order-table table tr td.status.pending span,
section.main-dashboard .main-dashboard-section .banner-table table tr td.status.pending span{
	color: #FFB638;
	background: #FFDEAD;
}
section.main-dashboard .main-dashboard-section .banner-table table tr td.status.active span{
	color: #FFB638;
	background: #FFDEAD;
}
section.main-dashboard .main-dashboard-section .order-table table tr td.view i{
	padding: 8px;
	border-radius: 4px;
	border: 1px solid #000;
	transition: all .1s linear;
	color: #000;
}
section.main-dashboard .main-dashboard-section .order-table table tr td.view i:hover{
	background: #000;
	color: #fff;
}*/
section.main-dashboard .main-dashboard-section .order-list-tab ul{
	margin: 0;
	padding: 0;
	margin-bottom: 15px;
}
section.main-dashboard .main-dashboard-section .order-list-tab ul li{
	list-style: none;
	display: inline;
	margin-right: 5px;
}
section.main-dashboard .main-dashboard-section .order-list-tab ul li a{
	text-decoration: none;
	color: #4CA7F5;
	display: inline-block;
	background: #E1F0FF;
	padding: 5px 10px;
	border-radius: 5px;
}
section.main-dashboard .main-dashboard-section .order-list-tab ul li a.active{
	color: #fff;
	background: #4ca7f5;
}
section.main-dashboard .main-dashboard-section .view-orders .billing-title,
section.main-dashboard .main-dashboard-section .view-orders .order-detail-title{
	background: rgba(76, 167, 245, .4);
	padding: 10px 10px;
	border-radius: 5px;
}
section.main-dashboard .main-dashboard-section .view-orders .billing-title h5,
section.main-dashboard .main-dashboard-section .view-orders .order-detail-title h5{
	color: rgba(0, 0, 0, 0.7);
	margin: 0;
}
section.main-dashboard .main-dashboard-section .view-orders .order-detail-content{
	display: flex;
	
}
section.main-dashboard .main-dashboard-section .view-orders .order-detail-content .ordercontent{
	width: 50%;
	padding: 10px 20px;
}
section.main-dashboard .main-dashboard-section .view-orders :is(.billing-address, .shipping-address){
	padding: 10px 20px;
}
section.main-dashboard .main-dashboard-section .view-orders :is(.billing-address, .shipping-address) p{
	margin: 0;
}
section.main-dashboard .main-dashboard-section .view-orders .order-detail-content .ordercontent p{
	margin: 0;
	padding: 8px 0;
}
section.main-dashboard .main-dashboard-section .view-orders .order-detail-content .ordercontent p.ordertage{
	font-weight: 600;
}
.status_btn{
    padding: 3px 10px;
    border-radius: 4px;
}
 span.suspended{color: #f64e60;
    background-color: #ffe2e5;}
 span.success{
    color: #1bc5bd;
    background-color: #c9f7f5;
    display: inline-block;
    }
 span.pending{color: #3699ff;
    background-color: #e1f0ff;}

.order-details{
    margin-top: 30px;
}
.order-details .title{
    background: #eee;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 10px;
}
.order-details .title h3{
    margin: 0;
    font-size: 1.3em;
    font-weight: 700;
}
.order-details-box{
    display: flex;
    align-items: start;
    justify-content: space-between;
    padding: 20px 0;
}
.order-details-box ul{
    padding: 0;
    margin: 0;
    list-style: none;
    flex: 1;
    padding-right: 20px;
}
.order-details-box ul li{
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}
.order-details-box ul li span{font-weight: 700;text-transform: uppercase;font-size: 14px;width: 200px;display: inline-block;}
.order-addresses{display: flex;padding-bottom: 20px;}
.order-address{
    flex: 1;
    padding-right: 20px;
}
.order-address .title{
    background: #eee;
    padding: 10px;
    border-radius: 5px;
}
.order-address .title h3{
    margin: 0;
    font-size: 1.3em;
    font-weight: 700;
}
.order-address .order-address-box{padding-left: 20px;}
.order-address .order-address-box span{display: block;font-weight: 500;font-style: italic;}
.order-items{}
.order-items h2.title{}
.order-items h2.title{
    font-size: 1em;
    margin: 0;
    padding: 10px;
    font-weight: 700;
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
    background: #eee;
    border-radius: 5px;
}
.orderitem-img{}
.orderitem-img img{
    width: 150px;
}
.orderitem-info{}
.orderitem-info h3{
    margin: 0;
    font-size: 1.2em;
}
.orderitem-qty{}
.orderitem-qty p{}
.orderitem-price{}
.orderitem-price p{}

#clockContainer {
    position: relative;
    margin: auto;
    height: 160px;
    width: 160px;
    background: url("../images/clock.png") no-repeat;
    background-size: 100%;
    border-radius: 50%;
    border: 1px solid;
    outline: 1px solid #333;
    outline-offset: -5px;
    margin-top: 50px;
}
 
#hour,
#minute,
#second {
    position: absolute;
    background: black;
    border-radius: 10px;
    transform-origin: bottom;
}
 
#hour {
    width: 1.8%;
    height: 25%;
    top: 25%;
    left: 48.85%;
    opacity: 0.8;
}
 
#minute {
    width: 1.6%;
    height: 30%;
    top: 19%;
    left: 48.9%;
    opacity: 0.8;
    background: #333;
}
 
#second {
    width: 1%;
    height: 40%;
    top: 9%;
    left: 49.25%;
    opacity: 0.8;
    background: red;
}


.btn.btn-primary{
	border: 1px solid var(--secondary-dark);
	border-radius: 5px;
	font-size: 16px;
	padding: 7px 20px;
	background: var(--secondary);
	font-weight: 300;
	transition: .3s ease-in;
	color: #fff;
}
.btn.btn-primary:hover{
	background: none;
	color: var(--secondary);
}
.btn.btn-primary:focus{
	box-shadow: none;
}

#gal-container{
	display: flex;
	align-content: center;
	gap: 10px;
	flex-wrap: wrap;
	padding: 10px 0 0;
}
#gal-container .gal-preview{
    width: 200px;
    position: relative;
    border: 1px dotted #000;););););););););););););););););););
    border-radius: 4px;
    overflow: hidden;
    padding: 2px;
}
#gal-container .gal-preview img{
	width: 100%;
	border-radius: 2px;
}
#gal-container .gal-preview a{
	position: absolute;
	top: 5px;
	right: 5px;
	color: #dc3545;
	font-size: 18px;
	background: #fff;
	width: 25px;
	height: 25px;
	border-radius: 2px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 15px;
	transition: .3s linear;
}
#gal-container .gal-preview a:hover{
	background: #df5959;
	color: #fff;
}
.clearallimgdiv{
    padding: 10px 0 0;
}
.clearallimgdiv #clrimgs{
    color: #ff0000;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    background: #ff000030;
    padding: 6px 10px;
    border-radius: 3px;
    display: inline-block;
}
.msgbox{}
.msgbox .loading-wrapper{
	position: fixed;
	inset: 0;
	background: rgb(255 255 255 / 70%);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.msgbox .loading-wrapper .loading_span{
	width: 50px;
	height: 50px;
	border: 1px solid var(--primary-color);
	border-radius: 50px;
	animation: loading 1s linear infinite;
}
@keyframes loading{
	0%{
		transform: scale(0.5);
		border-width: 5px;
	}
	100%{
		transform: scale(1)
	}
}

.msgbox .loading-wrapper p{
	color: green;
	font-size: 13px;
	font-weight: 500;
}
.msgbox .alertbox{
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	z-index: 999;
	background: #fff;
	padding: 10px 20px;
	border-radius: 3px;
}
.msgbox .alertbox p{
    font-size: 14px;
}
.msgbox .alertbox.success{
	border: 1px solid green;
}
.msgbox .alertbox.success p{
	color: green;
}
.msgbox .alertbox.failed{
	border: 1px solid red;
}
.msgbox .alertbox.failed p{
	color: red;
}


.page-content form #ordernumber{
    height: 20px;
    width: 30px;
    padding: 4px 0 4px 4px;
    display: block;
    position: absolute;
    bottom: 5px;
    right: 5px;
    border: 1px solid #ddd;
    outline: none;
    border-radius: 2px;
}
.page-content form .submitInput{
	border: 1px solid var(--secondary-dark);
	border-radius: 5px;
	font-size: 16px;
	padding: 7px 20px;
	background: var(--secondary);
	font-weight: 300;
	transition: .3s ease-in;
	color: #fff;
}
.page-content form .submitInput:hover{
	background: none;
	color: var(--secondary);
}





.admission-form{
}
.admission-form form{
	background: #fff;
	overflow: hidden;
	border-radius: 20px;
	border-bottom: 2px solid var(--primary-dark);
}
.admission-form form .formhead{
    background: var(--primary);
    padding: 15px 20px;
    position: relative;
    z-index: 1;
}
.admission-form form .formhead h3{
    color: #fff;
    font-size: 32px;
    font-family: var(--secondary-font);
    font-weight: 500;
}
.admission-form form .formhead p{
    color: #fff;
    font-size: 14px;
    font-weight: 300;
}
.admission-form form .formhead img{
	width: 100px;
	position: absolute;
	top: 50%;
	right: 26px;
	transform: translateY(-50%);
}
.admission-form form .formbody{
    padding: 30px;
}
.admission-form form .formbody .fields{
    margin: 0 0 20px;
}
.admission-form form .fields :is(input, select, textarea){
    width: 100%;
    border: 1px solid var(--border-color);
    padding: 6px 10px;
    border-radius: 3px;
    outline: none;
    font-size: 14px;
    margin: 0 0 5px;
}
.admission-form form .fields :is(input, select, textarea):focus{}
.admission-form form .fields label{
    display: block;
    font-size: 13px;
    color: var(--text-secondary);
    padding: 0 0 4px;
}
.admission-form form .fields input{}
.admission-form form .fields select{}
.admission-form form .fields textarea{}
.admission-form form .formbody .fields small{
	font-size: 11px;
	line-height: 1.2;
	display: inline-block;
	color: red;
}
.admission-form form .fields-btn{}
.admission-form form .fields-btn button{
    display: block;
    width: 100%;
    border: none;
    background: var(--secondary);
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    transition: .3s linear;
}
.admission-form form .fields-btn button i{
    color: var(--primary);
}
.admission-form form .fields-btn button:hover{
    background: var(--primary);
}
.admission-form form .fields-btn button:hover i{
	color: var(--secondary)
}

.checkfield{margin: 0 0 15px;}
.checkvalues label,
.checkfield label{
    display: inline-flex!important;
    cursor: pointer;
    align-items: center;
    gap: 5px;
	user-select: none;
}
.checkvalues label input,
.checkfield label input{
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    aspect-ratio: 1/1;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    padding: 0;
	position: relative;
	z-index: 1;
}
.checkvalues label input:checked,
.checkfield label input:checked{
    background: #198754;
    border-color: #198754;
}
.checkvalues label input:checked::after,
.checkfield label input:checked::after{
    content: "✓";
    color: #fff;
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.passfield{position: relative;z-index: 1;}
.passfield span{}
.passfield span:nth-child(1){}
.passfield span:nth-child(2){
    display: none;
}
.passfield a{
    margin: 0 0 0 10px;
    font-size: 15px;
    color:  var(--primary);
}

.roles.changerole{
	cursor:pointer;
	font-size: 11px;
	padding: 5px;
	line-height: 1;
	border-radius: 50px;
	display: inline-flex;
	gap: 5px;
}
.roles.changerole.admin{
	color: var(--primary);
	background: #0075dc26;
}
.roles.changerole.counsellor{
	background: #d000dc26;
	color: #d000dc;
}

.recently-enquiries{
	background: #fff;
	padding:  15px;
	border-radius: 10px;
}
.recently-enquiries .head{
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    padding: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    width: 100%;
}
.recently-enquiries .head h3{
	font-size: 15px;
    text-transform: uppercase;
    color: var(--heading-color);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    line-height: 1;
}
.recently-enquiries table{}
.recently-enquiries table thead{}
.recently-enquiries table thead tr{}
.recently-enquiries table thead tr th{}
.recently-enquiries table tbody{}
.recently-enquiries table tbody tr{}
.recently-enquiries table tbody tr td{}
table tbody tr td .tbl_name{}
table tbody tr td .tbl_name span{
    display: block;
    font-size: 14px;
}
table tbody tr td .tbl_name span:nth-child(1){
    font-weight: 500;
    color: #000;
}
table tbody tr td .tbl_name span:nth-child(2){
    font-size: 12px;
}
table tbody tr td .tbl_mobile{
	text-align: center;
}
table tbody tr td .tbl_mobile span{
    display: block;
    font-size: 14px;
}
table tbody tr td .tbl_mobile span:nth-child(1){}
table tbody tr td .tbl_mobile span:nth-child(2){}
table tbody tr td .tbl_mobile span i{
    font-size: 12px;
}
table tbody tr td .tbl_mobile span:nth-child(1) i{
    color: green;
}
table tbody tr td .tbl_mobile span:nth-child(2) i{
    color: var(--primary-dark);
}
table tbody tr td .tbl_action{
	text-align: end;
}
table tbody tr td .tbl_action span{
    display: inline-block;
    font-size: 14px;
    padding: 5px;
    line-height: 1;
    border-radius: 2px;
    font-size: 12px;
}
table tbody tr td .tbl_action span.new{
	background: #064ca229;
	color: var(--primary);
}

.updatecounsellor-wrapper{
	position: fixed;
	inset: 0;
	background: rgb(255 255 255 / 80%);
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	backdrop-filter: blur(5px);
	visibility: hidden;
	pointer-events: none;
	opacity: 0;
}
.updatecounsellor-wrapper.active{
	visibility: visible;
	pointer-events: auto;
	opacity: 1;
}
.updatecounsellor-wrapper .closecounsellor-wrapper{
	position: absolute;
	top: 20px;
	right: 20px;
}
.inner-wrapper{
	background: var(--primary);
	border: 2px solid var(--primary-dark);
	padding: 30px;
	width: 450px;
	border-radius: 5px;
}
.inner-wrapper form .fields{
	margin: 0 0 10px;
}
.inner-wrapper form .fields :is(input, select, textarea){
    width: 100%;
    border: 1px solid var(--border-color);
    padding: 6px 10px;
    border-radius: 3px;
    outline: none;
    font-size: 14px;
    margin: 0 0 5px;
}
.inner-wrapper form .fields :is(input, select, textarea):focus{}
.inner-wrapper form .fields label{
    display: block;
    font-size: 13px;
    color: var(--primary-light);
    padding: 0 0 4px;
}
.inner-wrapper form .fields-btn button{
    display: block;
    width: 100%;
    border: none;
    background: var(--secondary);
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    padding: 10px;
    transition: .3s linear;
}
.inner-wrapper form .fields-btn button:hover{
    background: var(--primary-dark);
}

.enquiry-info-content{}

.enquiry-info{
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 15px;
}
.enquiry-info .enquiry-info-head{
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    padding: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    width: 100%;
}
.enquiry-info .enquiry-info-head h3{
    font-size: 15px;
    text-transform: uppercase;
    color: var(--secondary-dark);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex: 0 0 auto;
}
.enquiry-info .enquiry-info-head h3 i{
    color: var(--primary);
    font-size: 22px;
}
.enquiry-info .enquiry-info-head .searchfields{flex: 0 0 auto;width: 60%;border: 1px solid #9f9f9f38;position: relative;z-index: 1;border-radius: 5px;overflow: hidden;}
.enquiry-info .enquiry-info-head .searchfields .bi-search{
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
    line-height: 1;
    color: var(--text-color);
}
.enquiry-info .enquiry-info-head .searchfields .bi-upc-scan{
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    line-height: 1;
    color: var(--text-color);
    z-index: 999;
}
.enquiry-info .enquiry-info-head .searchfields .bi-upc-scan.focused{
    color: #00d9ff;
}
.enquiry-info .enquiry-info-head .searchfields .bi-upc-scan.active{
    animation: blink .3s linear infinite;
}
@keyframes blink {
    100%{color: green;}
}
.enquiry-info .enquiry-info-head .searchfields input{
    width: 100%;
    padding: 8px 40px;
    outline: none;
    border: none;
    font-size: 14px;
}
.enquiry-info .enquiry-info-head .searchfields input::placeholder{
    color: #b8b8b8;
	font-weight: 300;
	font-size: 14px;
}
.enquiry-info .enquiry-info-head button{
    flex: 0 0 auto;
    width: 12%;
    background: var(--primary);
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 2px;
    padding: 11px 5px;
    line-height: 1;
    transition: .3s linear;
    outline: none;
    border: none;
}
.enquiry-info .enquiry-info-head button:hover{
    background: var(--primary-dark);
}
.enquiry-info .enquiry-info-head button[disabled]{
    background: #0075dc52;
    cursor: not-allowed;
}

.enquiry-info form{}
.enquiry-info form label{
	padding: 0;
	line-height: 1;
	font-size: 14px;
	color: var(--text-secondary);
	margin: 0 0 7px;
}
.enquiry-info form :is(select, input, textarea){
	border-radius: 3px;
	padding: 5px 10px;
	font-size: 15px;
}
.enquiry-info form :is(select, input, textarea):focus{
	box-shadow: none;
	border-color: #eee;
}
.enquiry-info form button{
	border: none;
	border: 1px solid var(--secondary-dark);
	padding: 5px 10px;
	font-size: 14px;
	color: #fff;
	background: var(--secondary);
	border-radius: 3px;
	transition: .3s linear;
}
.enquiry-info form button:hover{
	background: #fff;
	color: var(--secondary-dark);
}
.enquiry-info form button[disabled]:hover,
.enquiry-info form button[disabled]{
	background: #ffc6ac;
	color: #fde8e8;
	border-color: #ffc6ac;
	cursor: no-drop;
}


.followup-status-info{
	margin: 20px 0 0;
	background: #fff;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: start;
    justify-content: start;
    flex-wrap: wrap;
    column-gap: 15px;
}
.followup-status-head{
	border-bottom: 1px solid #eee;
	padding: 0 0 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex: 0 0 auto;
	width: 100%;
}
.followup-status-head h3{
	font-size: 15px;
    text-transform: uppercase;
    color: var(--secondary-dark);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    line-height: 1;
}
.followup-status-head h3 i{
	color: var(--primary);
    font-size: 22px;
}
.followup-status-body{
    flex: 0 0 auto;
    width: 100%;
}
.followup-status-body .bodyrow{
    border: 1px solid var(--primary-light);
    border-radius: 5px;
    padding: 10px 15px;
    margin: 30px 0 0;
}
.followup-status-body .bodyrow .bodyrow-head{
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--primary-light);
    padding: 0 0 5px;
    margin: 0 0 10px;
    position: relative;
    z-index: 1;
}
.followup-status-body .bodyrow .bodyrow-head span{
    font-size: 12px;
    padding: 8px;
    border-radius: 3px;
    line-height: 1;
}
.followup-status-body .bodyrow .bodyrow-head span:nth-child(1){
    color: var(--primary);
    background: var(--primary-light);
    padding: 7px 15px;
    border-radius: 3px;
    line-height: 1;
}
.followup-status-body .bodyrow .bodyrow-head span:nth-child(2){
    margin-left: auto;
    color: var(--text-secondary);
    font-style: italic;
    font-size: 14px;
    position: absolute;
    top: -22px;
    background: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    left: 50%;
    transform: translateX(-50%);
    border-left: 2px solid var(--secondary-dark);
    border-right: 2px solid var(--secondary-dark);
    line-height: 1;
    background: var(--secondary-light);
    color: var(--secondary);
}
.enquirystatus,
.followup-status-body .bodyrow .bodyrow-head span:nth-child(3){
    background: var(--secondary-light);
    color: var(--secondary);
    padding: 5px 8px;
    border-radius: 3px;
    line-height: 1;
}
.enquirystatus{font-size: 12px;background: #064ca21f;color: var(--primary);}
.visit-complete,
.followup-status-body .bodyrow .bodyrow-head span:nth-child(3).visit-complete{
	background: #e0f2fe;
    color: #0369a1;
}
.follow-up,
.followup-status-body .bodyrow .bodyrow-head span:nth-child(3).follow-up{
	background: #fef3c7;
    color: #92400e;
}
.admission-confirmed,
.followup-status-body .bodyrow .bodyrow-head span:nth-child(3).admission-confirmed{
	background: #dcfce7;
	color: #166534;
}
.admission-rejected,
.followup-status-body .bodyrow .bodyrow-head span:nth-child(3).admission-rejected{
	background: #fee2e2;
	color: #991b1b;
}
.followup-status-body .bodyrow .bodyrow-body{}
.followup-status-body .bodyrow .bodyrow-body .bodyrow-body-head{
    display: flex;
    align-items: center;
    justify-content: end;
}
.followup-status-body .bodyrow .bodyrow-body .bodyrow-body-head span{
    font-size: 13px;
    color: #00488991;
    font-weight: 500;
    text-align: end;
}
.followup-status-body .bodyrow .bodyrow-body .bodyrow-body-head span p{
    font-weight: 600;
    display: inline;
}
.followup-status-body .bodyrow .bodyrow-body .response-body{
    padding: 15px;
    border-left: 3px solid var(--primary-light);
}
.followup-status-body .bodyrow .bodyrow-body .response-body p{
    font-size: 14px;
}

.userinfo-head{
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    padding: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    width: 100%;
}
.userinfo-head h3{
    font-size: 15px;
    text-transform: uppercase;
    color: var(--secondary-dark);
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 0 0 auto;
    line-height: 1;
}
.userinfo-head h3 i{
    color: var(--primary);
    font-size: 22px;
}
.viewbilling-userinfo{
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 15px;
}
.viewbilling-userinfo .userinfo{
    flex: 0 0 auto;
    width: 100%;
}

.viewbilling-userinfo .userinfo .userinfo-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 0 0;
}
.viewbilling-userinfo .userinfo .userinfo-box span{font-size: 14px;color: #00488991;font-weight: 500;}
.viewbilling-userinfo .userinfo .userinfo-box span i{
    font-size: 12px;
    color: green;
}


.dashboard-head{margin: 0 0 20px;}
.dashboard-head .dashboard-link{
    display: block;
    padding: 20px 15px;
    font-size: 15px;
    font-weight: 400;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    background: #fff;
    padding-left: 40px;
    border-left: 2px solid var(--primary);
    outline: none;
    border-left: 2px solid var(--secondary);
}
.dashboard-head .dashboard-link.totallead{
    background: #f4672424;
}
.dashboard-head .dashboard-link.totalregistration{
    background: #24aa9a2b;
    border-color: #29c2af;
}
.dashboard-head .dashboard-link.totaladmission{
    background: #c3c52245;
    border-color: #c3c522;
}
.dashboard-head .dashboard-link:hover{}
.dashboard-head .dashboard-link i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 12px;
    font-size: 20px;
    color: var(--primary);
    color: var(--secondary);
}
.dashboard-head .dashboard-link.totalregistration i{
	color: #29c2af;
}
.dashboard-head .dashboard-link.totaladmission i{
    color: #c3c522;
}
.dashboard-head .dashboard-link span{
    display: block;
    font-size: 14px;
    color: var(--text-color);
    line-height: 1;
}
.dashboard-head .dashboard-link span:nth-child(1){
    font-size: 30px;
    font-weight: 600;
    line-height: 1;
    color: var(--text-secondary);
    margin: 0 0 5px;
}
.dashboard-head .dashboard-link span:nth-child(2){
    font-size: 13px;
    color: var(--text-secondary);
}
.dashboard-head .dashboard-link:hover i{}

.page-content .pagecontent-head{
    border-bottom: 1px solid #eee;
    margin: 0 0 10px;
    padding: 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex: 0 0 auto;
    width: 100%;
}
.page-content .pagecontent-head h3{
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex: 0 0 auto;
    color: var(--primary);
    font-weight: 500;
}
.page-content .pagecontent-head h3 i{
    color: var(--primary);
    font-size: 16px;
}

.leadstatus-wrapper{
    display: flex;
    align-items: start;
    justify-content: start;
    gap: 20px;
    margin: 15px 0 0;
}
.leadstatus-wrapper li{}
.leadstatus-wrapper li a{
    border: 1px solid var(--primary);
    font-size: 13px;
    padding: 5px 10px;
    border-radius: 3px;
    line-height: 1;
    color: var(--primary-dark);
    transition: .3s linear;
}
.leadstatus-wrapper li a:hover{
    background: var(--secondary);
    border-color: var(--secondary);
    color: #fff;
}
.orderstatuschartbody{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 0;
}
.orderstatuschart-left{
    flex: 0 0 auto;
    width: 50%;
    padding: 18px 0;
}
.orderstatuschart-left canvas{height: 313px !important;}
.orderstatuschart-right{
    width: 40%;
    flex: 0 0 auto;
}
.orderstatuschart-right ul{}
.orderstatuschart-right ul li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 13px;
    color: #000;
    font-weight: 500;
    padding: 0 0 5px;
    border-bottom: 1px solid #eee;
    margin: 0 0 20px;
	position: relative;
	z-index: 1;
	padding-left: 15px;
	line-height: 1;
}
.orderstatuschart-right ul li:before{
	content: "";
	width: 10px;
	height: 10px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 9;
	border-radius: 50px;
	background: var(--bgcolor);
}
.orderstatuschart-right ul li span{}
.orderstatuschart-right ul li span:nth-child(1){}
.orderstatuschart-right ul li span:nth-child(2){
    color: #666;
}