@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500&display=swap);
@import url(https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700);
@import url(https://fonts.googleapis.com/css2?family=Open+Sans&display=swap);
body {
    margin: 0;
    font-family: 'Roboto', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow: visible!important;
  }
  
  code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
      monospace;
  }
  div.camel-case {
    text-transform: capitalize;
  }
  
.App {
  display: flex;
  width: 100%;
  align-items: stretch;
}
.content {
  padding: 0;
  margin-left: 0;
  height: 100%;
}
@media only screen and (max-width: 575.98px) {
  body {
    overflow: hidden;
  }
  .content.is-open {
    display: none;
    transition: all 0.5s;
  }
}
.avtarimg {
  width: 55px;
  height: 55px;
  position: relative;
  border-radius: 50%;
}
.table {
  border: none;
}
.View_btn {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #256bc5;
  color: #fff !important;
  width: 35px !important;
  height: 35px !important;
  cursor: pointer !important;
  border-radius: 50%;
  padding: 0;
}

body{font-family: 'Roboto', sans-serif!important;font-size: 14px;}
.background-white {
    background: #e9ecef73 ! important;
}
form > .margin-btm{
    margin-bottom: 10px;
}
.font-size{
    font-size: 20px;
}

.required{
    color: red;
}
.text-orange{color:  #ff6600;}
.text-maroon{color:  #800000;}
.text-pink{color: #f65868;}
.form-control {
    display: block;
    width: 100%;
    height: calc(2.05rem + 1px);
    padding: 0.315rem 0.65rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.35rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
/* .modal-footer{
    justify-content: left !important;
} */

div.changecase {
    text-transform: lowercase;
  }
  

/* to hide a feature */
.display-no{
      display: none;
}

.display{
    display: block;
}

.text-lowercase{
    text-transform: lowercase;
}

/* float left right css*/
.f-r{
float: right;
}
.f-l{
float: left;
}

/* padding and margin css */
.p-40{padding: 20px 30px!important;}
.m-r-5{
    margin-right: 5px;
}
.m-t-10{
    margin-top: 10px;
}
.m-t-40{
    margin-top: 40px;
}
.m-l-15{
    margin-left: 15px;
}
.margingR20{
    margin-right: 20px;
}
.btn-rnd{
    border-radius: 20px;
    padding: 5px 12px;
}

.paddingT25{
    padding: 25px;
}
.paddingTop25{
    padding-top: 25px;
}
.paddingR20{
    padding-right: 20px;
}

a.nav-link
{
    color: white !important;
}
.nav-sidebar .nav-item>.nav-link
{
color: #000000a3 !important;
}
.sidebar{ width:120px; transition: all 0.5s  ease-in-out; float: left;  padding: 0;}
.sidebar-light-primary .nav-sidebar>.nav-item>.nav-link.active 
{
    background-color: #ffff !important;
    box-shadow: none !important;
   
}
.sidebar-light-primary .nav-sidebar>.nav-item:hover>.nav-link
{
    background-color: #ffc10747 !important;
}
/* [class*='sidebar-light-'] .nav-sidebar > .nav-item > .nav-link.active {
    color: #000;
    /* box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); */
 


.fa-angle-down:before {
    content: "\f105";
}
table > thead > tr > th{
    background-color: white;
    color: black !important;
    text-align: center;
}
table > thead > tr > td{
    background-color: #fff;
    color: white !important;
    text-align: center;
}

table > tbody > tr > td{
    text-align: center;
}

.padding-b-10{
    padding-bottom: 10px;
}
.p-r-5{
    padding-right: 5px;
}

.padding-10{
    padding: 10px;
}

.brand-link{
    color: rgb(53, 154, 205) !important;
    margin-left: 8px;
    font-weight: 500;
}
.brand-link .brand-image {
    float: left;
    line-height: .8;
    margin-left: -1.2rem;
    margin-right: 0rem;
    margin-top: -3px;
    max-height: 60px;
    width: auto;
}
.pointer {
    cursor: pointer;
}
.color-grey {
    color: grey;
}
.background-white {
    background: white;
}
.background-blue-gradient {
    background: linear-gradient(to bottom, #54a4cc 0%, #64a9cc 100%)
}
.margin-left-10 {
    margin-left: 10px;
}

.margin-top-30 {
    margin-top: 30px;
}
/* style for navbar */
.navbar .dropdown-menu{
    left: auto;
    right: 0;
    z-index: 1000;
}
.navbar .dropdown-menu:after{
    left: auto;
    right: 13px;
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    top: -6px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 20px;
    color: #333333;
    white-space: nowrap;
}
.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    /* color: #fff; */
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.txt-center{
    text-align: center;
}

.txt-left{
    text-align: left!important;
}

.txt-right{
    text-align: right!important;
}

.label-success {
    background-color: #5cb85c;
}
.label-default {
    background-color: #777;
}
.label-primary {
    background-color: #337ab7;
}
.label-info {
    background-color: #5bc0de;
}
.label-warning {
    background-color: #f0ad4e;
}
.label-danger {
    background-color: #d9534f;
}
.session_contents{
    background-color: #fff;
}

.table td, .table th {
    border: 1px solid #dee2e6;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.nav-backgound-color{
    background-color:  #6eb0de;
}
.thcolor{
    /* background:rgba(216, 247, 167, 0.91) */
    background: #6eb0de;
}

.menuhilighter{
    background: #fee29f;
}
/*--admin css --*/
.ad-sidebar .brand-link{  
    margin: 0;
    padding: 0;
}
.ad-sidebar .brand-link img{
    width: 100%;
    margin: 0;
}
.ad-sidebar .sidebar{
    /* background-image: url(../../public/dist/img/sidbar-bg1.jpg); */
    background-repeat: no-repeat;
}
.ad-sidebar .sidebar .os-padding{
    background-color: rgba(78, 75, 75, 0.5);
}
.ad-sidebar .nav-sidebar .nav-item>.nav-link{
    color: #fff!important;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
}
.ad-sidebar .nav-sidebar>.nav-item:hover>.nav-link{
    background-color: #4db3ec !important;
}
.ad-sidebar .nav-sidebar .menu-open>.nav-treeview{
    background-color: rgba(255, 255, 255, 0.4);
}
.ad-sidebar .nav-sidebar .menu-open>.nav-treeview .nav-link .fas{
    font-size: 12px;
    margin-right: 10px;
}
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
    padding-right: 0px;
    /* padding-left: 143px; */
    margin-right: auto;
    margin-left: auto;
    /* //height: 50px; */
}
.cust-field{
    background: linear-gradient(-45deg, #ee7752, #FFC107, #23a6d5, #23d5ab);
	background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    border-radius: 20px;
    border: 1px solid #ccc;
    box-shadow: 0 2px 10px #4c4c4c;
    margin-bottom: 6px!important;
    margin-top: 10px;
}
.cust-field .nav-link{
    margin-bottom: 0!important;
    border-bottom: 0!important;
    border-radius: 20px!important;
    padding: 6px 0;
}
.cust-field .nav-link p{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}
.main-header{
    box-shadow: 0 0 6px #666;
}
.main-header .nav-link{
    color: #4db3ec!important;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.content-wrapper{
    padding: 20px 30px;
    /* margin-top: 15px; */
    min-height: 705px;
}
.content-header{
    background-color: transparent;
    /* padding:0; */
}
.content-header h4{margin: 0;}
.custom-cards{
    box-shadow: 0 6px 6px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding-top: 16px;
}
.custom-cards .table thead th{
    background-color: white;
    font-size: 14px;
    padding-left: 10px;
}
.custom-cards .table tbody td{
    font-size: 14px;
}
.form-control{
    font-size: 14px;
}
.custom-cards .table tr td .btn{
    border-radius: 20px;
    padding: 5px 12px;
}
.btn-warning{border-color: #ca9803;}
.btn-success{border-color: #025415}
.card-box{box-shadow: 0 6px 6px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2);}
.card-box .card-header{background-color: #4db3ec;}
.card-box .card-title{
    color: #fff;
    font-size: 18px;
}
.card-box .donutchart{
    height: 300px;
    width: 451px;
}
.card-box .donutchart .donutchart-innertext{font-size: 24px;}
.card-box ul{padding: 0 0 0 18px;margin-bottom: 0;min-height: 115px;}
.card-box ul li{margin-bottom: 8px;font-size: 14px;}
.content .btn{
    border-radius: 20px;
    padding: 5px 20px;}

.question{padding: 15px 0;border-top: 1px dashed #ccc;}
.question p{color: #009688;}

.card-scroll{
    overflow-y: scroll;
    height: 300px;
}

.css-1r4vtzz{
    width: 420px!important;
}
.css-48ayfv{
    width: 420px!important;
}
.css-1jllj6i-control .css-ik6y5r{
    width: 420px!important;
}
 /* .modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    max-height: 500px;
    overflow-y: auto;
    padding: 30px;
    padding-left: 35px !important;
} */
 
/*new css*/
.payment-failed{
	text-align:center;
	display: grid;
}
.payment-failed-icon{
	color: #e33010;
}
.payment-success{
	text-align:center;
	display: grid;
}
.payment-success-icon{
	color: #61cdc2;
}
.text-uppercase{
    text-transform: uppercase;
}
.text-capitalize{
    text-transform: capitalize;
}

.selected_oval_outer {
    width: 21px!important;
    height: 21px!important;
    opacity: 2.6;
    border-radius: 50%;
    display: inline-block;
    border: solid 1px #ebedf2;
  }

  .selected_oval_inner {
    margin-left: 4px;
    width: 11px;
    height: 11px;
    opacity: 1.6;
    border-radius: 50%;
    display: inline-block;
    background-color: #ffffff;
  }

.show_res_correct_selected_option_div {
    border-radius: 19.5px;
    background-color: #1dc9b7;
    width: 100%!important;
    min-height: 38px!important;
    /* height: 100%!important; */
}

.show_res_wrong_selected_option_div {
    border-radius: 19.5px;
    background-color:#f16996;
    width: 100%!important;
    min-height: 38px!important;
    /* height: 100%!important; */
}

.page-title {
    /* width: 81px;
    height: 27px; */
    font-family: Roboto;
    font-size: 22.8px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.06px;
    color: #0e1447;
}

/* tab common css */
.MarginT30{margin-top: 30px;}
.card-head {
    border-radius: 4px;
    background-color: #FEB51A;
    color: #f9f9fb;
    height: 60px;
}

.oval {
    width: 12px;
    height: 12px;
    opacity: 0.6;
    border-radius: 50%;
    display: inline-block;
    /* margin-right: 8px; */
}
.justifyLeft{
	justify-content: left!important;
}


/* common modal */
#modal-div .modal-title{
	width: 200px;
}

/* #modal-div .modal-content{
	width: 484px;
    height: 360px;
} */

#modal-div .modal-body{
	padding: 20px;
    padding-left: 0px !important;
}

/* #modal-div .modal-footer{
	padding-left: 30px!important;
} */

@media (min-width: 576px){
	#modal-div .modal-sm {
		max-width: 500px;
	}
}
.btn-outline-primary{
    font-size: 11.2px;
    line-height: normal;
    letter-spacing: 0.03px;
    color: #748196;
    border-radius: 4px;
    border: solid 1px #3699ff;
    padding: 6px 20px;
    /* margin-top: 15px; */
}

.link{
    color: #FEB51A!important;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
}
.questionAnsImgs{
    height: 150px;
    width: 150px;
    padding: 15px;
}
.content {
    margin-left: 0;
    height: 100%;
}
.react-tabs__tab-panel .content {padding:0}
@media all and (min-width: 768px) {
    .content {
        padding: 20px 0px;
    }
}  
  @media only screen and (max-width: 575.98px) {
    
    .content.is-open {
      /*margin-left: 100%;*/
      display: none;
      transition: all 0.5s;
    }
    
  }
#bulk-upload .modal-footer{padding-left: 20px!important;}
#bulk-upload .modal-body input[type="file"].form-control{padding: 0;height: 29px;}
.margin5{
    margin: 5px;
}

#overlay {
    background: #ffffff;
    color: #666666;
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 5000;
    top: 0;
    left: 0;
    float: left;
    text-align: center;
    padding-top: 25%;
    opacity: .80;
}

.checked{
    color: #333;
}
.btn-primary{
    border-color: #09a1e8;
    background-color: #2162c1;
    color:#fff!important;
}
.btn-primary:hover{
    border-color: #09a1e8;
    background-color: #2162c1;
    color:#fff !important;
}
.dropdown-item:active{
    background-color: #09a1e8;
}

.modal_body{
	max-height: 500px!important;
	overflow-y: auto;
}

.oval-studentImg {
    width: 32px;
    height: 32px;
}

.external_img {
    width: 20px;
    height: 25px;
}

.selected_oval_outer_new {
    width: 21px!important;
    height: 21px!important;
    opacity: 2.6;
    border-radius: 50%;
    display: inline-block;
    border: solid 1px #d0d8ec;
}

.selected_oval_inner_right_new {
    margin-left: 4px;
    width: 11px;
    height: 11px;
    opacity: 1.6;
    border-radius: 50%;
    display: inline-block;
    background-color: #5ecab6;
}

.selected_oval_inner_wrong_new {
    margin-left: 4px;
    width: 11px;
    height: 11px;
    opacity: 1.6;
    border-radius: 50%;
    display: inline-block;
    background-color: #ec6896;
}

.modal-header {
    height: auto;
    font-size: 22.8px;
    font-weight: 500;
    letter-spacing: 0.06px;
    color: #f9f9fb;
}

.lableWidth100{
    width: 100%!important;
}

.width70{
    width: 70%;
}

.st-location img{
    height: 28px;
    margin: 0 10px;
}

#syllabus-card .card.contributorCard{box-shadow: rgb(0 0 0 / 9%) 0px 4px 16px 0px, rgb(241 241 247) 2px 2px 2px 0px;border-radius: 15px;}
.contributorCard .card-body{box-shadow: none;}
.contributorCard .card-body p.card-name{font-weight: 600;color:#000;text-decoration: underline;}
.contributorCard .card-body label{font-weight: 600;}

.btn-loader {
    width: 40px;
    height: 40px;
    margin: 10px 0 32px 0px;
    padding: 6px;
    object-fit: contain;
    border-radius: 30px;
    background-color: #bfc5c559;
    border: 1px solid #bfc5c559;
}


.vertical-btn{
	width: 100%;
    height: 40px;
    margin: 10px 0 32px 0px;
    object-fit: contain;
    border-radius: 0px;
    background-color: #bfc5c559;
    border: 1px solid #bfc5c559;
}

.paddingTop20{
	padding-top: 10px;
}

.btn_height_90{
	height: 90px!important;
}

.btn_height_250{
	height: 250px!important;
}

/* loader small css */
.small-vertical-btn{
	width: 100%;
    height: 18px;
    margin: 10px 15px 0 0;
    object-fit: contain;
    border-radius: 0px;
    background-color: #bfc5c559;
    border: 1px solid #bfc5c559;
}

.small-btn-loader {
    width: 20px;
    height: 20px;
    margin: 10px 0 0 0;
    padding: 6px;
    object-fit: contain;
    border-radius: 30px;
    background-color: #bfc5c559;
    border: 1px solid #bfc5c559;
}
.modal-header, .modal-footer{border:0;border-radius: 0;}
.modal-footer .submitButton{background-color: #ff9d2f;box-shadow: 0 10px 20px rgba(0,0,0,.14);border-radius: 30px;transition: all .2s ease;color: #fff;
    border-color: #f2732e;}
.modal-footer .submitButton:hover{transform: scale(1.1);}
.modal-content{border-radius: 20px;box-shadow: 0 10px 99px 0 rgba(0, 0, 0, 0.03);position: relative;}
/*-----Success/Warning/Failure Modal-----*/
.modal-header .icon{width: 150px;display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -45px;left: 34%;}
.modal-header .icon img{width: 100%;}
.modalSuccess, .modalError, .modalWarning{top: 15%;}
.modalSuccess .modal-dialog, .modalError .modal-dialog, .modalWarning .modal-dialog{ padding-top: 50px;}
.modalSuccess  .modal-header, .modalError  .modal-header, .modalWarning .modal-header{     min-height: 140px;}
/* .modalSuccess .modal-header .icon{background-image: linear-gradient(#17d850, #4CAF50);} */
.modalSuccess .modal-body h3{font-size: 2rem;color:#4CAF50;}
.modalSuccess .modal-footer .btn, .modalError .modal-footer .btn, .modalWarning .modal-footer .btn{box-shadow: 0 10px 20px rgba(0,0,0,.14);border-radius: 6px;color: #fff;min-width: 150px;
    font-weight: 600;padding: 12px 0;}
.modalSuccess .modal-footer .btn{background-image: linear-gradient(#17d850, #4CAF50);border-color: #61d252;}
.modalSuccess .modal-header .close{color:#4CAF50;}
.modalSuccess .modal-header{background-color:transparent;}
/* .modalError .modal-header .icon{background-image: linear-gradient(#f4967e, #ea4731);} */
.modalError .modal-body h3{font-size: 2.5rem;color:#ea4731;}
.modalError .modal-footer .btn{background-image: linear-gradient(#f4967e, #ea4731);border-color: #FF5722;}
.modalError .modal-header .close{color:#ea4731}
.modalError .modal-header{background-color:transparent;}
/* .modalWarning .modal-header .icon{background-image: linear-gradient(#fedb0d, #f7a924);} */
.modalWarning .modal-body h3{font-size: 2.5rem;color:#f7a924;}
.modalWarning .modal-footer .btn{background-image: linear-gradient(#fedb0d, #f7ae22);border-color: #FFC107;}
.modalWarning .modal-header .close{color:#f7a924}
.modalWarning .modal-header{background-color:transparent;}
.modal-header .close {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 1.5rem;
  color: #4CAF50;    
  opacity: 1;        
}
.modal-header {
  position: relative;
  padding: 1rem;
  background-color: transparent;
}
.btn-group-xs > .btn, .btn-xs {
	padding: .35rem .4rem .25rem .4rem;
	font-size: .875rem;
	line-height: .5;
	border-radius: .2rem;
}

.switch {
	position: relative;
	overflow: hidden;
}
.switch.btn.btn-light, .switch.btn.btn-outline-light {
	border-color: rgba(0, 0, 0, .15); /* Add a border so switch is delineated */
}
.switch input[type="checkbox"] {
	display: none;
}
.switch-group {
	position: absolute;
	width: 200%;
	top: 0;
	bottom: 0;
	left: 0;
	transition: left 0.35s;
	-webkit-transition: left 0.35s;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.switch.off .switch-group {
	left: -100%;
}
.switch-on {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 50%;
	margin: 0;
	border: 0;
	border-radius: 0;
}
.switch-off {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	right: 0;
	margin: 0;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}
.switch-handle {
	position: relative;
	margin: 0 auto;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 100%;
	width: 0px;
	border-width: 0 14px;
	background-color: #fff;
	border-radius: 45%;
}

.switch.btn-outline-primary .switch-handle {
	background-color: var(--primary);
	border-color: var(--primary);
}
.switch.btn-outline-secondary .switch-handle {
	background-color: var(--secondary);
	border-color: var(--secondary);
}
.switch.btn-outline-success .switch-handle {
	background-color: var(--success);
	border-color: var(--success);
}
.switch.btn-outline-danger .switch-handle {
	background-color: var(--danger);
	border-color: var(--danger);
}
.switch.btn-outline-warning .switch-handle {
	background-color: var(--warning);
	border-color: var(--warning);
}
.switch.btn-outline-info .switch-handle {
	background-color: var(--info);
	border-color: var(--info);
}
.switch.btn-outline-light .switch-handle {
	background-color: var(--light);
	border-color: var(--light);
}
.switch.btn-outline-dark .switch-handle {
	background-color: var(--dark);
	border-color: var(--dark);
}
.switch[class*="btn-outline"]:hover .switch-handle {
	background-color: var(--light);
	opacity: 0.5;
}

/* NOTE: Must come first, so classes below override as needed */
/* bootstrap-4.x .form-control {height} values used as `min-height` to mirror output sizes */

.switch.btn { min-width: 3.7rem; min-height: calc(1.5em + .15rem + 2px); }
.switch-on.btn { padding-right: 1.5rem; }
.switch-off.btn { padding-left: 1.5rem; }

.switch.btn-lg { min-width: 5rem; line-height: 1.5; min-height: calc(1.5em + 1rem + 2px); }
.switch-on.btn-lg { padding-right: 2rem; }
.switch-off.btn-lg { padding-left: 2rem; }
.switch-handle.btn-lg { width: 2.5rem; }

.switch.btn-sm { min-width: 3.25rem; min-height: calc(1.5em + .5rem + 2px); }
.switch-on.btn-sm { padding-right: 1rem; }
.switch-off.btn-sm { padding-left: 1rem; }

/* `xs` (bootstrap-3.3 - .btn - h:22px) */
.switch.btn-xs { min-width: 3.125rem; min-height: 1.375rem; }
.switch-on.btn-xs { padding-right: .8rem; }
.switch-off.btn-xs { padding-left: .8rem; }
/* .btn-light {background-color: #f69833;} */
#tablerow .btn{border-radius: 1.25rem;padding: 0.175rem .175rem .375rem 0.375rem;}
.switch-off{
	background-color: #f69833;
	padding: 0.175rem .175rem .375rem 0.375rem;
}
#addstudentAttendance .btn-primary{
    background: #2162c1!important;
    border-color: #2162c1!important;
}
.page_body {
  background-color: #ffffff;
  min-height: 750px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

.title_lebel {
  /* width: 75px;
    height: 38px; */
  /* margin: 5px 99px 61px 10px; */
  object-fit: contain;
  font-family: Manrope;
  font-size: 28px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: #2162c1;
}

.pad-10 {
  padding: 10px;
}

.pad-t-10 {
  padding-top: 10px;
}

.pad-t-15 {
  padding-top: 15px;
}

.pad-l-10 {
  padding-left: 10px;
}

.pad-r-10 {
  padding-right: 10px;
}

.pad-b-10 {
  padding-bottom: 10px;
}

.pad-20 {
  padding: 20px;
}

.pad-t-5 {
  padding-top: 5px;
}

.pad-l-5 {
  padding-left: 5px;
}

.pad-r-5 {
  padding-right: 5px;
}

.pad-b-5 {
  padding-bottom: 5px;
}

.pad-t-20 {
  padding-top: 20px;
}

.pad-40 {
  padding: 40px;
}

.pad-t-30 {
  padding-top: 30px;
}

.pad-l-20 {
  padding-left: 20px;
}

.pad-l-30 {
  padding-left: 30px;
}

.pad-r-20 {
  padding-right: 20px;
}

.pad-b-20 {
  padding-bottom: 20px;
}

.pad-0 {
  padding: 0;
}

.marg-r-10 {
  margin-right: 10px;
}

.custom-row {
  /* margin: 0;
    padding: 0; */
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.mar-L-20 {
  margin-left: 20px;
}

.marT-20 {
  margin-top: 20px;
}

.marT-10 {
  margin-top: 10px;
}

.marT-25 {
  margin-top: 25px;
}

.marB-5 {
  margin-bottom: 5px;
}

.marL-65 {
  margin-left: 65px;
}

.txt-centr {
  text-align: center;
}

.pad-T10 {
  padding-top: 10px;
}

select {
  background-color: rgb(244, 247, 252);
}
.pointer {
  cursor: pointer;
}
#showImageDiv {
  position: relative;
}

#showImageDiv .TopLeft {
  position: absolute;
  top: 0;
  left: 25%;
}

#showImageDiv .TopRight {
  position: absolute;
  top: 0;
  right: 25%;
}

#showImageDiv .BottomLeft {
  position: absolute;
  bottom: 0;
  left: 25%;
}

#showImageDiv .BottomRight {
  position: absolute;
  bottom: 0;
  right: 25%;
}

#showImageDiv .Center {
  position: absolute;
  top: 25%;
  left: 50%;
}

#showImageDiv .clr {
  color: red;
  font-size: 20px;
}

.remark_img_radio_btn {
  width: 20px;
  opacity: 0.87;
  border-radius: 10px;
  border: solid 1px #ced5db;
  background-color: #ffffff;
}
.test_default_btn1 {
  font-weight: 800;
  border-radius: 12px;
  background-color: #2162c1; /*default background*/
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #ffffff;
  border-radius: 12px;
  /* border: solid 1px #428100; */
  padding: 10px 30px;
  font-family: Manrope;
}

#add_student_form .link{
  color: #007bff!important;
  text-decoration: none;
  background-color: transparent;
}

#admin_login .container{padding:0;color:#828282;font-size:1rem;max-width:97%}.marginT45{margin-top:45px}.boundry_username{width:128px;height:25px;margin:61px 252px 103px 27px;padding:3px 24px 3px 27px;object-fit:contain;border-radius:13px;background-color:#f9fafb}.card-signin .form-signin{margin-top:40px}.login_username{position:relative;margin-bottom:25px}.login_username .input-group{border-radius:12px;border:solid 2px #b5d8ff;padding:5px 5px 0}.login_username label{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800!important;font-stretch:normal;font-style:normal;line-height:1.86;letter-spacing:.11px;text-align:left;color:#2162c1;border-radius:13px;background-color:#f9fafb;height:auto;text-transform:uppercase;padding:3px 24px 3px 27px;position:absolute;z-index:1;top:-15px;left:30px;margin:0}.login_username .input-group .form-control{border:0;margin-top:12px;padding:0 25px 8px!important;height:auto;border-radius:0}.login_username ::-webkit-input-placeholder,.reset_input ::-webkit-input-placeholder,.stPassword ::-webkit-input-placeholder{color:#fff!important;font-size:18px}.login_username :-ms-input-placeholder,.stPassword :-ms-input-placeholder{color:#fff!important;font-size:18px}.login_username ::placeholder,.stPassword ::placeholder{color:#fff!important;font-size:18px}#AdminLogin .login_username .input-group-text,.stPassword .form-control,.stPassword .input-group-text{border-radius:0;border:0}.stPassword .input-group{border-radius:12px;background-color:#194d9a}.reset_input .form-control,.stPassword .form-control{padding-left:30px!important}.img_gif{width:100%}.img-reset{width:100%}.std_loginLayout{background-color:#2162c1;padding:0;transition:all .5s ease-in-out}#AdminLogin .input.error{border-color:#fff}#AdminLogin .input-feedback{color:#fff;margin-top:.25rem;margin-left:25px}.resetButton .log_in_btn{padding:20px 15px}#adminLogin .card-signin{border:0;border-radius:3rem 0 0 3rem;box-shadow:0 .5rem 1rem 0 rgba(0,0,0,.1);width:100%;background-color:#2162c1;height:100%}#adminLogin .hello{object-fit:contain;font-family:Manrope;font-size:50px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.07;letter-spacing:normal;text-align:left;color:#e6f1fb;margin-top:30px}#adminLogin .login_msg{object-fit:contain;font-family:Manrope;font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.7;letter-spacing:.16px;text-align:left;color:#b5d8ff}.card-signin .card-title{margin-bottom:2rem;font-weight:300;font-size:1.5rem}@media only screen and (max-width:641px){.bg-img{background-position:center center}}label{height:15px;font-family:Manrope;font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3b4346}.Warn-Text{width:163px;height:13px;font-family:Manrope;font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:right;color:#9a9a9a}.Rectangle-3{width:335px;height:45px;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,.05);background-color:var(--dodger-blue)}.Rectangle-3-Copy{width:335px;height:45px;border-radius:3px;border:solid 1px var(--very-light-blue);background-color:#fff}.Fld{width:335px;height:45px;border-radius:3px;border:solid 1px var(--very-light-blue);background-color:#fff}.txt-right{text-align:right}.img-logo{width:298px;height:65px}.reset_txt{object-fit:contain;font-family:Manrope;font-size:20px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.7;letter-spacing:.16px;text-align:left;color:#e6f1fb}.reset-pwd{object-fit:contain;font-family:Manrope;font-size:55px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.22;letter-spacing:normal;text-align:left;color:#fff}.email-label{width:150px;height:15px;font-family:Manrope;font-size:13px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#3b4346}.paddingT43{padding-top:43px}.input-email{width:335px;height:45px;border-radius:3px;background-color:#fff}.submit-btn{height:45px;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,.05)}.warning-text-link{width:39px;height:15px;font-family:Manrope;font-size:12.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px}.bottom-text{text-align:center;padding-top:35px;position:relative}.bottom-text p{font-size:14.2px;color:#90a6bb;font-weight:300}#adminLogin .form-control{border-right:1;border-left:1}#AdminLogin .input-group-text{border-left:0;background-color:transparent;padding:0 15px;border-radius:0 10px 10px 0}#adminLogin .form-control{background-color:transparent;object-fit:contain;font-family:Manrope;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.91;letter-spacing:.18px;text-align:left;color:#ffff;height:auto}.path-2{width:250px;height:120px;object-fit:contain;position:absolute;top:-70px}input:-internal-autofill-selected{background-color:#fff!important}.form-control:focus{outline:0;box-shadow:none}.reset_input .form-control{border:0;background-color:#194d9a!important}#adminLogin .reset_pwd{width:89px;object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.89;letter-spacing:.14px;text-align:left;color:var(--white)}#logoImage{height:50px;width:50px}.btn.log_in_btn:hover{color:#194d9a}.log_in_btn{object-fit:contain;border-radius:12px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);background-color:#e6f1fb;font-family:Manrope;font-size:27px;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.26;letter-spacing:.22px;text-align:center;color:#194d9a;padding:14px;width:100%}#adminLogin .reset_btn{background-color:#2162c1;object-fit:contain;border-radius:12px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);font-family:Manrope;font-weight:700;font-stretch:normal;font-style:normal;line-height:1.26;letter-spacing:.22px;text-align:center;color:#e6f1fb;border:2px solid #e6f1fb;margin-top:25px}#adminLogin .reset_login{object-fit:contain;font-family:Manrope;font-size:27px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.81;letter-spacing:.22px;text-align:left;color:#e6f1fb}.offline_msg{background-color:#f9edbe;border:1px solid #f0c36d;border-radius:0 0 2px 2px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#222;padding:6px 10px;position:absolute;display:inline-block;width:100%}#admin_login .content-body{background-color:#f3f6f6}#adminLogin{height:100%}@media all and (min-width:1400px){#adminLogin .card-signin .card-body{padding:10rem 3rem 10rem 8rem}.card-signin .form-signin{width:80%}}@media all and (min-width:1200px) and (max-width:1399px){#adminLogin .card-signin .card-body{padding:5rem 3rem 5rem 6rem}.card-signin .form-signin{width:85%}}@media all and (min-width:1024px) and (max-width:1200px){.card-signin .form-signin{width:90%}#adminLogin .card-signin .card-body{padding:4rem 3rem 4rem 4rem}}@media all and (min-width:991px) and (max-width:1024px){.card-signin .form-signin{width:100%}#adminLogin .card-signin .card-body{padding:2rem 4rem 1rem}#AdminLogin .form-control{font-size:20px!important;padding:10px 10px 10px 25px!important}.log_in_btn{margin-top:15px!important}}@media all and (min-width:991px){#admin_login .paddingT15{padding:6.2% 0}#AdminLogin .form-control{padding:15px;font-size:22px}.log_in_btn{margin-top:30px}#admin_login .background-img{padding-left:70px!important;background-position:center right}#adminLogin .card-signin .brand-image{width:70%;margin:0}#adminLogin .reset_btn{padding:12px 15px}#adminLogin .reset_login{font-size:27px}.reset-pwd{margin:39px 0 10px 0}}@media all and (min-width:768px) and (max-width:990px){#admin_login .paddingT15{padding:20px 0}#admin_login .background-img{padding-left:0!important;background-position:center right}#AdminLogin .form-control{padding:8px 10px;font-size:18px;height:auto}.log_in_btn{padding:10px 0!important;font-size:20px!important}#adminLogin .card-signin .card-body{padding:2rem 3rem 1rem}#adminLogin .hello{font-size:40px!important;margin-bottom:0}#adminLogin .login_msg{font-size:15px!important;margin-bottom:0}#adminLogin .card-signin .brand-image{width:70%;margin:0}.reset-pwd{font-size:45px!important;margin:20px 0 10px}#adminLogin .reset_btn{padding:6px 15px}#adminLogin .reset_login{font-size:22px}.reset_txt{font-size:16px!important}}@media all and (max-width:767px){.card-signin{margin:2px 0 0;width:98%!important;float:right}#adminLogin .card-signin .card-body{padding:2rem 3rem}#admin_login .background-img{background-position:top}#admin_login .quote{top:15px!important;right:15px!important;text-align:right;font-size:13px!important}#admin_login .bottom-text p{position:absolute;width:100%}#admin_login .forgotte-txt{width:243px}#AdminLogin .form-control{padding:10px;font-size:18px;height:auto}.log_in_btn{margin-top:20px}#adminLogin .card-signin .brand-image{width:85%;margin:0}.reset_txt{font-size:16px!important}.reset-pwd{font-size:50px!important}.resetButton .log_in_btn{font-size:18px}}#chng_pwd{margin-left:25px;margin-top:52px}.chng-pwd-btn{background-image:linear-gradient(238deg,#2162c1 161%,#62c0eb 55%);color:#fff!important;box-shadow:0 10px 20px 0 rgb(33 98 193 / 10%);font-family:Manrope;font-size:18px;font-weight:800}
#textclr .form-control {
    background-color: transparent;
    object-fit: contain;
    font-family: Manrope;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.91;
    letter-spacing: .18px;
    text-align: left;
    color: white !important;
    height: auto;
}

.user-name{width:64px;height:15px;font-family:Roboto;font-size:12.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#343a40}#adminHeader .navbar{padding-top:15px!important}.header{height:80px!important}#adminHeader .navbar{padding:0 20px}#adminHeader .brand-link{padding:0}#adminHeader .brand-link .brand-image{margin:0;height:'55px'}#adminHeader .admin-tagcolor{width:33px;height:13px;opacity:.7;font-family:Roboto;font-size:11.2px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#343a40}#adminHeader .proImg .oval-studentImg{width:40px;height:40px;border-radius:40px}#adminHeader .dropdown-toggle{width:54px;height:15px;font-family:Roboto;font-size:12.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#343a40}#adminHeader .nav-link{color:#000}#adminHeader .admin_name{width:54px;font-family:Roboto;font-size:12.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#526375;padding-top:10px}#adminHeader .user-name{opacity:.7;font-family:Roboto;font-size:11.2px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px}#adminHeader .dropdown-toggle{height:30px!important;padding-top:2px!important}#adminHeader .btn.focus,.btn:focus{box-shadow:none}
/** @format */
body {
  background-color: #f9f9fb;
  font-size: 14px;
  color: #333;
  list-style: 26px;
  font-family: Manrope, sans-serif;
}
a:hover {
  text-decoration: none;
}
.header {
  box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.03),
    0 1px 1px 0 rgba(241, 241, 247, 0.7);
  background-color: #fff;
  height: 70px;
}
.header .dropdown-menu {
  position: absolute;
  right: 0;
  left: auto;
  border-radius: 0;
}
.header .user-image {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  margin-right: 10px;
  margin-top: -2px;
}
.header .navbar-light .navbar-nav .nav-link {
  color: #fff;
}
.header .navbar-light .navbar-nav .nav-link:focus,
.header .navbar-light .navbar-nav .nav-link:hover {
  background: rgba(0, 0, 0, 0.1);
  color: #f6f6f6;
}
.header .fa.fa-fw.fa-bars {
  color: #fff;
}
.header .navbar-light .navbar-nav .nav-link {
  color: #fff;
  padding: 10px 20px;
  position: relative;
}
.header li > a > .label {
  position: absolute;
  top: 9px;
  right: 7px;
  text-align: center;
  font-size: 9px;
  padding: 2px 3px;
  line-height: 0.9;
  background-color: #333;
  border-radius: 0.25em;
}
.header li > a:after {
  display: none;
}
.header-ul {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #f4f4f4;
  color: #333;
  font-size: 14px;
}
.navbar-nav > .messages-menu > .dropdown-menu,
.navbar-nav > .notifications-menu > .dropdown-menu,
.navbar-nav > .tasks-menu > .dropdown-menu {
  width: 280px;
  padding: 0;
  margin: 0;
  top: 100%;
}
.navbar-nav > .messages-menu > .dropdown-menu li .menu > li > a > div > img {
  margin: auto 10px auto auto;
  width: 40px;
  height: 40px;
}
.navbar-nav > .messages-menu > .dropdown-menu li .menu > li > a,
.navbar-nav > .notifications-menu > .dropdown-menu li .menu > li > a {
  margin: 0;
  padding: 10px 10px;
  display: block;
  white-space: nowrap;
  border-bottom: 1px solid #f4f4f4;
}
.navbar-nav > .messages-menu > .dropdown-menu li .menu > li > a > h4 {
  padding: 0;
  margin: 0 0 0 45px;
  color: #333;
  font-size: 15px;
  position: relative;
}
.navbar-nav > .messages-menu > .dropdown-menu li .menu > li > a > p {
  margin: 0 0 0 45px;
  font-size: 12px;
  color: #888;
}
.footer-ul a {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  font-size: 12px;
  background-color: #fff;
  padding: 7px 10px;
  border-bottom: 1px solid #eee;
  color: #333;
  display: block;
}
.dropdown-menu-over .menu {
  max-height: 200px;
  margin: 0;
  padding: 0;
  list-style: none;
  overflow-x: hidden;
}
.navbar-nav > .notifications-menu > .dropdown-menu li .menu > li > a {
  color: #444;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 10px;
}
.navbar-nav > .notifications-menu > .dropdown-menu li .menu > li > a > .fa,
.navbar-nav
  > .notifications-menu
  > .dropdown-menu
  li
  .menu
  > li
  > a
  > .glyphicon,
.navbar-nav > .notifications-menu > .dropdown-menu li .menu > li > a > .ion {
  width: 20px;
}
a.navbar-brand {
  width: 165px;
}
.bg-defoult {
  background-color: #fff;
  box-shadow: 3px 0 14px 0 rgba(0, 0, 0, 0.02);
}
.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar li a {
  text-align: center;
  display: block;
  padding: 20px;
  border-left: 0 solid #dedede;
  text-decoration: none;
  color: #48475c;
  font-size: 13px;
  background: #fff;
  opacity: 0.5;
}
.sidebar li a.active {
  border-left: 5px solid #dedede;
  transition: all 0.5s ease-in-out;
}
.sidebar li a:hover {
  border-left: 10px solid #1dc9b7 !important;
  background-color: #f9f9fb !important;
  opacity: 1 !important;
}
.sidebar li a i {
  padding-right: 5px;
}
.sidebar ul li .sub-menu li a {
  position: relative;
}
.sidebar ul li .sub-menu li a:before {
  font-family: FontAwesome;
  content: "\f105";
  display: inline-block;
  padding-left: 0;
  padding-right: 10px;
  vertical-align: middle;
}
.sidebar ul li .sub-menu li a:hover:after {
  content: "";
  position: absolute;
  left: -5px;
  top: 0;
  width: 5px;
  background-color: #111;
  height: 100%;
}
.sidebar ul li .sub-menu li a:hover {
  background-color: #222;
  padding-left: 20px;
  transition: all 0.5s ease-in-out;
}
.sub-menu {
  border-left: 5px solid #dedede;
}
.sidebar li a .nav-label + span,
.sidebar.sidebar.is-open li a .nav-label {
  transition: all 0.5s ease-in-out;
}
.sidebar.fliph li a .nav-label + span,
.sidebar.sidebar.is-open.fliph li a .nav-label {
  display: none;
  transition: all 0.5s ease-in-out;
}
.sidebar.fliph {
  width: 120px;
  transition: all 0.5s ease-in-out;
}
.sidebar.fliph li {
  position: relative;
}
.sidebar.fliph .sub-menu {
  position: absolute;
  left: 39px;
  top: 0;
  background-color: #222;
  width: 150px;
  z-index: 100;
}
.user-panel {
  clear: left;
  display: block;
  float: left;
}
.user-panel > .image > img {
  width: 100%;
  max-width: 45px;
  height: auto;
}
.user-panel > .info,
.user-panel > .info > a {
  color: #fff;
}
.user-panel > .info > p {
  font-weight: 600;
  margin-bottom: 9px;
}
.user-panel {
  clear: left;
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 25px 15px;
  border-bottom: 1px solid;
}
.user-panel > .info {
  padding: 5px 5px 5px 15px;
  line-height: 1;
  position: absolute;
  left: 55px;
}
.fliph .user-panel {
  display: none;
}
.wrapSidebar {
  padding-top: 1px;
}
.sidebar {
  position: fixed;
  overflow-y: auto;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0.5rem;
  padding-top: 0;
  transition: all 0.5s ease-in-out;
  height: 100%;
  width: 250px;
  overflow-x: hidden;
}
.sidebar.is-open {
  margin-left: 0;
  margin-right: 20px;
  transition: 0.3s;
  min-width: 90px;
  max-width: 90px;
  color: #2b2e34;
  font-weight: 500;
}
.sidebar.is-open span.nav-label {
  display: none;
}
.sidebar .hideLabel {
  display: none;
}
.sidebar.is-open .hideLabel {
  display: inline-block;
  color: #2b2e34;
}
.sidebar.is-open li a {
  text-align: left;
  padding-left: 30px;
}
.sidebar.is-open li a.active {
  padding-left: 25px;
}
.sidebar.is-open li a img {
  margin-right: 10px;
}
@media all and (min-width: 1400px) {
  #Adminsidebar {
    max-width: 250px;
  }
  #Adminsidebar .wrapSidebar {
    width: 225px;
  }
  #Adminsidebar .brand-link {
    padding: 58px 0 40px 20px;
  }
  .wrapSidebar .btn {
    display: none;
  }
}
@media all and (min-width: 1200px) and (max-width: 1399px) {
  #Adminsidebar {
    max-width: 250px;
  }
  #Adminsidebar .wrapSidebar {
    width: 250px;
  }
  #Adminsidebar .brand-link {
    padding: 50px 0 20px 10px;
  }
  .wrapSidebar .btn {
    display: none;
  }
}
@media all and (max-width: 768px) {
  #Adminsidebar.sidebar .wrapSidebar {
    width: 0;
  }
  #Adminsidebar.sidebar.is-open .wrapSidebar {
    width: 100%;
    height: 100%;
    z-index: 99;
  }
  .wrapSidebar .btn {
    float: right;
    background: #296bc5;
    padding: 0;
    line-height: 1;
    margin: 10px;
  }
}
.logo-name {
  font-size: 24px;
  color: #2162c1;
  margin-left: 10px;
}
#Adminsidebar .wrapSidebar {
  overflow-y: hidden;
  top: 0;
  left: 0;
  padding-bottom: 40px;
}
#Adminsidebar .brand-link {
  width: 100%;
  margin: 0;
}
#Adminsidebar .brand-link img {
  width: 40px;
  border-radius: 5px;
}
#Adminsidebar .wrapSidebar::-webkit-scrollbar {
  width: 0 !important;
}
#Adminsidebar .wrapSidebar {
  overflow: -moz-scrollbars-none;
}
#Adminsidebar .wrapSidebar {
  -ms-overflow-style: none;
}
#Adminsidebar.sidebar li a {
  opacity: 1;
  background-color: #f9fafb;
  font-size: 21px;
  padding: 10px 0 10px 15px;
  color: #2162c1;
  font-weight: 600;
  font-family: Manrope;
  line-height: 45px;
}
#Adminsidebar.sidebar li a.active,
#Adminsidebar.sidebar li a.collapsed.active {
  background: url(/fa5244eaf6636e81a216.svg) no-repeat left center;
  border: 0;
  opacity: 1;
}
#Adminsidebar.sidebar li a:hover {
  border: 0 !important;
  background-color: transparent;
}
#Adminsidebar.sidebar li a.active img {
  padding-top: 6px;
  margin: 0;
}
#Adminsidebar.sidebar li a.logout {
  opacity: 1;
  padding-top: 20px;
}
#Adminsidebar.sidebar .logo_img {
  width: 85%;
  margin: 10px 10px 10px 10px;
}
#Adminsidebar.sidebar li a .nav-label {
  vertical-align: top;
}
@media all and (max-width: 1100px) {
  #Adminsidebar.sidebar .logo_img {
    width: 45%;
    margin: 10px 10px 10px 10px;
  }
}
.sidebar ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sidebar li a {
  text-align: left;
  display: block;
  border-left: 0 solid #dedede;
  text-decoration: none;
  background: #f7f7f9;
}
.sidebar li a.active,
.sidebar li a.collapsed.active {
  transition: all 0.5s ease-in-out;
  opacity: 1 !important;
  text-align: left;
  display: block;
  text-decoration: none;
}
.brand-link {
  display: block;
  font-size: 1.25rem;
  line-height: 1.5;
  transition: width 0.3s ease-in-out;
  white-space: nowrap;
}
#Adminsidebar .wrapSidebar {
  overflow-y: hidden;
  top: 0;
  left: 0;
  padding-bottom: 40px;
}
.sidebar_lbl_Inactive {
  opacity: 0.4;
}
::-webkit-scrollbar {
  width: 5px;
}
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f9fafb;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #2162c1;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: #2162c1;
}
.padd-100 {
  padding-top: 100px;
}
.marginL10 {
  margin-left: 10px;
}
.sidebar.is-open .btntgl {
  padding: 5px 30px;
  background-color: #f8f8ff;
}
.sidebar .btntgl {
  padding: 5px 60px;
  background-color: #f8f8ff;
}
.sidebar.is-open.stdLayout .page_body {
  padding: 40px 30px 20px;
  margin-left: -150px;
}
.Padd10 {
  padding: 10px;
}
.MarginT20 {
  margin-top: 20px;
}
.padd-B-40 {
  padding-bottom: 40px;
}
.marginL45 {
  margin-left: 45px;
  color: #2162c1;
  font-size: 16px;
}
.wrapper_sidebar {
  position: relative;
}
#Adminsidebar.sidebar .reportMenu .menu-link {
  display: flex;
  align-items: flex-start;
  font-size: 18px;
  line-height: 30px;
}
#Adminsidebar.sidebar .reportMenu .menu-link span {
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.menuIcon {
  position: fixed;
  top: 113px;
  left: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 40px;
  height: 40px;
  background-color: #eee;
  border-radius: 50%;
  transition: transform 250ms ease;
  cursor: pointer;
  z-index: 200;
}
.menuIcon span {
  position: relative;
  display: block;
  width: 50%;
  height: 2px;
  background-color: #2162c1;
  float: left;
  transform-origin: center center;
  transition: transform 250ms ease;
  z-index: 200;
}
.menuIcon span:nth-of-type(1) {
  transform: translateY(-5px);
}
.menuIcon span:nth-of-type(3) {
  transform: translateY(5px);
}
#reportMenu {
  display: none;
}
#reportMenu:checked ~ .menuIcon {
  background-color: transparent;
  transform: rotate(360deg);
  transition: transform 250ms ease;
}
#reportMenu:checked ~ .menuIcon span {
  background-color: #2162c1;
  transition: transform 250ms ease;
}
#reportMenu:checked ~ .menuIcon span:nth-of-type(1) {
  transform: translateY(1px) rotate(45deg);
}
#reportMenu:checked ~ .menuIcon span:nth-of-type(2) {
  display: none;
}
#reportMenu:checked ~ .menuIcon span:nth-of-type(3) {
  transform: translateY(-1px) rotate(-45deg);
}
#reportMenu:checked ~ .sidebar {
  width: 500px;
  transition: all 500ms ease;
  max-width: 500px;
  background-color: #f9f9fb;
  z-index: 99;
}
#reportMenu:checked ~ .sidebar .sidebar {
  width: 500px;
  transition: all 500ms ease;
  max-width: 500px;
  background-color: #f9f9fb;
  z-index: 99;
}
#reportMenu:checked ~ .sidebar .sidebar img.logo_img {
  width: 200px;
}

.table td, .table th {
    border-left: none !important;
    border-right: none !important;
    border-bottom: 1px solid #e8e8e8;
    text-align: left;
    height: 0px;}
.naac-academic-year {
    font-size:12px !important;
}

.show-naac-report {
border: none !important;
}

.dwnld-naac-report {
  text-align: right;
  color: #007bff;
  cursor: pointer;
}

.marginT20{margin-top:20px}#adminAcademics .page-title{width:100%;font-family:Roboto;font-size:22.8px;font-weight:400;line-height:1.6;letter-spacing:.06px;color:#0e1447;margin-bottom:0}.academics-class{border-radius:4px;border:solid 1px #ced5db!important;background-color:#f9f9fb!important;padding:1px;height:38px!important}#adminAcademics .academicsCard{border:0;margin-top:20px;box-shadow:none!important}.academicsCard .add_div{padding:20px 30px 5px;margin:0}.academicsCard .card-body{padding:0 0 20px}#adminAcademics .react-datepicker-wrapper{width:50%;margin-left:6px}#adminAcademics .content-header label{font-size:15px;margin-right:6px}#adminAcademics .content-header select.form-control{width:60%}#adminAcademics .react-datepicker__input-container{width:100%}#adminAcademics .teacherSub{display:inline-block}#adminAcademics .content-header .teacherSub select.form-control{width:70%}#adminAcademics .add_attendance_btn{width:135px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff;margin-left:35px}#adminAcademics #academics-menu .react-tabs__tab--selected{font-weight:500!important;border-width:3px 1px 0!important;border-color:#1dc9b7 #d7dae1 transparent!important;border-style:solid;color:#2b2e34!important;opacity:1!important;background-color:#fff!important}#adminAcademics #academics-menu .react-tabs__tab-list li:first-child{border-left:1px solid #d7dae1}#adminAcademics #academics-menu .react-tabs__tab-list li:first-child.react-tabs__tab--selected{border-left:0}#adminAcademics #academics-menu .react-tabs__tab-list li:last-child.react-tabs__tab--selected{border-right:0}#adminAcademics #academics-menu .react-tabs__tab-list li:last-child{border-right:1px solid #d7dae1}#adminAcademics #academics-menu .react-tabs__tab-list li{width:14.28%;text-align:center;font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#748196;border-top:1px solid #d7dae1;border-bottom:1px solid #d7dae1;padding:18px 0 15px;bottom:2px;background-color:#f9f9fb;opacity:.65;border-radius:0}#adminAcademics #academics-menu .react-tabs__tab-panel .card{border:0}#adminAcademics .react-tabs__tab-list{border-bottom:0}#adminAcademics .testHeader{padding-bottom:25px}#teacher-timetable .table thead th{font-weight:500}#teacher-timetable .timeslot{font-size:11.2px;font-weight:300;letter-spacing:.03px;color:#748196}#teacher-timetable .table tr{border-bottom:1px solid #ebedf2}.react-tabs__tab-list li{color:#c7c7d4}.react-search-field-input{background-color:#f9f9fb;font-size:18px;color:#000;border-right:none!important}.react-search-field-button{background-color:#f9f9fb!important;border-left:none!important}#adminAcademics .add_attendance_btn{width:168px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff;margin-left:35px}.academicsCard .dataTables_info,.academicsCard .dataTables_length{margin-left:30px}.academicsCard .mdb-datatable-filter{margin-right:30px}.academicsCard .dataTables_wrapper .table{margin-top:20px}.academicsCard .dataTables_wrapper .table thead th{background-color:#fafafa;font-size:14px;font-weight:500;color:rgba(0,0,0,.85);line-height:1.43;border-bottom:1px solid #e8e8e8;text-transform:capitalize}.academicsCard .dataTables_wrapper .table td{vertical-align:middle;text-align:left!important}tbody+thead{display:none}.academicsCard .dataTables_wrapper ul.pagination{float:right;padding-right:30px}.academicsCard .table tr td:first-child,.academicsCard .table tr th:first-child{padding-left:0}.academicsCard .table tr td:last-child,.academicsCard .table tr th:last-child{padding-right:15px;text-align:right}#timetableList .table tr:hover td #btn_academics{width:30%;text-align:right}#timetableList .table tr:hover td #btn_academics .view_timtbl_btn{width:40px;height:40px;border-radius:50%!important;padding:0;text-align:center}.card-body.timeTableList{padding:20px 0 0}.timeTableList .row{margin-left:0;margin-right:0}.timeTableList select.form-control{margin-bottom:30px}.timeTableList .table tr th{background-color:#fcfcfd;font-size:16px;font-weight:500;letter-spacing:.04px;color:#2b2e34!important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.timeTableList .table tr td:first-child,.timeTableList .table tr th:first-child{padding-left:10px}.timeTableList .table tr td:last-child,.timeTableList .table tr th:last-child{padding-right:10px}.timeTableList .table tr td{font-size:12.6px;color:#0e1447}.timeTableList .table tr:hover{box-shadow:0 5px 19px 0 rgba(0,0,0,.1)}.addModal .form-label{width:auto;font-size:14.2px;letter-spacing:.04px;color:#2b2e34}::-webkit-input-placeholder{font-size:14.4px;color:rgba(0,0,0,.25)!important}:-ms-input-placeholder{font-size:14.4px;color:rgba(0,0,0,.25)!important}::placeholder{font-size:14.4px;color:rgba(0,0,0,.25)!important}.addModal .addDivision{background-color:#3699ff;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,.05);font-size:13px;color:#fff;padding:8px 20px;margin-left:15px}.addModal .form-control{border-radius:4px;border:solid 1px rgba(0,0,0,.15)}.gradeDiv{padding:10px 0 20px;position:relative}.gradeDiv .form-check{width:40%;padding-left:0;float:left}.gradeDiv [type=radio]:checked,.gradeDiv [type=radio]:not(:checked){position:absolute;left:-9999px}.gradeDiv [type=radio]:checked+label,.gradeDiv [type=radio]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:32px;display:inline-block;color:#666}.gradeDiv [type=radio]:checked+label:before,.gradeDiv [type=radio]:not(:checked)+label:before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;border:1px solid #ddd;border-radius:100%;background:#fff}.gradeDiv [type=radio]:checked+label:after,.gradeDiv [type=radio]:not(:checked)+label:after{content:'';width:12px;height:12px;background:#3699ff;position:absolute;top:10px;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}.gradeDiv [type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.gradeDiv [type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.gradeDiv .btn-remove{box-shadow:0 2px 10px 0 rgba(0,0,0,.05);font-size:14px;color:#fff;margin-bottom:10px;margin-right:15px;font-weight:600}.gradeSub button{border-radius:4px;border:solid 1px rgba(0,0,0,.15)!important;box-shadow:none!important;width:100%!important}#add-grade-modal .modal-body{padding:30px 10px!important}#add-grade-modal .modal-body .row{margin-left:0;margin-right:0}.dotBlue{height:10px;width:10px;border-radius:50%;display:inline-block;margin-right:5px}.edit_timetable_title{font-family:Roboto;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34}.padding30{padding:30px}.input-feedback{color:red}.centerAlign{display:flex;align-items:center}.adminTimetable .add_div .addnewslot{line-height:80px;padding-left:15px}.adminTimetable .centerAlign .form-group{margin-bottom:0}.adminTimetable .CloseWrap{margin-top:10px}.timeSlot{margin-top:15px}.timeSlot label{color:#2162c1;margin-bottom:0}.slotMark{padding-top:20px!important}.slotMark label{position:absolute;left:35px;top:-2px}
#icnalign{vertical-align: middle; margin: 0px;}

.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    /* max-height: 500px; */
    overflow-y: auto;
    padding: 30px;
    padding-left: 35px !important;
}
.modal-footer{
    justify-content: center !important;
}
.modal-header{background-color: #656c9b;}
.modal-title {width: 300px;
height: 21px;
font-family: Roboto;
font-size: 18px;
font-weight: normal;
font-stretch: normal;
font-style: normal;
line-height: normal;
letter-spacing: 0.05px;
color: #fff; padding-left: 19px;}
.modal-footer{padding: 20px; padding-left:0px!important;}


.close{color:#fff}
.form-label{ width: 120px;;
    height: 16px;
    font-family: Roboto;
    font-size: 14.2px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.04px;
    color: #2b2e34;}
.create_btn{width: 150px;height: 35px;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);background-color: #3699ff;color: #fff;margin-left: 35px; }
.cancel_btn{width: 100px;
height: 36px;
border-radius: 4px;
border: solid 1px #dbdbdb;
background-color: #fafafa;}
.extralbl{height: 14px;}

.MarginT30{margin-top:30px}.table td,.table th{border:1px solid #fff;border-bottom:1px solid #e8e8e8;text-align:left;height:0}.card #newgradecard{background-color:#fafafa;border:0;padding:20px;box-shadow:none}.card #newgradecard .table td{border:0 solid #fff;object-fit:contain;font-family:Manrope;font-size:17px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left!important;color:#9f2b67}#btn{margin:5px}.btn_circle{width:50px!important;border-radius:40px;height:50px!important;border:none!important}.clear_btn{width:150px;height:35px;box-shadow:0 2px 4px 0 rgb(0 0 0 / 8%);background-color:#ffe7dc;color:#fb5607}.academicsCard .dataTables_info,.academicsCard .dataTables_length{margin-left:30px;display:none}.mar-b-dropdown{margin-bottom:-41px}#batch_board .form-control{font-size:14px;color:#000;font-family:Manrope;font-weight:800}.CloseWrap{background:url(/9526f474431c78abe491.svg) no-repeat center;width:60px;height:80px;text-align:center;padding-top:18px}.fa-navicon:before,.fa-reorder:before{content:"\f0c9";color:#fff}input#batch_names{margin:0}div#colm{padding:0}label#colomnew{padding:0;margin:1.5px}.addNewbtn{border-radius:12px;object-fit:contain;border-radius:12px!important;box-shadow:0 10px 20px 0 rgba(33,98,193,.2);background-color:#2162c1;color:#fff;font-size:16px;font-family:Manrope;font-weight:800!important}.newCancelbtn{border-radius:12px!important;font-family:Manrope;font-size:16px;font-weight:800!important;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#2162c1!important;background-color:rgba(33,98,193,.06)}
.test_icon_css{width:45px;height:45px;padding:10px;font-size:18px;object-fit:contain;border-radius:50%;color:#fff;text-align:center}.add_que_assessment_label{object-fit:contain;font-family:Manrope;font-size:22px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#2162c1}.pad-t-2{padding:40px}.acadamicTab .nav-item a.nav-link{border-radius:12px;font-family:Manrope;margin-left:20px;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;text-align:left;color:#2162c1!important;background-color:rgba(33,98,193,.04)}.acadamicTab .nav-item:first-child a.nav-link{margin-left:0}.acadamicTab .nav-item a.nav-link.active{background-image:linear-gradient(238deg,#2162c1 161%,#62c0eb 55%);color:#fff!important;box-shadow:0 10px 20px 0 rgba(33,98,193,.1)}.profiletab button.active{background-color:#fff}.profiletab{float:left;background-color:#00f;width:30%;height:300px;border-bottom-right-radius:25px}.dataTables_length .bs-select label{color:#00f}select.custom-select.custom-select-sm.form-control.form-control-sm{padding:0 20px}#adminAcademics #academics_menus .react-tabs__tab--selected{color:#fff!important;background-image:linear-gradient(245deg,#2162c1,#2162c1);border-bottom:0!important}#adminAcademics #academics_menus .react-tabs__tab-list li{font-family:Manrope;font-size:19px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#2162c1;background-color:#f6f8fc;border-radius:12px;padding:9px 16px;margin:10px 10px 20px 15px}.add_div{padding:20px;margin:20px 0 20px 0;background-color:#f9fafb}.mar-L-21{margin-left:21px}.fa-trash:before{content:"\f1f8";font-size:24px}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044";font-size:24px}tr td #btn_academics{display:none}tr:hover td #btn_academics{display:inline-block}.CloseWrap{background:url(/9526f474431c78abe491.svg) no-repeat center;width:60px;height:80px;text-align:center;padding-top:18px}.CloseWrap .fa{color:#fff}.close-btn .CloseWrap{float:right}.padd_T15{padding-top:2px}.view_timtbl_btn{background-color:#2162c1;border-radius:12px!important;color:#fff!important;font-size:18px;font-family:Manrope;font-weight:600}.fa-floppy-o:before,.fa-save:before{content:"\f0c7";font-size:20px}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d";font-size:20px}input#name{margin:0}#editslot{padding-top:15px}#btn_timetbl{padding:5px}.academics-content{padding:0;background-color:#fafafa;border-radius:12px}.batch-content .card,.timeTable-content .card{padding:0!important}.batch-content .dataTables_wrapper .col-sm-12,.timeTable-content .dataTables_wrapper .col-sm-12{padding:0}.batch-content .table td,.timeTable-content .table td{color:#000!important}.batch-content .dataTables_wrapper .table thead th,.timeTable-content .dataTables_wrapper .table thead th{line-height:0;padding:0;border:0;font-size:18px}.batch-content .dataTables_wrapper .table thead th,.timeTable-content .dataTables_wrapper .table thead th{line-height:1.5!important;padding:10px 5px 10px 15px!important;border:0;background-color:#f6f8fc;color:#2162c1!important;font-weight:600}.batch-content .dataTables_wrapper .table thead th:first-child,.timeTable-content .dataTables_wrapper .table thead th:first-child{padding-left:30px!important}.batch-content .dataTables_wrapper .table thead th:last-child{padding-right:30px!important;width:22%}.timeTable-content .dataTables_wrapper .table thead th:last-child{padding-right:20px!important;width:15%}.batch-content .dataTables_wrapper .table td:first-child,.timeTable-content .dataTables_wrapper .table td:first-child{padding-left:30px!important}.batch-content .dataTables_wrapper .table td:last-child{width:22%}.timeTable-content .dataTables_wrapper .table td:first-child{padding-left:15px}.timeTable-content .dataTables_wrapper .table td:last-child{width:20%}.batch-content .dataTables_wrapper .table tr:hover td:last-child{padding-right:30px!important}.batch-content .dataTables_wrapper .table-hover tbody tr:hover,.timeTable-content .dataTables_wrapper .table-hover tbody tr:hover{background-color:rgba(0,0,0,.04)}.batch-content .table .btn_circle,.timeTable-content .table .btn_circle{width:40px!important;border-radius:50%;height:40px!important}.batch-content .btn_circle .fa-edit:before,.batch-content .btn_circle .fa-trash:before,.timeTable-content .btn_circle .fa-edit:before,.timeTable-content .btn_circle .fa-trash:before{font-size:18px}.batch-content .table tr td,.timeTable-content .table tr td{height:65px}.board-circle{width:180px;height:180px;border-radius:50%;margin:0 auto 40px;position:relative;text-align:center}label.boardName{width:100%;height:100%;padding:2rem 0;margin-bottom:0}label.boardName .fa{font-size:2rem;margin-bottom:10px}label.boardName span{display:inline-block;width:100%;font-size:18px;font-weight:700}.btn-actions{position:absolute;left:25%;bottom:-15px;display:none}.board-circle:hover .btn-actions{display:inline-block}.btn-actions .clear_btn{color:#fff;margin-left:6px;width:40px!important;height:40px!important;border-radius:50%;line-height:36px;text-align:center;padding:0}.clear_btn:focus{outline:0}#boardList .board-col:nth-child(odd) .board-circle,#divisionList .board-col:nth-child(odd) .board-circle,#gradeList .board-col:nth-child(odd) .board-circle{background-color:rgba(107,78,231,.04)}#boardList .board-col:nth-child(even) .board-circle,#divisionList .board-col:nth-child(even) .board-circle,#gradeList .board-col:nth-child(even) .board-circle{background-color:rgba(20,221,94,.04)}.board-col:nth-child(odd) label.boardName .fa,.board-col:nth-child(odd) label.boardName span{color:#6b4ee7}.board-col:nth-child(even) label.boardName .fa,.board-col:nth-child(even) label.boardName span{color:#00c49a}.btn-actions .fa-edit:before,.btn-actions .fa-trash:before{font-size:16px}.btn-actions .btn-info.focus,.btn-actions .btn-info:focus{outline:0}.board-col:nth-child(odd) .btn-actions .clear_btn{background-color:rgba(56,33,160,.4)}.board-col:nth-child(even) .btn-actions .clear_btn{background-color:rgba(0,196,151,.4)}#divisionList .board-col .board-circle,#gradeList .board-col .board-circle{display:flex;justify-content:center;align-items:center}.roleIcon{width:100px;height:100px;text-align:center;margin:0 auto;background-size:cover;background-position:center;background-repeat:no-repeat}#roleList .roles-col:first-child .roleIcon,#roleList .roles-col:nth-child(6) .roleIcon{background-image:url(/dfb0dc5e7d2fa014a8c7.svg)!important}#roleList .roles-col:nth-child(even) .roleIcon{background-image:url(/6c680d21bd0dc6eea40c.svg)}#roleList .roles-col:nth-child(odd) .roleIcon{background-image:url(/fe18e09b373edf864334.svg)}#roleList .roles-col:last-child .roleIcon,#roleList .roles-col:nth-child(4) .roleIcon{background-image:url(/c7d13369dc19773503ab.svg)!important}.roleName{width:100%;text-align:center;color:#6b4ee7;font-size:18px;padding-top:15px;display:inline-block}.role-circle{margin-bottom:30px}.role-circle .btn-actions{position:relative;left:unset;bottom:unset}.role-circle:hover .btn-actions{display:inline-block;width:100%;text-align:center;padding-top:10px}.role-circle .btn-actions .clear_btn{background-color:#fb5607}#adminAcademics #academics_menus .react-tabs__tab-list li:first-child{margin-left:0}#add_new_role .form-card,#add_new_slot .form-card,#adminedittimetable .adminTimetable .card-body,#adminviewtimetable .adminTimetable .card-body,#view_assessment .adminTimetable .card-body{margin:0 20px;box-shadow:none;background-color:#fafafa}#adminedittimetable .adminTimetable,#adminviewtimetable .adminTimetable,#view_assessment .adminTimetable{box-shadow:none}.form-card .form-label{font-size:19px;color:#2162c1;font-weight:600;width:auto;vertical-align:top}.form-card .form-control,.form-card input[type=text],.form-card select.form-control{border:0;background-color:transparent;padding-left:0;border-radius:0;border-bottom:1px solid #62c0eb;margin:0 0 0px;font-size:15px}.check-box.form-control{display:inline-block;width:30px;height:20px;margin-left:10px}.board-form{padding:30px 20px 20px}.form-card .gradeDiv .addDivision{position:absolute;width:100px;text-align:center;background-color:#00c49a;color:#fff;padding:4px 0;bottom:30px;right:10%;border-radius:4px;font-weight:600}#multiselectContainerReact>div{border:0;padding:0}.grade-form{padding:20px 15px}.gradeSub{padding:0 7.5px}.btn-editSlot{background-color:#2162c1;color:#fff;font-size:16px;border-radius:12px;box-shadow:0 10px 20px 0 rgb(33 98 193 / 10%);font-weight:600;padding:10px 25px}.btn-editSlot:hover{color:#fff}.adminTimetable #editslot{padding:28px 0 0 10px}.adminTimetable .modal_body{margin-bottom:20px;padding-top:10px}#admin_test_list .ques_div a .test_icon_css{line-height:52px}
.marginT20{margin-top:20px}#syllabus-card{margin-top:15px}#adminViewSyllabus #syllabus-menu .react-tabs__tab-list{border-bottom:0}#adminViewSyllabus #syllabus-menu .react-tabs__tab-list li{width:20%;text-align:center;font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#748196;border-top:1px solid #d7dae1;padding:18px 0 15px;bottom:1px;background-color:#eee;background-color:#f9f9fb;opacity:.65;border-radius:0}#adminViewSyllabus #syllabus-menu .react-tabs__tab-list li:first-child{border-left:1px solid #d7dae1}#adminViewSyllabus #syllabus-menu .react-tabs__tab-list li:first-child.react-tabs__tab--selected{border-left:0}#adminViewSyllabus #syllabus-menu .react-tabs__tab-list li:last-child{border-right:1px solid #d7dae1;width:40%;padding-left:40px;text-align:left}#adminViewSyllabus #syllabus-menu .react-tabs__tab--selected{font-weight:500!important;border-width:3px 1px 0!important;border-color:#1dc9b7 #d7dae1 transparent!important;border-style:solid;color:#2b2e34!important;opacity:1!important;background-color:#fff!important}.add_attendance_btn{width:135px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff;margin-left:35px}.action_btn{width:10px;height:30px;background-image:radial-gradient(circle,#6fb6ff 2px,transparent 3px);background-size:100% 33.33%;float:right;cursor:pointer}#subjectList .card{border:0;padding:0}#subjectList .card-body{padding:0}#syllabus-card .card{border:0;box-shadow:0 2px 12px 0 rgba(0,0,0,.04)}#add-subject-modal .modal-title{width:200px}#add-subject-modal .modal-body{padding:20px;padding-left:0!important}#edit-subject-modal .modal-title{width:200px}#edit-subject-modal .modal-body{padding:20px;padding-left:0!important}#add-chapter-modal .modal-title{width:200px}#add-chapter-modal .modal-body{padding:20px;padding-left:0!important}@media (min-width:576px){#add-chapter-modal .modal-sm,#add-subject-modal .modal-sm,#add-topic-modal .modal-sm,#edit-chapter-modal .modal-sm,#edit-subject-modal .modal-sm,#edit-topic-modal .modal-sm{max-width:500px}}#edit-chapter-modal .modal-title{width:200px}#edit-chapter-modal .modal-body{padding:20px;padding-left:0!important}#add-topic-modal .modal-title{width:200px}#add-topic-modal .modal-body{padding:20px;padding-left:0!important}#edit-topic-modal .modal-title{width:200px}#edit-topic-modal .modal-body{padding:20px;padding-left:0!important}#subjectList .dataTables_info,#subjectList .dataTables_length{margin-left:30px;display:none}#subjectList .mdb-datatable-filter{margin-right:30px}#subjectList .dataTables_wrapper .table{margin-top:20px}#subjectList .dataTables_wrapper .table thead th{background-color:#fafafa;font-size:14px;font-weight:500;color:rgba(0,0,0,.85);line-height:1.43;border-bottom:1px solid #e8e8e8}#subjectList .dataTables_wrapper .table td{vertical-align:middle}tbody+thead{display:none}#subjectList .dataTables_wrapper .table td:first-child,#subjectList .dataTables_wrapper .table thead th:first-child{text-align:left}#subjectList .dataTables_wrapper ul.pagination{float:right;padding-right:30px}.dataTables_wrapper .dropdown-menu .dropdown-item{cursor:pointer}.react-tabs__tab-panel--selected #addrow{margin:0;padding:20px 20px 0}.card.syllabusCard{border:0;margin-top:20px;box-shadow:none}.card.syllabusCard .card-body{padding:0}#syllabus #adminAcademics #academics_menus .react-tabs__tab-list li{font-family:Manrope;font-size:19px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#2162c1;background-color:#f6f8fc;border-radius:12px;padding:9px 66px;margin:10px 25px 20px 15px}#syllabus #adminAcademics #academics_menus .react-tabs__tab-list li:first-child{margin-left:0}.card #chapterCard .table td{border:0 solid #fff;object-fit:contain;font-family:Manrope;font-size:16px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left!important;width:110px}.card #chapterCard{background-color:#f9fafb;border:0;padding:0;box-shadow:none}.addNewbtn{border-radius:12px;object-fit:contain;border-radius:12px!important;box-shadow:0 10px 20px 0 rgba(33,98,193,.2);background-color:#2162c1;color:#fff;font-size:16px;font-family:Manrope;font-weight:800!important;margin-right:15px}.newCancelbtn{border-radius:12px!important;font-family:Manrope;font-size:16px;font-weight:800!important;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:normal;color:#2162c1!important;background-color:rgba(33,98,193,.06)}#chapterCard .dataTables_wrapper .col-sm-12,#subjectList .dataTables_wrapper .col-sm-12{padding:0}#chapterCard .dataTables_wrapper .table thead th,#subjectList .dataTables_wrapper .table thead th{line-height:0;padding:0;border:0;font-size:18px}#chapterCard .dataTables_wrapper .table thead th,#subjectList .dataTables_wrapper .table thead th{text-align: left;line-height:1.5!important;padding:10px 5px 10px 10px!important;border:0;background-color:#f6f8fc;color:#2162c1!important;font-weight:600}#chapterCard .table tr td,#subjectList .table tr td{color:#000!important;height:65px}#chapterCard .dataTables_wrapper .table td:first-child,#subjectList .dataTables_wrapper .table td:first-child{padding-left:30px!important}#chapterCard .dataTables_wrapper .table thead th:first-child,#subjectList .dataTables_wrapper .table thead th:first-child{padding-left:30px!important}#subjectList .dataTables_wrapper .table td:last-child,#subjectList .dataTables_wrapper .table thead th:last-child{padding-right:30px!important;width:22%}#chapterCard .btn_circle .fa-edit:before,#chapterCard .btn_circle .fa-trash:before,#subjectList .btn_circle .fa-edit:before,#subjectList .btn_circle .fa-trash:before{font-size:18px}#chapterCard .table .btn_circle,#subjectList .table .btn_circle{width:40px!important;border-radius:50%;height:40px!important}
#fieldList .card{border:0;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.04)}#fieldList .card-body{padding:20px 0}#fieldList .card-body .table thead th{line-height:1.5!important;padding:10px 5px 10px 15px!important;border:0;background-color:#f6f8fc;color:#2162c1!important;font-weight:600;border:0;text-align:center;font-size:19px}#fieldList .dataTables_info,#fieldList .dataTables_length{margin-left:25px;display:none}#fieldList .dataTables_paginate,#fieldList .mdb-datatable-filter{margin-right:25px}#fieldList .dataTables_paginate .pagination{float:right}#fieldList .card-body .table{margin-top:20px}#fieldList button.btn.test_icon_css{padding:5px 10px}.adddiv{padding:20px;margin:40px 20px;background-color:#f9fafb}div#newcustomcard{background-color:#f9fafb;margin:20px}div#newcustomcard .table td{border:0;object-fit:contain;font-family:Manrope;font-size:16px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#000;height:65px}input #batch_name{margin:0}#fieldList .col-sm-12{padding:0}#fieldList .card-body .table td:last-child,#fieldList .card-body .table th:last-child{width:20%}table td .clear_btn{background-color:#e7effb;color:#2162c1;width:40px!important;height:40px!important}table td .clear_btn .fa-edit:before,table td .clear_btn .fa-trash:before{font-size:16px}
#adminViewSettings #settings-menu .react-tabs__tab-list li{width:200px;text-align:center;font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#748196}#adminViewSettings #settings-menu .react-tabs__tab-list{border-bottom:0}#adminViewSettings #settings-menu .react-tabs__tab--selected{border-left:0;border-right:0;font-weight:500!important;border-radius:0;border-top:0;width:66px;font-family:Roboto;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34;height:60px;border-radius:4px;padding-top:18px}#adminAcademics #settings-menu .react-tabs__tab-panel .card{box-shadow:3px 20px 12px -10px rgba(0,0,0,.06)}#settings-menu .outercard{border:0;box-shadow:0 2px 12px 0 rgba(0,0,0,.04)}#settings-menu .outercard .card-body{padding:20px 0}#settings-menu .outercard .card-body .content-header{padding:0 20px}#customField .card{border:0;border-radius:0}#customField .card-body{padding:20px 0}#customField .card-body .table{margin-top:20px}#customField .card-body .table thead th{background-color:#fafafa;font-size:14px;font-weight:500;color:rgba(0,0,0,.85)!important;line-height:1.43;border-bottom:1px solid #e8e8e8}#customField .card-body .table tbody td{font-size:14px;vertical-align:middle;color:rgba(0,0,0,.65)!important}#customField .card-body .dataTables_length{padding-left:20px}#customField .card-body .dataTables_filter{padding-right:20px}#customField .card-body .table tbody td:first-child,#customField .card-body .table thead th:first-child{padding-left:20px}
div.dataTables_length select {
    width: auto;
    display: inline-block;
}

div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto;
}

div.dataTables_filter {
    text-align: right;
}


.rows {
    min-height: '72px' ;    /*override the row height*/
      }

.headCells {
    padding-left: '8px';   /*overide the cell padding for head cells*/
    padding-right: '8px';    
      }

.cells {
    padding-left: '8px';  /* override the cell padding for data cells*/
    padding-right: '8px';
      }

/* .text {
    primary: '#268bd2';
    secondary: '#2aa198';
  } */
 .table-background {
    background-color:  '#002b36';
  }
  .context {
    background: '#cb4b16';
    color: '#FFFFFF';
  }
  .divider {
    color: '#073642';
  }
  /* .action {
    button: 'rgba(0,0,0,.54)',
    hover: 'rgba(0,0,0,.08)',
    disabled: 'rgba(0,0,0,.12)',
  } */

.card #newgradeallot{background-color:#f9fafb;border:0 solid rgba(0,0,0,.125);padding:20px}.card #newgradeallot .table td{border:0 solid #fff;object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left!important;color:#9f2b67}.allotmentCard .dataTables_info,.allotmentCard .dataTables_length{margin-left:30px;display:none}.allotmentCard .dataTables_length,.allotmentCard .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem;display:none}
#teacher_form .card-header{background-color:#fff;width:100%}#teacher_form .card{margin-top:27px}#teacher_form .hr{margin-top:0;margin-bottom:rem;border:0;border-top:1px solid rgba(0,0,0,.1)}#teacher_form .card-footer{height:100px;background-color:#fff;margin-left:16px;border-top:none!important}#teacher_form .small_label{width:232px;height:20px;font-family:SFProText;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:rgba(0,0,0,.45)}#teacher_form .form-group{margin-bottom:2rem}#teacher_form .row{padding:12px}#teacher_form .back{width:48px;height:19px;font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#3699ff;margin-top:5px;margin-left:14px}#teacher_form .formheader{width:182px;height:27px;font-family:Roboto;font-size:22.8px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.06px;color:#2b2e34}#teacher_form .label_form{height:16px;font-family:Roboto;font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34}#teacher_form .details{width:185px;height:10px;font-family:Roboto;font-size:16px;font-weight:500;font-stretch:normal;margin-top:20px;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34}#teacher_form .submit_btn{font-weight:800!important;font-family:Manrope;font-size:15px;width:185px;height:40px;border-radius:13px;background-color:#0062cc;color:#fff;border:1px solid transparent;border-color:#0062cc}#teacher_form .cancel_button{width:130px;height:40px;border-radius:4px;background-color:#90a6bb;color:#fff}#teacher_form .add_new{padding:0;width:40px;height:40px;border-radius:50%;border:0;box-shadow:0 10px 20px 0 rgb(33 98 193 / 10%);background-color:#2162c1;text-align:center;line-height:1.5;color:#fff;margin-left:15px}#teacher_form .add_new:focus{outline:0}#teacher_form .btn-danger{color:#fff}#teacher_form .content-wrapper{padding:35px!important}#teacher_form .page-title{padding-left:14px}#teacher_form .profileTab{padding-left:18px}.MarginR14{margin-right:14px}.MarginT10{margin-top:10px}.MarginR10{margin-right:10px}#teacher_form .MarginL20{margin-left:18px}.table_head{width:131px;height:20px;font-family:Roboto;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:#000;background-color:#fafafa}.MarginT20{margin-top:20px}.MarginB20{margin-bottom:20px}.table_data{width:135px;height:20px;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:var(--black-65)}#teacher_table .table thead th{padding:.65rem;vertical-align:top;border-top:1px solid #dee2e6;padding-top:16px;padding-bottom:18px}.MarginL16{margin-left:16px}.MarginR13{margin-right:13px}.MarginL25{margin-left:25px}.MarginR10{margin-right:10px}.edit_dropdown_btn{border:none!important;background-color:#fff;width:167px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:var(--black-65);text-align:left!important;padding-left:10px}#teacherList .btn_view:hover{color:#009bde}.profile_header{height:21px;font-family:Roboto;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#fff}.img_profile{width:80px;height:90px}.info_name{height:27px;font-family:Roboto;font-size:22.8px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.06px;color:#0e1447}.info_email{height:15px;font-family:Roboto;font-size:13.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#748196}#profile-menu .react-tabs__tab--selected{font-weight:500!important;border-width:3px 1px 0!important;border-color:#1dc9b7 #d7dae1 transparent!important;border-style:solid;color:#2b2e34!important;opacity:1!important;background-color:#fff!important;border-radius:0}#profile-menu .card-content{padding-left:62px;padding-top:15px}.info_profile{height:15px;font-family:Roboto;font-size:15px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#2b2e34}.info_desc{height:15px;font-family:Roboto;font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#2b2e34}.PaddingB30{padding-bottom:30px}.spacing_row{margin-left:20px;margin-right:20px;margin-top:20px;margin-bottom:30px}#teacter-profile .modal-header h4,#teacter-profile .modal-header h4 label.profile_header{margin-bottom:0}#teacter-profile .profile-info .info_email{width:70%;float:left}#teacter-profile .profile-info .info_email span{display:block;margin-bottom:5px;line-height:25px}#teacter-profile .profile-info .attendance{width:30%;float:left;font-size:12.6px;color:#748196}#teacter-profile .profile-info .attendance label{color:#748196}#teacter-profile .profile-info .attendance .rate{margin-right:6px}#teacter-profile .profileCard{border-radius:0;border:solid 1px #e5e7ec;box-shadow:none}#teacter-profile #profile-menu .react-tabs__tab-list li{padding:10px 25px 8px}#teacter-profile #profile-menu .react-tabs__tab-list li:first-child{border-left:0!important}#teacter-profile #profile-menu .react-tabs__tab-list{border-color:#d7dae1;margin-top:-1px}#teacter-profile #profile-menu .react-tabs__tab-panel{padding:20px 25px}#teacherList .card{border:0;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.04)}#teacherList .card-body{padding:20px 0}#teacherList .card-body .table thead th{background-color:#fafafa;font-size:14px;font-weight:500;color:rgba(0,0,0,.85)!important;line-height:1.43;border-bottom:1px solid #e8e8e8}#teacherList .dataTables_info,#teacherList .dataTables_length{margin-left:25px}#teacherList .dataTables_paginate,#teacherList .mdb-datatable-filter{margin-right:25px}#teacherList .dataTables_paginate .pagination{float:right}#teacherList .card-body .table{margin-top:20px}#teacherList .card-body .table tbody td{vertical-align:middle;color:rgba(0,0,0,.65)}#teacherList .table td{margin:0;line-height:1;font-size:14px;color:rgba(0,0,0,.65)}#multiple_action .add_new_btn{margin:10px}.teacherCheckbox{display:block}.teacherCheckbox [type=checkbox]:checked,.teacherCheckbox [type=checkbox]:not(:checked){position:absolute;left:-9999px}.teacherCheckbox [type=checkbox]:checked+label,.teacherCheckbox [type=checkbox]:not(:checked)+label{position:relative;padding-left:1.95em;cursor:pointer}.teacherCheckbox [type=checkbox]:checked+label:before,.teacherCheckbox [type=checkbox]:not(:checked)+label:before{content:'';position:absolute;left:0;top:8px;width:15px;height:15px;border:solid 1px #d9d9d9;background:#fff;border-radius:2px}.teacherCheckbox [type=checkbox]:checked+label:after,.teacherCheckbox [type=checkbox]:not(:checked)+label:after{content:'\2713\0020';position:absolute;top:8px;left:0;font-size:1.3em;line-height:.8;color:#fff;background:#009bde;transition:all .1s;font-family:'Lucida Sans Unicode','Arial Unicode MS',Arial}.teacherCheckbox [type=checkbox]:not(:checked)+label:after{opacity:0;transform:scale(0)}.teacherCheckbox [type=checkbox]:checked+label:after{opacity:1;transform:scale(1.2)}#teacher_form .alink{color:#3699ff;text-decoration:none;background-color:transparent;cursor:pointer}.marginT20{margin-top:20px}
.teach_bulkupload{font-family:Manrope;font-size:19px;font-weight:600;font-stretch:normal;font-style:normal;letter-spacing:normal;color:#2162c1;float:right}.teach_bulkupload:hover{color:#009bde}#TeacherListing{padding:20px;background-color:#f9fafb;margin-top:20px}#Teach_newlist .add_div{padding:20px 20px 0;margin:0;background-color:#f9fafb}.multiple_action .dataTables_info,.multiple_action .dataTables_length{margin-left:30px;display:none}.multiple_action .dataTables_length,.multiple_action .pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem;display:none}#Teach_newlist .dataTables_wrapper.dt-bootstrap4{display:none}.title_font{font-size:19px!important}.pro_name_font{font-size:18px!important}#teacher_form .react-datepicker__input-container{position:relative;display:inline-block}#teacher_form .react-datepicker-wrapper{width:100%}.MarginT-13{margin-top:13px}.MarginT-20{margin-top:20px}#stdbtn .default_view{display:none}#stdbtn:hover .default_view{display:inline-block;color:#009bde}#Teach_newlist .dropdown-menu{position:absolute;transform:translate3d(-98px,50px,0);top:0;left:0;will-change:transform}#Teach_newlist .actn_btn{width:10px;height:30px;background-image:radial-gradient(circle,#2162c1 2px,transparent 3px);background-size:100% 33.33%;float:right;cursor:pointer;margin-top:10px}#Teach_newlist .dropdown-item:active{background-color:#2162c1}#Teach_newlist .CloseWrap{float:left}#Teach_newlist .add_que_assessment_label{line-height:3;margin-left:10px}#Teach_newlist .teach_bulkupload{line-height:3}#teacher_form .btn-remove{width:40px;height:40px;border-radius:50%;position:absolute;right:15px;border:0;box-shadow:0 10px 20px 0 rgb(33 98 193 / 10%)}.labeltxt{height:16px;font-family:Manrope;font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34;padding-top:5px}.edit_otherDetails .card-header{background-color:rgba(33,98,193,.04)!important}.edit_otherDetails .Label_text{color:#2162c1!important}.edit_otherDetails .btn-remove{position:relative!important}
#schooluser_form .card-header{background-color:#fff}#schooluser_form .card-body{padding:3.21rem 3.21rem 0 3.21rem}#schooluser_form .card{margin-top:27px}#schooluser_form .hr{margin-top:0;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}#schooluser_form .form-group{margin-bottom:2rem}#schooluser_form .small_label{width:232px;height:20px;font-family:SFProText;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:rgba(0,0,0,.45)}.close_btn{color:#2162c1!important;background-color:rgba(33,98,193,.06);font-weight:800!important;width:100px;height:36px;border-radius:13px;border:solid 1px #dbdbdb;background-color:#fafafa;font-family:Manrope;font-size:15px}#schooluser_form .card-footer{height:100px;background-color:#fff;margin-left:16px;border-top:none!important}#schooluser_form .row{padding:2px}#schooluser_form .back{width:48px;height:19px;font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#3699ff;margin-top:5px;margin-left:14px}#schooluser_form .formheader{width:182px;height:27px;font-family:Roboto;font-size:22.8px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.06px;color:#2b2e34}#schooluser_form .label_form{height:16px;font-family:Roboto;font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34}#schooluser_form .details{width:148px;height:10px;font-family:Roboto;font-size:16px;font-weight:500;font-stretch:normal;margin-top:20px;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34}#schooluser_form .submit_btn{font-weight:800!important;font-family:Manrope;font-size:15px;border:1px solid transparent;border-color:#0062cc;width:185px;height:40px;border-radius:13px;background-color:#0062cc;color:#fff}#schooluser_form .cancel_button{width:130px;height:40px;border-radius:4px;background-color:#90a6bb;color:#fff}#schooluser_form .add_new{width:140px;height:32px;border-radius:4px;border:solid 1px #00a0eb;background-color:rgba(253,253,253,.94);text-align:center;padding:4px}#schooluser_form .content-wrapper{padding:35px!important}#schooluser_form .page-title{padding-left:12px}.MarginR14{margin-right:14px}.MarginT10{margin-top:10px}.MarginR10{margin-right:10px}#schooluser_form .hr{margin-bottom:2rem}#schooluser_form .MarginL20{margin-left:18px}.table_head{width:532px;height:20px;font-family:Roboto;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:#000;background-color:#fafafa}.MarginT20{margin-top:20px}.MarginB20{margin-bottom:20px}.submit_btn{font-weight:800!important;font-family:Manrope;font-size:15px;border:1px solid transparent;border-color:#0062cc;width:185px;height:40px;border-radius:13px;background-color:#0062cc;color:#fff}.table_data{width:135px;height:20px;font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:var(--black-65)}#schooluser_table .table thead th{padding:.65rem;vertical-align:top;border-top:1px solid #dee2e6;padding-top:16px;padding-bottom:18px}.MarginL16{margin-left:16px}.MarginR13{margin-right:13px}.MarginL25{margin-left:25px}.MarginR10{margin-right:10px}.spacing_row{margin-left:20px;margin-right:20px;margin-top:20px;margin-bottom:30px}#schooluserList{border:0;border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.04);padding:20px 0}#schooluserList .dataTables_info,#schooluserList .dataTables_length{margin-left:25px}#schooluserList .dataTables_paginate,#schooluserList .mdb-datatable-filter{margin-right:25px}#schooluserList .dataTables_paginate .pagination{float:right}#schooluserList .table{margin-top:15px}#schooluserList .table thead th{background-color:#fafafa;border-bottom:1px solid #e8e8e8;font-size:14px;font-weight:500;color:rgba(0,0,0,.85)}#schooluserList .table td .btn_view{margin:0;line-height:1;font-size:14px}#schooluserList .btn_view:hover{color:#009bde}#schooluserList .table td{vertical-align:middle;color:rgba(0,0,0,.65)}#school-user-profile .modal-header h4,#school-user-profile .modal-header h4 label{margin-bottom:0}#school-user-profile .modal-body .content{padding:0}.profile_header{height:21px;font-family:Roboto;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#fff}.img_profile{width:80px;height:90px}#school-user-profile .modal-body .info_name{margin-bottom:6px}.info_email{font-family:Roboto;font-size:13.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#748196}#school-user-profile .profileCard{border-radius:0;border:solid 0 #e5e7ec;box-shadow:none}#school-user-profile #profile-menu .react-tabs__tab-list li{padding:10px 25px 8px}#school-user-profile #profile-menu .react-tabs__tab-list{border-color:#d7dae1;margin-top:-1px}#school-user-profile #profile-menu .react-tabs__tab-panel{padding:20px 25px}#profile-menu .card-content{padding-left:62px;padding-top:15px}.info_profile{height:15px;font-family:Roboto;font-size:15px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#2b2e34}.info_desc{height:15px;font-family:Roboto;font-size:15px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#2b2e34}.PaddingB30{padding-bottom:30px}#school-user-profile .info_email span{display:block;height:25px;margin-bottom:5px;line-height:25px}.marginT20{margin-top:20px}#newschoolcard{background-color:#f9fafb;border:0 solid rgba(0,0,0,.125);padding:20px}#newschoolcard .table td{border:0 solid #fff;object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#9f2b67;padding:20px 0}#newschoolcard thead{display:none}#newschoolcard .dataTables_wrapper.dt-bootstrap4{display:none}#staff_card{padding:20px;background-color:#f9fafb;margin:15px}#newschoolcard .avtarimg{width:65px;height:65px;position:relative;border-radius:50%}#school-user-profile .profileCard .react-tabs__tab--selected{border-width:3px 1px 0 0!important;border-radius:0;background-image:linear-gradient(238deg ,#2162c1 161%,#62c0eb 55%);color:#fff!important}#school-user-profile .profileCard .react-tabs__tab-list li{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#2162c1;background-color:#f6f8fc;border-radius:12px;padding:9px 16px;margin:10px 10px 20px 15px}.MarginT53{margin-top:30px!important}.staffdetails{object-fit:contain;font-family:Manrope;font-size:19px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}#View_btn_staff{width:35px!important;height:35px!important;cursor:pointer!important;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#256bc5;color:#fff!important;padding:0}.row_std{padding:20px 0}#newschoolcard #row11{padding:10px 0}#newschoolcard .switch.btn{min-width:100%;height:35px;padding:5px 0}#newschoolcard .switch-off.btn{padding-right:0;padding-left:15px;line-height:20px}#newschoolcard .switch-on.btn{padding-left:10px;line-height:20px}.flexCenter{display:flex;align-items:center;justify-content:center;word-break:break-word}#newschoolcard #stdbtn:hover .default_view{margin-top:20px}#schooluser_form .profileTab{padding-left:18px}#schooluser_form .pro_label{line-height:1}#staff_card .CloseWrap{float:left}#staff_card .add_que_assessment_label{line-height:3;margin-left:10px}
.custom-tablist {
    display: flex;
    border-bottom: 1px solid #ddd;
    margin-bottom: 1rem;
  }
  
  .custom-tab {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 12px 24px;
    border: none;
    background-color: #f0f0f0;
    border-radius: 8px;
    margin-right: 8px;
    font-size: 16px;
    font-weight: 500;
    color: #555;
    transition: all 0.3s ease-in-out;
  }
  
  .custom-tab .tab-icon {
    margin-right: 8px;
    font-size: 18px;
  }
  
  .custom-tab:hover {
    background-color: #e0e0e0;
  }
  
  .custom-tab-active {
    background-color: #007bff;
    color: #fff;
    font-weight: bold;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }
  
  .custom-tab-active .tab-icon {
    color: #fff;
  }
  
.oval-main-profileImg{width:119px;height:119px;border-radius:50%}.pro_name{object-fit:contain;font-family:Manrope;font-size:28px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.21;letter-spacing:normal;text-align:left;color:#2162c1}.pro_email{object-fit:contain;font-family:Manrope;font-size:22px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.82;letter-spacing:normal;text-align:left;color:#2162c1}.pro_label{object-fit:contain;opacity:.8;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.44;letter-spacing:normal;text-align:left;color:#1d1d1d}.pd-text{object-fit:contain;opacity:.8;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.34;letter-spacing:normal;text-align:left;color:#1d1d1d;margin-bottom:0}.lbl_detail{object-fit:contain;font-family:Manrope;font-size:22px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.82;letter-spacing:normal;text-align:left;color:#2162c1}.MarginL11{margin-left:11px}.Padding20{padding:20px}.txt-capitalize{text-transform:capitalize}.paddingT20{padding-top:20px}.marginB20{margin:0 0 20px 0}.paddingT3{padding-top:6px}.btn-edit-profile{color:#fff;background-color:#09a1e8;border-color:#09a1e8;box-shadow:none}.padding0{padding:0}.paddingL65{padding-left:65px}.paddingT30{padding-top:30px}.paddingT50{padding-top:50px}.paddingL80{padding-left:80px}.paddingT30{padding-top:30px}.MarginT31{margin-top:31px}.MarginT63{margin-top:63px}.MarginT53{margin-top:53px}.paddingT20{padding-top:20px}.paddingB30{padding-bottom:30px}.paddingB25{padding-bottom:25px}.st_contain{border-radius:77px 0 0 77px;margin-top:-17px}.paddingL42{padding-left:42px}.paddingL15{padding-left:15px}#st_profile .container{padding:0 7.5px}#st_profile .profileTab{padding:50px 7.5px 0}.capitalize{text-transform:capitalize}.content .btns{border-radius:20px;padding:5px 0}.btnclose{width:50px;height:50px;margin:10px 0 32px 0;padding:6px;object-fit:contain;border-radius:30px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);background-color:#2162c1;border:1px solid #2162c1}#school-user-profile .profileCard .react-tabs__tab--selected{border-width:3px 1px 0 0!important;border-radius:0;background-image:linear-gradient(238deg ,#2162c1 161%,#62c0eb 55%);color:#fff!important}#school-user-profile .profileCard .react-tabs__tab-list li{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#2162c1;background-color:#f6f8fc;border-radius:12px;padding:9px 16px;margin:10px 10px 20px 15px}#schooluser_form .react-datepicker__input-container{position:relative;display:inline-block;width:151%}
#adminAllotment .page-title{width:100%;font-family:Roboto;font-size:22.8px;font-weight:400;line-height:1.6;letter-spacing:.06px;color:#0e1447;margin-bottom:0}.academics-class{border-radius:4px;border:solid 1px #ced5db!important;background-color:#f9f9fb!important;padding:1px;height:38px!important}.allotmentCard{border-radius:4px;border:0;padding-top:50px}.allotmentCard .card-body{padding:0 0 20px}#adminAllotment .react-datepicker-wrapper{width:50%;margin-left:6px}#adminAllotment .content-header label{font-size:15px;margin-right:6px}#adminAllotment .content-header select.form-control{width:60%}#adminAllotment .react-datepicker__input-container{width:100%}#adminAllotment .teacherSub{display:inline-block}#adminAllotment .content-header .teacherSub select.form-control{width:70%}#adminAllotment .add_attendance_btn{width:135px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff;margin-left:35px}#adminAllotment #academics-menu .react-tabs__tab--selected{font-weight:500!important;border-width:3px 1px 0!important;border-color:#1dc9b7 #d7dae1 transparent!important;border-style:solid;color:#2b2e34!important;opacity:1!important;background-color:#fff!important}#adminAllotment #academics-menu .react-tabs__tab-list li:first-child{border-left:1px solid #d7dae1}#adminAllotment #academics-menu .react-tabs__tab-list li:first-child.react-tabs__tab--selected{border-left:0}#adminAllotment #academics-menu .react-tabs__tab-list li:last-child.react-tabs__tab--selected{border-right:0}#adminAllotment #academics-menu .react-tabs__tab-list li:last-child{width:70%;border-right:1px solid #d7dae1}#adminAllotment #academics-menu .react-tabs__tab-list li{width:15%;text-align:center;font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#748196;border-top:1px solid #d7dae1;padding:18px 0 15px;bottom:2px;background-color:#f9f9fb;opacity:.65;border-radius:0}#adminAllotment #academics-menu .react-tabs__tab-panel .card{border:0}#adminAllotment .react-tabs__tab-list{border-bottom:0}#adminAllotment .testHeader{padding-bottom:25px}#teacher-timetable .table thead th{font-weight:500}#teacher-timetable .timeslot{font-size:11.2px;font-weight:300;letter-spacing:.03px;color:#748196}#teacher-timetable .table tr{border-bottom:1px solid #ebedf2}.react-tabs__tab-list li{color:#c7c7d4}#allotment_menus .react-tabs__tab-list{border-bottom:0!important}.react-search-field-input{background-color:#f9f9fb;font-size:18px;color:#000;border-right:none!important}.react-search-field-button{background-color:#f9f9fb!important;border-left:none!important}#adminAllotment .add_attendance_btn{width:168px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff;margin-left:35px}.allotmentCard .dataTables_info,.allotmentCard .dataTables_length{margin-left:30px}.allotmentCard .mdb-datatable-filter{margin-right:30px}.allotmentCard .dataTables_wrapper .table{margin-top:20px}.allotmentCard .dataTables_wrapper .table thead th{background-color:#fafafa;font-size:14px;font-weight:500;color:rgba(0,0,0,.85);line-height:1.43;border-bottom:1px solid #e8e8e8;text-transform:capitalize}.allotmentCard .dataTables_wrapper .table td{vertical-align:middle}tbody+thead{display:none}.allotmentCard .dataTables_wrapper ul.pagination{float:right;padding-right:30px}.allotmentCard .table tr td:first-child,.allotmentCard .table tr th:first-child{padding-left:30px}.allotmentCard .table tr td:last-child,.allotmentCard .table tr th:last-child{padding-right:30px;text-align:right}.card-body.timeTableList{padding:20px 0 0}.timeTableList .row{margin-left:0;margin-right:0}.timeTableList select.form-control{margin-bottom:30px}.timeTableList .table tr th{background-color:#fcfcfd;font-size:16px;font-weight:500;letter-spacing:.04px;color:#2b2e34!important;border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}.timeTableList .table tr td:first-child,.timeTableList .table tr th:first-child{padding-left:10px}.timeTableList .table tr td:last-child,.timeTableList .table tr th:last-child{padding-right:10px}.timeTableList .table tr td{font-size:12.6px;color:#0e1447}.timeTableList .table tr:hover{box-shadow:0 5px 19px 0 rgba(0,0,0,.1)}.addModal .form-label{width:auto;font-size:14.2px;letter-spacing:.04px;color:#2b2e34}::-webkit-input-placeholder{font-size:14.4px;color:rgba(0,0,0,.25)!important}:-ms-input-placeholder{font-size:14.4px;color:rgba(0,0,0,.25)!important}::placeholder{font-size:14.4px;color:rgba(0,0,0,.25)!important}.addModal .addDivision{background-color:#3699ff;border-radius:4px;box-shadow:0 2px 10px 0 rgba(0,0,0,.05);font-size:13px;color:#fff;padding:8px 20px;margin-left:15px}.addModal .form-control{border-radius:4px;border:solid 1px rgba(0,0,0,.15)}.gradeDiv{padding:10px 0 20px;position:relative}.gradeDiv .form-check{width:40%;padding-left:0;float:left}.gradeDiv [type=radio]:checked,.gradeDiv [type=radio]:not(:checked){position:absolute;left:-9999px}.gradeDiv [type=radio]:checked+label,.gradeDiv [type=radio]:not(:checked)+label{position:relative;padding-left:28px;cursor:pointer;line-height:32px;display:inline-block;color:#666}.gradeDiv [type=radio]:checked+label:before,.gradeDiv [type=radio]:not(:checked)+label:before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;border:1px solid #ddd;border-radius:100%;background:#fff}.gradeDiv [type=radio]:checked+label:after,.gradeDiv [type=radio]:not(:checked)+label:after{content:'';width:12px;height:12px;background:#3699ff;position:absolute;top:10px;left:4px;border-radius:100%;-webkit-transition:all .2s ease;transition:all .2s ease}.gradeDiv [type=radio]:not(:checked)+label:after{opacity:0;-webkit-transform:scale(0);transform:scale(0)}.gradeDiv [type=radio]:checked+label:after{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.gradeDiv .btn-remove{box-shadow:0 2px 10px 0 rgba(0,0,0,.05);font-size:13px;color:#fff;margin-bottom:10px}.gradeSub button{border-radius:4px;border:solid 1px rgba(0,0,0,.15)!important;box-shadow:none!important;width:100%!important}#add-grade-modal .modal-body{padding:30px 10px!important}#add-grade-modal .modal-body .row{margin-left:0;margin-right:0}.dotBlue{height:10px;width:10px;border-radius:50%;display:inline-block;margin-right:5px}.edit_timetable_title{font-family:Roboto;font-size:16px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34}.marginT20{margin-top:20px}
#admin_Allotment #allotment_menus .react-tabs__tab--selected{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#fff!important;border-radius:12px;padding:9px 22px;background-image:linear-gradient(245deg,#2162c1,#2162c1)}#admin_Allotment #allotment_menus .react-tabs__tab-list li{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#2162c1;background-color:#f6f8fc;border-radius:12px;padding:9px 22px;margin:10px 10px 20px 15px}.allot_new_label{object-fit:contain;font-family:Manrope;font-size:20px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#2162c1}.add_icon_css{width:45px;height:45px;padding:10px;font-size:18px;object-fit:contain;border-radius:50%;color:#fff}#allotmentCard .dataTables_wrapper .table thead th{vertical-align:bottom;border-bottom:none;background-color:#f9fafb}.allotmentCard .dataTables_wrapper thead{display:none}
.page-title{font-family:Roboto;font-size:22.8px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.06px;color:#0e1447}.topbanner{height:148px;border-radius:7px;background-color:#1dc9b7;margin:30px 0}.welText{padding:60px 0}.welcome_back_text{height:28px;font-family:Roboto;font-size:24px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.06px;color:var(--white)}.leftTop{position:relative}.leftTop img{margin-top:-22px!important}.leftTopCol{position:absolute;top:0;width:100%;color:#fff;padding-left:70px}.leftTopCol p{margin-bottom:0;line-height:1.5}.rightText{position:relative;display:grid;height:100%}.rightText a{position:absolute;bottom:20px;right:25px;color:#fff}.dashboardContent .card-header{border-bottom-left-radius:0;border-bottom-right-radius:0;color:#0e1447;font-size:16px;padding:18px 15px;font-weight:500!important;letter-spacing:.04px}#dashboard-timeline .timeline-title{font-weight:600}.dashboardContent .card-body{padding:15px;min-height:500px}.myTests{padding:0!important}.myTests .card-header-tabs{margin:0}.myTests .nav-tabs .nav-item.show .nav-link,.myTests .nav-tabs .nav-link.active{border-top:solid 2px #1dc9b7;color:#2b2e34!important;background-color:#fff;font-weight:500!important}.myTests .nav-tabs .nav-item,.myTests .nav-tabs .nav-link{width:33.33%;color:#748196!important;font-size:12px;letter-spacing:.03px;text-transform:uppercase;border-radius:0;border:0;padding-left:20px;padding-bottom:12px;padding-top:10px;background-color:#f9f9fb}.myTests .nav-tabs .nav-item:nth-child(2),.myTests .nav-tabs .nav-link:nth-child(2){padding-left:6px;text-align:center}.myTests .nav-tabs .nav-link:focus,.myTests .nav-tabs .nav-link:hover{border-color:#1dc9b7 transparent transparent}.myTests .tab-content{padding:20px}.testProgress{padding:25px 0}#test-dashboard h5{font-weight:600}.testProgress h5{font-size:14.2px;letter-spacing:.04px;font-weight:600;color:#2b2e34;text-transform:capitalize}.testProgress span.text-muted{color:#9ca2cb!important;letter-spacing:.03px;font-size:12.6px;margin-right:6px}.testProgress p{font-size:11.2px;color:#2b2e34;letter-spacing:.03px}.testProgress .bg-info{background-color:rgba(88,103,221,.6)!important}.testProgress .bg-warning{background-color:rgba(255,184,34,.6)!important}.testProgress .btn-outline-primary{font-size:11.2px;line-height:normal;letter-spacing:.03px;color:#3699ff;border-radius:4px;border:solid 1px #3699ff;padding:6px 20px;margin-top:15px}.testProgress .btn-outline-primary:hover{color:#fff;background-color:#feb51a}.classUpdate .table{box-shadow:none!important;border:0}.classUpdate .table td{border:0;vertical-align:top;padding:10px 10px 20px}.classUpdate .table td:first-child{width:40%;font-size:11.2px;font-weight:300;letter-spacing:.03px;color:#0e1447}.classUpdate .table td button{font-size:14.2px;font-weight:500;letter-spacing:.04px;color:#0e1447;background-color:transparent;border-color:transparent;padding:0}.classUpdate .table td .btn-outline-primary{font-size:11.2px;line-height:normal;letter-spacing:.03px;color:#3699ff;border-radius:4px;border:solid 1px #3699ff;padding:6px 20px}.classUpdate .table tr{border-bottom:0}.oval{width:11px;height:11px;opacity:.6;border-radius:50%;display:inline-block;margin-right:8px}.oval1{width:12px;height:12px;opacity:.6;border-radius:50%;display:inline-block;margin-right:8px;background-color:#0e1447}.oval2{width:12px;height:12px;opacity:.6;border-radius:50%;display:inline-block;margin-right:8px;background-color:#fd397a}.oval3{width:12px;height:12px;opacity:.6;border-radius:50%;display:inline-block;margin-right:8px;background-color:#1dc9b7}.oval4{width:12px;height:12px;opacity:.6;border-radius:50%;display:inline-block;margin-right:8px;background-color:#fd397a}.his{background-color:#0e1447}.en{background-color:#3699ff}.mr{background-color:#fd397a}.sci{background-color:#3699ff}.hn{background-color:#ffb822}#tooltip>.tooltip-inner{background-color:#3699ff;color:#fff;border:1px solid #3699ff;padding:15px;text-align:left}#tooltip .arrow::before,#tooltip[x-placement^=bottom] .arrow::before{border-bottom-color:#3699ff}#tooltip>.tooltip-inner p{font-weight:600!important;margin-bottom:0}#tooltip>.tooltip-inner p span{font-weight:300!important}.line-bg{background-color:#f1f4f6}.classHead label{float:right;margin-bottom:0;line-height:1.8;color:#5867dd}.classHead label .fa{color:#90a6bb}.bluetxt{color:#3699ff!important}.main-card-body{max-height:200px;overflow-y:auto;min-height:425px!important}.card_subtitle_label{font-family:Roboto;font-size:11.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#90a6bb}.completed_label{font-family:Roboto;font-size:11.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#90a6bb}.mian_card{height:550px}.progress{height:10px;border-radius:6px}.content_list_header{font-size:15px;font-weight:600;font-stretch:normal;font-style:normal;line-height:20px;letter-spacing:normal;color:rgba(0,0,0,.85)}.content_list_header_background{border-radius:4px;background-color:#fafafa;padding-top:10px;padding-bottom:10px}.content_list_lebel{font-family:Roboto;font-size:14px;font-weight:400;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:rgba(0,0,0,.65);font-weight:500}.attendence_label_main{font-family:Roboto;font-size:14.2px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34}.attendence_rectangle{height:103px;border-radius:14px;border:solid 1px #ebedf2}.all_count_lebel{font-family:Roboto;font-size:25.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.07px;color:#2b2e34}.all_present_count_lebel{font-family:Roboto;font-size:25.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.07px;color:#3699ff}.justifyLeft{justify-content:left!important}#dashboard-timeline img{padding-right:5px}.test_details_modal{width:105%}.marginL25{margin-left:25px}.marginT24{margin-top:24px}.marginR10{margin-right:10px}.marginL10{margin-left:10px}.marginT20{margin-top:20px}.PaddingB10{padding-bottom:10px}.marginR5{margin-right:5px}.marginL5{margin-left:5px}.label_filter{width:41px;height:11px;font-family:Roboto;font-size:11.5px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.02px;color:#748196}.select{height:11px;font-family:Roboto;font-size:9.5px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.02px;color:var(--charcoal-grey)}.label_subject{height:16px;font-family:Roboto;font-size:14.2px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:var(--charcoal-grey)}.sticky{position:fixed;top:0;width:100%}
.mydiv{display: none;}
.stdLayout .stProfile .oval-st-profile-img{width: 65px;height: 65px;position: relative;}
.stdLayout .stProfile .student_name{object-fit: contain;font-family: Manrope;font-weight: 800;font-stretch: normal;font-style: normal;line-height: 1.36;letter-spacing: normal;text-align: left;color: #ffffff;}
.current_date{font-size: 16px;font-weight: 600;font-family:Manrope;font-stretch: normal;  font-style: normal;line-height: 3.88;letter-spacing: normal;text-align: left;color: #467ccb;}
.dateWrapper{background: url(/9526f474431c78abe491.svg)no-repeat center;width: 60px;height: 80px;text-align: center;padding-top: 18px;}
.admin_edit_icon_bg {padding: 6px;position: absolute;background-color: #f9fafb;border-radius:50px;z-index: 4;top: 40px;right: 45px;}
.quote_of_day{/* width: 139px;height: 19px;margin: 24px 108px 4px 14.9px; */object-fit: contain;font-family: Manrope;font-size: 15px;font-weight: 800;font-stretch: normal;font-style: normal;line-height: 2;letter-spacing: 0.78px;text-align: left;color: #a2c3de;}
.quote_div{margin-left: 20px;position: absolute;top: 0px;padding-right: 10px;}
.quote2{font-family: Manrope;font-size: 21px;font-weight: 500;font-stretch: normal;   font-style: normal;line-height: 1.4;letter-spacing: 0.16px;text-align: left;color: #fff;}
.dashboard-banner-div {width: 100%;height:154px;object-fit: contain;border-radius: 20px;    box-shadow: 0 10px 20px 0 rgba(33, 98, 193, 0.1);background-image: linear-gradient(70deg, #2162c1 60%, #62c0eb 120%);margin-bottom: 10px;}
.dashboardQuote{background: url(/854de654ec8873eceb61.png)no-repeat 0 0;background-size: contain;position: relative;}
.stdLayout .page_body{padding: 40px 30px 20px;}
.page_body {background-color: #ffffff;min-height: 750px;border-top-left-radius: 30px;  border-bottom-left-radius: 30px;}
.stdLayout .content-wrapper {margin-left: 250px!important;padding:0px;}
.assessment-card{/* opacity: 0.04; */background-color: #f3f7fc;}
.curriculum_card{background-color: #f5fdfb;}
.admin-attendBox .attendance_card{height:260px;object-fit: contain;padding:30px 0px 20px 20px;}
.Dashboard_txt{font-family: Manrope;font-size: 28px;font-weight: 600;font-stretch: normal;    font-style: normal;line-height: 2.21;letter-spacing: normal;text-align: left;color: #2162c1;}
.std_attendence_rectangle {border-radius: 14px;border: solid 1px #f5fdfb;background-color: rgba(245, 253, 251, 0.4);}
.teacher_attendence_rectangle {border-radius: 14px;border: solid 1px #f9f8fe;background-color: #f9f8fe;}
.cardTitle{padding-left: 0;}
.other_staff_attendance_rectangle{border-radius: 14px;border: solid 1px #fffaf0;background-color: rgba(251, 86, 7, 0.03);}
.assessment_head_title{font-size: 26px;padding-right:0;font-family:Manrope;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 2.21;letter-spacing: normal;text-align: left;color: #2162c1;}
.Curriculum_head_title{font-size: 25px;padding-right:0;font-weight: 600;font-family:Manrope;font-stretch: normal;font-style: normal;line-height: 2.21;letter-spacing: normal;text-align: left;color: #00c49a;}
.assessment_card_title_add{font-size: 19px;font-weight: 600; font-family:Manrope;  font-stretch: normal;font-style: normal;line-height: 3.1;letter-spacing: normal;text-align: left;color: #2162c1;}
.curriculum_card_title_add{font-size: 18px;font-weight: 600;font-family:Manrope;font-stretch: normal;font-style: normal;line-height: 3.1;letter-spacing: normal;text-align: left;color: #00c49a;}
.other_staff-progress-bar-active {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;color: #fff;    text-align: center;white-space: nowrap;background-color: #f7ad03;transition: width .6s ease;}
.other-staff-progress{background-color: #fb560708;width: 35px;}
.teacher-progress-bar-active {display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;-ms-flex-pack: center;justify-content: center;color: #fff;  text-align: center;white-space: nowrap;background-color: #6c55e7;transition: width .6s ease;}
.teacher-progress{background-color: #eeebfc;width: 35px;}
.std-progress-bar-active {display: -ms-flexbox;display: flex;-ms-flex-direction: column;   flex-direction: column;-ms-flex-pack: center;justify-content: center;color: #fff;text-align: center;white-space: nowrap;background-color: #5fc599;transition: width .6s ease;}
.std-progress{background-color: #e2f9f3;width: 35px;}
#AdminDashboard .card{border:none;box-shadow: none;border-radius: 12px;}
#AdminDashboard .card-header {padding: .75rem 1.25rem;margin-bottom: 0;border-bottom: 1px solid rgba(0,0,0,.125);}
#AdminDashboard .card-header:first-child{background-color: none;}
.image_icon{width: 36px;height: 36px;margin: 6px 16px 19px 0;object-fit: contain;}
.title_label {/* margin: 5px 99px 61px 10px; */object-fit: contain;font-family:Manrope;    font-size: 30px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 2.21;   letter-spacing: normal;text-align: left;color: #2162c1;}
.welcome_txt{font-size: 29px;font-family:Manrope;font-weight: 600;font-stretch: normal;   font-style: normal;line-height: 1.36;letter-spacing: normal;text-align: left;color: #fff;}
.image_padding{padding-left: 60px;padding-top: 40px;}
#curr_dashboard_dropdown .form-control_label{width: 100%;height: 34px;padding: 0px 12.2px 1px 15px;object-fit: contain;border-radius: 12px;background-color: #fff;border: 1px solid rgba(33, 98, 193, 0.4);font-size: 13px;font-weight: 600;font-stretch: normal;font-style: normal;    line-height: 3.44;letter-spacing: normal;text-align: left;color:#1d1d1d;font-family:Manrope;}
#assess_dashboard_dropdown .form-control_label{width:100%;height: 34px;padding: 0px 12.2px 1px 15px;object-fit: contain;border-radius: 12px;background-color: #fff;border: 1px solid rgba(33, 98, 193, 0.4);font-size: 13px;font-weight: 600;font-stretch: normal;font-style: normal; line-height: 3.44;letter-spacing: normal;text-align: left;color:#1d1d1d;font-family:Manrope; position: sticky; z-index: 100; top:0 ; }
.ass_sub_lbl_txt{height: 16px;font-family:Manrope;font-size: 17px;font-weight: 500;    font-stretch: normal;font-style: normal;line-height: normal;letter-spacing: 0.04px;color: #2162c1;}
.curr_sub_lbl_txt{font-family:Manrope;font-size: 17px;font-weight: 500;font-stretch: normal;  font-style: normal;line-height: normal;letter-spacing: 0.04px;color: #00c49a;}
.label_txt_topic{font-size: 16px;font-weight: 600;font-family:Manrope;font-stretch: normal;   font-style: normal;line-height: 1.88;letter-spacing: normal;text-align: left;color: #3e4348;
}
.completed_bar{ font-size: 16px;font-weight: 600;font-family:Manrope;font-stretch: normal;    font-style: normal;line-height: 1.88;letter-spacing: normal;color: #3e4348;}
.asses_prog_percentage{font-size: 20px;font-weight: 600;font-family:Manrope;font-stretch: normal;font-style: normal;line-height: 1.1;letter-spacing: normal;color: #2162c1;}
.Mar-L-20{margin-left:20px}
.Padd-20{padding:20px;}
.std_attendance_record_lbl{font-family:Manrope;font-size: 18px;font-weight: 600;   font-stretch: normal;font-style: normal;line-height: 0.78;letter-spacing: 0.14px;   text-align: left;color: #00c49a;}
.teach_attendance_record_lbl{font-family:Manrope;font-size: 18px;font-weight: 600;   font-stretch: normal;font-style: normal;line-height: 0.78;letter-spacing: 0.14px;    text-align: left;color: #6b4ee7;}
.other_staff_attendance_record_lbl{font-family:Manrope;font-size: 18px;font-weight: 600;    font-stretch: normal;font-style: normal;line-height: 0.78;letter-spacing: 0.14px;  text-align: left;color: #fb5607;}
.other_staff_attendance_record{font-family: Manrope;font-size: 20px;font-weight: 600;    font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;    text-align: left;color: #fb5607;}
.teach_attendance_record{font-family: Manrope;font-size: 20px;font-weight: 600;    font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;    text-align: left;color: #6b4ee7;}
.std_attendance_record{font-family: Manrope;font-size: 20px;font-weight: 600;    font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;    text-align: left;color: #00c49a;}
.Present_record{font-size:28px;}
.Padd-B-50{padding-bottom: 50px;}
.pad-r-32{padding-right: 32px;}
.update_card{background-color: rgba(251, 86, 7, 0.04);padding: 20px;margin: 20px 0px 15px 0px;width: 100%;border-radius: 14px;}
.update_lbl{margin: 0 0px 10px 0;object-fit: contain;font-family: Manrope;font-size: 28px;  font-weight: 600;font-stretch: normal;font-style: normal;line-height: 2.21;letter-spacing: normal;text-align: left;color: #fb5607;}
.update_btn{border-radius: 8px;box-shadow: 0 10px 20px 0 rgba(251, 86, 7, 0.1);    background-color: #fb5607;color: #fff!important;font-family:Manrope;font-weight:600!important;font-size:16px!important;}
#update_dropdown .form-control_label{width:100%;height: 34px;padding: 0px 12.2px 1px 15px;    object-fit: contain;border-radius: 12px;background-color: #fff;border: 1px solid rgba(251, 86, 7, 0.1);font-size: 14px;font-weight: 600;font-stretch: normal;font-style: normal;    line-height: 3.44;letter-spacing: normal;text-align: left;color:#1d1d1d;   font-family:Manrope;}
#update_dropdown .input[type=text]{width:80%;height: 34px;padding: 0px 12.2px 1px 15px;    object-fit: contain;border-radius: 12px;background-color: #fff;border: 1px solid rgba(251, 86, 7, 0.1);font-size: 13px;font-weight: 600;font-stretch: normal;font-style: normal;  line-height: 3.44;letter-spacing: normal;text-align: left;color:#1d1d1d;font-family:Manrope;}
/* ================= progress bar -------------------------/ */
.admin-attendBox .progress{min-height: 180px;width:60px;margin: 0;}
.admin-attendBox .progress_detail{height: 40px;padding: 5px 12px;border-radius: 34px;   box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.06);background-color: #fff;font-weight:600;    position: absolute;left: 18px;bottom: 0; z-index: 1;line-height: 32px;}
.pro-wrapper{position: relative;}
.progress-bar-vertical {width: 50px;min-height: 100px;display: flex;align-items: flex-end;    margin-right: -11px; /* float: right; */margin-left: 128px;margin-bottom: -104px;margin-top: -51px;}
.progress-bar-vertical .progress-bar {width: 100%;height: 0;-webkit-transition: height 0.6s ease;-o-transition: height 0.6s ease;transition: height 0.6s ease;}
.Padding30{padding: 30px;}
.PaddingT30{padding-top: 30px;}
#AdminDashboard .react-datepicker-popper{transform: translate3d(466px, 49px, 0px)!important;    left: -190px!important;}
.btn-enquiry{padding: 10px 30px;object-fit: contain;border-radius: 12px;box-shadow: 0 10px 20px 0 rgba(33, 98, 193, 0.1);border: 0;background-color: #f9fafb;color:#2162c1;font-size: 18px;margin-top: 20%;}
.masterGradeCheck span{width: 50%;display: inline-block;text-align: center;}
.grade-checkBox {display: none;}
.grade-label {display: inline-block;position: relative;vertical-align: middle;margin: 5px;cursor: pointer;height: auto;font-size: 16px;}
.grade-checkBox + .grade-label:before {content: '';background: #fff;border: 2px solid #ddd;
display: inline-block;vertical-align: middle;width: 25px; height: 25px;padding: 2px; margin-right: 10px;}
.grade-checkBox:checked + .grade-label:after {content: "";padding: 2px;position: absolute;    width: 1px;height: 15px;border: solid blue;border-width: 0 3px 3px 0;transform: rotate(45deg);top: 2px; left: 10px;}
.subGradeCheck{padding:20px 0 30px 15px;}
.subgrade-checkBox {display: none;}
.subgrade-label {display: inline-block;position: relative;vertical-align: middle;margin: 5px 16px 25px 0;cursor: pointer;height: auto;font-size: 17px;border-radius: 12px;box-shadow: 0 10px 20px 0 rgba(33, 98, 193, 0.1);background-color:rgba(33, 98, 193, 0.1);color:#2162c1;padding: 8px 0;
width: 18%;text-align: center;font-weight: 600;}
.subgrade-checkBox:checked + .subgrade-label{background-color:#2162c1;color:#fff}
.selected-grade{border-radius: 12px;display: inline-block;width: 100%;padding: 8px 20px;border:1px solid #d7dce2;}
.gradeSelection{display: flex;align-items: center;padding-left: 0px;}
.gradeSelection .arrow_icon{margin-right: 10px;    background-color: #e2e4e6;}
.p-lr-15{padding-left: 15px;padding-right: 15px;}
.admin-attendBox{padding-top: 20px;}
.mar-T25{margin-top:25px}
#AdminDashboard ::-webkit-scrollbar{width: 6px;}
#AdminDashboard ::-webkit-scrollbar-thumb{background: rgb(33 98 192 / 50%);}
.assessment-card .myTests .que_tag p{display: inline-block;vertical-align: top;margin-bottom: 0;}
.myTests .que-title{display: inline-block;vertical-align:top;margin-bottom: 1rem;}
#AdminDashboard .assessment-card .dataTables_wrapper .col-sm-12{padding: 0;}
#AdminDashboard .assessment-card .dataTables_wrapper table th{border: 0;background-color: #f6f8fc;color: #2162c1!important;font-weight:600;text-align: center;}
#AdminDashboard .assessment-card .dataTables_wrapper .avtarimg{width: 40px;height: 40px;}
#AdminDashboard .assessment-card .dataTables_wrapper .table td{font-size:14px;color: #000;text-align: center!important;}
.sticky_selection{background-color: #f3f7fc;position: absolute;z-index: 10;width: 100%;padding-bottom: 10px;}
#AdminDashboard .assessment-card #paymentCard{padding-top: 35px;}
#AdminDashboard #view_timetable_admin thead tr th{top: 44px;}
.inputtitle_classupdate{width: 350px;
    height: 40px;
    border: 0.5px solid gainsboro;
    border-radius: 8px;}

.birthdays img{height: 40px;width:40px;margin-bottom: 10px;border-radius: 50%;}
.birthdays .mian_card{height: auto;}
#profileimg{width: 65px;
    height: 65px;
}

.timelinePlan {
  list-style: none;
  padding:0;
  position: relative;
}

.timeline-panel:before {
  top: 38px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #ebedf2;
  left:0;
}

.timeline-body .btn-outline-primary:hover{
  color: #ebedf2;
}

.timelinePlan > li {
  margin-bottom: 10px;
  position: relative;
}

.timelinePlan > li:before,
.timelinePlan > li:after {
  content: " ";
  display: table;
}

.timelinePlan > li:after {
  clear: both;
}

.timelinePlan > li:before,
.timelinePlan > li:after {
  content: " ";
  display: table;
}

.timelinePlan > li:after {
  clear: both;
}

.timelinePlan > li > .timeline-panel {
  width: 95%;
  float: left;
  padding: 6px 0 30px 30px;
  position: relative;
}

/* .timelinePlan > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid #ccc;
  border-right: 0 solid #ccc;
  border-bottom: 15px solid transparent;
  content: " ";
} */

/* .timelinePlan > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
} */

.timelinePlan > li > .timeline-badge {
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 0;
  left: 15px;
  margin-left: -16px;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}
.timelinePlan > li:first-child > .timeline-badge{
  background-color:rgba(255, 184, 34, 0.2);
  color: #f4a500;
}
.timelinePlan > li:nth-child(2) > .timeline-badge{
  background-color:rgba(88, 103, 221, 0.2);
  color: #5867dd;
}
.timelinePlan > li:nth-child(3) > .timeline-badge{
  background-color:rgba(253, 57, 122, 0.2);
  color: #fd397a;
}
.timelinePlan > li.timeline-inverted > .timeline-panel {
  float: right;
}
/* 
.timelinePlan > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timelinePlan > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
} */

.timeline-badge.primary {
  background-color: #2e6da4 !important;
}

.timeline-badge.success {
  background-color: #3f903f !important;
}

.timeline-badge.warning {
  background-color: #f0ad4e !important;
}

.timeline-badge.danger {
  background-color: #d9534f !important;
}

.timeline-badge.info {
  background-color: #5bc0de !important;
}

.timeline-title {
  margin-top: 15px;
  margin-bottom: 0;
  color: #343a40;
  font-size: 14.2px;
  font-weight: 500;
  letter-spacing: 0.04px;
  text-transform: uppercase;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}
.timelinePlan span.time{
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.03px;
  color: #FEB51A;
}
.timeline-body span.text-muted{
  color:#9ca2cb!important;
  letter-spacing: 0.03px;
  font-size: 12.6px;
  margin-right: 6px;
}
.timeline-body p{
  font-size: 13px;
  letter-spacing: 0.03px;
  color: #343a40;
}
.timeline-body .btn-outline-primary{
  font-size: 11.2px;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #3699ff;
  border-radius: 4px;
  border: solid 1px #3699ff;
  padding: 6px 20px;
    margin-top: 15px;
}
.timeline-body .fa{
    font-size: 20px;
    color: #1dc9b7;
}
#timetable-table tbody tr td{
  text-align: center;
}
/** @format */

.stdLayout .content-wrapper {
  position: relative;
}
.naac_footer {
  position: absolute;
  width: 100%;
  background-color: #f2f2f2;
  margin-top: 2rem;
  padding: 1rem;
}
.naac_footer p a,
.naac_footer p {
  color: #007bff;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
  font-size: 1rem;
}
.naac_footer span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
  text-align: center;
  line-height: 30px;
  color: #007bff;
  margin-right: 10px;
  box-shadow: 0px 0px 10px #cdcdcd;
}
.naac_footer .whatsApp {
  width: 50px;
  height: 50px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.16);
  display: inline-block;
  line-height: 60px;
}
.naac_footer .whatsApp .fa {
  font-size: 30px;
}
.breadcrumbs {
  color: black;
  font-weight: 600;
  font-size: 16px;
}
#naac_table .table thead th {
  cursor: pointer;
  background-color: #164489;
  border-bottom: 0;
  font-size: 15px !important;
  font-family: Manrope;
  font-weight: 600 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: normal;
  text-align: center;
  color: #fff !important;
  padding: 10px 5px;
  vertical-align: middle;
}
#naac_table .table thead th:nth-child(6) {
  cursor: initial;
}
#naac_table .project_status .table thead th:nth-child(2) {
  cursor: initial;
}
#naac_table .project_status .table thead th:nth-child(3) {
  cursor: initial;
}
#naac_table .project_status .table thead th:nth-child(6) {
  cursor: pointer;
}
#naac_table .project_status .table thead th:nth-child(7) {
  cursor: initial;
}
#naac_table .table thead th:nth-child(7) {
  cursor: initial;
}
#naac_table .table thead th:nth-child(8) {
  cursor: initial;
}
#naac_table .table td {
  font-family: Manrope;
  font-size: 1rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2162c1;
  padding: 10px 5px;
}
#naac_table .table td:nth-child(2),
#naac_table .table th:nth-child(2) {
  text-align: left !important;
}
#naac_table .table td:nth-child(6) {
  width: 110px;
}
#naac_table .table td:last-child {
  width: 100px;
}
#naac_report {
  margin: 0px;
  border-radius: 20px;
  color: #fff;
  font-weight: 600;
}
#naac_report .fa {
  margin-right: 5px;
}
#naac_download {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #007bff;
  padding: 0;
  text-align: center;
  color: #fff;
  line-height: 45px;
}
#naac_download .fa {
  margin-right: 0;
}
#naac_dropdown .dropdown-select {
  text-align-last: center;
  border-radius: 12px;
  font-family: "Manrope";
  font-size: 15px;
  background-color: #ffffff;
  height: 40px;
  border: 1px solid #2162c1;
  padding: 4px;
  cursor: pointer;
  font-weight: 600;
}

#naac_dropdown .naac-heading {
  font-size: 16px;
  padding-right: 0;
  font-family: Manrope;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: #2162c1;
}

#naac_dropdown .naac_logo {
  font-size: 16px;
  padding-right: 0;
  /* font-family: Manrope; */
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: #2162c1;
}

.naac-main-heading {
  object-fit: contain;
  font-family: Manrope;
  font-size: 30px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: #2162c1;
}

.naac-create-btn {
  box-shadow: 0 10px 15px 0 rgb(109 109 109 / 20%);
  padding: 8px 40px;
  background: #2162c1;
  color: #fff;
  font-family: "Manrope";
  font-size: 17px;
  font-weight: 800;
  /* text-transform: uppercase; */
  border-radius: 20px;
}

#naacSetting #naac_menus .react-tabs__tab-list li {
  font-family: Manrope;
  font-size: 26px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #2162c1;
  background-color: #f6f8fc;
  border-radius: 12px;
  padding: 9px 16px;
  margin: 10px 10px 20px 15px;
}

#naacSetting #naac_menus .react-tabs__tab--selected {
  color: #fff !important;
  background-image: linear-gradient(245deg, #2162c1, #2162c1);
  border-bottom: 0 !important;
}

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}

.new_header {
  font-size: 16px;
  color: #030303;
}

#naac_tab .table td {
  height: 16px;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2162c1;
}

#naac_tab .list {
  text-align: left !important;
}

.academic-year {
  font-size: 20px;
  font-weight: 500;
  padding-top: 20px;
  padding-left: 20px;
  color: rgb(34, 98, 193);
}
#nba_form .dropdownCard {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
  border-radius: 15px;
  margin-bottom: 2rem;
}
#AdminDashboard .card.report-card {
  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
  border-radius: 12px;
}
.report-card .card-body {
  box-shadow: none;
}
.report-card .btn {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  min-width: 120px;
  font-size: 1rem;
}
.report-card .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
}
.report-card .upload-btn-wrapper .btn {
  border: 2px solid rgb(34, 98, 193);
  background-color: #fff;
  color: rgb(34, 98, 193);
}
.report-card .upload-btn-wrapper input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 70%;
  width: 100%;
}
.report-card .excel-icon i {
  font-size: 5rem;
}
.note {
  font-size: 20px;
  text-align: right;
}
.heading {
  margin-bottom: 30px;
}
.criteria-details {
  font-size: 14px;
  color: #0d0d0e;
  font-weight: 400;
  font-family: manrope;
}
#nba_form .box-table {
  padding: 1.5rem 1rem;
}
#naac_table .dataTables_wrapper {
  margin-top: 1rem;
}
#naac_table .dataTables_wrapper > .row {
  align-items: flex-end;
}
#naac_table .mdb-datatable-filter {
  margin-top: -12%;
  display: none;
}
#nba_form .formTop .fa {
  font-size: 1.2rem;
  font-weight: 500;
}
.naac-search-btn {
  background-color: #ff6600;
  border-radius: 12px;
  padding: 2px;
  color: #fff;
  font-weight: 600;
  /* text-transform: uppercase; */
  font-size: 13px;
  margin: 5px 0px;
}
#viewIIQAReport .card {
  box-shadow: rgb(0 0 0 / 9%) 0px 4px 16px 0px, rgb(241 241 247) 2px 2px 2px 0px;
  border-radius: 12px;
}
#viewIIQAReport .card .card-body {
  box-shadow: none;
}
#viewIIQAReport .btn_back {
  font-size: 1.2rem;
}
#viewIIQAReport .InstituteName {
  margin-top: 1.5rem;
}
#viewIIQAReport .InstituteName img {
  margin-bottom: 1rem;
}
#viewIIQAReport .info-row {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
  align-items: center;
}
#viewIIQAReport .form-table label {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  height: auto;
}
#viewIIQAReport .table thead tr th {
  background-color: #eee;
  border-bottom: 0;
}
#viewIIQAReport .addressBox {
  border: 1px dashed #cdcdcd;
  padding: 1rem 0;
  border-radius: 6px;
  margin: 1rem 0;
}
#viewIIQAReport .exProfileCard .file-updation .table td {
  padding: 10px 6px;
}
.account-type {
  color: #2162c1;
}
.spinner-div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5%;
}

/** @format */

#nba_form .save-btn,
#nba_form .clear_btn,
#nba_form #partabtnsave2 {
  border-radius: 40px;
  border: none;
  box-shadow: none;
  height: auto;
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
  font-size: 20px;
  font-weight: 800;
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
  font-size: 20px;
  font-weight: 800;
}
.fa-trash:before {
  content: "\f1f8";
  font-size: 20px;
  font-weight: 800;
}
.fa-plus:before {
  content: "\f067";
  font-size: 20px;
  font-weight: 800;
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
  font-size: 20px;
  font-weight: 800;
}
#sub_lbl_text1-1 {
  padding: 18px 0px 0px 425px;
}
#sub_lbl_text1 {
  padding: 18px 0px 0px 625px;
}
#sub_lbl_text2 {
  padding: 18px 0px 0px 544px;
}
#sub_lbl_text3 {
  padding: 18px 0px 0px 610px;
}
#icnoutcomes6 {
  padding: 18px 0px 0px 490px;
}
#icnoutcomes1 {
  padding: 18px 0px 0px 560px;
}
#icnoutcomes2 {
  padding: 18px 0px 0px 540px;
}
#icnoutcomes3 {
  padding: 18px 0px 0px 290px;
}
#icnoutcomes4 {
  padding: 18px 0px 0px 130px;
}
#icnoutcomes5 {
  padding: 18px 0px 0px 550px;
}
#sub_lbl_text6 {
  padding: 18px 0px 0px 390px;
}
#sub_lbl_text6-1 {
  padding: 18px 0px 0px 370px;
}
#sub_lbl_text7 {
  padding: 18px 0px 0px 771px;
}
#sub_lbl_text8 {
  padding: 18px 0px 0px 830px;
}
#icnmission1 {
  padding: 18px 0px 0px 0px;
}
#icnmission2 {
  padding: 18px 0px 0px 450px;
}
.newadd_btn {
  width: 150px;
  height: 35px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #e4f8f4;
  color: #00c49a;
  margin-left: 35px;
}
.edit_btn {
  width: 150px;
  height: 35px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #f9f5ec;
  color: #ffaa00;
  margin-left: 35px;
}
.save_btn {
  width: 150px;
  height: 35px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #dce8f5;
  color: #2162c1;
}
.clear_btn {
  background-color: #ffe7dc;
  color: #ff4c4c;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 22px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
}
.clear_btn:hover {
  background-color: #ffe7dc;
  color: #ff4c4c;
}
.remove_btn {
  width: 150px;
  height: 35px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
  background-color: #ffe7dc;
  color: #dc3545;
}
.text_label {
  font-size: 15px;
  font-weight: 400;
}
table > thead > tr > th {
  font-weight: 400;
}
.table thead th {
  font-weight: 600;
  color: #000;
}
#detailsDiv {
  overflow-x: scroll;
}
.padding30 {
  padding: 30px;
}
#nba_form .formlabel {
  font-size: 16px;
  font-weight: 600 !important;
}
.pad-B15 {
  padding-bottom: 15px;
}
.dateWrapper {
  background-color: #2262c1;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 8px;
  border-radius: 50%;
  margin-right: 10px;
  cursor: pointer;
}

.mar-R10 {
  margin-right: 10px;
}

#nba_form .new_font {
  font-family: Manrope;
  font-size: 14.2px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2b2e34;
}
#nba_form .form-control {
  display: block;
  width: 100%;
  height: calc(2.05rem + 1px);
  padding: 0.315rem 0.65rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #000;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.35rem;
  box-shadow: inset 0 0 0 transparent;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

#nba_form .formlabel {
  font-family: Manrope;
  font-size: 14.2px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2b2e34;
}
#nba_form .form-label {
  font-family: Manrope;
  font-size: 14.2px;
  font-weight: 700 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2b2e34;
}
#nba_form .curr_date_str_class {
  font-family: Manrope;
  font-size: 14.2px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2b2e34;
}

#nba_form .nba_internal_config_id {
  font-family: Manrope;
  font-size: 14.2px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2b2e34;
}

#nba_form .head_form {
  width: 178px;
  height: 27px;
  font-family: Manrope;
  font-size: 22.8px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.06px;
  color: #2b2e34;
}

.width240 {
  width: 240px;
}

#ViewNBAPartBFacultyInfo .overflowX {
  overflow-x: scroll;
}

#ViewNBAPartBFacultyInfo input[type="text"] {
  padding: 5px 2px;
}

#subject-name {
  position: absolute;
  width: 100%;
  height: 100%;
  width: 60px;
  height: 60px;
  object-fit: contain;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.06;
  background-color: red;
}
#checkicon {
  display: block;
  line-height: 60px;
  /* color: #2262c1; */
  font-size: 18px;
  /* padding: 0px 0px 0px 23px; */
}

#sub_lbl {
  /* font-family: Manrope; */
  font-size: 18px;
  font-weight: 800;
  padding: 15px 40px;
}
#sub_text_lbl {
  padding: 18px 0px 0px 490px;
}
#sub_text_lbl1 {
  padding: 18px 0px 0px 680px;
}
#second_rowicon {
  padding: 18px 0px 0px 376px;
}
#icononeone {
  padding: 18px 0px 0px 440px;
}
/* #heder_accordion{
background-color:ghostwhite;
margin: 10px;
} */
#label {
  padding: 0 10px;
}
#boxcard {
  border: 0px solid rgba(0, 0, 0, 0.125);
  margin: 0 0 30px;
  background-color: ghostwhite;
}

#boxcard1 {
  border: 0px solid rgba(0, 0, 0, 0.125);
  margin: 10px;
  background-color: ghostwhite;
  padding: 0px 100px 0px 0px;
}

div#heder_accordion {
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  padding: 10px;
  background: #f6f8fc;
  color: #2162c1;
}

.activeStyle {
  background-color: #2262c1 !important;
  color: #fff !important;
}
.inactivestyle {
  background-color: #fff;
  color: #2262c1;
}

.hide {
  display: none;
}
#table-contents {
  padding: 0px 50px;
}
#lbl_heading {
  color: #2262c1;
  font-family: "Manrope";
  font-weight: 600;
  padding: 0px 0px 0px 390px;
}

.back {
  color: #2262c1;
  font-family: "Manrope";
}

.fa-angle-down:before {
  content: "\f107";
  font-size: 20px;
  font-weight: 800;
}

#acordionrow {
  margin: 10px;
}
.accordion {
  font-family: Manrope;
}
#row-icon {
  padding: 18px 0px 0px 770px;
}
#rowsecond_icn {
  padding: 18px 0px 0px 189px;
}
#heder_accordion1 {
  border-bottom: 0px solid rgba(0, 0, 0, 0.125);
  background-color: ghostwhite;
  margin: 5px;
}
#icn_acadamics {
  padding: 18px 0px 0px 340px;
}
#icon_secondrow {
  padding: 18px 0px 0px 675px;
}
#sub_icnone {
  padding: 18px 0px 0px 637px;
}
#sub_icntwo {
  padding: 18px 0px 0px 532px;
}
#lbl_heading11 {
  color: #2262c1;
  padding: 0px 0px 0px 220px;
}
#imprv_icon {
  padding: 18px 0px 0px 590px;
}
#head_tbl {
  padding: 0px 40px;
}
#head_tbl1 {
  padding: 0px 10px;
}
#missionaddbtn {
  margin: 0px 15px;
}
#btnadd3 {
  margin: 20px 0px 20px 0px;
}
#btnadd4 {
  margin: 20px 0px 20px 0px;
}
#btnclose4 {
  margin: 20px 0px 20px 10px;
}
#btnadd31 {
  margin: 20px 420px 20px 0px;
}
#itmslbl {
  padding: 35px;
}
#itmlbl1 {
  padding: 10px 80px;
  margin: 0px;
}
#pabtnrow2 {
  margin: 20px 0;
}
#srtd {
  padding: 10px 0px;
}
#tablea4 {
  border: 1px solid #dee2e6;
}
#partabtnclose2 {
  margin: 0px;
}
.divdisabled {
  pointer-events: none;
  opacity: 0.7;
}
.display-flex {
  display: flex;
  align-items: center;
}
.display-grid {
  display: grid;
  align-items: center;
}
#partabtnsave2 {
  margin: 0px 20px 0px 0px;
}
#partabtnsave2 .fa-floppy-o,
#partabtnsave2 .fa-close {
  padding: 3px 0px 0;
}
#partabtnsave2:focus {
  outline: none;
}
.clear_btn:active {
  background-color: #ff4c4c;
  box-shadow: none;
  color: #fff;
}
.save-btn {
  background-color: #2ac361a6;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  padding: 10px 25px 10px;
  font-weight: 600;
  text-transform: uppercase;
}
.save-btn:hover {
  color: #fff;
  background-color: #2ac361a6;
}
.edit-btn,
.edit-btn:hover,
.edit-btn:active {
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 16px 8px;
  margin: 0 !important;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  background-color: #2162c1;
  color: #ffffff;
}
.edit-btn .fa {
  margin: 6px, 0px, 0px, 0px;
  vertical-align: bottom;
}
.edit-btn-1 {
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 16px 8px;
  margin: 0 !important;
  background-color: transparent;
  color: #2162c1;
}
.edit-btn-1:hover,
.edit-btn-1:active {
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 16px 8px;
  margin: 0 !important;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  background-color: #2162c1;
  color: #ffffff;
}
.edit-btn-1 .fa {
  margin: 6px, 0px, 0px, 0px;
  vertical-align: bottom;
}

.view-btn-1 {
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 16px 8px;
  margin: 0 !important;
  background-color: transparent;
  color: #70d05a;
}
.view-btn-1:hover,
.view-btn-1:active {
  font-weight: 600;
  text-transform: uppercase;
  padding: 5px 16px 8px;
  margin: 0 !important;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  background-color: #70d05a;
  color: #ffffff;
}
.save-btn .fa,
.clear_btn .fa {
  margin-right: 5px;
  margin-left: -6px;
  vertical-align: bottom;
}
.display-flex .btn-success {
  width: 50px !important;
  height: 50px !important;
}
.padding-B15 {
  padding-bottom: 15px;
}
.marginTB-20 {
  margin: 20px auto;
}
.marginR-20 {
  margin-right: 20px;
}
.btn-rowAdd,
.btn-rowRemove {
  margin-right: 20px;
  font-weight: 600;
  padding: 7px 20px;
  border: none;
  border-radius: 2px;
}
.btn-rowAdd:focus,
.btn-rowRemove:focus {
  outline: none;
}
#detailsDiv input:focus {
  outline: none;
}
#heder_accordion {
  cursor: pointer;
}
.btn_circle:focus {
  outline: none;
}
.removeHover tr .removeIcon {
  visibility: hidden;
  width: 50px !important;
  height: 50px !important;
}
.removeHover tr:hover .removeIcon {
  visibility: visible;
}
.removeHover .table th {
  vertical-align: middle;
  text-align: center;
}
.removeHover .table td {
  vertical-align: middle;
}
.removeHover .btn-success {
  width: 50px !important;
  height: 50px !important;
}
.BG-white {
  background: #fff;
  margin: 2% 2% 5%;
}
.no-padding {
  padding: 0 !important;
}
.borderTop {
  border-top: 1px solid #e8e8e8;
}
.tdWidth200 {
  width: 200px;
}
.tdWidth400 {
  width: 400px !important;
}
.tdWidth500 {
  width: 500px !important;
}
.tableBig td input {
  width: 100px !important;
  margin: 0 !important;
}
.tableBig textarea.form-control {
  height: auto;
  width: 200px;
}
.form-control {
  color: #000 !important;
}
.borderNone {
  border: none;
}
.mt-50 {
  margin-top: 50px !important;
}
.mt-20 {
  margin-top: 20px !important;
}
.min-H80 {
  min-height: 80px;
}
.main-heading {
  font-family: "Manrope";
  font-size: 26px;
  font-weight: 800;
  color: #2162c1;
}
.sub-heading {
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 800 !important;
  color: #2162c1 !important;
}
.sub-heading th {
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 800 !important;
  color: #2162c1 !important;
}
.sub-heading td {
  padding: 25px 2px;
  font-family: "Manrope";
  font-size: 13px;
}
.sub-heading tr:nth-child(even) {
  background-color: #f7f7f7;
}
.sub-heading .table-hover tbody tr:hover {
  background-color: rgb(0 0 0 / 1%) !important;
}
.sub-heading .table-hover tr:first-child .tooltip-view {
  visibility: visible;
}
.sub-heading .table-hover tbody tr .tooltip-view {
  visibility: hidden;
}
.sub-heading .table-hover tbody tr:hover .tooltip-view {
  visibility: visible;
}
.dropdown-select {
  text-align-last: center;
  border-radius: 5px;
  font-family: "Manrope";
  font-size: 15px;
  background-color: #ffffff;
  height: 40px;
  border: 1px solid #2162c1;
  padding: 4px;
  cursor: pointer;
}
.dropdown-select:focus {
  outline: none;
}
.nba-create-btn {
  box-shadow: 0 10px 15px 0 rgb(109 109 109 / 20%);
  padding: 8px 40px;
  background: #2162c1;
  color: #fff;
  font-family: "Manrope";
  font-size: 16px;
  font-weight: 800;
  text-transform: uppercase;
  border-radius: 20px;
}
.nba-create-btn:hover {
  color: #fff;
}
.formTop {
  border-radius: 20px;
}
.formTop .input-feedback {
  text-transform: capitalize;
  margin-top: 10px;
}
.formTop .fa {
  margin-right: 6px;
}
.box-table {
  padding: 4% 2%;
  border-top: 4px solid #2162c1;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0 -4px 20px 0 rgb(33 98 193 / 10%);
}
.box-table .dataTables_length.bs-select label {
  line-height: 2;
  font-family: "Manrope" !important;
  font-size: 16px !important;
}
.box-table .dataTables_length.bs-select select {
  margin-left: 0 !important;
  margin-bottom: 30px;
}
.yellow-view-btn {
  background: #fff;
  padding: 8px 20px;
  border: 2px solid #ffaa00;
  border-radius: 25px;
  color: #ffaa00;
}
.yellow-view-btn:hover {
  background: #ffaa00;
  color: #fff;
}
.purple-view-btn {
  background: #fff;
  padding: 8px 20px;
  border: 2px solid #6b4ee7;
  border-radius: 25px;
  color: #6b4ee7;
}
.purple-view-btn:hover {
  background: #6b4ee7;
  color: #fff;
}
.blue-view-btn {
  background: #fff;
  padding: 8px 20px;
  border: 2px solid #00c49a;
  color: #00c49a;
  border-radius: 25px;
}
.blue-view-btn:hover {
  background: #00c49a;
  color: #fff;
}
.tooltip-view i.fa {
  margin-right: 10px;
}
.table span {
  font-family: "Manrope";
  font-weight: 400 !important;
}
.tooltip-view {
  position: relative;
  display: inline-block;
}

.tooltip-view .tooltiptext {
  visibility: hidden;
  width: 100px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 130%;
  left: 60%;
  margin-left: -60px;
}

.tooltip-view .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip-view:hover .tooltiptext {
  visibility: visible;
}
#boxcard .formlabel {
  font-size: 20px;
  color: #2162c1;
  margin-bottom: 12px;
  height: auto;
  font-family: "Manrope";
  font-weight: 600 !important;
}

#boxcard .subTitle {
  font-size: 16px;
  font-weight: 600 !important;
}
.height100 {
  height: 100px;
  width: 100px;
}

.instruction {
  color: #007bff;
}

.heading {
  text-align: left;
}

/* Unused CSS
#icnmission{padding:18px 0px 0px 380px;}
#mission-num{padding: 30px 0px;}
#partaicn-1{padding: 20px 0px 0px 618px;}#partaicn-2{padding: 20px 0px 0px 242px;}#partaicn-3{padding: 20px 0px 0px 341px;}#partaicn-4{padding: 20px 0px 0px 327px;}#partaicn-5{padding: 20px 0px 0px 250px;}#partaicn-6{padding: 20px 0px 0px 550px;}#partaicn-7{padding: 20px 0px 0px 0px;}
#btnclose { margin: -70px 70px 0px 70px;}
#btnasecondadd{margin: 20px 150px 20px 0px;} */

.marginT20{margin-top:20px}.test_title{font-family:Roboto;font-size:22.8px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.06px;color:#0e1447}#admin_test_list{width:100%}#admin_test_list .card.adminTestCard{border-radius:4px;box-shadow:0 2px 12px 0 rgba(0,0,0,.04);border:0}#admin_test_list .adminTestCard .card-body{padding:0 0 20px}#admin_test_list .react-tabs__tab-list{border-bottom:0}#admin_test_list .react-tabs__tab-list li{width:21.28%;text-align:center;font-family:Roboto;font-size:16px;letter-spacing:.04px;color:#748196;border-top:1px solid #d7dae1;padding:18px 0 15px;bottom:2px;background-color:#f9f9fb;opacity:.65;border-radius:0}#admin_test_list .react-tabs__tab--selected{font-weight:500!important;border-width:3px 1px 0!important;border-color:#1dc9b7 #d7dae1 transparent!important;border-style:solid;color:#2b2e34!important;opacity:1!important;background-color:#fff!important}#admin_test_list .react-tabs__tab-list li{background-color:#f9f9fb;padding:0;line-height:45px}#admin_test_list .react-tabs__tab-list li:first-child{border-left:1px solid #d7dae1}#admin_test_list .react-tabs__tab-list li:first-child.react-tabs__tab--selected{border-left:0}#admin_test_list .react-tabs__tab-list li:last-child.react-tabs__tab--selected{border-right:0}#admin_test_list .react-tabs__tab-list li:last-child{border-right:1px solid #d7dae1}#admin_test_list .react-tabs__tab-panel .card{box-shadow:0 1px 1px rgba(0,0,0,.125),0 2px 3px rgba(0,0,0,.2);border-top-left-radius:0;border-top-right-radius:0}.react-tabs__tab--selected{font-weight:500;color:#2b2e34!important}.test_action_btn:after{content:"\2807";font-size:2em;color:#6fb6ff;cursor:pointer}.create_test_btn{width:116px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff}.create_quest_btn{width:150px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff}.test_title_label{font-family:Roboto;font-size:20.3px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#fff}.cancle_btn{border-radius:4px;border:solid 1px #dbdbdb;background-color:#fafafa}#test-type .form-group label{position:relative;cursor:pointer;margin-bottom:0}#test-type .form-group label:before{content:"";-webkit-appearance:none;background-color:transparent;border:1px solid #dbdbdb;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.21);padding:8px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px;opacity:.87;border-radius:4px}#test-type .form-group input:checked+label:after{content:"";display:block;position:absolute;top:2px;left:8px;width:6px;height:12px;border:solid #3699ff;border-width:0 2px 2px 0;transform:rotate(45deg)}.test_type_chkbox{width:20px;height:20px;opacity:.87;border-radius:4px;box-shadow:inset 0 1px 3px 0 rgba(0,0,0,.21);border:solid 1px #dbdbdb;background-color:#fff}.school_test_label{font-family:Roboto;font-size:14.2px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#748196}.add_quest_btn{width:141px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff;margin-left:15px}.create_test_btn{width:116px;height:35px;border-radius:20px;box-shadow:0 2px 4px 0 rgba(0,0,0,.08);background-color:#3699ff;color:#fff}.react-search-field-input{color:#000!important;font-weight:400!important}.test_general_info{width:100%;border:solid 1px #ebedf2;background-color:#f9f9fb}.gnrl_info_lbl{font-family:Roboto;font-size:14.2px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#2b2e34}.test_type_lebel_create_test{font-family:Roboto;font-size:12.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#748196}.test_type_radio_btn{width:17px;height:20px;opacity:.87;border-radius:10px;border:solid 1px #ced5db;background-color:#fff}.elementary_que_oval{width:12px;height:12px;background-color:#aeece5}.medium_que_oval{width:4px;height:10px;font-family:Roboto;font-size:8.5px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.02px;color:#ffb822}.difficult_que_oval{width:12px;height:12px;background-color:#ffdce8}.search_bar_create_test{float:right;width:100%}.test_remark_pass{font-family:Roboto;font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#17c3b1}.test_remark_fail{font-family:Roboto;font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#fd397a}.question_editor{width:100%;height:100%}.no_of_que_selected_label{font-family:Roboto;font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#2b2e34}#teacherTest .card-head{display:flex;border-top-left-radius:4px;border-top-right-radius:4px}#teacherTest .card-head .test-title{width:78%;padding-right:4px}#teacherTest .divcard .card{box-shadow:0 2px 12px 0 rgba(0,0,0,.04)}#teacherTest .divcard .card-body{border-bottom-left-radius:4px;border-bottom-right-radius:4px;border:solid 1px #ebedf2;padding:20px 10px;min-height:240px}.que-card-div .search_bar_create_test{border-radius:16px;border:solid .5px #ced5db!important;background-color:#fcfcfd;padding:4px 10px;height:40px!important}.que-card-div .diffLevel{padding:25px 0 20px}.que-card-div .diffLevel .test_type_lebel_create_test{margin-right:20px}.queLevel input{padding:0;height:initial;width:initial;margin-bottom:0;display:none;cursor:pointer}.queLevel label{position:relative;cursor:pointer;margin-bottom:0}.queLevel label:before{content:"";-webkit-appearance:none;padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px;opacity:.87;border-radius:4px;border:solid .5px #90a6bb;background-color:#f9fbfc}.queLevel input:checked+label:after{content:"";display:block;position:absolute;top:3px;left:7px;width:6px;height:12px;border:solid #2b2e34;border-width:0 2px 2px 0;transform:rotate(45deg)}.ques_list_div{border-top:solid 2px #ebedf2}.ques_div .oval{margin-top:6px}.ques_div .ques{font-size:14.2px;font-weight:500;letter-spacing:.04px;color:#2b2e34}.modal-content .card-head{height:auto!important}.quetion_style{font-family:Roboto;font-size:20.8px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.06px;color:#2b2e34}.selected_option{border-radius:19.5px;background-color:#3699ff;width:100%!important;height:100%!important;padding-bottom:8px}.selected_option_wrong{border-radius:19.5px;background-color:#f16996;width:100%!important;height:100%!important;padding-bottom:8px}.option_style{width:100%;height:auto;position:relative;word-break:break-all}.selected_option_style{width:100%;height:auto;position:relative;font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#f9f9fb}.option_style{font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#748196}.correct-ans{border-bottom:5px solid #17c3b1}.wrong-ans{border-bottom:5px solid #ec6896}.bg-info{background-color:#5ecab6!important}.show_res_pgsbar_count_lbl{font-family:Roboto;font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;text-align:right;color:#ebedf2;float:right}.assesment_result .show_result_rectangle{width:100%;height:auto;border:solid 1px #ebedf2;background-color:#f9f9fb}.assesment_result .show_result_rectangle .row{padding:15px}.show_result_th_label{font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#0e1447}.show_result_st_name{font-family:Roboto;font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#474a5c}.show_result_marks{font-family:Roboto;font-size:14.2px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#474a5c}.show_result_time{font-family:Roboto;font-size:14.2px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#474a5c}.diff_level_intial{width:4px;height:10px;font-family:Roboto;font-size:8.5px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.02px;color:#1eae9f;margin-left:-7px}.add_question_que_label{font-family:Roboto;font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#2b2e34}.question_level_type_div{height:54px;width:100%;border-radius:4px;background-color:#fafafa}.question_level_type_span{font-family:SFProText;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:rgba(0,0,0,.85)}.question_level_type_span2{font-family:SFProText;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:rgba(0,0,0,.65)}.ml-25{margin-left:25px}.centeredbtn{display:grid;justify-content:center;align-items:center}.test_list_td_lebel{font-family:Roboto;font-size:14px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.43;letter-spacing:normal;color:rgba(0,0,0,.65)}#queList .dataTables_info,#queList .dataTables_length,#test_list .dataTables_info,#test_list .dataTables_length{margin-left:30px}#queList .dataTables_paginate,#queList .mdb-datatable-filter,#test_list .dataTables_paginate,#test_list .mdb-datatable-filter{margin-right:30px}#queList .dataTables_paginate .pagination,#test_list .dataTables_paginate .pagination{float:right}#queList .table,#test_list .table{margin-top:20px}#queList .table thead th,#test_list .table thead th{background-color:#fafafa;font-size:14px;font-weight:500;color:rgba(0,0,0,.85)!important;line-height:1.43;border-bottom:1px solid #e8e8e8}#test_list .table tbody td{vertical-align:middle}#test_list .form-control_label{width:80px;height:30px;border-radius:3px;border:solid .6px #ced5db;background-color:rgba(253,253,253,.94);font-family:Roboto;font-size:12.5px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.02px;color:#2b2e34}#edit-test-modal .modal-footer{padding-left:45px!important}#edit-test-modal .test_title_label{padding-left:35px}#admin_test_list .questionlevelList{box-shadow:none!important}.questionlevelList .card-body{padding:10px 30px}.questionlevelList .card-body .table thead th{background-color:#fafafa;font-size:16px;font-weight:500;color:rgba(0,0,0,.85)!important;line-height:1.43;border-bottom:1px solid #e8e8e8}.questionlevelList .card-body .table tbody td{vertical-align:middle;font-size:16px;line-height:1.43;color:rgba(0,0,0,.65)!important}.questionlevelList .card-body .table tbody td .w500{font-weight:500}.questionlevelList .card-body .table tbody td:first-child,.questionlevelList .card-body .table thead th:first-child{width:20%;padding-left:30px}.test_table_div>.dataTables_wrapper>div>div>.mdb-datatable-filter{display:none}.question_table_div>.dataTables_wrapper>div>div>.mdb-datatable-filter{display:none}.ResultRectangle{width:100%;height:60px;border:solid 1px #ebedf2;background-color:#f9f9fb}.show_percentile_btn{background-color:#428100;font-size:11.2px;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:4px;border:solid 1px #428100;padding:6px 20px}.show_percentile_btn:hover{color:#fff;text-decoration:none}#selectDate .page-title{height:38px;margin-right:14px;object-fit:contain;font-family:Manrope;font-size:28px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.21;letter-spacing:normal;text-align:left;color:#2162c1}.input-group{padding-left:10px}.assessment-title{width:167px;height:38px;margin:11px 29px 80px 6px;object-fit:contain;font-family:Manrope;font-size:30px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.21;letter-spacing:normal;text-align:left;color:#2162c1}#admin_add_assess .logo_image{margin-bottom:14px;height:30px;margin-top:0}img{vertical-align:middle;border-style:none}.btn-outline-active-asses{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:12px;padding:9px 4px;background-image:linear-gradient(245deg,#2162c1,#2162c1)}.input-group-prepend{margin-right:-1px;display:flex}#test_list .form-control{font-size:14px;color:#000;font-family:Manrope;font-weight:800}.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-control{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%}.SearchInput{margin:0 0!important;border:0 solid #ccc!important;height:40px!important}.form-control{display:block;padding:.315rem .65rem;line-height:1.5;background-clip:padding-box;border-radius:.35rem;box-shadow:inset 0 0 0 transparent;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.container .card{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.test_icon_css{width:45px;height:45px;padding:9px 16px;font-size:18px;object-fit:contain;border-radius:50%;color:#fff;text-align:center}.test_title_new{object-fit:contain;font-family:Manrope;font-size:19px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.test_datetime{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#3e4348;margin-bottom:0}#row11{padding:15px}.que_tag{object-fit:contain;font-family:Manrope;font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.73;letter-spacing:normal;text-align:left;color:#1d1d1d}.test_default_btn1{font-weight:800;border-radius:12px;font-size:18px;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:12px;padding:10px 30px;font-family:Manrope}.MuiFormControl-marginNormal{margin-top:5px!important;margin-bottom:0!important}.MuiInput-underline:before{border-bottom:0!important}.MuiFormControl-root input[type=text]{height:31px!important}#admin_test_list a .test_icon_css{padding:0;line-height:44px}.question_indv_row .que-title{display:inline-block;vertical-align:top;margin-bottom:1rem;width:85%}.question_indv_row .que-title p{margin-bottom:0}.btns:hover{color:#fff}#paginate .add_submit_btn:hover{color:#000}#paginate .selected-page{background-color:#2162c1;color:#fff}.row.assesmenttitle{margin:0 0 0 -30px}#dt_piker .MuiFormControl-fullWidth{width:100%;border-bottom:dotted .5px;height:55px}
.test-card-div{margin-top:30px}.test-card-div span{padding-bottom:10px}.card-head{border-radius:4px;background-color:#656c9b;color:#f9f9fb;height:60px}.float-child{float:left;margin-right:20px}.icon-img{object-fit:contain;margin-right:12px}.PM{font-size:12.6px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#656c9b}.test-date{font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;text-align:right;color:#0e1447}.test-percentage{width:72px;height:16px;font-family:Roboto;font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;text-align:right;color:#0e1447}.test-completed{width:92px;height:15px;font-size:12.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#748196}.test-attempt{font-size:18px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;text-align:right;color:#474a5c}.progress{height:10px;border-radius:6px}.progress-bar{height:10px}.test-card-div .card-body{min-height:180px}.test-card-div .btn-outline-primary{width:153px;height:60px;margin:0 0 0 428px;padding:18px 54px;border-radius:12px;border-color:#fb5607;background:linear-gradient(227deg,#fa8f5b 151%,#fb5607 56%)}.test-card-div .btn-outline-primary:hover{color:#ebedf2}.testHeader{background-color:#fff}.MarginL150{margin-left:150px}@media all and (max-width:767px){.divcard{width:280px}}.quetion_style{font-family:Roboto;font-size:20.8px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.06px;color:#2b2e34}.selected_option{border-radius:19.5px;background-color:#3fc9b7;width:100%!important;height:100%!important;padding-bottom:8px}.selected_option_wrong{border-radius:19.5px;background-color:#f16996;width:100%!important;height:100%!important;padding-bottom:8px}.option_style{width:100%;height:auto;position:relative}.selected_option_style{width:100%;height:auto;position:relative;font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#f9f9fb}.option_style{font-family:Roboto;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#748196}#monthlabel{width:226px;height:38px;margin:72.5px 0 73px .5px;object-fit:contain;font-family:Manrope;font-size:26px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.11;letter-spacing:normal;text-align:left;color:#000}.correct-ans{border-bottom:5px solid #1dc9b7}.wrong-ans{border-bottom:5px solid #ec6896}.OvalRad{width:21px;height:21px;color:#fff;margin:8px}.question_options{margin-top:5%}.test_label_title{font-family:Manrope;font-size:20.3px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#fff}.test_title_line{width:1px;height:34px;border:solid 1px #545a7f}.test_label_date{font-family:Manrope;font-size:12.6px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;padding-top:6px;color:#ebedf2}.ResultRectangle{width:100%;height:0%;border:solid 1px #ebedf2;background-color:#f9f9fb}.ResScoreLabel{width:52px;height:24px;font-family:Roboto;font-size:20.3px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#656c9b}.ResScoreLabel2{width:42px;height:24px;font-family:Roboto;font-size:20.3px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#2b2e34}.ResScoreLabel3{width:82px;height:24px;font-family:Roboto;font-size:20.3px;font-weight:300;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#748196}.indv_option_style{margin-top:-8px;word-break:break-all}.show_percentile_btn{background-color:#428100;font-size:11.2px;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:4px;border:solid 1px #428100;padding:6px 20px}.show_percentile_btn:hover{color:#fff;text-decoration:none}.alarm_img{width:29px;height:30px;object-fit:contain;margin-top:-10px}.myTests .nav-tabs .nav-link.active{font-weight:500}.nav-tabs .nav-link.active{border-bottom:3px solid #2162c1;width:137px;object-fit:contain;margin:0 0 0 .5px;font-family:Manrope;font-size:20px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.1;letter-spacing:normal;text-align:left;color:#000}.nav-tabs .nav-link{object-fit:contain;opacity:.6;font-family:Manrope;font-size:20px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.1;letter-spacing:normal;text-align:left;color:#1d1d1d}.myTests .nav-tabs .nav-link{font-family:Roboto;font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#748196;text-align:center}.paddingL29{padding-left:29px}.paddingL36{padding-left:36px}.react-codemirror2{width:100%;padding:10px}.run_btn{background:#ec495e;color:#fff;border-color:#ec495e;width:100px}.run_btn:hover{color:#fff;background-color:#ec495e;border-color:#ec495e}.bg_color{background-color:#fff}.title_page{width:167px;height:38px;margin:11px 29px 80px 6px;object-fit:contain;font-family:Manrope;font-size:28px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.21;letter-spacing:normal;text-align:left;color:#2162c1}.logo_image{margin-bottom:14px;height:30px}.search_logo{width:80px}.pills-purple-gradient .nav-item .nav-link.active{background:linear-gradient(400deg,#2162c1,#62c0eb);width:65%!important}.pills-rounded .nav-item .nav-link{border-radius:.5em;width:65%!important}.MarginL154{margin-left:154px}.paddingL90{padding-left:90px}.react-search-field-input{width:80%}.paddingT25{padding-top:25px}.month{width:226px;margin:72.5px 10px 73px .5px;object-fit:contain;font-family:Manrope;font-size:23px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.21;letter-spacing:normal;text-align:left;color:var(--black)}.search-btn{border-radius:50%;width:50%;height:100%;background-color:#2162c1}.start_test{width:105px;height:35px;margin:0 0 0 428px;padding:18px 54px;border-radius:12px;box-shadow:0 10px 20px 0 rgba(251,86,7,.1);background:linear-gradient(227deg,#fa8f5b ,#fb5607);margin-top:8px;object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:3.44;letter-spacing:normal;text-align:left;color:#fff}.test_title{object-fit:contain;font-family:Manrope;font-size:20px;font-weight:800;font-stretch:normal;font-style:normal;line-height:3.1;letter-spacing:normal;text-align:left;color:#fb5607}.retest{width:105px;height:35px;margin:0 0 0 220px;padding:18px 47px 18px 48px;object-fit:contain;border-radius:12px;box-shadow:0 10px 20px 0 rgba(0,196,154,.1);background:linear-gradient(227deg,#1eeabe ,#00c49a)}.btn-search{border-radius:50%;width:60%;height:81%;background-color:#2162c1;border:1px solid #2162c1}.marginT20{margin-top:20px}.fa{font-size:15px;font-weight:200}.schedule .nav-link{margin:0 25px}.schedule .nav-link.active{border-bottom:3px solid #2162c1!important}#inputgroup{height:60px!important;border-radius:14px;width:90%;margin:0 45px}button#all_view,button#class_view,button#monthly_view{border-radius:8px;font-weight:800}#row1{margin-top:25px}img#arrowicon{margin:0 10px;width:42px;height:42px;border-radius:15px}#subject{margin:0;padding:0 20px;border-radius:13px;height:50px;width:250px;color:#000;font-size:18px}#cardheader{padding:30px 20px}#row11{padding:15px}@media screen and (max-width:420px){button#all_view,button#class_view,button#monthly_view{margin:10px}#nav-link .nav-link{font-size:26px;font-weight:400;letter-spacing:.04px;color:#abafb5!important;padding:10px 30px}.schedule .nav-link.active{border-bottom:solid 3px #2162c1;color:#2b2e34!important;font-weight:800;font-size:18px;font-family:Manrope}#monthlabel{object-fit:contain;font-family:Manrope;font-size:24px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.21;letter-spacing:normal;text-align:left;color:#000}#subject{margin:10px;padding:0 20px;border-radius:13px;height:50px;width:100%;color:#000;font-size:18px}.pad-t-20{padding-top:0}.test-view-container{width:100%;height:100%}#cardheader{padding:10px 20px}.test_icon_css{width:40px;height:40px;margin:0 40px 10px 40px;padding:7px 13px;font-size:18px;object-fit:contain;border-radius:50%;color:#fff}.asses_list_div{width:100%;padding:0!important}#nav-link .nav-link.active{border-bottom:solid 3px #2162c1;color:#2b2e34!important}#inputgroup{height:60px!important;border-radius:14px;width:60%;margin:0 20px}}.card>hr{margin-right:0;margin-left:42px}.pad-l-20{padding-left:40px}@media screen and (max-width:1200px) and (min-width:350px){#monthlabel{object-fit:contain;font-family:Manrope;font-size:24px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.21;letter-spacing:normal;text-align:left;color:#000}img#arrowicon{margin:0 5px;width:42px;height:42px;border-radius:15px}.schedule .nav-link{margin:0;font-weight:800;font-size:18px;font-family:Manrope}#nav-link .nav-link{font-size:14px;font-weight:400;letter-spacing:.04px;color:#abafb5!important;padding:10px}#nav-link .nav-link.active{border-bottom:solid 3px #2162c1;color:#2b2e34!important}}.row.assesmenttitle #inputgroup{height:60px!important;border-radius:14px;width:90%;margin:0 80px}#addQuestionPage .content-header{padding:0 0 15px 0!important}
.add_config_btn {
    height: 35px;
    border-radius: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);
    background-color: #3699ff;
    color: #fff;
    margin-left: 35px
}

.new_font {
    font-family: Roboto;
    font-size: 14.2px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .04px;
    color: #2b2e34
}

#nba_form .form-control {
    display: block;
    width: 100%;
    height: calc(2.05rem + 1px);
    padding: .315rem .65rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .35rem;
    box-shadow: inset 0 0 0 transparent;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

.head_form {
    width: 178px;
    height: 27px;
    font-family: Roboto;
    font-size: 22.8px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: .06px;
    color: #2b2e34
}
.react-datepicker-wrapper{
    width: 100% !important;
}
.test_icon_css{width:45px;height:45px;padding:10px 13px;font-size:18px;object-fit:contain;border-radius:50%;color:#fff}.Assessment_head{object-fit:contain;font-family:Manrope;font-size:22px;font-weight:800;font-stretch:normal;font-style:normal;line-height:1.21;letter-spacing:normal;text-align:left;color:#2162c1}.test_title_new{object-fit:contain;font-family:Manrope;font-size:19px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.test_datetime{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#3e4348}.test_default_btn{font-size:11.2px;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:4px;padding:8px 20px;font-family:Manrope}.btn-outline-active-asses{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:4px;padding:9px 22px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);background-image:linear-gradient(245deg,#2162c1,#2162c1);margin-right:15px}.asses_search_div{background-color:#f8f8f8;border:0}.asses_search_div:focus{background-color:#f8f8f8}.asses_list_div{width:100%;padding:4px}.img_width{width:50%!important;height:15px!important;margin-right:5px}.btn-font16{font-size:17px!important;width:125px!important;font-weight:800}.SearchInput{margin:0 0!important;border:0 solid #ccc!important;height:40px!important}.fa_marign{margin-right:5px}.fa_18px_size{font-size:18px}.btn-outline-default-teacher-asses:hover{color:#2162c1!important}.btn-outline-default-teacher-asses{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#2162c1;background-color:#c6d4df;border-radius:4px;padding:9px 22px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);margin-right:15px}.add_que_assessment_label{object-fit:contain;font-family:Manrope;font-size:22px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#2162c1}.options_radio_btn{width:20px;height:18px;opacity:.87;border-radius:10px;border:solid 1px #ced5db;background-color:#fff;margin:10px 10px 10px 10px}.Paddingt40{padding-top:40px}.paddingL10{padding-left:10px}.mar35{margin-top:35px}.month_label_new{width:226px;height:38px;margin:72.5px 0 77px 16.5px;object-fit:contain;font-family:Manrope;font-size:23px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.11;letter-spacing:normal;text-align:left;color:#000}#teach_form .month_label_new{margin-left:0!important}.pad-t-5{padding-top:5px}.teach_arrow_icon{padding-top:5px;width:42px;height:42px;object-fit:contain;border-radius:12px;background-color:#f6f9fd}#arrowicon{padding-top:5px;width:42px;height:42px;object-fit:contain;border-radius:12px;background-color:#f6f9fd}.teachbtn-close{width:40px;height:40px;margin:0 0 32px 0;padding:6px;object-fit:contain;border-radius:30px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);background-color:#2162c1;border:1px solid #2162c1}.btn-outline-active-asses{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:12px;padding:9px 22px;background-image:linear-gradient(245deg,#2162c1,#2162c1);margin-right:15px}.btn-outline-default-teacher-asses{font-family:Manrope;font-size:18px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#2162c1;background-color:#f6f8fc;border-radius:12px;padding:9px 22px;margin-right:15px}#teach_form .form-control{font-size:13px;color:#000;font-family:Manrope;font-weight:800}.padd-B35{padding-bottom:35px}.paddingL23{padding-left:23px}.que_tag{object-fit:contain;font-family:Manrope;font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.73;letter-spacing:normal;text-align:left;color:#1d1d1d}.que_option{object-fit:contain;font-family:Manrope;font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.73;letter-spacing:normal;text-align:left;color:#1d1d1d;display:block}.que_option span p{display:inline-block}.que_option:before{content:'';-webkit-appearance:none;padding:10px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:5px;opacity:.87;border-radius:10px;border:solid .5px #90a6bb;background-color:#f9fbfc}.add_question_que_label{font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#2b2e34}.test_type_lebel_create_test{font-family:Manrope;font-size:16px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#748196;margin-top:10px}.MarginT10{margin-top:10px}.custom-control-label{height:16px;font-family:Manrope;font-size:14.2px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34;padding-top:5px}.test_radio{width:30px;height:16px;opacity:.87;border-radius:10px;border:solid 1px #ced5db;background-color:#fff}.time_limit{padding-top:8px}.time_limit .timelabel{margin-bottom:0;top:4px;position:relative}.time_limit .form-control{border:0;border-bottom:1px solid #000;border-radius:0;padding:0;line-height:1;height:32px}.arrowBox{width:35%;float:right;padding:4px 0}.queImg{position:relative;display:inline-block}.closeImg{position:absolute;top:2px;right:2px;border-radius:50%;background-color:#fb5607;border:2px solid #d85744;color:#fff;width:25px;height:25px;padding:0;line-height:20px;text-align:center}.closeImg i.fa.fa-close{font-size:16px}.btn1:hover{color:#007bff}
.asses_question_div{background-color:#fafafa;padding:15px;border-radius:10px}.asses_que_style{object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#1d1d1d}.asses_option_style{object-fit:contain;font-family:Manrope;font-size:16px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#1d1d1d}.submit_assesmnt1{object-fit:contain;border-radius:6px;color:#fff;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);background-image:linear-gradient(248deg,#62c0eb 154%,#2162c1 56%)}.submit_assesmnt{font-family:Manrope;font-size:11.2px;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:8px;padding:9px 22px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);background-image:linear-gradient(245deg,#62c0eb,#2162c1);font-weight:800}i.fa.fa-close{font-weight:200;font-size:18px}i.fa.fa-exclamation{padding:0 3px}#teach_add_assess .test_default_btn1{font-weight:800;border-radius:12px;font-size:18px;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:12px;padding:6px 10px;font-family:Manrope}.test_default_btn{border-radius:12px;font-weight:800}#assess_test_row{padding-top:20px;padding-left:10px}#time-picker-label{font-size:17px;color:#2162c1;font-weight:800;font-family:Manrope}#time-picker-label .label{font-weight:800}.timelabel{font-size:12px;color:#2162c1;font-weight:800;font-family:Manrope}#teach_add_assess label:not(.form-check-label):not(.custom-file-label){font-weight:800!important}.que_tag{object-fit:contain;font-family:Manrope;font-size:16px;font-weight:600;font-stretch:normal;font-style:normal;line-height:1.73;letter-spacing:normal;text-align:left;color:#1d1d1d}#teach_add_assess .form-control{font-size:15px;color:#000;font-family:Manrope;font-weight:800}.time_limit .form-control{border:0;border-bottom:1px solid #000;border-radius:0;padding:0;line-height:1;height:32px}.marginL30{margin-left:27px}.btn_assess_display{font-weight:800;font-size:14px;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:63%;padding:10px 10px;font-family:Manrope;height:50px;width:50px;margin:10px}.test_line{width:1px;height:30px!important;margin-left:6px;margin-right:6px;color:grey}.fa{font-size:20px;font-weight:400}.submit_ans_font{font-family:Manrope;font-size:18px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#2b2e34}#teach_add_assess .oval{opacity:1.6}#teach_form .oval{opacity:1.6}#admin_add_assess .form-control{font-size:15px;color:#000;font-family:Manrope;font-weight:800}.MuiFormControl-marginNormal{margin-top:16px;margin-bottom:8px}.MuiInputBase-root.Mui-disabled{color:rgba(0,0,0,.38);cursor:default}.MuiInputBase-root{display:inline-flex;font-size:1rem;box-sizing:border-box;align-items:center;font-family:Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.1876em;letter-spacing:.00938em}.MuiInputBase-input.Mui-disabled{opacity:1}.time_limit{padding-top:8px}.time_limit .timelabel{font-size:12px;margin-bottom:0;top:4px;position:relative}.MuiInputBase-input{color:currentColor;width:100%;height:1.1876em;margin:0;display:block;padding:6px 0 7px;min-width:0;background:0 0;box-sizing:content-box;animation-name:mui-auto-fill-cancel;letter-spacing:inherit;animation-duration:10ms;-webkit-tap-highlight-color:transparent}.MuiInput-underline:before{left:0;right:0;bottom:0;content:"\00a0";position:absolute;transition:border-bottom-color .2s cubic-bezier(.4,0,.2,1) 0s;border-bottom:1px solid rgba(0,0,0,.42);pointer-events:none}.MuiInput-underline:after{left:0;right:0;bottom:0;content:"";position:absolute;transform:scaleX(0);transition:transform .2s cubic-bezier(0,0,.2,1) 0s;border-bottom:2px solid #3f51b5;pointer-events:none}.MuiInput-underline.Mui-disabled:before{border-bottom-style:dotted}
#editbtn{vertical-align: middle; margin: 0px}

.score_marlks_label_vw_reslt{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.view_rslt_marks_label{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:right;color:#14dd5e}.view_rslt_0marks_label{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:right;color:#1d1d1d}.selected_oval_inner_right_asses{margin-left:4px;width:12px;height:12px;padding-left:12px;opacity:1.6;border-radius:50%;display:inline-block;background-color:#5ecab6}.selected_oval_outer_right_asses{width:21px!important;height:21px!important;opacity:2.6;border-radius:50%;display:inline-block;border:solid 1px #d0d8ec}.selected_oval_inner_wrong_asses{margin-left:4px;width:12px;height:12px;padding-left:12px;opacity:1.6;border-radius:50%;display:inline-block;background-color:#ec6896}.selected_oval_outer_wrong_asses{width:21px!important;height:21px!important;opacity:2.6;border-radius:50%;display:inline-block;border:solid 1px #d0d8ec}.asses_back_btn_css{width:40px;height:40px;padding:6px 13px;font-size:18px;object-fit:contain;border-radius:50%;color:#fff}.show_result_th_label{font-family:Manrope;font-size:16px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#0e1447}.show_result_st_name{font-family:Manrope;font-size:14.2px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#474a5c}.test_remark_fail{font-family:Manrope;font-size:14.2px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:red}.show_result_time{font-family:Manrope;font-size:14.2px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#474a5c}.test_remark_pass{font-family:Manrope;font-size:14.2px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:green}.option_style{font-family:Roboto;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#7481aa}
#assessmentProgress .progress{height:10px;border-radius:6px;margin-bottom:10px;display:flex;overflow:hidden;font-size:.75rem;background-color:#e9ecef;width:100%;min-height:0;margin-left:0}.assessmentProgress{padding:25px 0}.attain_table tr{border:1px solid #ccc!important}.view_assessment{padding:30px 10px 0}.view_assessment .test_icon_css{background-color:#bc4b4b;display:inline-block;position:absolute;top:2px;left:8px;padding-top:5px}.view_assessment #assessmentProgress .progress{margin-top:15px}.view_assessment .test_default_btn1{margin-left:60px}.noDataFound{margin-top:40px}.noDataFound .card-header{padding:20px 30px}.noDataFound .card-header p{line-height:36px;margin-bottom:0}.test_default_btn1{font-weight:800;border-radius:12px;font-size:14px;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:12px;padding:10px 20px;font-family:Manrope}
.score_marlks_label_vw_reslt{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left}.view_rslt_marks_label{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:right;color:#14dd5e}.view_rslt_0marks_label{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:right;color:#1d1d1d}.selected_oval_inner_right_asses{margin-left:4px;width:12px;height:12px;padding-left:12px;opacity:1.6;border-radius:50%;display:inline-block;background-color:#5ecab6}.selected_oval_outer_right_asses{width:21px!important;height:21px!important;opacity:2.6;border-radius:50%;display:inline-block;border:solid 1px #d0d8ec}.selected_oval_inner_wrong_asses{margin-left:4px;width:12px;height:12px;padding-left:12px;opacity:1.6;border-radius:50%;display:inline-block;background-color:#ec6896}.selected_oval_outer_wrong_asses{width:21px!important;height:21px!important;opacity:2.6;border-radius:50%;display:inline-block;border:solid 1px #d0d8ec}.asses_back_btn_css{width:40px;height:40px;padding:6px 13px;font-size:18px;object-fit:contain;border-radius:50%;color:#fff}.show_result_th_label{font-family:Manrope;font-size:16px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#0e1447}.show_result_st_name{font-family:Manrope;font-size:14.2px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#474a5c}.test_remark_fail{font-family:Manrope;font-size:14.2px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:red}.show_result_time{font-family:Manrope;font-size:14.2px;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#474a5c}.test_remark_pass{font-family:Manrope;font-size:14.2px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:green}.option_style{font-family:Roboto;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#7481aa}.assessment_status{padding:6px;position:relative;bottom:14px;right:8px}.online{background-color:#37770f}.offline{background-color:#fff}.font-16{font-size:16px!important}.marginL-27{margin-left:27px}.label_test{font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.05px;color:#fff;margin-left:35px}.teacher-view-st-test-result{padding:30px 10px 0}.teacher-view-st-test-result .test_icon_css{display:inline-block;position:absolute;top:2px;left:6px}.test-title{display:inline-block;margin-left:60px}.test-title p{margin-bottom:0}.teacher-view-st-test-result .asses_option_style{padding:6px 0;margin-bottom:0}.card>hr.test_divider{width:93%;margin:10px auto}.asses_que_style p{display:inline}.asses_question_div p{display:inline}
.st_graph_title{object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#1d1d1d}.st_graph_els{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#1d1d1d}.gray_bckgrnd{background-color:#f4f5f6}.progress-pace-daily{width:60px;height:100%;min-height:160px;margin:0;object-fit:contain}.pace-daily-progress-bar-active{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#2062c0}.pace-daily-pts-label{object-fit:contain;font-family:Manrope;font-size:17px;font-weight:800;font-stretch:normal;font-style:normal;line-height:8.58;letter-spacing:normal;text-align:center;color:#2162c1}.pace-daily-date-label{object-fit:contain;font-family:Manrope;font-size:12px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#3e4348}.perfection-daily-progress-bar-active{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#fa0}.perfection-daily-pts-label{object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:8.58;letter-spacing:normal;text-align:center;color:#fa0}.my_pgs_icon_css{width:50px;height:50px;padding:7px 10px;font-size:18px;object-fit:contain;border-radius:50%;background-color:#eff8ff}.btn-download-report{font-family:Manrope;font-size:14px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:4px;padding:9px 22px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);background-image:linear-gradient(245deg,#62c0eb,#2162c1)}.btn-download-report:hover{color:#fff}.DownloadIconImgAR{width:20px;padding-right:5px}.MyReportCardLabel{object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#2162c1}.MyReportCardLabel2{object-fit:contain;font-family:Manrope;font-size:12px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#1d1d1d}.MyReportCardNewLabel{padding:4px 11px;object-fit:contain;font-size:10px;border-radius:40px;color:#fff;background-color:#e93c23}.report-card-upload{margin-bottom:0!important;padding-top:25px}#view-certificate .modal-header{background-color:#2162c1;color:#fff}#report_path{padding:0 20px;border-radius:13px;height:42px;width:100%;color:#000;font-size:14px}.report-card-upload #subject{margin:0 0;padding:0 20px;border-radius:13px;height:42px;width:100%;color:#000;font-size:18px}#lbldvs{margin:-15px 0 0 60px}#lblcls{margin:-15px 0 0 45px}#inputlbl{font-size:12px;font-weight:800!important;color:#000;font-family:Manrope}.title_label{object-fit:contain;font-family:Manrope;font-size:30px;font-weight:800;font-stretch:normal;font-style:normal;line-height:2.21;letter-spacing:normal;text-align:left;color:#2162c1}.row{margin:0;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;width:100%}.st_title{object-fit:contain;font-family:Manrope;font-size:27px;font-weight:800;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:left}.float-right{float:right!important}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.card{box-shadow:0 0 1px rgb(0 0 0 / 13%),0 1px 3px rgb(0 0 0 / 20%);margin-bottom:1rem}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-clip:border-box;border:0 solid rgba(0,0,0,.125);border-radius:.25rem}.gray_bckgrnd{background-color:#f4f5f6}.MarginT53{margin-top:53px}.card-header:first-child{background-color:#fff}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.gray_bckgrnd>.card-header{background-color:#f4f5f6;padding-top:30px}.class-module-icon{width:36px;height:36px;margin:6px 16px 19px 0;object-fit:contain}img{vertical-align:middle;border-style:none}#drpmenu{font-size:14px;font-weight:800!important;color:#000;font-family:Manrope;width:160px;padding-left:4px}.form-label{height:16px;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.04px;color:#2b2e34}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0}#lblcls{margin:-15px 0 0 45px}.card-header{text-transform:capitalize;border-bottom:0;padding:.75rem 1.25rem;position:relative;background-color:transparent}.apexcharts-menu-icon{cursor:pointer;width:20px;height:20px;line-height:24px;color:#6e8192;text-align:center}.apexcharts-menu-icon{transform:scale(.85);position:relative}.apexcharts-toolbar .apexcharts-menu-icon{margin-right:95px}.apexcharts-toolbar{position:absolute;z-index:11;max-width:176px;text-align:right;border-radius:3px;padding:0 6px 2px 6px;display:flex;justify-content:space-between;align-items:center}#dropdown-calender-pace #date-select{margin:0}#dropdown-calender-screentime{margin:-89px 0 0 -360px;cursor:pointer}#dropdown-calender-perfection{margin:0px}#dropdown-calender-perfection #date-select{margin:0}#dropdown-calender-testcount{margin:0}#dropdown-calender-testcount #date-select{margin:0}#testcountsubjectdropdown{margin:0}#dropdown-calender-perfection-weekly{margin:0}#dropdown-calender-pace-weekly{margin:0;}#subjectdropdownscreentime{margin:0;}div#dropdown-calender-pace{margin:0;}.react-datepicker-popper{margin-top:10px;margin-left:0px;position:relative}#testcountsubjectdropdown #date-select{margin: 0;}#testCount_chart .selection_box{position: absolute;top: 32px;right: 35%;width: 38%;}#testCount_chart .apexcharts-menu-icon{width: 100px;height: 100px;}#testCount_chart .apexcharts-menu-icon #myprogressicn{width: 100px;}#testCount_chart .apexcharts-toolbar{top: -30%!important;right: unset!important;max-width: 100px;left:14%;}#testCount_chart .react-datepicker-popper{margin-left: 0;}#testCount_chart #date-select, #testCount_chart #years-select, #perfection_chart #date-select, #perfection_chart #year-select, #pace_chart #year-select, #screenTime_chart #year-select,#testCount_chart #year-select{margin: 0;width: 150px;padding: 0 20px;}#perfection_chart .my_class_analytics{position: absolute;top: 32px;right: 35%;width: 38%;justify-content: flex-end;}#perfection_chart .apexcharts-menu-icon{width: 100px;height: 100px;}#perfection_chart .apexcharts-menu-icon #myprogressicn{width: 100px;}#perfection_chart .apexcharts-toolbar{top: -30%!important;right: unset!important;max-width: 100px;left:14%;}#perfection_chart #perfectionwicn{margin:0;}#perfection_chart #perfectionicon{margin:-45px 0 0 0;}#pace_chart .my_class_analytics{position: absolute;top: 32px;right: 35%;width: 38%;justify-content: flex-end;}#pace_chart .apexcharts-menu-icon{width: 100px;height: 100px;}#pace_chart .apexcharts-menu-icon #myprogressicn{width: 100px;}#pace_chart .apexcharts-toolbar{top: -30%!important;right: unset!important;max-width: 100px;left:8%;}#pace_chart #pacedwnicnmonthly{margin: -80px 0 0;}#screenTime_chart .my_class_analytics{position: absolute;top: 32px;right: 20%;}#screenTime_chart .apexcharts-menu-icon{width: 100px;height: 100px;}#screenTime_chart .apexcharts-menu-icon #myprogressicn{width: 100px;}#screenTime_chart .apexcharts-toolbar{top: -66%!important;right: unset!important;max-width: 100px;left:16%;}#screenTime_chart .week_screenTime{position: absolute;right: 38%;top: 30px;width: 38%;justify-content: flex-end;} #pace_chart .pace-weekly{margin: 0px 0px 0px -50px;}#perfection_chart .pace-weekly{margin: 0px 0px 0px -50px!important;}
.MarginB25{margin-bottom:25px}.progress_dropdown{border:1px #fff;background-color:#f9fafb;font-size:20px;height:50px}.apexcharts-text tspan{font-family:inherit;font-size:15px;font-weight:800;font-family:Manrope}#scoremonthcolumn .apexcharts-xaxistooltip.apexcharts-active{opacity:1;transition:.15s ease all;color:#00c49a;font-size:17px;font-weight:800}.icon_down{margin-top:-50px;margin-left:27px}.icon_load{margin-top:-74px}.icon_marg_download{margin-top:-44px;margin-left:73px}#subject{margin:0;padding:0 20px;border-radius:13px;height:50px;width:100%;color:#000;font-size:18px}.img_circle{width:50px;height:50px;padding:11px 13px;font-size:18px;object-fit:contain;border-radius:50%}.MarginT40{margin-top:40px}.screen_nav .nav-link.active{background:linear-gradient(222deg,#4e6de7,#6b4ee7);color:#fff!important}.screen_nav .nav-link{margin:0 4px 0 13px;object-fit:contain;border-radius:12px;color:#6b4ee7!important;font-family:Manrope;font-size:18px;font-weight:800;background-color:#f9fafb}.pace_nav .nav-link.active{background:linear-gradient(222deg,#62c0eb,#2162c1);color:#fff!important}.pace_nav .nav-link{margin:0 4px 0 13px;object-fit:contain;border-radius:12px;color:#2162c1!important;font-family:Manrope;font-size:18px;font-weight:800;background-color:#f9fafb}.test_nav .nav-link.active{background:linear-gradient(222deg,#fede04,#fa0);color:#fff!important}.test_nav .nav-link{margin:0 4px 0 13px;object-fit:contain;border-radius:12px;color:#fa0!important;font-family:Manrope;font-size:18px;font-weight:800;background-color:rgba(255,170,0,.1)}.subround{width:60px;height:60px;margin:23px 20px 48px 52px;padding:19px 22px 19.3px;object-fit:contain;border-radius:30px}.stReportMonthcomp{display:flex;margin-bottom:0}.stReportMonthcomp .form-label{width:40%;margin-bottom:0;line-height:38px;font-size:14.2px;font-weight:300;letter-spacing:.04px;color:#748196;text-align:right;margin-right:10px}.stReportMonthcomp .form-control{width:60%;border-radius:4px;border:solid 1px #e5e8eb;background-color:rgba(253,253,253,.94);font-size:14.2px;font-weight:300;letter-spacing:.04px;color:#748196}.printReportPageTXT{font-size:12.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#7e7e8c}.printReportTXT{font-size:12.6px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.03px;color:#7e7e8c}.apexcharts-toolbar .apexcharts-menu-icon{margin-right:95px}.mainContent{margin-top:0!important}.card-header h4{font-size:16px;font-weight:500;letter-spacing:.04px;color:#2b2e34;line-height:38px;font-weight:700}.stMonthcomp{display:flex;margin-bottom:0}.stMonthcomp .form-label{width:40%;margin-bottom:0;line-height:38px;font-size:14.2px;font-weight:300;letter-spacing:.04px;color:#748196;text-align:right;margin-right:5px}.stMonthcomp .form-control{width:185px;height:35px;margin:0;padding:0 27.2px 0 21px;object-fit:contain;border-radius:12px;border:solid 1px #d7dce2;color:#1d1d1d;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal}.accuracyyear{width:50%!important}.stPosition .card-header p{margin-bottom:0;font-size:12.6px;letter-spacing:.03px;color:#7e7e8c;line-height:38px;text-align:right;padding-right:30px}.stPosition .card-header p .fa{color:#7e7e8c;font-size:16px}.stPosition .card-body{margin-bottom:25px}.stPos .nav-item{width:14%;text-align:center}.stPos li div{display:inline-grid}.bgCircle{width:35px;height:35px;line-height:25px;background-color:#f9f9fb;font-size:20.3px;font-weight:700;letter-spacing:.05px;text-align:center;color:#3699ff;padding:5px;border-radius:50%;display:inline-block;margin-left:18px}.stPos p{font-size:28.8px;font-weight:700;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:.07px;text-align:center;color:#2b2e34;margin-bottom:0}.stLabel{font-size:12.6px;font-weight:300;letter-spacing:.03px;color:#90a6bb;margin-bottom:10px}.pinkTxt{font-size:12.6px!important;font-weight:400!important;letter-spacing:.03px!important;color:#fd397a!important}.pinkTxt span{background-color:#fd397a;width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:8px}.greenTxt{font-size:12.6px!important;font-weight:400!important;letter-spacing:.03px!important;color:#ff8000!important}.greenTxt span{background-color:#ff8000;width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:8px}.stPos .nav-item:nth-child(even){padding-top:40px}.schedule .nav-link.active{border-bottom:solid 3px #2162c1;color:#2b2e34!important;font-weight:800;font-size:18px}.schedule .nav-link{font-size:18px;font-weight:400;letter-spacing:.04px;color:#2b2e34!important;font-weight:800;font-size:18px}.stPos .apexcharts-grid,.stPos .apexcharts-legend-series,.stPos .apexcharts-toolbar,.stPos .apexcharts-xaxis,.stPos .apexcharts-yaxis{display:none!important}.stScore .apexcharts-legend{right:unset!important}.accuracy .apexcharts-legend-series,.accuracy .apexcharts-toolbar{display:none!important}.stAccuracy .marker{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:5px;background-color:#fff;padding:3px}.stAccuracy label.graphlabel{margin-right:10px;line-height:35px;margin-bottom:0;font-size:11.2px;font-weight:400;letter-spacing:.03px;color:#90a6bb}.stAccuracy .marker.class{border:2px solid #67e497}.stAccuracy .marker.you{border:2px solid #198ffb}.speed .apexcharts-legend-series,.speed .apexcharts-toolbar{display:none!important}.stspeed .marker{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:5px}.stspeed label.graphlabel{margin-right:10px;line-height:35px;margin-bottom:0;font-size:11.2px;font-weight:400;letter-spacing:.03px;color:#90a6bb}.stspeed .marker.class{background-color:#67e497}.stspeed .marker.you{background-color:#198ffb}.clusterImg{height:60px}.stScore .apexcharts-inner{transform:translate(100px,0)!important}@media all and (min-width:1400px){.weeklyscore .daterange{width:70%}.downloadReport{width:30%;text-align:right;padding-right:35px}.stReportMonthcomp .daterange{width:70%}.stMonthcomp .daterange{width:70%}.st_attendance .apexcharts-toolbar{top:-40px!important}.st_attendance p.f-r{padding-right:35px}.testReports .apexcharts-toolbar{top:-48px!important}.mDownloadReport{width:25%;text-align:right}}@media all and (min-width:1200px) and (max-width:1399px){.weeklyscore .daterange{width:70%}.stMonthcomp .daterange{width:70%}.stReportMonthcomp .daterange{width:70%}.downloadReport{width:30%;text-align:right;padding-top:5px}.mDownloadReport{width:25%;text-align:right;margin-left:26px}.st_attendance .form-control{width:60%!important}.st_attendance .apexcharts-toolbar{top:-42px!important;right:10px!important}.st_attendance p.f-r{padding-right:35px}.testReports .apexcharts-toolbar{top:-48px!important;right:10px!important}.mTestReports .apexcharts-toolbar{top:-54px!important;right:28px!important}}@media all and (max-width:1200px){.weeklyscore .daterange{width:100%}.stMonthcomp .daterange{width:100%}.downloadReport{width:100%;text-align:right;margin-bottom:0;margin-top:-15px}.apexcharts-toolbar{top:-32px!important}.st_attendance .apexcharts-toolbar{top:-76px!important}.st_attendance p.f-r{padding-right:32px;line-height:1;margin-top:8px}.testReports .apexcharts-toolbar{top:-30px!important}.mDownloadReport{width:95%;text-align:right;padding-right:12px}.mTestReports .apexcharts-toolbar{top:-46px!important}}.left-card-div{padding-left:18px;padding-top:25px}.right-card-div{padding-right:18px;padding-top:25px}.reportDateRange{padding-left:0!important}.reportDateRange .form-label{text-align:right;padding-right:6px}.form-control{font-size:14px}@media all and (min-width:991px){.weeklyAnalytics .apexcharts-toolbar{right:10px!important}.dailyAnalytics .daterange,.weeklyAnalytics .daterange{width:65%}.dailyAnalytics .downloadReport,.weeklyMyScore .downloadReport{width:35%;margin-top:0}.monthlyAnalytics .daterange{width:70%}.monthlyAnalytics .downloadReport{width:30%;margin-top:0}.stdTestReport .dailyAnalytics .apexcharts-toolbar{padding-right:10px}}@media all and (min-width:768px) and (max-width:990px){.dailyAnalytics .apexcharts-toolbar{top:-52px!important;padding-right:10px}.dailyAnalytics .downloadReport,.weeklyAnalytics .downloadReport{width:35%;margin-top:0}.weeklyAnalytics .apexcharts-toolbar{top:-52px!important}.monthlyAnalytics .apexcharts-toolbar{top:-52px!important}.monthlyAnalytics .downloadReport{width:30%;margin-top:0}.dailyAnalytics .daterange,.weeklyAnalytics .daterange{width:65%!important}.monthlyAnalytics .daterange{width:70%!important}.stdTestReport .stMonthcomp .form-label{line-height:14px}.icon_marg_download{margin-top:-84px;margin-left:51px}.stMonthcomp .form-control{margin:0 0 20px 0}.test_nav .nav-link.active{margin:20px 10px 15px 9px}.test_nav .nav-link{margin:20px 0 0 9px}.react-datepicker__input-container{margin:20px 22px 0 10px;width:85%}.icon_down{margin-top:-63px;margin-left:60px}.reportDateRange .form-control{margin:20px 0 0 8px;width:65%}.screen_nav .nav-link.active{margin:20px 10px 15px 9px}.screen_nav .nav-link{margin:20px 0 0 9px}.ico-download{margin-right:64px;margin-top:-75px}.icon_load{margin-top:-168px;margin-left:38px}.pace_nav .nav-link.active{margin:20px 10px 15px 9px}.pace_nav .nav-link{margin:20px 0 0 9px}}@media all and (max-width:767px){.dailyAnalytics .apexcharts-toolbar,.weeklyAnalytics .apexcharts-toolbar{top:-24px!important;padding-right:10px}.dailyAnalytics .downloadReport,.weeklyAnalytics .downloadReport{margin-top:-5px}.monthlyAnalytics .downloadReport{margin-top:0}.monthlyAnalytics .apexcharts-toolbar{top:-24px!important}.stdTestReport .weeklyAnalytics .apexcharts-toolbar{top:-25px!important}.stdTestReport .stMonthcomp .form-label{line-height:14px}.mb-p-0{padding:0!important}.dailyAccuracy .dailyAnalytics .apexcharts-toolbar{top:-12px!important}.mb-p-0.card-header h4{padding:10px 0 0 13px;margin:0}.icon_marg_download{margin-top:-84px;margin-left:51px}.test_nav .nav-link.active{margin:20px 10px 15px 9px}.test_nav .nav-link{margin:20px 0 0 9px}.stMonthcomp .form-control{margin:0 0 20px 0}.react-datepicker__input-container{margin:20px 22px 0 10px;width:85%}.icon_down{margin-top:-63px;margin-left:60px}.reportDateRange .form-control{margin:20px 0 0 8px;width:65%}.screen_nav .nav-link.active{margin:20px 10px 15px 9px}.screen_nav .nav-link{margin:20px 0 0 9px}.ico-download{margin-right:64px;margin-top:-75px}.icon_load{margin-top:-168px;margin-left:38px}.pace_nav .nav-link.active{margin:20px 10px 15px 9px}.pace_nav .nav-link{margin:20px 0 0 9px}}
.st_graph_title{object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#1d1d1d}.st_graph_els{object-fit:contain;font-family:Manrope;font-size:14px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#1d1d1d}.gray_bckgrnd{background-color:#f4f5f6}.progress-pace-daily{width:60px;height:100%;min-height:160px;margin:0;object-fit:contain}.pace-daily-progress-bar-active{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#2062c0}.pace-daily-pts-label{object-fit:contain;font-family:Manrope;font-size:17px;font-weight:800;font-stretch:normal;font-style:normal;line-height:8.58;letter-spacing:normal;text-align:center;color:#2162c1}.pace-daily-date-label{object-fit:contain;font-family:Manrope;font-size:12px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#3e4348}.perfection-daily-progress-bar-active{flex-direction:column;justify-content:center;color:#fff;text-align:center;white-space:nowrap;background-color:#fa0}.perfection-daily-pts-label{object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;line-height:8.58;letter-spacing:normal;text-align:center;color:#fa0}.my_pgs_icon_css{width:50px;height:50px;padding:7px 10px;font-size:18px;object-fit:contain;border-radius:50%;background-color:#eff8ff}.btn-download-report{font-family:Manrope;font-size:14px;font-weight:800;line-height:normal;letter-spacing:.03px;color:#fff;border-radius:4px;padding:9px 22px;box-shadow:0 10px 20px 0 rgba(33,98,193,.1);background-image:linear-gradient(245deg,#62c0eb,#2162c1)}.btn-download-report:hover{color:#fff}.DownloadIconImgAR{width:20px;padding-right:5px}.MyReportCardLabel{object-fit:contain;font-family:Manrope;font-size:18px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#2162c1}.MyReportCardLabel2{object-fit:contain;font-family:Manrope;font-size:12px;font-weight:800;font-stretch:normal;font-style:normal;letter-spacing:normal;text-align:left;color:#1d1d1d}.MyReportCardNewLabel{padding:4px 11px;object-fit:contain;font-size:10px;border-radius:40px;color:#fff;background-color:#e93c23}.report-card-upload{margin-bottom:0!important;padding-top:25px}#view-certificate .modal-header{background-color:#2162c1;color:#fff}#report_path{padding:5px;border-radius:13px;height:42px;width:100%;color:#000;font-size:14px}.report-card-upload #subject{margin:0 0;padding:0 20px;border-radius:13px;height:42px;width:100%;color:#000;font-size:18px}#drpmenu{font-size:12px;font-weight:800!important;color:#000;font-family:Manrope;width:160px}#lbldvs{margin:-15px 0 0 60px}#lblcls{margin:-15px 0 0 45px}#inputlbl{font-size:12px;font-weight:800!important;color:#000;font-family:Manrope}

.form-label{
    font-size: 19px;
    color: #2162c1;
    font-weight: 600;
    width: auto;
    vertical-align: top;
    margin-right: 15px;
}
.pro_name{
    object-fit: contain;
    font-family: Manrope;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.21;
    letter-spacing: normal;
    text-align: left;
    color: #060c14;
}
.text{
    border: 1px solid #62C0EB;
    border-radius: 5px;
}

/** @format */

.left-col {
  padding: 60px 1rem 0;
  position: absolute;
  width: 250px;
  height: 100%;
}
.logo_img {
  width: 95%;
}
#naac_sss_report h4 {
  font-size: 1.4rem;
  font-size: 500;
  color: #164489;
  margin: 2rem 0;
}
#naac_sss_report .card h5 {
  color: #4caf50;
  margin-bottom: 1rem;
}
#naac_sss_report .card p {
  font-size: 1rem;
  color: #4caf50;
  text-align: justify;
}
#naac_sss_report .form-label {
  font-size: 1rem;
  height: auto;
}
#naac_sss_report .form-check {
  font-size: 1rem;
  color: #666;
  font-weight: 600;
  height: auto;
  vertical-align: middle;
}
#naac_sss_report .form-check span {
  margin-left: 10px;
  color: #000000;
}

@media all and (max-width: 767px) {
  .left-col {
    position: relative;
    width: 100%;
    margin-bottom: 1rem;
  }
  #naac_sss_report .content-wrapper {
    margin-left: 0 !important;
  }
  #naac_sss_report h2.naac-main-heading {
    line-height: 1.5;
    font-size: 1.6rem;
  }
  #naac_sss_report .col-md-6,
  #naac_sss_report .col-md-12 {
    padding-left: 0;
  }
}

.marginT20{margin-top:20px;}
.test_title {
	font-family: Roboto;
	font-size: 22.8px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.06px;
	color: #0e1447;
}
#admin_test_list{width: 100%;}
#admin_test_list .card.adminTestCard{border-radius: 4px;box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04);border: 0;}
#admin_test_list .adminTestCard .card-body{padding: 0 0 20px;}
#admin_test_list .react-tabs__tab-list {border-bottom:0;}
#admin_test_list .react-tabs__tab-list li {
	width: 21.28%;
	text-align: center;
	font-family: Roboto;
	font-size: 16px;
	letter-spacing: 0.04px;
	color: #748196;
	border-top:1px solid #d7dae1;
	/* border-bottom:1px solid #d7dae1; */
	padding: 18px 0 15px;
	bottom: 2px;
	background-color: #f9f9fb;
	opacity: 0.65;
	border-radius: 0;  
}
#admin_test_list .react-tabs__tab--selected {
	font-weight: 500!important;
	border-width: 3px 1px 0px!important;
	border-color: #1dc9b7 #d7dae1 transparent!important;
	border-style: solid;
	color: #2b2e34!important;
	opacity: 1!important;
	background-color: #fff!important;
}
#admin_test_list .react-tabs__tab-list li{
	background-color: #f9f9fb;
	padding: 0;
	line-height: 45px;
}
#admin_test_list .react-tabs__tab-list li:first-child{border-left:1px solid #d7dae1;}
#admin_test_list .react-tabs__tab-list li:first-child.react-tabs__tab--selected{border-left:0;}
#admin_test_list .react-tabs__tab-list li:last-child.react-tabs__tab--selected{border-right:0;}
#admin_test_list .react-tabs__tab-list li:last-child{border-right:1px solid #d7dae1;}
#admin_test_list .react-tabs__tab-panel .card{
	box-shadow: 0 1px 1px rgba(0,0,0,.125), 0 2px 3px rgba(0,0,0,.2);
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
.react-tabs__tab--selected {
    font-weight: 500;
    color: #2b2e34!important;
}
.test_action_btn:after {
    content: '\2807';
    font-size: 2em;
    color: #6fb6ff;
    cursor: pointer;
}
.create_test_btn{
	width: 116px;
	height: 35px;
	border-radius: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	background-color: #3699ff;
	color: #ffffff;
}

.create_quest_btn{
	width: 150px;
	height: 35px;
	border-radius: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	background-color: #3699ff;
	color: #ffffff;
}

.test_title_label {
    font-family: Roboto;
    font-size: 20.3px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.05px;
    color: #ffffff;
}

.cancle_btn {
	border-radius: 4px;
	border: solid 1px #dbdbdb;
	background-color: #fafafa;
}

/* =================Newly Added CSS==================== */

#test-type .form-group label {
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
  }
  
  #test-type .form-group label:before {
	content:'';
	-webkit-appearance: none;
	background-color: transparent;
	border: 1px solid #dbdbdb;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.21);
	padding: 8px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	opacity: 0.87;
	border-radius: 4px;
  }
  
  #test-type .form-group input:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 2px;
	left: 8px;
	width: 6px;
	height: 12px;
	border: solid #3699ff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
  }
  .test_type_chkbox{
	width: 20px;
	height: 20px;
	opacity: 0.87;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.21);
	border: solid 1px #dbdbdb;
	background-color: #ffffff;
  }
  
  .school_test_label{
	font-family: Roboto;
	font-size: 14.2px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.04px;
	color: #748196;
  }
  
  .add_quest_btn{
	width: 141px;
	height: 35px;
	border-radius: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	background-color: #3699ff;
	color: #ffffff;
	margin-left: 15px;
  }
  
  .create_test_btn{
	width: 116px;
	height: 35px;
	border-radius: 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	background-color: #3699ff;
	color: #ffffff;
  }
  
  .react-search-field-input{
	color: #000000!important;
	font-weight: 400!important;
  }
  
  .test_general_info{
	width: 100%;
	border: solid 1px #ebedf2;
	background-color: #f9f9fb;
  }
  .gnrl_info_lbl{
	font-family: Roboto;
	font-size: 14.2px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.05px;
	color:#2b2e34;  
  }
  
  .test_type_lebel_create_test{
	font-family: Roboto;
	font-size: 12.6px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.03px;
	color: #748196;
  }
  
  .test_type_radio_btn{
	width: 20px;
	height: 17px;
	opacity: 0.87;
	border-radius: 10px;
	border: solid 1px #ced5db;
	background-color: #ffffff;
  }
  
  .elementary_que_oval {
	width: 12px;
	height: 12px;
	background-color: #aeece5;
  }
  .medium_que_oval {
	width: 4px;
	height: 10px;
	font-family: Roboto;
	font-size: 8.5px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.02px;
	color: #ffb822;
  }
  
  .difficult_que_oval {
	width: 12px;
	height: 12px;
	background-color: #ffdce8;
  }
  
  .search_bar_create_test{
	float: right;
	width: 100%;
  }
  
  .test_remark_pass{
	font-family: Roboto;
	font-size: 14.2px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.04px;
	color: #17c3b1;
  }
  
  .test_remark_fail{
	font-family: Roboto;
	font-size: 14.2px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.04px;
	color: #fd397a;
  }
  
  .question_editor{
	width: 100%;
	height: 100%;
  }
  
  .no_of_que_selected_label{
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.05px;
	color: #2b2e34;
  }
  #teacherTest .card-head{display: flex;border-top-left-radius: 4px;border-top-right-radius: 4px;}
  #teacherTest .card-head .test-title{width: 78%;padding-right: 4px;}
  #teacherTest .divcard .card{box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.04);}
  #teacherTest .divcard .card-body{border-bottom-left-radius: 4px;border-bottom-right-radius: 4px; border: solid 1px #ebedf2;padding: 20px 10px;min-height: 240px;}
  .que-card-div .search_bar_create_test{border-radius: 16px;border: solid 0.5px #ced5db!important;background-color: #fcfcfd;padding: 4px 10px;height: 40px!important;}
  .que-card-div .diffLevel{padding: 25px 0 20px;}
  .que-card-div .diffLevel .test_type_lebel_create_test{margin-right: 20px;}
  .queLevel input {padding: 0;height: initial;width: initial;margin-bottom: 0;display: none;cursor: pointer;}
  .queLevel label {
	position: relative;
	cursor: pointer;
	margin-bottom: 0;
  }
  
  .queLevel label:before {
	content:'';
	-webkit-appearance: none;
	padding: 10px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
	cursor: pointer;
	margin-right: 5px;
	opacity: 0.87;
	border-radius: 4px;
	border: solid 0.5px #90a6bb;
	background-color: #f9fbfc;
  }
  
  .queLevel input:checked + label:after {
	content: '';
	display: block;
	position: absolute;
	top: 3px;
	left: 7px;
	width: 6px;
	height: 12px;
	border: solid #2b2e34;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
  }
  .ques_list_div{
	border-top: solid 2px #ebedf2;
  }
  .ques_div .oval{margin-top: 6px;}
  .ques_div .ques{font-size: 14.2px;font-weight: 500;letter-spacing: 0.04px;color: #2b2e34;}
  .modal-content .card-head{height: auto!important;}
    
  .quetion_style {
	  font-family: Roboto;
	  font-size: 20.8px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: 0.06px;
	  color: #2b2e34;
  }
  .selected_option{
	  border-radius: 19.5px;
	  background-color: #3699ff;
	  width: 100%!important;
	  height: 100%!important;
	  padding-bottom: 8px;
  }
  .selected_option_wrong{
	  border-radius: 19.5px;
	  background-color: #f16996;
	  width: 100%!important;
	  height: 100%!important;
	  padding-bottom: 8px;
	  
  }
  .option_style{
	  width: 100%;
	  height: auto;
	  position: relative;
	  word-break : break-all;
  }
  
  .selected_option_style{
	  width: 100%;
	  height: auto;
	  position: relative;
	  font-family: Roboto;
	  font-size: 16px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: 0.04px;
	  color: #f9f9fb;
  }
  
  .option_style {
	  font-family: Roboto;
	  font-size: 16px;
	  font-weight: normal;
	  font-stretch: normal;
	  font-style: normal;
	  line-height: normal;
	  letter-spacing: 0.04px;
	  color: #748196;
  }
  .correct-ans{
	  border-bottom: 5px solid #17c3b1;
  }

  .wrong-ans{
	border-bottom: 5px solid #ec6896;
  }
  
  /* .bg-info {
	background-color: #656c9b!important;
  } */

  .bg-info {
	background-color: #5ecab6!important;
  }
  
  .show_res_pgsbar_count_lbl{
	font-family: Roboto;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.05px;
	text-align: right;
	color: #ebedf2;
	float: right;
  }
  
  .show_result_rectangle {
	width: 100%;
	height: 54px;
	border: solid 1px #ebedf2;
	background-color: #f9f9fb;
  }
  
  .show_result_th_label {
	font-family: Roboto;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.04px;
	color: #0e1447;
  }
  
  .show_result_st_name{
	font-family: Roboto;
	font-size: 14.2px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.04px;
	color: #474a5c;
  }
  
  .show_result_marks{
	font-family: Roboto;
	font-size: 14.2px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.04px;
	color: #474a5c;
  }
  
  .show_result_time {
	font-family: Roboto;
	font-size: 14.2px;
	font-weight: 300;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.04px;
	color: #474a5c;
  }
  
  .diff_level_intial {
	width: 4px;
	height: 10px;
	font-family: Roboto;
	font-size: 8.5px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.02px;
	color: #1eae9f;
	margin-left: -7px;
  }
  
  .add_question_que_label {
	font-family: Roboto;
	font-size: 18px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.05px;
	color: #2b2e34;
  }

  .question_level_type_div {
	height: 54px;
	width: 100%;
	border-radius: 4px;
	background-color: #fafafa;
  }

  .question_level_type_span {
	font-family: SFProText;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.85);
  }
  .question_level_type_span2 {
	font-family: SFProText;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.65);
  }
  .ml-25{margin-left:25px;}
  .centeredbtn{display: grid;justify-content: center;align-items: center;}

  .test_list_td_lebel {
	font-family: Roboto;
	font-size: 14px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.43;
	letter-spacing: normal;
	color: rgba(0, 0, 0, 0.65);
  }
#test_list .dataTables_length, #test_list .dataTables_info, #queList .dataTables_length, #queList .dataTables_info{margin-left: 30px;}
#test_list  .mdb-datatable-filter, #test_list .dataTables_paginate, #queList .mdb-datatable-filter, #queList .dataTables_paginate{margin-right: 30px;}
#test_list .dataTables_paginate .pagination, #queList .dataTables_paginate .pagination{float: right;}
#test_list .table, #queList .table{margin-top: 20px;}
#test_list .table thead th, #queList .table thead th{background-color: #fafafa;font-size: 14px; font-weight: 500; color: rgba(0, 0, 0, 0.85)!important;line-height: 1.43;border-bottom: 1px solid #e8e8e8;}
#test_list .table tbody td{vertical-align: middle;}
#test_list .form-control_label{width: 80px;
	height: 30px;
	border-radius: 3px;
	border: solid 0.6px #ced5db;
	background-color: rgba(253, 253, 253, 0.94);
	font-family: Roboto;
	font-size: 12.5px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: 0.02px;
	color: #2b2e34;
}
#edit-test-modal .modal-footer{
	padding-left: 45px!important;
}
#edit-test-modal .test_title_label{
	padding-left: 35px;
}

#admin_test_list .questionlevelList{box-shadow: none!important;}
.questionlevelList .card-body{padding: 10px 30px;}
.questionlevelList .card-body .table thead th{background-color: #fafafa;font-size: 16px;
	font-weight: 500; color: rgba(0, 0, 0, 0.85)!important;line-height: 1.43;border-bottom: 1px solid #e8e8e8;}
.questionlevelList .card-body .table tbody td{vertical-align:middle; font-size: 16px;line-height: 1.43;color: rgba(0, 0, 0, 0.65)!important;}
.questionlevelList .card-body .table tbody td .w500{font-weight: 500;}
.questionlevelList .card-body .table thead th:first-child, .questionlevelList .card-body .table tbody td:first-child{
	width: 20%;padding-left: 30px;}


/* =======DataTable SearchBar============== */
.test_table_div > .dataTables_wrapper > div > div > .mdb-datatable-filter{
	display: none;
}
.question_table_div > .dataTables_wrapper > div > div > .mdb-datatable-filter{
	display: none;
}

.ResultRectangle {
	width: 100%;
	height: 60px;
	border: solid 1px #ebedf2;
	background-color: #f9f9fb;
}

.show_percentile_btn{
	background-color: #428100;
	font-size: 11.2px;
	line-height: normal;
	letter-spacing: 0.03px;
	color: #ffffff;
	border-radius: 4px;
	border: solid 1px #428100;
	padding: 6px 20px;
  }
  
  .show_percentile_btn:hover {
	color: #ffffff;
	text-decoration: none;
  }
  #assessment-type-btn button{
	width: 48%;
  }

  .table td{
	text-align: center;
  }
  

/* .modal_body{
	max-height: 500px!important;
	overflow-y: auto;
} */
/* Form Card Styling */
.projectStatus_card {
    background-color: #ffffff; /* Clean white background */
    border-radius: 18px; /* Soft, rounded corners */
    box-shadow: 0 6px 12px rgba(0, 123, 255, 0.15); /* Subtle blue shadow */
    padding: 25px;  
    margin-top: 20px;
    transition: transform 0.3s ease; /* Subtle card hover animation */
  }
  
  .projectStatus_card:hover {
    transform: translateY(-2px); /* Slight lift on hover */
  }
  .tabHeader{
     background-color: rgb(20 96 189);
  color: white !important;
  padding: 12px;
  text-align: left;
  border-bottom: 2px solid #0056b3;
  }
   
  /* Form Labels Styling */
  .naac-heading.form-label {
    font-size: 1.2rem; /* Slightly smaller but readable */
    color: #0056b3; /* Darker blue for labels, high contrast */
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
    transition: color 0.3s ease; /* Smooth color transition */
  }
  
  .naac-heading.form-label:hover {
    color: #004085; /* Darker blue on hover for interaction */
  }
  
  .required {
    color: #ff4040; /* Vibrant red for required fields, stands out */
    font-weight: bold;
    margin-left: 5px;
  }
  

  .form-control:focus {
    border-color: #0066cc; /* Deeper blue on focus */
    box-shadow: 0 0 10px rgba(0, 170, 255, 0.4); /* Vibrant glow effect */
    transform: scale(1.02); /* Slight zoom on focus for interaction */
    outline: none;
  }
  
  .form-control:hover {
    border-color: #00aaff; /* Vibrant blue on hover */
    transform: scale(1.01); /* Subtle zoom on hover */
  }
  
  
  /* Word Count Styling */
  .word-data {
    font-size: 1rem; /* Readable text */
    color: #666;
    text-align: right;
    margin-top: 5px;
    transition: color 0.3s ease;
  }
  
  .word-data:hover {
    color: #004085; /* Darker blue on hover for interaction */
  }
  
  
  /* High Contrast and Accessibility for Elderly Users */
  @media (prefers-contrast: high) {
    .form-control, .naac-create-btn {
      border: 3px solid #000000; /* High contrast borders */
    }
    .naac-heading.form-label, .naac-main-heading {
      color: #000000; /* High contrast text */
    }
    .required, .input-feedback {
      color: #ff0000; /* Bright red for emphasis */
    }
  }
  
  /* Responsive Design for Smaller Screens */
  @media (max-width: 768px) {
    .projectStatus_card {
      padding: 15px;
    }
    .naac-main-heading {
      font-size: 1.8rem; /* Smaller on mobile but readable */
    }
    .naac-heading.form-label {
      font-size: 1rem; /* Smaller but readable */
    }
    .form-control, .naac-create-btn {
      font-size: 0.9rem; /* Slightly smaller on mobile */
      padding: 10px;
      height: 40px;
    }
    .naac-create-btn {
      width: 120px; /* Smaller button on mobile */
      font-size: 0.9rem;
    }
    textarea.form-control {
      height: 80px; /* Smaller textarea on mobile */
    }
  }

.page_body{
    background-color: #ffffff;
    min-height: 750px;
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}

.title_lebel{
    /* width: 75px;
    height: 38px; */
    /* margin: 5px 99px 61px 10px; */
    object-fit: contain;
    font-family: Manrope;
    font-size: 28px;
    font-weight: 800;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.21;
    letter-spacing: normal;
    text-align: left;
    color: #2162c1;
}


.pad-10{
    padding: 10px;
}

.pad-t-10{
    padding-top: 10px;
}

.pad-t-15{
    padding-top: 15px;
}

.pad-l-10{
    padding-left: 10px;
}

.pad-r-10{
    padding-right: 10px;
}

.pad-b-10{
    padding-bottom: 10px;
}



.pad-20{
    padding: 20px;
}

.pad-t-5{
    padding-top: 5px;
}

.pad-l-5{
    padding-left: 5px;
}

.pad-r-5{
    padding-right: 5px;
}

.pad-b-5{
    padding-bottom: 5px;
}

.pad-t-20{
    padding-top: 20px;
}

.pad-40{
    padding: 40px;
}

.pad-t-30{
    padding-top: 30px;
}

.pad-l-20{
    padding-left: 20px;
}

.pad-l-30{
    padding-left: 30px;
}

.pad-r-20{
    padding-right: 20px;
}

.pad-b-20{
    padding-bottom: 20px;
}

.pad-0{
    padding: 0;
}

.marg-r-10{
    margin-right: 10px ;
}

.custom-row{
    /* margin: 0;
    padding: 0; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
}

.mar-L-20{
    margin-left: 20px;
}

.marT-20{
    margin-top: 20px;
}

.marT-10{
    margin-top: 10px;
}

.marT-25{
    margin-top: 25px;
}

.marB-5{
    margin-bottom: 5px;
}

.marL-65{
    margin-left: 65px;
}

.txt-centr{
    text-align: center;
}

.pad-T10{
    padding-top: 10px;
}

select{background-color: rgb(244, 247, 252);}
.pointer {
    cursor: pointer;
}

.select-label{
    font-family: 'Manrope';
    font-size: 16px;
    font-weight: 800!important;
    color: #2162c1!important;
    margin: 5px 0px 10px 0px;
}
/** @format */

.stdLayout .content-wrapper {
  position: relative;
}
.naac_footer {
  position: absolute;
  width: 100%;
  background-color: #f2f2f2;
  margin-top: 2rem;
  padding: 1rem;
}
.naac_footer p a,
.naac_footer p {
  color: #007bff;
  font-weight: 400;
  text-align: center;
  margin-bottom: 0;
  font-size: 1rem;
}
.naac_footer span {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: inline-block;
  background-color: #fff;
  text-align: center;
  line-height: 30px;
  color: #007bff;
  margin-right: 10px;
  box-shadow: 0px 0px 10px #cdcdcd;
}
.naac_footer .whatsApp {
  width: 50px;
  height: 50px;
  background-color: #25d366;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.16);
  display: inline-block;
  line-height: 60px;
}
.naac_footer .whatsApp .fa {
  font-size: 30px;
}
.breadcrumbs {
  color: black;
  font-weight: 600;
  font-size: 16px;
}
#naac_table .table thead th {
  cursor: pointer;
  background-color: #164489;
  border-bottom: 0;
  font-size: 15px !important;
  font-family: Manrope;
  font-weight: 600 !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: normal;
  text-align: center;
  color: #fff !important;
  padding: 10px 5px;
  vertical-align: middle;
}
#naac_table .table thead th:nth-child(6) {
  cursor: initial;
}
#naac_table .project_status .table thead th:nth-child(2) {
  cursor: initial;
}
#naac_table .project_status .table thead th:nth-child(3) {
  cursor: initial;
}
#naac_table .project_status .table thead th:nth-child(6) {
  cursor: pointer;
}
#naac_table .project_status .table thead th:nth-child(7) {
  cursor: initial;
}
#naac_table .table thead th:nth-child(7) {
  cursor: initial;
}
#naac_table .table thead th:nth-child(8) {
  cursor: initial;
}
#naac_table .table td {
  font-family: Manrope;
  font-size: 1rem;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2162c1;
  padding: 10px 5px;
}
#naac_table .table td:nth-child(2),
#naac_table .table th:nth-child(2) {
  text-align: left !important;
}
#naac_table .table td:nth-child(6) {
  width: 110px;
}
#naac_table .table td:last-child {
  width: 100px;
}
#naac_report {
  margin: 0px;
  border-radius: 20px;
  color: #fff;
  font-weight: 600;
}
#naac_report .fa {
  margin-right: 5px;
}
#naac_download {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #007bff;
  padding: 0;
  text-align: center;
  color: #fff;
  line-height: 45px;
}
#naac_download .fa {
  margin-right: 0;
}
#naac_dropdown .dropdown-select {
  text-align-last: center;
  border-radius: 12px;
  font-family: "Manrope";
  font-size: 15px;
  background-color: #ffffff;
  height: 40px;
  border: 1px solid #2162c1;
  padding: 4px;
  cursor: pointer;
  font-weight: 600;
}

#naac_dropdown .naac-heading {
  font-size: 16px;
  padding-right: 0;
  font-family: Manrope;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: #2162c1;
}

#naac_dropdown .naac_logo {
  font-size: 16px;
  padding-right: 0;
  /* font-family: Manrope; */
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: #2162c1;
}

.naac-main-heading {
  object-fit: contain;
  font-family: Manrope;
  font-size: 30px;
  font-weight: 800;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.21;
  letter-spacing: normal;
  text-align: left;
  color: #2162c1;
}

.naac-create-btn {
  box-shadow: 0 10px 15px 0 rgb(109 109 109 / 20%);
  padding: 8px 40px;
  background: #2162c1;
  color: #fff;
  font-family: "Manrope";
  font-size: 17px;
  font-weight: 800;
  /* text-transform: uppercase; */
  border-radius: 20px;
}

#naacSetting #naac_menus .react-tabs__tab-list li {
  font-family: Manrope;
  font-size: 26px;
  font-weight: 800;
  line-height: normal;
  letter-spacing: 0.03px;
  color: #2162c1;
  background-color: #f6f8fc;
  border-radius: 12px;
  padding: 9px 16px;
  margin: 10px 10px 20px 15px;
}

#naacSetting #naac_menus .react-tabs__tab--selected {
  color: #fff !important;
  background-image: linear-gradient(245deg, #2162c1, #2162c1);
  border-bottom: 0 !important;
}

.react-tabs__tab {
  display: inline-block;
  border: 1px solid transparent;
  border-bottom: none;
  bottom: -1px;
  position: relative;
  list-style: none;
  padding: 6px 12px;
  cursor: pointer;
}

.new_header {
  font-size: 16px;
  color: #030303;
}

#naac_tab .table td {
  height: 16px;
  font-family: Manrope;
  font-size: 17px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: 0.04px;
  color: #2162c1;
}

#naac_tab .list {
  text-align: left !important;
}

.academic-year {
  font-size: 20px;
  font-weight: 500;
  padding-top: 20px;
  padding-left: 20px;
  color: rgb(34, 98, 193);
}
#nba_form .dropdownCard {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
  border-radius: 15px;
  margin-bottom: 2rem;
}
#AdminDashboard .card.report-card {
  box-shadow: 0 0 1px rgb(0 0 0 / 13%), 0 1px 3px rgb(0 0 0 / 20%);
  border-radius: 12px;
}
.report-card .card-body {
  box-shadow: none;
}
.report-card .btn {
  padding: 0.5rem 1rem;
  border-radius: 20px;
  min-width: 120px;
  font-size: 1rem;
}
.report-card .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
}
.report-card .upload-btn-wrapper .btn {
  border: 2px solid rgb(34, 98, 193);
  background-color: #fff;
  color: rgb(34, 98, 193);
}
.report-card .upload-btn-wrapper input[type="file"] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 70%;
  width: 100%;
}
.report-card .excel-icon i {
  font-size: 5rem;
}
.note {
  font-size: 20px;
  text-align: right;
}
.heading {
  margin-bottom: 30px;
}
.criteria-details {
  font-size: 14px;
  color: #0d0d0e;
  font-weight: 400;
  font-family: manrope;
}
#nba_form .box-table {
  padding: 1.5rem 1rem;
}
#naac_table .dataTables_wrapper {
  margin-top: 1rem;
}
#naac_table .dataTables_wrapper > .row { 
  align-items: flex-end;
}
#naac_table .mdb-datatable-filter {
  margin-top: -12%; 
  display: none;
}
#nba_form .formTop .fa {
  font-size: 1.2rem;
  font-weight: 500;
}
.naac-search-btn {
  background-color: #ff6600;
  border-radius: 12px;
  padding: 2px;
  color: #fff;
  font-weight: 600;
  /* text-transform: uppercase; */
  font-size: 13px;
  margin: 5px 0px;
}
#viewIIQAReport .card {
  box-shadow: rgb(0 0 0 / 9%) 0px 4px 16px 0px, rgb(241 241 247) 2px 2px 2px 0px;
  border-radius: 12px;
}
#viewIIQAReport .card .card-body {
  box-shadow: none;
}
#viewIIQAReport .btn_back {
  font-size: 1.2rem;
}
#viewIIQAReport .InstituteName {
  margin-top: 1.5rem;
}
#viewIIQAReport .InstituteName img {
  margin-bottom: 1rem;
}
#viewIIQAReport .info-row {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
  align-items: center;
}
#viewIIQAReport .form-table label {
  font-size: 1rem;
  font-weight: 600;
  color: #000000;
  height: auto;
}
#viewIIQAReport .table thead tr th {
  background-color: #eee;
  border-bottom: 0;
}
#viewIIQAReport .addressBox {
  border: 1px dashed #cdcdcd;
  padding: 1rem 0;
  border-radius: 6px;
  margin: 1rem 0;
}
#viewIIQAReport .exProfileCard .file-updation .table td {
  padding: 10px 6px;
}
.account-type {
  color: #2162c1; 
}
.spinner-div {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 5%;
}

/** @format */
/** @format */
.cke_button__scayt_icon {
  display: none !important;
}
#criterion_1 .btn_back,
.nacc_criterion .btn_back,
.extended-profile .btn_back {
  background-color: #dae6f7;
  color: #2162c1;
}
.criterionCard div#heder_accordion,
.extended-profile div#heder_accordion,
.profileCard div#heder_accordion {
  background-color: #dae6f7;
  color: #2162c1;
  border-top: 2px solid #164489;
  padding: 1rem 0.5rem;
}
.criterionCard div#heder_accordion #sub_lbl {
  padding: 0;
}
.criterionCard .accordion:nth-child(odd) div#heder_accordion,
.extended-profile .accordion:nth-child(odd) div#heder_accordion,
.profileCard .accordion:nth-child(odd) div#heder_accordion {
  background-color: #2162c1 !important;
  color: #fff !important;
}
.criteria-card .card .card-header,
.comment-card .card-header {
  background-color: rgba(0, 0, 0, 0.08);
}
.criteria-card .card .card-header h6,
.comment-card .card-header h6 {
  color: #2162c1;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.5;
  font-size: 1.1rem;
  text-transform: none;
}
.criteria-card form .form-label {
  color: #666;
  font-weight: 500;
  font-size: 1rem;
  margin: 0;
  vertical-align: middle;
  margin-bottom: 5px;
}
.qlm_link {
  color: #28a745;
  background-color: rgb(40 167 69 / 10%);
  font-size: 1rem;
  font-weight: 700;
  padding: 4px 15px;
  border: 1px solid #28a745;
  border-radius: 5px;
  margin-left: 10px;
}
.criteria-card .card .card-header .col-lg-9 {
  flex: 0 0 70%;
  max-width: 70%;
}
.no-col {
  width: 5%;
}
.criteria-card .card .outof:disabled {
  background-color: rgba(255, 127, 0, 0.2);
  color: #800 !important;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.upload-btn-wrapper .btn-upload {
  background-color: #f2f2f2;
  padding: 5px 20px;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  border: 0;
  width: 100%;
  text-align: left;
}
.upload-btn-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 70%;
  width: 100%;
}
.criteria-card .table td .btn {
  width: 35px !important;
  height: 35px !important;
  border-radius: 50%;
  padding: 0;
  line-height: 35px;
  color: #fff;
}
.criteria-card .table td .btn .fa {
  font-size: 1rem;
}
.criteria-card .table tr th,
.ext-stu-pro .table tr th,
.teacher-table thead tr th {
  background-color: #eee;
}
.ext-stu-pro .table tr td {
  text-align: left !important;
}
#pabtnrow2 .save-btn,
#pabtnrow2 .clear_btn,
#pabtnrow2 {
  padding: 10px 23px;
}
.qnm_link {
  color: #9c27b0;
  background-color: rgb(156 39 176 / 10%);
  font-size: 1rem;
  font-weight: 700;
  padding: 4px 15px;
  border: 1px solid #9c27b0;
  border-radius: 5px;
  margin-left: 10px;
}
.criteria-card .table td:last-child {
  width: 22%;
}
.formulas p {
  color: #333;
  font-weight: 500;
  font-size: 14px;
}
.comment-card form .form-label,
.student-review .form-label,
.review-checkox .form-label {
  color: #666;
  font-weight: 500;
  font-size: 1rem;
  margin-left: 10px;
}
.sub-heading .table-hover tr .tooltip-view {
  visibility: visible !important;
}
.sub-heading .table-hover tr td #btn_academics {
  display: block;
}
#criterion_1 .btn_back {
  background-color: #dae6f7;
  color: #2162c1;
}
h2.naac-main-heading {
  color: #164489;
}
.marg-10 {
  margin: 0 10px;
}
.criterionCard,
.exProfileCard {
  box-shadow: rgb(0 0 0 / 9%) 0px 4px 16px 0px, rgb(241 241 247) 2px 2px 2px 0px;
}
.criterionCard #boxcard {
  background-color: rgba(33, 98, 193, 0.03);
}
.criterionCard div#heder_accordion {
  background-color: #dae6f7;
  color: #2162c1;
  border-top: 2px solid #164489;
  padding: 1rem 0.5rem;
}
.criterionCard div#heder_accordion #sub_lbl {
  padding: 0;
}
.criterionCard .accordion:nth-child(odd) div#heder_accordion {
  background-color: #2162c1 !important;
  color: #fff !important;
}
.criteria-card .card .card-header,
.comment-card .card-header,
.prepare-NEP .card-header,
.insti-int-NEP .card-header,
.conclusion-remark .card-header,
.check-conclusion .card-header,
.ext-stu-pro .card-header,
.student-review .card-header {
  background-color: rgba(0, 0, 0, 0.08);
}
.criteria-card .card .card-header h6,
.comment-card .card-header h6,
.check-conclusion .card-header h6,
.prepare-NEP .card-header h6,
.insti-int-NEP .card-header h6,
.conclusion-remark .card-header h6,
.ext-stu-pro .card-header h6,
.student-review .card-header h6 {
  color: #2162c1;
  margin-bottom: 0;
  font-weight: 600;
  line-height: 1.5;
  font-size: 1.1rem;
}
.criteria-card form .form-label {
  color: #666;
  font-weight: 500;
  font-size: 1rem;
  margin: 0;
  vertical-align: middle;
  margin-bottom: 5px;
}
.qlm_link {
  color: #28a745;
  background-color: rgb(40 167 69 / 10%);
  font-size: 1rem;
  font-weight: 700;
  padding: 4px 15px;
  border: 1px solid #28a745;
  border-radius: 5px;
  margin-left: 10px;
}
.criteria-card .card .card-header .col-lg-9 {
  flex: 0 0 70%;
  max-width: 70%;
}
.no-col {
  width: 5%;
}
.criteria-card .card .outof:disabled {
  background-color: rgba(255, 127, 0, 0.2);
  color: #800 !important;
}
.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
}
.upload-btn-wrapper .btn-upload {
  background-color: #f2f2f2;
  padding: 5px 20px;
  border-radius: 8px;
  font-size: 1rem;
  font-weight: 600;
  border: 0;
  width: 100%;
  text-align: left;
}
.upload-btn-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 70%;
  width: 100%;
}
.criteria-card .table td .btn,
.ext-stu-pro .table td .btn,
.extend-teacher .table td .btn,
.extend-institution .table td .btn,
.details_recognition .table td .btn,
.common-tab-btn {
  font-size: 1rem;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50%;
  padding: 0;
  line-height: 35px;
  color: #fff;
}
.criteria-card .table tr th,
.details_recognition .table thead th,
.table-wrapper .table thead th {
  background-color: #eee;
}
#pabtnrow2 .save-btn,
#pabtnrow2 .clear_btn,
#pabtnrow2 {
  padding: 10px 23px;
}
.qnm_link {
  color: #9c27b0;
  background-color: rgb(156 39 176 / 10%);
  font-size: 1rem;
  font-weight: 700;
  padding: 4px 15px;
  border: 1px solid #9c27b0;
  border-radius: 5px;
  margin-left: 10px;
}
.criteria-card .table td:last-child {
  width: 22%;
}
.formulas {
  display: flex;
  align-items: center;
  justify-content: center;
}
.formulas p {
  color: #333;
  font-weight: 500;
  font-size: 14px;
}
.comment-card form .form-label {
  color: #666;
  font-weight: 500;
  font-size: 1rem;
  margin-left: 10px;
}
.prepare-NEP .word-data,
.insti-int-NEP .word-data {
  padding-top: 10px;
}
/* #allocated_user_list span{position: relative;top: -6px;} */
#allocated_user_list {
  line-height: 50px;
  margin-right: 10px;
}
.btn_back {
  background-color: #dae6f7;
  color: #2162c1;
}
.btn_back:hover {
  color: #2162c1;
}
.report-listing .form-label {
  font-size: 18px;
}
.orange-warning {
  background-color: #f99d07;
}
.info-table {
  border-collapse: collapse !important;
  width: 100%;
}
.info-table th,
.info-table td {
  text-align: left;
}
.info-table th:nth-child(1),
.info-table td:nth-child(1) {
  width: 45%;
  color: #000000;
}
.info-table .colspan-width th:nth-child(1) {
  width: 60%;
}
.info-table th:nth-child(2),
.info-table td:nth-child(2) {
  width: 55%;
  color: #000000;
}
.info-table .colspan-width th:nth-child(2) {
  width: 45%;
}
.responsive-tab table {
  width: 100%;
  border-collapse: collapse;
}
.responsive-tab table th,
.responsive-tab table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button-flow {
  display: flex;
  justify-content: space-evenly;
}
.table-wrapper {
  overflow-x: auto;
}
.table-wrapper table {
  width: 1200px;
  border-collapse: collapse;
  overflow-x: auto;
}
.common-tab-btn:nth-child(1) {
  margin-right: 10px;
}
.table-wrapper .react-datepicker-wrapper {
  width: 100%;
}
.adjust-field table th,
.adjust-field table td {
  width: 19% !important;
  white-space: break-spaces !important;
}
.incr-width {
  width: 1500px !important;
}
.table-wrapper::-webkit-scrollbar {
  width: 5px;
  height: 8px;
}
.table-wrapper::-webkit-scrollbar-track {
  background-color: #f1f1f1;
}
.table-wrapper #test {
  font-size: 14px !important;
}
.teaching-fac {
  padding: 30px !important;
}
.table-wrapper::-webkit-scrollbar-thumb {
  background-color: #a8a8a8;
  border-radius: 5px;
}
.span-row th {
  background-color: #dae5f6 !important;
}

.index-table table tr:nth-child(odd) td,
.aspectsTable table tr:nth-child(odd) td {
  background-color: rgba(33, 98, 193, 1);
  color: #fff !important;
}
.index-table table tr:nth-child(odd) td a {
  color: #fff;
}
.index-table table tr:nth-child(even) td,
.aspectsTable table tr:nth-child(even) td {
  background-color: rgba(33, 98, 193, 0.2);
}
.index-table table td {
  font-size: 22px !important;
}
.font-34 {
  font-size: 34px !important;
}
.extendedProfile {
  box-shadow: none;
  background-color: transparent;
}
.exProfileCard {
  border-bottom: 2px solid #2162c1;
}
.exProfileCard .card-body {
  box-shadow: none;
}
.exProfileCard .card-header {
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
}
.exProfileCard .card-header h4 {
  color: #2162c1;
  font-size: 18px;
}
.exProfileCard label {
  font-size: 16px;
  color: #000;
  font-weight: 600;
  height: auto;
  margin-bottom: 15px;
}
.exProfileCard p {
  font-size: 1rem;
  font-weight: 500;
  color: #666;
}
.exProfileCard .file-updation .table th {
  /* background-color: rgba(33, 98, 193, 0.2); */
  text-align: center;
}
.exProfileCard .file-updation .table td {
  padding: 0 0 10px 10px;
}
.exProfileCard .file-updation .upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.exProfileCard .file-updation .file-btn {
  border: none;
  background-color: #e6e6e6;
  padding: 5px 15px;
  border-radius: 0.35rem;
  font-size: 14px;
  width: 100%;
  text-align: left;
  font-weight: bold;
}
.exProfileCard .file-updation .upload-btn-wrapper input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 70%;
  width: 100%;
}
.exProfileCard .file-updation .viewDoc {
  font-size: 1rem;
  color: #025e05;
  font-weight: 600;
  padding: 5px 0;
  display: inline-block;
}
.exProfileCard .file-updation .table tr:nth-child(odd) td {
  background-color: rgba(0, 0, 0, 0.02);
}
/* .exProfileCard .file-updation .table tr:nth-child(even) td {
  background-color: rgba(33, 98, 193, 0.1);
} */
.aspectsTable table tr:nth-child(odd) td a {
  color: #fff;
}
.aspectsTable table tr:nth-child(even) td a {
  color: #2162c1;
}
.aspectsTable table td a {
  font-size: 1.4rem;
}
.aspectsTable table td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.stdCountTable {
  border: 0;
}
.stdCountTable th,
.stdCountTable td {
  border-bottom: 0 !important;
  width: 16%;
}
.cancelBtn {
  margin: 0px 10px;
}
.file-updation .table td {
  vertical-align: top;
}
.projectStatus_card {
  box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.06);
}
.projectStatus_card .naac-heading {
  margin: 0;
  height: auto;
  line-height: 1.5 !important;
}
.projectStatus .btn-download {
  background-color: #5cb85c !important;
  width: 50px;
  height: 50px;
  font-weight: 600;
  line-height: 30px;
  border-radius: 50%;
  border: 0;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
.projectStatus .btn-download .fa,
.projectStatus .editButton .fa,
.projectStatus .delete_btn .fa {
  font-size: 1.2rem;
  font-weight: 500;
}
.projectStatus label {
  height: auto;
}
.projectStatus_card #nba_form textarea.form-control {
  height: 80px;
}
.projectStatus .editButton,
.projectStatus .delete_btn,
.projectStatus .edit-btn-1 {
  color: #fff;
  text-align: center;
  padding: 0;
  line-height: 50px;
  margin: 0 auto 10px !important;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
}
.projectStatus .editButton {
  background-color: #04a90b;
}
.projectStatus .delete_btn {
  background-color: #f44336;
}
/* .projectStatus .delete_btn:hover {
  background-color: #f44336;
  color: #fff;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
} */
.projectStatus .edit-btn-1 {
  line-height: 40px;
  background-color: #2162c1;
}
.projectStatus .dropdown-toggle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
}
.projectStatus .dropdown-toggle::after {
  display: none;
}
.projectStatus .dropdown-menu {
  min-width: 5rem;
  border: 0;
  box-shadow: 0 2px 4px 0 rgb(0 0 0 / 8%);
  padding-top: 15px;
}
.filter-div {
  position: absolute;
  left: 18%;
  top: 34px;
  z-index: 10;
  margin-left: 20px;
}
.inst-name {
  font-size: 19px !important;
  font-family: Roboto !important;
}
.form-label.select-labels{
  position: absolute;
  right: 0px;
  top: -32px;
  width: 100px;
}
.file_edit_btn{
  cursor: pointer;
  color: #2162c1;
}
.abbreviation{
  margin: 0px 50px;
  font-size: 20px;
  font-weight: 500;
  color: red;
}
.ck-editor__editable {
    height: 250px;
    min-height: 250px;
}
a{
  text-decoration:none !Important;
}
tr{
  border:none;
}
.student-details-container {
  padding: 20px;
  font-family: Arial, sans-serif;
}

.header-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

.header-section .title h2 {
  font-size: 24px;
  color: #2162c1; /* Updated to match the new dark blue */
  margin: 0;
}

.back-button .btn-back {
  display: flex;
  align-items: center;
  padding: 8px 15px;
  background-color: #e0e7ff; /* Light blue for back button */
  color: #2162c1;
  text-decoration: none;
  border-radius: 5px;
  font-size: 14px;
}

.key-indicators {
  width: 100%;
}

.indicator-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  margin-bottom: 10px;
  border-radius: 5px;
  color: white; /* Default text color for odd rows */
  transition: opacity 0.3s;
  position: relative; /* To help with centering the icon */
  border-top: 2px solid #164489;
}

.key-indicators > div:nth-child(odd) .indicator-row {
  background-color: #2162c1;
  color: white; 
}

.key-indicators > div:nth-child(even) .indicator-row {
  background-color: #2162c133;
  color: #2162c1;
}

.indicator-row:hover {
  opacity: 0.9;
  cursor: pointer;
}

.indicator-content {
  flex: 1;
  text-align: left;
}

.indicator-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%); /* Centers the icon horizontally */
  display: flex;
  justify-content: center;
  align-items: center;
}

.indicator-content .name {
  font-size: 16px;
  font-weight: bold;
}

.indicator-right {
  display: flex;
  align-items: center;
}

.indicator-right .dropdown-arrow {
  font-size: 16px;
}

/* Form Container Styles */
.form-container {
  padding: 15px;
  background-color: #f9f9f9; /* Light gray background for the form */
  border-radius: 5px;
  margin-bottom: 10px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.form-content h3 {
  font-size: 18px;
  margin-bottom: 15px;
  color: #2162c1;
}

.important-note {
  background-color:#bdd9f7; /* Light pink background */
  padding: 10px;
  margin-bottom: 15px;
  border-radius: 5px;
  color: #21130d; /* Red text for importance */
}  

.important-note ul {
  margin: 0;
  padding-left: 20px;
}

.important-note li {
  margin-bottom: 5px;
}

.program-selection h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #333;
}

.program-selection div {
  margin-bottom: 5px;
}

.intake-table h4 {
  font-size: 16px;
  margin-bottom: 10px;
  color: #2162c1;
}

.intake-table table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 15px;
}

.intake-table th,
.intake-table td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
}

.intake-table th {
  background-color: #f1f1f1;
  color: #333;
}

.intake-table input {
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 4px;
}

.form-group {
  margin-bottom: 15px;
}

.form-group label {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  color: #333;
}

.form-group input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
}

.form-buttons {
  display: flex;
  justify-content: center; /* Center the icons horizontally */
  align-items: center;
  gap: 15px; /* Space between the icons */
  margin-top: 20px;
}

.action-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px; /* Size of the circular icon */
  height: 50px;
  border-radius: 50%; /* Makes it circular */
  cursor: pointer;
  font-size: 20px; /* Size of the icon inside */
  transition: opacity 0.3s;
}

.action-icon:hover {
  opacity: 0.8; /* Slight fade on hover */
}

.action-icon.disabled {
  opacity: 0.5; /* Reduce opacity to indicate disabled state */
  cursor: not-allowed;
}

.save-icon {
  background-color: #2ac361a6; /* Light green background */
  color: #fff;
}

.delete-icon {
  background-color: #ffe7dc; /* Light red background */
  color: #ff4c4c; 
}

.cancel-icon {
  background-color: #ffe7dc; /* Light pink background */
  color: #ff4c4c;
}

.section-header {
  display: flex;
  justify-content: space-between; /* Pushes h3 to the left and edit button to the right */
  align-items: center;
  background-color: #e6e6e6; /* Gray background */
  padding: 10px 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}

.section-header h3 {
  margin: 0; /* Remove default margin from h3 */
  font-size: 18px;
  color: #2162c1;
}

.edit-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px; /* Size of the circular button */
  height: 50px;
  background-color: #2162c1; /* Blue background to match the image */
  color: white;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.3s;
}

.edit-icon:hover {
  opacity: 0.8; /* Slight fade on hover */
}

.edit-icon i {
  font-size: 16px; /* Size of the pencil icon */
}


.indicator-row {
  display: flex;
  align-items: center;
  padding: 10px;
  border-bottom: 1px solid #ddd;
  cursor: pointer;
}

.indicator-content {
  flex: 1;
}

.indicator-users {
  width: 220px;
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.indicator-icon {
  display: flex;
  align-items: center;
  margin-right: 10px;
}

.indicator-icon .icon {
  font-size: 18px;
  cursor: pointer;
}

.indicator-icon .user-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  border-radius: 50%;
  font-size: 12px;
  margin-left: 5px;
}

.indicator-right {
  display: flex;
  align-items: center;
}

.dropdown-arrow {
  font-size: 18px;
  color: #666;
}

.list-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
  border: none;
} 

.indicator-conten{
  width: 380px;
}