@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128&display=swap');

* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
    color-adjust: exact !important;                 /*Firefox*/
}
.wmTable{width:100%!important;}
.wmTable>thead>tr>th:nth-child(1){max-width:50px!important;min-width:50px!important;width:50px!important;}
.wmTable>thead>tr>th:nth-child(4),.wmTable>thead>tr>th:nth-child(5){max-width:70px!important;min-width:70px!important;width:70px!important;}
.wmTable>thead>tr>th:nth-child(6){max-width:130px!important;min-width:130px!important;width:130px!important;}
.wmTable>thead>tr>th,.wmTable>tbody>tr>td{vertical-align: middle!important;}
#card-Barcode{
		position: absolute;
        bottom: -3px;
        left: 153px;
        color: black!important;
        font-size: 36px !important;
  font-family: "Libre Barcode 39", system-ui;
  font-weight: 400;
  font-style: normal;
	}
.zoom {
  transition: transform .2s; /* Animation */
  z-index:999999!important;
}

.zoom:hover {
  transform: scale(4.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  z-index:999999!important;
}

.boldand{
	font-weight: bold;
   
    font-size: 16px;
	}
	.cmt{margin:3px!important;}
	.cmt>tbody>tr>td{padding:2px 3px;cursor:pointer;}
	.cmt>tbody>tr>td:first-child{background-color: #dedbdb;font-weight:500;padding-right:12px;text-align:right;}
	
.imgController-right{display:block;width:100px;height:100px;margin-left:auto;position:relative;}
.imgController-left{display:block;width:100px;height:100px;margin-right:auto;position:relative;}
.PUBLISHED{background-color:#0beb127a;}
.CONFIRMED{background-color:#4caf507a;}
.VERIFIED{background-color:#ffeb3b;}
.FRESH{background-color:#ffeb3b54;}
.ENGAGED{background-color:#ff1111;}
.SELECTED{background-color:#81f686; }
.WAITING{background-color:#3f51b58f;}

.p6-12{padding:6px 12px;}
.p12{padding:12px;}
.bordrs{background-color: #ededed;padding: 3px;}
.p3{padding:3px;}
.saleBillborder-sib {
    background-color: #f9f9f9!important;
}
.saleBillborder-sib {
    border: 1px solid gray;
    background-color: #33aa331a;
    Padding: 3px;
    margin: 3px;
    min-height: 32px;
}
.saleBillborder {
    background-color: #ffe9a1 !important;
}
.saleBillborder {
    border: 1px solid gray;
    background-color: #33aa331a;
    Padding: 3px;
    margin: 3px;
    min-height: 32px;
}
.OnlyVoucherTable>thead>tr>th, .OnlyVoucherTable>tbody>tr>td {
    padding: 1px 2px !important;
}
.cuStGrid {
    display: inline-block;
}
.cuStGrid>label {
    background-color: #ffc20a !important;
}
.infoBtn i{font-size: 22px;
    color: #2196f3;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    transition: color 0.3s ease;
}
.infoBtn:hover i{color:#0c7cd5 !important;}
.nPtl{
    padding-top: 12px;
    padding-left: 12px!important;
}
.cuStGrid>label, .saleBillborder>label, .newLabelsMaster>label {
    margin-bottom: 0px !important;
    font-size: 10px !important;
    color: #ffffff;
    background-color: #17a2b8;
    padding: 0px 10px 0px 4px;
    border-top-right-radius: 24px;
    margin-top: 0px;
    display: table-cell;
    line-height: 11px;
}
.cuStGrid > select, .cuStGrid > input {
    min-height: 24px ! Important;
    max-height: 24px ! Important;
    height: 24px ! Important;
    padding: 0px 8px ! Important;
	width:100%;
}
.bbAdBtn {
    height: 23px;
    margin-top: 11px;
    border: 1px solid gray;
}
.bbAdBtn:hover, .bbAdBtn:focus {
    height: 23px;
    margin-top: 11px;
    box-shadow: 0 0 3px red;
    border: 1px solid red;
}
.voucherTotalTable {
    margin-bottom: 0px !important;
    border: 0px !important;
}
.voucherTotalTable>thead>tr>th {
    padding: 2px 3px !important;
    border: 0px !important;
    vertical-align: middle !important;
}
.voucherTotalTable>thead>tr>th>div {
    border: 1px solid #b78e13;
    padding: 3px !important;
    display: inline-block !important;
    border-radius: 24px !important;
    width: 100%;
}
#pageloading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000a8;
    z-index: 999999;
    display: block;
    text-align: center !important;
}
.loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000000a8;
    z-index: 999999;
    display: none;
    text-align: center !important;
}
.combinationArea{
	background-color: #f1e2e2;
    border-left: 5px solid #dbd4d4;
    border-radius: 3px;
    marigin-: 8px !important;
    padding: 3px;
    margin-top: 12px !important;
	}
.mtb-3{margin-top:3px;margin-bottom:3px;}
.cBtn{width:25px!important;padding:1px 3px!important;}
.blackFader{display:none;}
.modalFader{display:none;}
.form-control.is-valid, .was-validated .form-control:valid {
    border-color: #1dc9b7;
    padding-right: calc(1.47em + 1rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%231dc9b7' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(.3675em + 1.25rem) center;
    background-size: calc(.735em + .5rem) calc(.735em + .5rem);
}

.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #fd3995;
    padding-right: calc(1.47em + 1rem);
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23fd3995' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23fd3995' stroke='none'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right calc(.3675em + 1.25rem) center;
    background-size: calc(.735em + .5rem) calc(.735em + .5rem);
}
.meritListTable{margin-bottom:0px!important;border-top: 1px solid #e2dede!important;}
.meritListTable>thead>tr>th{padding:1px 3px!important;}
.meritListTable>tbody>tr>td{padding:1px 3px!important;}
.listBorder{    
	border: 1px solid gray;
	padding: 3px;
	margin: 8px 0px;
	border-radius: 3px;
}

.loadingShade{
	position: absolute;
    width: 100%;
    height: 100%;
    background-color: #00000075;
    z-index: 99;
    color: white;
    display: flex;
    justify-content: center;
    align-content: center;
    align-self: center;

	}
.myspinner{top:50%;position:relative;}
.markallcontainer{
	background-color: aliceblue;
    padding: 4px;
    margin-bottom: 12px;
}
.classAddTable>tbody>tr>td{padding:0px!important;}
/**
#spiral{
	background-size: 9px 12px;
    background-image: -webkit-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);
    background-image: -moz-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);
    background-image: -ms-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);
    background-image: -o-radial-gradient(5% 40%, circle, transparent 70%, #555 20%);
    background-image: radial-gradient(circle at 5% 40%, transparent 70%, #555 20%);
	
}**/





.classManagerTableStudentEnd{overflow-y:scroll!important;max-height:250px;}
.my-form-label {
  background-color: #265a81;
  margin-bottom: 0px;
  padding-left: 4px;
  padding-right: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  color: white;
  font-size: 11px;
  padding-bottom: 0px;
}

.accomoTable,.accomoTable>tbody>tr>td{border:0px!important;}
.accomoTable>tbody>tr>td>div{border:1px solid black!important;padding:0px 2px!important;text-align:center;margin:2px 0px;}


.panel-tag-warning {
   padding: 5px;
    margin-bottom: 5px;
    border-left: 3px solid #e5a41a!important;
    background: #f7ff21!important;
    opacity: .8;
    font-weight: 400;
    font-size: .875rem;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
}

.panel-tag-success {
    padding: 5px;
    margin-bottom: 5px;
    border-left: 3px solid #11a50a!important;
    background: #7aff417a!important;
    opacity: .8;
    font-weight: 400;
    font-size: .875rem;
    border-radius: 0 8px 8px 0;
	cursor:pointer;
}
.panel-tag-danger {
    padding: 5px;
    margin-bottom: 5px;
    border-left: 3px solid #df1911!important;
    background: #ff72417a!important;
    opacity: .8;
    font-weight: 400;
    font-size: .875rem;
    border-radius: 0 8px 8px 0;
	cursor:pointer;
}

.panel-tag-danger a:hover {color: color: #ab0000;}
.panel-tag-danger strong,.panel-tag-warning strong,.panel-tag-success strong{display:block;color:#980404;}
.panel-tag-danger a,.panel-tag-warning a,.panel-tag-success a{display:block;color:black!important;}


.cust-tag{cursor:pointer;color:black;margin-left:12px;}
.cust-tag strong{display:block;color:#dd2020}
.cust-tag a{display:block;color:black}
.cust-tag a:hover{display:block;color:#2196f3;}




.crouselblackframe{padding: 50px;background-color: #000000b8;}
.addnewbuttons{position: absolute;
    z-index: 9;
    right: 5px;
   
    transform: translateY(41%);
   }
.editPhoto{position: absolute;
    color: white;
	z-index:9999;
	top:1px;left:1px;
	border:1px solid whtie;
	}
.editPhoto:hover{
	
}
.editPhoto a{color:white!important;display:inline-block;padding:12px;}
	
.sliderButtons{display:inline-block;margin-right:12px;}
.custompanels{height:65vh;min-height: 65vh;overflow-y: scroll;}
.cust-tag{cursor:pointer;color:black;margin-left:12px;}
.cust-tag strong{display:block;color:#dd2020}
.cust-tag a{display:block;color:black}
.cust-tag a:hover{display:block;color:#2196f3;}

.outer-style{
	background-color:#e7e7e7;
	padding:12px 12px;
	border-radius:10px;
}
.form-group strong{color:red;font-weight:bold;font-size:14px;}
.custGrp{width: 205px;
    display: inline-block;
	margin-bottom:20px!important;
	}
.logos,.principals{text-align:center;}
.logos label,.principals label{
	margin-bottom:12px;display:inline-block;font-weight:bold;
}
.logos img,.principals img{
	display: inline-block;
    width: 205px;
    height: 200px;
    padding: 12px;
    border: 1px solid gray;
	object-fit: cover;
}

.customForm{
    padding: 8px;
	margin-left:8px;margin-right:8px;
	background-color: #dee2e6;
	border-radius:10px;
	}

.modal-dialogC {
	min-width:100%!important;
  width: 100%!important;
  height: 100%!important;
  overflow-y: initial !important;
  margin:0px!important;
  padding: 0!important;
}

.modal-contentC {
  height: auto!important;
  min-height: 100%!important;
  border-radius: 0!important;
}
.modal-bodyC{
    height: 80vh!important;
    overflow-y: auto!important;
}
.togger, .tog-sub, .tog-qlfy{
	cursor:pointer!important;
}
.toggleTeachers{display:none;}
.showteachers{
	margin-right: 12px;
    background-color: #c41212;
    color: white;
    padding-right: 6px;
    padding-left: 6px
}
.showteachers:hover{
	margin-right: 12px;
    background-color: #900b0b;
    color: white;
    padding-right: 6px;
    padding-left: 6px
}

.activits{color:black!important;}
.activits:hover{color:white!important;}
.Bg_GRP {
    background-color: #1171a90d!important;
}
.Bg_LED {
     background-color: white!important;
}
.odd .sorting_1,.even .sorting_1 {
    background-color: rgb(255 255 255 / 4%);
} 

.view_update_data{
	color:white!important;
	font-size:12px!important;
	cursor:pointer!important;
}
.view_update_data:hover{
	color:white!important;
	background-color: #2196f3!important;
	font-weight:400!important;
}
.panelMargin{margin-bottom:15px!important;}
.dynamicStrip{display:none;}
.redStrip{
	width: 200px;
    height: 19px;
    /* padding: 5px; */
    text-align: right;
   background-color: #f9090952;
    color: #cb0000;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 10px;
    float: right;
    
}
.greenStrip{
    width: 200px;
    height: 19px;
    /* padding: 5px; */
    text-align: right;
    background-color: #2ef90952;
    color: #0e7a1a;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding-right: 10px;
    float: right;
}
.valign{vertical-align:middle!important;}
.td25{width:25px;min-width:25px;max-width:25px;}
.td100{width:70px;min-width:70px;max-width:70px;}
.td200{width:200px;min-width:200px;max-width:200px;}
.tdlabel{display:inline-block!important;margin-bottom:0px!important;}
.mw80{width:100px!important;min-width:100px!important;max-width:100px!important;}
.bggry{background-color: #45494912!important;}
.lbllikeInput{
	    border: 1px solid #d1d0d0;
    padding: 2px;
    border-radius: 2px;
    color: black;
    background-color: #f6f6f6;
}
.panel-tagRed {
    padding: 1rem 1rem;
    margin-bottom: 5px;
    border-left: 3px solid #c91d1d;
    background: #fdeeee;
    opacity: .8;
    font-weight: 400;
    font-size: .875rem;
    border-radius: 0 8px 8px 0;
}
.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(1.47em + 1rem);
    padding: 5px 12px!important;
    line-height: 1.47;
    color: white;
    content: "Browse";
    background-color: #e6291b;
    border-left: inherit;
    border-radius: 0 4px 4px 0;
}




.custom-checkbox-managefee{margin-bottom:2px!important;}
.managefeelabel{font-weight:bold!important;color:black!important;}
.managefeelabel_total{
	float: right;
    color: red;
    font-weight: bold;
    border-top: 1px;
    border-bottom: 1px;
    border-color: black;
    border-style: dotted;
    padding: 2px 12px;
}
#output {
    width: 273;
    /* min-width: 273px; */
    /* max-width: 273px; */
    height: 100px;
    /* max-height: 280px!important; */
    /* min-height: 280px; */
    /* margin-bottom: 10px; */
    width: 98px;
    display: inline-block;
}
.c_style:hover{text-decoration:underline!important;cursor:pointer!important;}
.clinks{
	border: 1px solid black!important;
    background-color: #f3f3f3!important;
	}
.clinks.active{
	color: #fff!important;
	border:1px solid #0d66ad!important;
    background-color: #0d66ad!important;
	}
.custLabels label{color:black!important;font-weight:bold!important;}
.diaryContainer{
	margin: 10px;
    border: 1px solid gray;
    padding: 15px;
	background-color:gainsboro;
}
.e-message{
	padding: 8px 5px;
    /* box-shadow: 0 0 3px black; */
    border: 1px solid gray;
    border-radius: 15px;
    color: #524c4c;
    background-color: aliceblue;
	margin-right:11px;
	margin-bottom:6px;
}
#message-area{
	position: relative;
    min-height: 150px;
    max-height: 436px;
    overflow-y: auto;
    overflow-x: hidden;
	 scroll-behavior: smooth;
	 
}

#message-area::-webkit-scrollbar {
    width: 12px;
}

#message-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

#message-area::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

.link-style tbody tr td a{color:black!important;}


#text-post-area{
	position: absolute;
	bottom: 0;
	left: 0;
	width:100%;
	background-color: #f0f0e0;
	padding:12px;
}

.e-message span{
	display: block;
    width: 100%;
    text-align: right;
    color: #ff0000;
    font-size: 11px;
    font-weight: 500;
}
.carousel-control-prev-icon, .carousel-control-next-icon  {
    background-image: none;
}
.addnewfiles{padding: 0px 7px;
    position: absolute;
    right: 0;
    /* top: 18px; */
    bottom: 100px;
    right: 10px;
}
.conversation-container{
	min-height: 78vh;
    border: 1px solid gray;
    background-color: white;
	padding-top:12px;padding-bottom:12px;
	position:relative;
}
.carousel-control-next:hover, .carousel-control-prev:hover {
    background: none!important;
}
.efile{
	margin:12px;
	list-style:none;
	margin-left:5px
}
.efile li{
	cursor:pointer;
	padding: 0px;
    color: white;
    font-size: 12px;
	font-weight:400;
}
.efile li:before {
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: white;
    font-size: 14px;
    padding-right: 0.5em;
    
}
.efile-footer{
	border-top: 1px solid gray;
    margin: 0px;
}
.efile-footerUl{margin-top:12px;list-style:none;padding-left:15px!important;}
.efile-footerUl li{color:#063f78!important;cursor:pointer;}

.efile-footerUl li:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #063f78!important;
    font-size: 14px;
    padding-right: 0.5em;
    
}


.carousel-indicators-numbers li {
  text-indent: 4px!important;
    margin: 0 2px!important;
    width: 20px!important;
    height: 17px!important;
    border: none!important;
    border-radius: 0px!important;
    line-height: 19px!important;
    color: #fff!important;
    background-color: #161515!important;
    transition: all 0.25s ease;
            
     
    }

 .carousel-indicators-numbers li:active, .carousel-indicators-numbers li:hover {
        margin: 0 2px;
        width: 20px;
        height: 17px;
        background-color: #337ab7; 

 }

.background-image-container {
    min-height: 230.8px;
    max-height: 230.8px;
    height: 230.8px;
	background-color:green;
}
#imageArea {
    position: absolute;
    width: 452.9px;
    height: 211px;
    background-color: white;
    top: 72px;
}
.customCheckBox{
	display: inline-block;
    text-align: center;
    position: relative;
    left: 1px;
    top: 1px;
	}
.dotb {
  height: 6px;
  width: 6px;
  background-color: green;
  border-radius: 50%;
  display:inline-block;
}
.classroom th, .classroom td {
	font-size:12px;
}
#principalSign {
    width: 200px;
    position: absolute;
    bottom: 25px;
    right: 16px;
}
.studentsession{
	display: inline-block;
    font-size: 10px!important;
    font-weight: bold;
    font-family: inherit;
    font-family: inherit!important;
    text-transform: uppercase;
    width: 100%;
    text-align: center;}
.w40{width:25px!important;min-width:25px!important;max-width:25px!important;color:white!important;}
.w56{width:56px!important;min-width:56px!important;max-width:56px!important;color:white!important;}
.mw130{width:130px!important;min-width:130px!important;color:white!important;}
.mw119{width:140px!important;min-width:140px!important;color:white!important;}

.hfp{box-shadow: 0 0 2px black;
    padding: 12px;
    background-color: #e3e9e9;
	margin-bottom:0px!important;}
.custom-file-label{padding:5px 6px!important;}
.custom-file-label::after{line-height:26px!important;}
.delete-doc{border-radius:0px!important;margin-right:-1px;}
.gtable td{padding:4px 2px;}
.gtableColor{background-color: #f2f2fa;
    box-shadow: 0 0 2px black;}
.gtable1{min-width:112px;max-width:112px;width:112px;}
.gtable2{min-width:97px;max-width:97px;width:97px;}
.gtable3{min-width:400px;max-width:400px;width:400px;}
.gtable4{min-width:80px;max-width:80px;width:80px;}
.gtable5{min-width:105px;max-width:105px;width:105px;}
.gtable6{min-width:105px;max-width:105px;width:105px;}
.mw{width:327px!important;}
.custom-file-labels::after {
	height:26px!important;
	line-height:10px!important;
}
.view-doc{text-transform: capitalize!important;}
.await_depends_extra_show{background: #fffbfb;}
.bg-drkblue{background-color: #134b79!important;}
.bg-drkblue>th{color:white!important;}
.feeDetailsbtn:hover{text-decoration:underline;}
.feeDetailsbtn{
	background-color: #134b79;
    padding: 1px 8px;
    cursor: pointer;
    color: white;
    border-radius: 5px;
    font-size: 10px;}
	
.mbtm0{margin-bottom:0px;}
.mbtm3{margin-bottom:3px;}
.input-group > .select2-container--bootstrap {
    width: auto!important;
    flex: 1 1 auto!important;
}
.l-textbox{height:28px!important;line-height:12px;padding:2px 12px;border-radius:0px!important;}
.lblStyler{
	font-size: 10px;
    background-color: #134b79;
    color: white;
    padding: 0px 5px;
    margin-bottom: 0px;
    /* border-top-left-radius: 12px; */
    border-top-right-radius: 8px;
}
.input-group > .select2-container--bootstrap .select2-selection--single {
    height: 100!important%;
    line-height: inherit!important;
    padding: 0.5rem 1rem!important;
}


/**
.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 73%!important;
}

**/
.text-dangerb{color: #e31616!important;font-size:12px;}
.l-style{line-height: 10px;min-width:113px;max-width:113px;width:113px;font-size:10px;}
.pading0{padding:0px!important;}
.slim-table td, .slim-table th {
    padding: 0px 4px!important;
    vertical-align: top!important;
    border-bottom: 1px solid #e9e9e9!important;
    border-top: 0px!important;
}
.p2px{padding:3px!important}
.ch5{border-left: 5px solid #2196f3;
    /* padding-left: 5px; */
    border-bottom: 1px solid #2196f3;
    padding: 3px 12px;
    background-color: #41c52f0f;
   }
.m4{margin-bottom:4px!important;}
.crd-body{
	padding: 5px!important;
    border-bottom: 1px solid #ebe5e5!important;
	
}
.before-payloading{
	position: absolute; background-color: #000000c2;color: white;left: 0;top: 0;width: 100%; height: 100%; z-index: 11;
    text-align: center;padding-top: 1%;
}

.fixed {
	padding-top:5px!important;
	/**z-index: 9999;**/
	z-index:10;
    position: fixed;
    width: 100%;
    margin-top: 0px;
    margin-bottom: -7px;
    padding: 0px 12px;
    height: auto;
    background-color: white;
    top: 0;
   border-bottom: 1px solid #2196f3;
   box-shadow:0px 0px 5px black;
	}
	
.zoom-span{
	line-height:2px;
	
	background-color: #134b79;
    color: white;
    padding: 1px 5px;
	}
.zoom-span i:hover{box-shadow:0px 0px black!important;}
.closePopup{
	z-index:9999;position:absolute;right:15px;padding:2px 5px;background-color: #de3939;
}
.closePopup :hover{box-shadow: 0 0 4px black!important;}
.pap{position: absolute!important;width: 41%;left: 15px!important;z-index:999999!important;}
.pop-container{
	position: absolute!important;
	background-color: white!important;
	padding: 5px!important;
	margin-top: calc(100px - 50px;);
	border: 1px solid #11436d!important;
	border-radius: 4px!important;
	box-shadow: 0 0 5px #134b79!important;
	top:7px;
	}
.pop-container:before{
	content: "\f04b";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -0.7em;
    transform: rotate(-90deg);
    position: absolute;
    left: 56px;
    top: -17px;
    color: #11436dfa;
    font-size: 14px;
   
}
.has-red{background-color:red!important;color:white!important;padding:2px 12px;}
.cust-small-tag{color: green!important;
    font-weight: bold!important;
    font-size: 13px!important;
    background-color: #ffc241;
    padding: 4px 14px;
    width: 100%!important;
    display: inline-block;
    border-left: 5px solid green;}
.r-al, .l-al{text-align:right!important;padding-right:7px;}
.cust-modal-header{padding: 8px 20px;
    border-bottom: 1px solid #b82015;
    background-color: #b82015;
    color: white;}
.color-and-bold{color: #0d3557!important;font-weight: bold!important;}
.e-caption{color:red;padding-left:1px;}
.c-heading{
	background-color: gray;
    width: 400px;
    padding: 0 12px;
    color: white;
    border-radius: 15px;
	cursor:pointer;}
	.c-heading:hover{
		background-color: #465cea;
		
	}

.awaited{font-size:12px;font-weight:normal!important;color:red;}
.imageViewrStyle{position:relative!important;width:100%!important;height:297mm!important;display:none;border:1px solid black; }
.btn-image-viewer{
	cursor:pointer;
	font-size: 14px;
    text-decoration: underline;
    color: #3f6328;
    background-color: #d8efd5;
    padding: 2px;
    text-decoration: blink;
    border: 1px solid #3f6328;
	}
.btn-image-viewer:hover{
	box-shadow:0 0 5px black;
	background-color: #043e71;
    color: white!important;
	
}	
.borderedTablePreview td, .borderedTablePreview th {
    border: 1px solid #585454!important;
    font-size: 10px;
	padding:1px 3px;
	
}

.preview-appender{
	margin:0px;background-color: #5b5d5e21;box-shadow: 0 0 4px black;border-radius:5px;
}
.box-fotters{margin-top:7px;padding-left:0px;padding-right:0px;padding-bottom:8px;text-align:left;border-top:1px solid gray;padding-top:8px;}
.mb4p{margin-bottom:1px;}
.p2-12{height: 19px!important;
    padding: 5px!important;
    font-size: 10px!important;
    white-space: pre-line;}
.CustmtableTag td{
    border: 1px solid #e9e9e9;
    padding: 0px 2px;
}
.mr5{margin-right:5px;}
.mw-94px{min-width:94px!important;width:94px!important;max-width:94px!important;text-align:right!important;padding-right:12px!important;}
.CustmStrongTag{
	padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
	color: #11436d;
    font-size: 11px;
    width: 100%;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    border-bottom: 1px solid #c6c3c3; 
}
#idcard{min-width:580px!important; min-height:331px!important;width:580px!important;height:331px!important;margin-bottom:0px!important;}
#footer-area {
    position: relative !important;
    width: 100% !important;
    height: 16px !important;
    background-color: #002c7c !important;
    text-align: center !important;
    color: white !important;
    padding-top: 0px !important;
    font-size: 9px !important;
	border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}
#id-cardHeader{border-top-left-radius:15px!important;border-top-right-radius:15px!important; min-height:53px!important;text-align:center!important;padding:0px!important;background-color:#002c7c!important;}
	
#id-cardHeader h2{font-size:20px!important;color:white!important;padding-top:12px!important;}
#id-cardHeader p{font-size:16px!important;color:white!important;}
#id-cardHeader img{margin-left:4px!important;margin-top:4px!important;float:left!important;display:inline-block!important;width:45px!important;height:45px!important;border:1px solid black!important;-webkit-print-color-adjust:exact!important;
border-top-left-radius:15px!important;
}
#mid-area{display:block!important;}
/**#mid-area img {
    display: inline-block!important;
    float: left!important;
    width: 160px!important;
    height: 183px!important;
    max-width: 160px!important;
    min-width: 160px!important;
    max-height: 180px!important;
    min-height: 180px!important;
    margin-right: 12px!important;
    padding: 1px;
    background-color: gray;
}
**/
  #left-photo-div img{
	display: inline-block!important;
    float: left!important;
	
	width: 100px!important;
	max-width: 100px!important;
    min-width: 98px!important;
	
    height: 119px!important;
    max-height: 119px!important;
    min-height: 119px!important;
	
    margin-right: 12px!important;
	margin-left:12px!important;
    padding: 1px;
    background-color: gray;	  
  }
/**#card-principal{margin-bottom:0rem!important;margin-top:1rem!important;color:#ff0000!important;padding-top:0px!important;font-size:18px!important;text-align:right!important;display:block!important;float:right!important;padding-right:15px;}**/
#card-principal{position: absolute;
        bottom: 0;
        right: 12px;
        color: red;
        font-size: 18px !important;}

#innder-container h2{padding-top: 0px!important;
    font-style: italic!important;
    color: red!important;
    display: block!important;
    text-align: center!important;
    font-size: 14px!important;
    text-decoration: underline!important;}
.mLeft{font-size:12px!important;min-width:130px!important;display:inline-block!important;}
.mRight{font-size:12px!important;display:inline-block!important;padding-left:12px!important;}
.mP{margin-bottom:0px!important;text-transform:uppercase!important;}
.p5{padding-top:5px!important;font-weight:bold!important;font-size:15px!important;}
.popover-header{padding:4px;}
.popover-body{padding:0px 4px!important;}
.textblue{color: #073f70;}
.ptb0{padding-top:0px!important;padding-bottom:0px!important;}
#ServiceChargTable thead th, #ServiceChargTable tbody td{
	color:black!important;font-size:12px;padding:2px 2px!important;
}

.recentPayment tbody td, .recentPayment thead th{padding:2px 5px!important;vertical-align: middle!important;}

 .print-style{font-size:9px!important;display:block!important;text-align:justify;margin-bottom:5px;}
 .feetitle{padding-top:20px!important;min-height:80px!important;font-size:25px;font-weight:bold!important;text-align:center!important;}
.prospectuslink a{color:red!important;margin-top:12px!important;text-decoration:none!important;display:block;}
.gfont{font-family: 'Libre Barcode 128', cursive!important;display:block;font-size: 60px;position: absolute;
top:34px!important; text-align: center!important;width:100%;}
.Gfont{font-family: 'Libre Barcode 128', cursive!important;display:block;font-size: 60px;position: absolute;
top:-33px!important; text-align: center!important;width:100%;}

.rs-color{width:100%!important;}
.searchReultContaner{
	padding:12px!important;background-color:#4caf50!important;margin:0px!important;
}
.admissionTable td {
    border: 0px solid #e9e9e9;
    padding: 3px!important;
	color:white;
}
.admissionTable th{color:white;font-weight:bold;}
.bottom_border td, .table th {
    padding: 1px;
    vertical-align: top;
    border-bottom: 1px solid #e9e9e9!important;
	border-top:0px;
}
.cust_margin{
	margin-bottom: 2px!important;
    margin-top: 15px!important;
}
.box_shadow{border:1px solid black;
    padding: 5px;
	min-height:325px!important;
	}
.cust_w1{ max-width: 50px!important;
    width: 44px;
    min-width: 44px!important;}
.cust_w2{ max-width: 40%!important;
    width: 300px;
    min-width: 300px!important;}
.cust_w3{ max-width: 40%!important;
    width: 300px;
    min-width: 300px!important;}

.text_center{text-align:center;}
.text_right{text-align:right!important;}
.text_left{font-weight:bold;}
.cust_td{
	min-width: 50%!important;
    width: 50%;
    max-width: 50%!important;
	}
.borderedTable td, .borderedTable th {
    border: 1px solid #585454!important;
}	
.logged-in-user{
	font-weight:normal;
	font-size:12px;
	margin-left:12px;
}
.mb-12{margin-bottom:12px!important;}
.mb-0{margin-bottom:0px!important;}
#profileImgPreview{text-align:center!important;border-radius:0px!important;width:184px!important;height:192px!important;display:inline-block!important;}
.no-radius{border-radius:0px!important;}
.bg-success-custom {
    background-color: #28c91d!important;
}
.alert-primary-custom {
    color: #696969;
    background-color: #2bd5484d;
    border-color: #3049344d;
}
.bg-primary-500 {
    background-color: #11436d;
    color: #fff;
}
.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #3f51b5;
    border-color: #3f51b5;
}
.btn-danger {
    color: #fff;
    background-color: #e6291b;
    border-color: #e6291b;
}
.btn-danger:hover {
    color: #fff;
    background-color: #f11818;
    border-color: #f11818;
}
.clourofIcon{color:red;}
.cButtons{line-height: 0px;
    padding-top: 1px;
    padding-bottom: 2px;}
.listOfStudents_Label_outer_div{text-align:right;padding:0px;}
.listOfStudents_LabelT{padding-top:8px;padding-right:8px;font-weight:500;}
.listOfStudents_Label{padding-top:15px;padding-right:8px;font-weight:500;}
.listOfStudents_input_outer_div{padding-top:6px;padding-left:0px;padding-right:0px;}
.listOfStudents_selectbox{}
.listOfStudents_extra{}
.listOfStudents_h2_outerdiv{}
.listOfStudents_h2{margin-left:12px;}

.change_subjectlabel{
	padding-top: 10px;
    font-weight: bold;
    text-align: center;
    color: red;
    width: 100%;
border-bottom: 1px solid #b8c3b8;}
.mobileViewDesign{margin:0px;position: absolute;bottom: 16px;width: 68%;}
@media (min-width: 992px){
.page-content {
    padding:12px!important;
}
.fullModl{max-width:99%!important;margin:3px!important;}
}
@media screen and (max-width:632px){
.crouselblackframe {
    padding: 12px;
    background-color: #000000b8;
}
.crouselblackframe {
    padding: 12px;
    background-color: #000000b8;
}
.addnewbuttons {
    position: absolute;
    z-index: 9999;
    right: 2px;
    top: 1px;
    padding: 2px;
}
.classroom th, .classroom td {
    font-size: 12px;
}
/**	
	.select2-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 60%!important;
}
**/
.basic-l{padding:0px!important;line-height:14px!important;}
.custcard-heading{
	padding: 5px 12px!important;
    color: black!important;
    font-weight: bold!important;
}
	#hmd{display:none;}
	.pap{position: absolute!important;width: 94%;left: 15px!important;z-index:999999!important;}
.pop-container{
	position: absolute!important;
	background-color: white!important;
	padding: 5px!important;
	margin-top: calc(100px - 50px;);
	border: 1px solid #11436d!important;
	border-radius: 4px!important;
	box-shadow: 0 0 5px #134b79!important;
	}
	
	.g1,.g2,.g3{
		margin-bottom:15px;text-align:center!important;
	}
	.lh-12{line-height:12px!important;}
	.mobileViewDesign{margin:0px;position: relative;bottom: -12px;width: 25%;}
	.listOfStudents_LabelT{padding-top:0px;padding-right:8px;font-weight:500;}

	.topM{margin-top:-164px!important;}
	.mediaCenter{text-align:center!important;}
.listOfStudents_Label_outer_div{text-align:left;padding:0px;}
.listOfStudents_Label{padding-top:1px;padding-right:0px;font-weight:500;}
.listOfStudents_input_outer_div{padding-top:0px;padding-left:0px;padding-right:0px;}
.listOfStudents_selectbox{}
.listOfStudents_extra{padding-bottom:12px}
.listOfStudents_h2_outerdiv{padding:0px;}
.listOfStudents_h2{margin-left:0px;color:red!important;}	
}
@media print {
	#closeBtnModal{display:none!important;}
	.btn-danger {
    color: #fff;
    background-color: #e6291b;
    border-color: #e6291b;
}
	.table-responsive-xl {
		display: block!important;
		width: 100%!important;
		overflow-x: visible!important;
		-webkit-overflow-scrolling: unset!important;
	}
	.page-content {
		width: auto!important;
	}
	#attendance_table, #attendance_table * {
      visibility: visible!important;
	  
    }
    #attendance_table {
      position: relative!important;
      left: 0!important;
    
    }
	
	.print_blakClr{color:black!important;}
	.print_grenClr{color:green!important;}
	.print_yeloClr{color:black!important;}
	.print_redClr{color:black!important;}

	
	
	.thead-themed tr{
		background-color: #124f80!important;
		-webkit-print-color-adjust: exact; 
	}
	
	* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari, Edge */
    color-adjust: exact !important;                 /*Firefox*/
}
	.mw{width:278.3px!important;display:inline-block;}
	
	
   /* .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
         float: left;
    }
    .col-sm-12 {
         width: 100%;
    }
    .col-sm-11 {
         width: 91.66666667%;
    }
    .col-sm-10 {
         width: 83.33333333%;
    }
    .col-sm-9 {
         width: 75%;
    }
    .col-sm-8 {
         width: 66.66666667%;
    }
    .col-sm-7 {
         width: 58.33333333%;
    }
    .col-sm-6 {
         width: 50%;
    }
    .col-sm-5 {
         width: 41.66666667%;
    }
    .col-sm-4 {
         width: 33.33333333%;
    }
    .col-sm-3 {
         width: 25%;
    }
    .col-sm-2 {
         width: 16.66666667%;
    }
    .col-sm-1 {
         width: 8.33333333%;
    }
*/
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
   }
   .col-md-12 {
        width: 100%;
   }
   .col-md-11 {
        width: 91.66666667%;
   }
   .col-md-10 {
        width: 83.33333333%;
   }
   .col-md-9 {
        width: 75%;
   }
   .col-md-8 {
        width: 66.66666667%;
   }
   .col-md-7 {
        width: 58.33333333%;
   }
   .col-md-6,.col-sm-12 {
        width: 50%;
   }
   .col-md-5 {
        width: 41.66666667%;
   }
   .col-md-4 {
        width: 33.33333333%;
   }
   .col-md-3 {
        width: 25%;
   }
   .col-md-2 {
        width: 16.66666667%;
   }
   .col-md-1 {
        width: 8.33333333%;
   }

 /** html, body {
    width: 211mm;
    height: 297mm;
	margin:5mm 5mm 0mm 15mm
	
  }**/
  #right-div{
	min-height: 145px;
	max-height: 145px;
	overflow: hidden;
	}
  #right-div-terms{
		position: relative;
		right: 0px!important;
		padding:12px;
	/**background-color: #CDDC39;**/
    min-height: 183px;
	height:183px;
	max-height:183px;
    width: 393px;
    max-width: 393px;
    min-width: 393px;
    overflow: hidden;
	
	}
	#right-div-terms ol{
		padding-left: 12px!important;
		margin-bottom:0px!important;
	}
	#right-div-terms ol li{
		font-size: 8px!important;
		color:black;
	}
	
  #DoNotShowPrintTime{
	  display:none;
  }  
  .DoNotShowPrintTime{
	  display:none!important;
  }
  #imageArea{
	position: absolute;
	width: 452.9px;
	height: 211px;
	background-color: white;
	top: 72px;
  }
  .background-image-container{min-height:284.8px;max-height:284.8px;height:284.8px;}
  #principalSign {
   
    position: absolute;
    bottom: 25px;
    right: 0px;
}

 #librarianSign {
   
    position: absolute;
    bottom: 25px;
    left: 10px;
}
  #id-cardHeader p {
    font-size: 13px!important;
	line-height:14px!important;
    color: white!important;
}
  #left-photo-div img{
	display: inline-block!important;
    float: left!important;
	
	width: 100px!important;
	max-width: 100px!important;
    min-width: 98px!important;
	
    height: 119px!important;
    max-height: 119px!important;
    min-height: 119px!important;
	
    margin-right: 12px!important;
	margin-left:12px!important;
    padding: 1px;
    background-color: gray;	  
  }
  

	.page-content{
	background-color:#ffffff!important;
	}
	#js-page-content{
	background-color:#ffffff!important;
	}  
	#panel-22{border:0px!important;background-color:#ffffff!important;}
	/**#mid-area img {
	display: inline-block!important;
    float: left!important;
    width: 160px!important;
    height: 183px!important;
    max-width: 160px!important;
    min-width: 160px!important;
    max-height: 180px!important;
    min-height: 180px!important;
    margin-right: 12px!important;
    padding: 1px;
    background-color: gray;
	}**/
	.leftcontent_padding{padding-left:1px!important;padding-right:0px!important;border-left:1px solid white!important;}
	.rightcontent_padding{padding-left:0px!important;padding-right:0px!important;}
	.p0{padding:0px!important;}
	.lp1{border-left:1px solid white!important;margin-left:1px!important;padding:0px!important;}
	.mleftone{border-left:1px solid white!important;padding-left:0px!important;}
/**#card-principal{margin-bottom:0rem!important;margin-top:1rem!important;color:#ff0000!important;padding-top:0px!important;text-align:right!important;display:block!important;float:right!important;font-size:17px!important;padding-right:12px;}
**/
#card-principal{
	position: absolute;
        bottom: 0;
        right: 12px;
        color: red;
        font-size: 18px !important;
}
	
#card-Barcode{
		position: absolute;
        bottom: -3px;
        left: 153px;
        color: black!important;
        font-size: 36px !important;
  font-family: "Libre Barcode 39", system-ui!important;
  font-weight: 400;
  font-style: normal;
	}
		
#card-librarian{
	position: absolute;
        bottom: 0;
        left: 12px;
        color: red;
        font-size: 18px !important;}
	
	
	
	.mLeft{font-size: 10px !important;
        min-width: 98px !important;
        display: inline-block !important;
        color: black;
        font-weight: 400;}
	.mRight{font-size:12px!important;display:inline-block!important;padding-left:12px!important;}
	.mP{margin-bottom:0px!important;text-transform:uppercase!important;font-size:10px!important;}


.gridwidth{min-width:420px;max-width:420px;width:420px;height: 252px!important;min-height:252px!important;max-height:252px!important;padding-left:1px!important;}

    #idcard {
        min-width: 420px!important;
        min-height: 252px !important;
        max-width: 420px!important;
        max-height: 252px !important;
        width: 420px!important;
        height: 252px !important;
        margin-bottom: 0px !important;
        padding-top: 0px;
        padding-bottom: 0px;
    }
.p5{padding-top:5px!important;font-weight:bold!important;font-size:15px!important;}
#innder-container h2{line-height:12px;margin-bottom:4px;padding-top:0px!important;font-style: italic!important;color: red!important;display:block!important;text-align:center!important;font-size:12px!important;text-decoration:underline!important;}
html body {
    direction: ltr;
    text-rendering: optimizeLegibility;
    background-color: #fff!important;
    padding-left: 15mm!important;
    padding-top: 10mm!important;
	padding-right:0px!important;
	margin-right:0px!important;
}
.col-md-6{padding-left:0px!important;} 
@page {
  size: A4; 
  margin:5mm!important;
  margin-top:12mm!important;
 
}
* {
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari */
    color-adjust: exact !important;                 /*Firefox*/
}


.box_shadow{border:1px solid black;
    padding: 5px;
	min-height:345px!important;
	}



.printThisFull {
         width:100%!important;
         height:auto!import;
         page-break-after:always
     }
.table.dataTable thead>tr>td.sorting, table.dataTable thead>tr>td.sorting_asc, table.dataTable thead>tr>td.sorting_desc, table.dataTable thead>tr>th.sorting, table.dataTable thead>tr>th.sorting_asc, table.dataTable thead>tr>th.sorting_desc {
	color:black!important;
}





.pageImages{width:100px;height:115px;border:1px solid black;}
.documentsImages{width:100%!important;height:auto!important;}
.feetitle{padding-top:12px!important;min-height:80px!important;font-size:25px!important;font-weight:bold!important;text-align:center!important;}

.gfont{font-family: 'Libre Barcode 128', cursive!important;display:block;font-size: 60px!important;position: absolute!important;top: 32px!important; text-align: left!important;width:100%;}

.Gfont{font-family: 'Libre Barcode 128', cursive!important;display:block;font-size: 60px!important;position: absolute!important;top: -28px!important; text-align: center!important;width:100%;}

.pfont{text-align:center!important;color:#000;font-size:11px!important;margin-top: 15px!important;padding-top: 15px!important;
    }
.dataTables_filter,.dataTables_length{display:none;}
.table,.dataTable{background-color: #11436d!important;color:black!important;}
  .kl{display:block!important;}
  .printTablemedia{margin-top:15px!important;margin-left:65px!important;margin-right:65px!important;background-color:transparent!important;}
  .prow{min-height:11vh!important;}
  /* ... the rest of the rules ... */
   .pagebreak { page-break-after: always!important;  clear: both!important; } /* page-break-after works, as well */
   .beforepagebreak { margin-top:90px!important;clear: both!important; } /* page-break-after works, as well */
 .print-style{font-size:9px!important;display:block!important;text-align:justify;margin-bottom:5px;}
 .d-pl{padding-left:-15px!important;}
 .d-pr{padding-right:-15px!important;}
}
.not-required,.not-required input{
     background:#f1f1f1;
}

.redboxes{
	background-color: #ffdbdb!important;
    border: 1px solid gray;
    padding: 12px;
    border-radius: 5px;
    color:black!important;
    position: relative;
}
.replyboxes{
	background-color: #28a74529;
    border: 1px solid gray;
    padding: 12px;
    border-radius: 5px;
    color:black!important;
    position: relative;
	margin-top:4px;
}
.replyBtn{display:inline-block;margin-top:12px;}