.padding-left{
	padding-left:0px;
}

.showScroll{
	margin-top: 5px;
	height: 400px;
	overflow-x: auto;
	overflow-y: auto;
	padding-right: 0px;
}

.textarealen{
	max-width:100%; min-width:100%; min-height: 45px; padding: 5px 12px;	
}

.topMargin{
	margin-top: 10px;
}

.highlight-border:focus{
	outline: none !important;
    border:1px solid rgb(102,175,233);
    box-shadow: 0 0 10px #719ECE;
	border-radius:5px;
}

.showdata {
	width: 100%;
}

.add{
	height: 60px;
	/*background-color: #F1F1F1;*/
}

.add h2{
	float:left;
}

.add input{
	margin-top: 10px;	
	float:right;
}

/*.add input:hover{
	height: 44px;
}
*/
.date{
	float:left;
	width: 12%;
	border-right: 1px solid #808080;
	height:100%;
	text-align:center;	
}

.name{
	float:left;	
	width: 13%;
	padding-left: 2px;
	border-right: 1px solid #808080;
	height:100%;
	overflow:hidden;
}

.comment{
	float:left;	
	width: 37%;
	padding-left: 2px;
	border-right: 1px solid #808080;
	height:100%;
	overflow:hidden;		
}

.subject{
	float:left;	
	width: 20%;
	padding-left: 2px;
	border-right: 1px solid #808080;
	height:100%;
	overflow:hidden;		
}
.name1{
	float:left;	
	width: 21%;
	padding-left: 2px;
	border-right: 1px solid #808080;
	height:100%;
	overflow:hidden;
}

.action{
	float:left;	
	width: 16%;
	text-align:center;
}

.action input{
    height: 38px;
    margin-top: 3px;
	margin-left:0;
}

.floatbtn{
	float:right;
	height: 40px;
}

.floatbtn:hover, .floatedit:hover, .floatdelet:hover{
	height: 49px;
}

.style1{
    border: 2px solid #808080;
    height: 47px;
    overflow: hidden;	
    border-top:none;
}

table{
	border-collapse: inherit;
}

.titleRow{
	background-color: #FFFFFF;
	background-image: linear-gradient(to bottom, #e6e6e6, #808080);
	color: #343434;
}

.oddRow{
	background-color: #FFFFFF;
	background-image: linear-gradient(to bottom, #FFFFFF, #c3c3c3);
}

.evenRow{
	background-color: #F3F3F3;
	background-image: linear-gradient(to bottom, #c3c3c3, #FFFFFF);
}

.titleRow th, .oddRow td, .evenRow td {
	border:1px solid black;
	padding: 3px;
    text-align: left;
	word-wrap: break-word;
}

.oddRow1{
	background-color: #FFFFFF;
	background-image: linear-gradient(to bottom, #FFFFFF, #c3c3c3);
	cursor:pointer;
}

.evenRow1{
	background-color: #F3F3F3;
	background-image: linear-gradient(to bottom, #c3c3c3, #FFFFFF);
	cursor:pointer;
}

.titleRow th, .oddRow1 td, .evenRow1 td {
	border:1px solid black;
	padding: 3px;
    text-align: left;
	word-wrap: break-word;
}

.styleHead{
	background-color:#DDDDDD;
	background-image: linear-gradient(to bottom, #A4A4A4, #F1F1F1);	
    border: 2px solid #808080;	
	height: 24px;
	text-align:center;
	border-radius: 10px 10px 0 0;
}

.dateHead{
	float:left;
	width: 12%;
	border-right: 1px solid #808080;
	height: 24px;
}

.nameHead{
	float:left;	
	width: 13%;
	padding-left: 2px;
	border-right: 1px solid #808080;
	height: 24px;	
}

.nameHead1{
	float:left;	
	width: 21%;
	padding-left: 2px;
	border-right: 1px solid #808080;
	height: 24px;	
}

.commentHead{
	float:left;	
	width: 37%;
	padding-left: 2px;
	border-right: 1px solid #808080;
	height: 24px;	
}

.az_countryHead{
	float:left;	
	width: 20%;
	padding-left: 2px;
	border-right: 1px solid #808080;
	height: 24px;	
}

.actionHead{
	float:left;	
	width: 15%;
}
/*..................................*/
			
#wrapper_review {
	margin-right: auto;
	margin-left: auto;
	display:none;
}

.wrapper_password{
	width: 690px;
	margin-right: auto;
	margin-left: auto;
	display:none;
}

.numeric {
    background-position: 8px center;
    background-repeat: no-repeat;
    /*border: 2px solid #c8d2db;*/
    color: #000000;
    font-size: 13px;
    /*margin-right: 10px;*/
    /*padding: 2px;*/
	height: 30px;
    width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.textClass {
    background-position: 8px center;
    background-repeat: no-repeat;
    border: 2px solid #c8d2db;
    color: #000000;
    font-size: 13px;
/*    margin-bottom: 8px;
    margin-top: 0;
*/    
	padding: 6px 8px;
	height: 34px;
	min-height: 34px;
    width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-sizing: border-box;
}

.textWidth {
	width:155px;
}

#date{
	background-image: url("images/cal.png") !important;
	background-position: 200px center !important;
}

.data{
	margin: 0 auto;
	height:34px;
}

.userdata{
	margin: 0 auto;
	height:42px;
}

.userdata label{
    float: left;
    font-size: 13px;
    margin-right: 10px;
    margin-top: 1px;
    text-align: right;
    width: 45%;
	font-weight:bold;
}

.data label{
	color: #1d3e4b;
    float: left;
    font-size: 11px;
    margin-right: 10px;
    margin-top: 1px;
    text-align: right;
    width: 40%;
	font-weight:bold;
}

.data1{
	margin: 0 auto;
	height:227px;
}

.data1 label{
	color: #000000;
    float: left;
    font-size: 13px;
    margin-left: 12px;
    margin-top: 1px;
    text-align: right;
    width: 39%;
}

.heading h2{
	font-size:20px;
	font-weight:bold;
	color: #1d3e4b;
	display: block;
	margin-bottom: 5px;
    margin-top: 5px;
}

.submit{
	/*background-color: #FFC0CB;*/
	border: 1px solid;
	border-radius: 8px;
	font-size: 18px;
	font-weight: bold;
	height: 25px;
	width: 78px;
	margin-top: 20px;
	margin-bottom: 20px;
	cursor: pointer;
	
    background-color: #4591af;
   	/*background-image:linear-gradient(to bottom, #4db84d, #000000);*/
	background-image:linear-gradient(to bottom, #4591af, #000000);
    background-repeat: repeat-x;
    border-color: #4591af;
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
	
    /*border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
	
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;*/
	
    font-size: 12.5px;			
}

.submit:hover{
	background-image:linear-gradient(to top, #4591af, #000000);
}

.description{
	height: 70px;
	max-width: 214px;
	/*min-width: 483px;*/	
	width: 214px;
	font-size: 18px;
	margin-bottom: 8px;
	margin-top: 0px;
	padding: 5px;
	color: #000;
	background-position: 8px center;
	background-repeat: no-repeat;
	border: 2px solid #E2E2E2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;	
}

.required{
	color: #c43b1d;
}
/*..................................*/
.arrow_box { position: relative; background: #fbfcde; border: 2px solid #ded9ce; border-radius: 5px; padding-left:5px; padding-right:5px; color: #121d2b;} .arrow_box:after, .arrow_box:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .arrow_box:after { border-color: rgba(251, 252, 222, 0); border-right-color: #fbfcde; border-width: 10px; margin-top: -10px; } .arrow_box:before { border-color: rgba(222, 217, 206, 0); border-right-color: #ded9ce; border-width: 13px; margin-top: -13px; }

.head_wrapper{
	position: static;
	margin: 115px auto 0;
}

.head{
	margin-bottom:0px;
	margin-top: 0px;
	/*background-color:#4DB84D;*/
	background-image: linear-gradient(to bottom, #4591af, #000000);
	width:100%;
}

 .progress { position:relative; width:400px; border: 1px solid #ddd; padding: 1px; border-radius: 3px; }  
 .bar { background-color: #B4F5B4; width:0%; height:20px; border-radius: 3px; }  
 .percent { position:absolute; display:inline-block; top:3px; left:48%; }
/* #photo {
	 /*width:100px;*/
	 /*height:100px;*/
	/* border:1px solid #DDDDDD;
	 margin-right: 40px;
	 float:right;
 }
*/ 
 #delete {
	position: relative;
	margin-left: 525px;
	font-size: 15px; font-weight: bold;
	color: #15497C;
	margin-top: -25px;
 }
 
.main1{
	color: #1d3e4b;
	margin-right: auto;
	margin-left: auto;
    background-color: #E5E5E5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E5E5E5);
    border: 1px solid #DDDDDD;
	/*border-radius: 10px;*/
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
	margin: -45px auto 10px;
	padding: 0px 15px 15px;
}

#login_wrapper h2 {
	display:block; 
	color: #1d3e4b;
}

#headcontent {
	height: auto;
	/*background-color:#fff;*/
}
#headcontent h4{color:#292929; font-family:'Tahoma'; font-size:40px; line-height:36px;margin-top:18px;margin-bottom:0; }
#headcontent h4 span{ color:#4DB84D;}

.top{
	/*background-image: linear-gradient(to bottom, #226e8c, #eaeaea);*/
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

.bottom{
	/*background-image: linear-gradient(to top, #226e8c, #eaeaea);*/
	border: 2px solid #d8d8d8;
	/*border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;*/
}

.fixcenter {
	margin-left:auto;
	margin-right:auto;
	width:950px;
}

.top img {
	margin-top:0px;
}

.down1 {
	width: 100%;
	float: left;
	margin-top: -20px;
}

.down2 {
    float: right;
    margin-top: 15px;
    width: 47%;
}


#myBigImg{
	cursor:url('images/magnify2.png'), pointer !important;
}
.blockbkg {
  background-color: black;
  opacity: 90%;
  filter:alpha(opacity=90);
  background-color: rgba(0,0,0,0.90);
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  float: absolute;
  position: fixed;
  top: 0;
  left: 0;
  color: white;
  z-index: 5;
}

.cont {
    background-color: #D3D3D3;
    background-image: url("images/loading-anim-red.gif");
    background-repeat: no-repeat;
    border: 1px solid #808080;
    border-radius: 24px;
    color: #000000;
    display: block;
    font-size: 16px;
    height: 55px;
    left: 50%;
    margin-left: -100px;
    margin-top: -100px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 55%;
    width: 161px;
}
.cont1{
	background-color: #f1f1f1;
    border: 1px solid gray;
    border-radius: 24px;
    color: black;
    display: block;
    font-size: 16px;
    height: 150px;
    left: 46%;
    margin-left: -100px;
    margin-top: -100px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 264px;
}
.closebtn {
   	/*background: none repeat scroll 0 0 #204E20;*/
	background-image:linear-gradient(to bottom, #4591af, #000000);
    border-radius: 20px;
    box-shadow: 2px 2px 3px #000;
    color: #ffffff;
    font-family: "Arial Black";
    font-size: 20px;
    font-weight: bolder;
    line-height: 30px;
    position: absolute;
    right: -10px;
    text-align: center;
    text-decoration: none;
    top: -14px;
    width: 30px;
			
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-moz-box-shadow: 2px 2px 3px #000;
	-webkit-box-shadow: 2px 2px 3px #000;
	box-shadow: 2px 2px 3px #000;
}
.closebtn:hover { 
	/*background: #CC0000;/*#00d9ff;*/
	background-image:linear-gradient(to top, #CC0000, #000000);
	color: #ffffff;
	font-weight: bolder;
	cursor: pointer; 
}

.fixeddata {
	width:940px;
	margin:0 auto;
}

/* User list / shared list pager: info left, pages right; center on mobile */
.list-pager{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: wrap;
	margin: 12px 0 8px;
	width: 100%;
	clear: both;
}
.list-pager-info{
	flex: 1 1 auto;
	font-weight: 600;
	font-size: 13px;
	color: #555;
	text-align: left;
	line-height: 1.4;
}
.list-pager-links{
	flex: 0 0 auto;
	margin-left: auto;
	text-align: right;
}
.list-pager-links #page{
	margin: 0;
	float: none;
	width: auto !important;
	display: inline-block;
	vertical-align: middle;
}
.list-pager-links #page:after{
	content: "";
	display: table;
	clear: both;
}
@media (max-width: 767px){
	.list-pager{
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.list-pager-info,
	.list-pager-links{
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	.list-pager-links #page{
		display: inline-block;
	}
}

.curPage {
    background-color: #FFFAFA;
    border-radius: 10px;
    color: #1d3e4b;
    display: block;
    font-weight: bold;
    margin-left: 1px;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    cursor: default;	
}
#page {
	/*background: url("../images/bg.png") repeat-x scroll 0 -110px #00ACDE;*/
	background-image: linear-gradient(to bottom, #1d3e4b, #000000);
    border-radius: 10px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
    display: inline-block;
    margin: 0 auto;
    padding: 0.7px;
    width: 100%;
}

#page li {
    float: left;
    list-style: none outside none;
    position: relative;
}

#page a {
    border-radius: 10px;
    color: #FFF;
    display: block;
    font-weight: bold;
    padding: 8px 10px;
    text-decoration: none;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}

.pageresult {
	 color: #004B72;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 14px;
    margin-left: 96px;
}

.logbtn{
	float: right; 
	cursor:pointer; 
	/*background-image: linear-gradient(to bottom, rgb(164, 164, 164), rgb(241, 241, 241));
	border-radius: 8px;
	border-width: 1px; 
	border-radius: 4px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;*/
	height: 30px; 
	width: 100px;
	font: 18px/21px Arial,Helvetica,sans-serif; 
	font-weight: bold; 
	color: #006633;
    margin-right: 2px;
    margin-top: -50px;
    position: relative;
}

.logbtn:hover {
	height: 31px; 
	width: 101px;
}

#buynow {
	cursor: pointer;
	position: absolute; 
	margin-left:-128px; /*-143px;*/
	margin-top: 44px; /*32px;*/ 
	width: 151px;/*175px;*/
	cursor:pointer;
}
#buynow:hover {
	width:152px;
}

#leftdata{
  /*  border: 1px solid #000000;*/
    float: left;
    height: 34em;
    text-align: justify;
    width: 45%;
	margin-top:-20px;
	}

#rightdata{
   /* border: 1px solid #000000;*/
    float: right;
    height: 34em;
    width: 45%;
	margin-top:-20px;
}

#text{
	font-family:Tahoma, Geneva, sans-serif;
	font-style:normal;
	font-size-adjust:inherit;
	text-justify:auto;
	text-align:justify;
	width:28em;
}
.termshead {
	font-size:15px;
	font-weight:bold;
}
#searchcontainer {
	background-color: #FFF;
	border: 1px solid #D1CEAB;
	padding: 20px;
	margin-bottom: 5px;
	height: 180px;
	border-radius:10px;
}

.asintext {
	font-size: 36px;
	width: 130px;
	float: left;
	margin-right: 10px;
	margin-bottom: 8px;
	color: #000;
}

.asintextpage {
	width: 234px;
	font-size: 18px;
	float: left;
	margin-right: 10px;
	margin-bottom: 8px;
	margin-top: 0px;
	color: #000;
	background-position: 8px center;
	background-repeat: no-repeat;
	border: 2px solid #E2E2E2;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}


.productcontainer {
	float: left;
	width: 295px;
	margin-right: 10px;
	margin-top: 15px;
	margin-bottom: 15px;
	border-radius:10px;	
}

#productcontainer {
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	padding: 15px;
	margin-bottom: 20px;
	border: 1px solid #D1CEAB;
	margin-bottom: 15px;
	margin-top: 5px;
	border-radius:10px;
}
	
.productcontainer img {
	margin-right: 15px;
}

.producttext {
	display: block;
	margin-top: 10px;
}	

.buylink {
	font-size: 12px;
	color: #CCC;
	text-decoration: none;	
}

.export {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.export input, .export label{
	float: left;
	display: inline;
	padding-left: 2px;
}

.pagination {
	text-align: right;
	margin-bottom: 20px;
	height:40px;
}

#pagination{
	font-weight: bold;
	padding-right: 4px;
	text-align: right;
	padding-bottom:5px;
}

.select{
	width: 210px;
}

#myData, #myDataInt, #UniDataInt, #AddCourseInt, #AddonMarksInt, #Progression, #salaryCont, #salaryPerm, #ConAtt{
	margin: 5px 0px 15px;
	height: 400px;
	overflow-x: auto;
	overflow-y: auto;
	border: 1px solid #E8E8E8;
	/*background-color: #f0f0f0;*/
}

/* Sticky table headers inside the scrollable report boxes */
#myData thead th,
#myDataInt thead th,
#UniDataInt thead th,
#AddCourseInt thead th,
#AddonMarksInt thead th,
#Progression thead th,
#salaryCont thead th,
#salaryPerm thead th,
#ConAtt thead th{
	position: sticky;
	top: 0;
	z-index: 3;
	background-color: #9a9a9a;
	background-image: linear-gradient(to bottom, #e6e6e6, #808080);
	box-shadow: 0 1px 0 #999;
}

.myDataLeft{
	width: 49%;
	float: left;
}

.myDataRight{
	width: 49%;
	float: right;
}

#myData2{
	height: 400px;
	/*overflow-x: hidden;*/
	overflow: auto;
	border: 1px solid gray;
}

#myData3{
	height: 400px;
	/*margin: 5px 15px 15px;*/
	/*overflow-x: hidden;*/
	overflow: auto;
	border: 1px solid gray;
	/*background-color: #f0f0f0;*/
}

#myData tr{
	height:20px;
}

#myData tbody tr:hover, #rpt tbody tr:hover{
	background-color:#dff0d8;
}

.rptInput{
	float: left;
	width: 33.33%;
}

.rptInput label{width: 50%;}

.rptInput input{width: 44%;}

.rptInput select{width: 46.5%; font-size:10px;}

.rptSubmit{
	float: right;
	/*width: 100%;*/
	height: 34px;
	line-height: 0;
}

.rptSubmit input[type="submit"], .rptInput input[type="submit"]{
	float: right;
	margin: 0px;
	width: 78px;
}

/* Match action image buttons to input control height */
.data.rptSubmit,
.rptSubmit.data{
	height: 34px !important;
	margin: 0;
	display: inline-block;
	vertical-align: bottom;
}
.data.rptSubmit input[type="image"],
.rptSubmit input[type="image"],
.container1 input[type="image"]{
	height: 34px !important;
	width: 34px !important;
	max-height: 34px;
	padding: 0 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	vertical-align: bottom;
	box-sizing: border-box;
}

/* Match Bootstrap form controls and .btn-sm to the same height as .textClass */
.form-control,
select.form-control,
input.form-control{
	height: 34px;
	min-height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	box-sizing: border-box;
}
textarea.form-control{
	height: auto;
	min-height: 34px;
}
input[type="date"].form-control,
input[type="datetime-local"].form-control,
input[type="time"].form-control,
input[type="month"].form-control{
	height: 34px;
	min-height: 34px;
	line-height: 1.42857143;
	padding-top: 6px;
	padding-bottom: 6px;
}
.btn.btn-sm{
	height: 34px;
	min-height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	box-sizing: border-box;
}
.form-group .btn.btn-sm.col-md-12,
.form-group .btn.btn-sm.col-md-11,
.form-group .btn.btn-sm.col-md-10{
	width: 100%;
}

.admission-action-bar{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	float: none !important;
	clear: both;
	width: 100%;
	margin: 16px 0 4px;
	padding: 8px 0 2px;
	text-align: center;
	box-sizing: border-box;
}
.admission-action-bar .btn,
.admission-action-bar input[type="submit"],
.admission-action-bar input[type="button"],
.admission-action-bar button{
	float: none !important;
	width: auto !important;
	min-width: 88px;
	margin: 0 !important;
	display: inline-block;
}

:disabled {
    /*background-image: linear-gradient(to bottom, #a29f8e, #a29f8e);*/
    color: grey;
    /*border: 1px solid grey;*/
}

:disabled:hover {
    /*background-image: linear-gradient(to bottom, #a29f8e, #a29f8e);*/
    color: grey;
    /*border: 1px solid grey;*/
	cursor: default;
}

#searchbyname{
	border: 1px solid gray;
	border-bottom: none;
	padding: 5px; 
	width: 97%;
}

.form-search {
    background: none repeat scroll 0 0 #1d3e4b;/*#080707;*/
    border: 1px solid #666;
    color: #666;
    font-family: Arial,Helvetica,sans-serif;
    font-style: normal;
    line-height: 25px;
    outline: medium none;
    padding: 3px;
    position: relative;
    width:100%;
	margin-bottom:10px;
	border-radius:5px;
	margin-top:2px;
}

.form-search button {
    transition: background-color 200ms ease-in-out 0s;
}

.form-search button {
    background: url("images/icon_search.png") no-repeat scroll 0 50% rgba(0, 0, 0, 0);
    border: medium none;
    height: 35px;
    position: absolute;
    right: -1px;
    top: 0px;
    width: 32px;
}

.form-search button:hover{
	cursor:pointer;
}

:readonly {
    background-color: #666666;
    /*border: 1px solid grey;*/
}

.button {
	background-color: #4db84d;
	border: 1px solid;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	width: 38px;
	margin-bottom: 20px;
	margin-top: 20px;
	cursor: pointer;
	
	background-image:linear-gradient(to bottom, #4db84d, #000000);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);	
	
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
	
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
}

.button:hover{
	/*background-image: linear-gradient(to bottom, #1C66A7, #15497C);*/
	background-image:linear-gradient(to top, #4db84d, #000000)
}

.excel:hover{
	height: 44px;
}

.excel25{
	width:25px;
	height:25;
	margin-left:10px;
}

.excel25:hover{
	height: 27px;
}

#myData1{
	height: 398px;
	/*margin: 5px 15px 15px;*/
	overflow-x: hidden;
	overflow-y: auto;
	/*border: 1px solid gray;*/
	/*border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px;*/
	background-color: #f0f0f0;
}

#myData1 tr{
	font-size: 12px;
	height:20px;
}

#spinner1{
	top:40%; 
}

.popup{
	height: 120px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 90%;
}

/* Flexible report: show full pdetail field list (global .popup height was clipping it) */
.flexible-report-popup{
	height: auto !important;
	min-height: 420px;
	overflow: visible;
}
.flexible-report-popup .flexible-fields-list,
#myFieldsList.flexible-fields-list{
	height: 380px !important;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #ddd;
	padding: 6px 8px;
	background: #fff;
}
.flexible-report-popup .flexible-fields-list .chkdata{
	margin: 0 0 4px 0;
	line-height: 1.35;
}

.rightCarrot{
	border-top-color: #555555; 
	border-top: 4px solid transparent; 
	border-bottom: 4px solid transparent; 
	border-left: 4px solid;
    display: inline-block;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    width: 0;
}

.loading_arrow {
    width: 32px;
    margin-top: 13px;
    margin-left: 42%;
    -webkit-animation: rotation 3.75s infinite linear;
    -moz-animation: rotation 3.75s infinite linear;
    -o-animation: rotation 3.75s infinite linear;
    animation: rotation 3.75s infinite linear;
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
    }
}
@-moz-keyframes rotation {
    from {
        -moz-transform: rotate(0deg);
    }
    to {
        -moz-transform: rotate(359deg);
    }
}
@-o-keyframes rotation {
    from {
        -o-transform: rotate(0deg);
    }
    to {
        -o-transform: rotate(359deg);
    }
}
@keyframes rotation {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(359deg);
    }
}

.radChk label{
	cursor:pointer
}

.mydropdown{
	border: 1px solid #C8D2DB; border-radius:3px; background-color:#FFFFFF; overflow-x: hidden; overflow-y: auto; list-style:none; 
	padding-left:10px; 
	display:none;
	position:absolute; 
	width:90%;
	z-index:1050;
	cursor:pointer;
	background-position: 8px center;
    background-repeat: no-repeat;
    border: 2px solid #c8d2db;
    color: #000000;
    font-size: 13px;
	/*height:81px;*/
	/*margin-right: -13px;
    margin-left: -12px;
    margin-top: 3px;*/
}

.mydropdown li{
	/*border-bottom: 1px solid #C8D2DB;*/
}

.multipleInput-container {
     border:1px #ccc solid;
     padding:1px;
     padding-bottom:0;
     cursor:text;
     font-size:13px;
     width:100%;
}
 
.multipleInput-container input {
     font-size:13px;
     clear:both;
     width:250px;
     height:24px;
     border:0;
     margin-bottom:1px;
}
 
.multipleInput-container ul {
     list-style-type:none;
}
 
li.multipleInput-email {
     float:left;
     margin-right:2px;
     margin-bottom:1px;
     border:1px #BBD8FB solid;
     padding:2px;
     background:#F3F7FD;
}
 
.multipleInput-close {
     width:16px;
     height:16px;
     background:url(images/close.gif);
     display:block;
     float:right;
     margin:0 3px;
}

.login_img{
	cursor:pointer;
}

.upperLetter {
    text-transform: uppercase;
}

.search_autocomplete{
	height: 215px;
	width : 100%;
	/*margin: 5px 15px 15px;*/
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid gray;
	border-bottom-right-radius: 10px; 
	border-bottom-left-radius: 10px;
	background-color: #f0f0f0;
}

.search_autocomplete tr{
	font-size: 13px;
	height:20px;
}

.padding0{
	padding-left: 0px;
	padding-right: 0px;
}

.marginbtm{
	margin-bottom:15px;
}

.cocurri{
	display:inline;
	width:24%;
}

/*-----Nav BAR---------------------*/
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    z-index: 1051;
}

/* All navbar menus can scroll when taller than the screen.
   Nested menus are positioned fixed by JS so they are not clipped. */
.navbar .dropdown-menu {
    max-height: calc(100vh - 70px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.dropdown-submenu:hover>.dropdown-menu,
.dropdown-submenu.open>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left,
.dropdown-submenu.open-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu,
.dropdown-submenu.open-left>.dropdown-menu {
    left: auto;
    right: 100%;
    margin-left: 0;
    margin-right: -1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

.dropdown-submenu.open-left>a:after {
    float: left;
    margin-left: -10px;
    margin-right: 0;
    border-width: 5px 5px 5px 0;
    border-left-color: transparent;
    border-right-color: #ccc;
}

.dropdown-submenu.open-left:hover>a:after {
    border-right-color: #fff;
    border-left-color: transparent;
}

/* Fixed / body-ported nested menus (set by JS) escape parent overflow clipping */
.navbar .dropdown-submenu > .dropdown-menu.cims-menu-fixed,
body > .dropdown-menu.cims-menu-fixed {
    position: fixed !important;
    display: block !important;
    visibility: visible !important;
    margin: 0 !important;
    right: auto !important;
    left: auto;
    top: auto;
    max-height: calc(100vh - 16px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    z-index: 4000 !important;
}

.dropdown-submenu.cims-submenu-open > a:after {
    border-left-color: #fff;
}

.dropdown-submenu.cims-submenu-open.open-left > a:after {
    border-right-color: #fff;
    border-left-color: transparent;
}

.chosen-container-single .chosen-single {
	 height: 53.5px;
	 border:1px solid #317eac;
	 background: #faeb90;
	 border-radius: 0 4px 4px 0;
	 font-size: 18px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
	background: #faeb90 none repeat scroll 0 0;
}

.chosen-container .chosen-drop {
	background: #faeb90;
	font-size: 18px;
}

.chosen-container a{
	padding-left:17px !important;
	padding-top:12px !important;
	text-align:left;
}

.chosen-container ul{
	text-align:left;
}

.chosen-container-single .chosen-single div b {
	background: rgba(0, 0, 0, 0) url(".././bower_components/chosen/chosen-sprite.png") no-repeat scroll 0 15px !important;
}

.no-padding {
    padding: 0;
}

.uglist {
    list-style: outside none none;
    padding-left: 15px;
}

.selectClass{
    background-position: 8px center;
    background-repeat: no-repeat;
    border: 1px solid #c8d2db;
    color: #000000;
    font-size: 13px;
	padding: 2px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.selectClass:focus{
	border-color: #66afe9;
	outline: none;
	/*-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);*/
	box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)
}

.mydropdown ,.mydrop2{
	border: 1px solid #C8D2DB; border-radius:3px; background-color:#FFFFFF; overflow-x: hidden; overflow-y: auto; list-style:none; 
	padding-left:10px; 
	display:none;
	position:absolute; 
	width:90%;
	z-index:1050;
	cursor:pointer;
	background-position: 8px center;
    background-repeat: no-repeat;
    border: 2px solid #c8d2db;
    color: #000000;
    font-size: 13px;
	font-weight: bold;
	/*height:81px;*/
	/*margin-right: -13px;
    margin-left: -12px;
    margin-top: 3px;*/
}

.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus{
	background-color: #178acc;
	color: #ffffff;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,  .navbar-inverse .navbar-nav .open .dropdown-menu >li > a:focus{
	background-color: #178acc;
	color: #ffffff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	background-color:#178acc !important;
	color:#ffffff;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus{
	background-color:#178acc !important;
	color:#ffffff;
}

.form-group{margin-bottom: 10px!important;}
.form-group label{margin-bottom:0px !important;}
.table_div .actions .fa, .table_div .actions input[type="image"] {cursor:pointer; padding-left: 5px; font-size: 20px; height: 25px;}
.table_div th, .table_div td {padding:5px; border:0px !important;}
.table_div table {border-collapse:inherit; border:1px solid #d1d3e2; border-radius:5px;}
.table_div tbody {display:block; height:400px; overflow-x:hidden; overflow-y:scroll;}
.table_div thead tr, .table_div tbody tr {display:table; width:100%; table-layout:fixed;}
.table_div thead {width: calc( 100% - 1em )}
.table_div .actions {width: 100px;}
.table_div thead tr, .table_div tbody tr:hover{background-color: #D5D5D5;}
.table_div{height: 460px !important; border: none !important;}
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.p-0{
	padding-left: 0px;
    padding-right: 0px;
}

legend {
    color: #317eac;
}

#myData td .fa{ cursor: pointer; }

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear;
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg);
	}
}
*[data-id="roll_no"]{ width:105px !important; }
.w-10px{ width:10px !important; }
.w-20px{ width:20px !important; }
.w-30px{ width:30px !important; }
.w-40px{ width:40px !important; }
.w-50px{ width:50px !important; }
.w-60px{ width:60px !important; }
.w-70px{ width:70px !important; }
.w-80px{ width:80px !important; }
.w-90px{ width:90px !important; }
.w-100px{ width:100px !important; }

.showScroll *[type="image"]{ height:25px; }
#process table td{
	overflow-wrap: break-word;
}
.scroll-container{
	overflow-y: auto;
	overflow-x: hidden;
	max-height: 70px;
}
.upload-id-list{
	max-height: 120px;
	overflow-y: auto;
	overflow-x: hidden;
	text-align: left;
	word-break: break-word;
}
.upload-id-list strong{
	margin-right: 4px;
}
#process .csv-upload-result-table td.upload-id-cell{
	width: auto;
	text-align: left;
	white-space: normal;
}

td.actions{
	width: 100% !important;
	display: flex;
	gap: 5px;
}
td.actions img, td input[type="image"]{
	width: 35px; margin-right: 5px;
}
td input[type="image"]:hover{
	height: inherit !important;
}

/* =========================================================
   Standard aligned data table + pager
   Usage:
     <div class="std-table-wrap" style="max-height:460px;">
       <table>...</table>
     </div>
     <div class="pager-box">...</div>
   ========================================================= */
.std-table-wrap{
	height: auto !important;
	max-height: 460px;
	overflow: auto !important;
	border: 1px solid #d1d3e2 !important;
	border-radius: 5px;
	background: #fff;
}
.std-table-wrap table{
	width: 100% !important;
	table-layout: fixed !important;
	border-collapse: collapse !important;
	margin: 0 !important;
}
.std-table-wrap thead{
	display: table-header-group !important;
	width: 100% !important;
}
.std-table-wrap tbody{
	display: table-row-group !important;
	height: auto !important;
	max-height: none !important;
	overflow: visible !important;
}
.std-table-wrap thead tr,
.std-table-wrap tbody tr{
	display: table-row !important;
	width: auto !important;
	table-layout: auto !important;
}
.std-table-wrap th,
.std-table-wrap td{
	display: table-cell !important;
	vertical-align: middle !important;
	padding: 6px 8px !important;
	border: 1px solid #ddd !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	box-sizing: border-box !important;
}
.std-table-wrap thead th{
	position: sticky;
	top: 0;
	z-index: 2;
	background: #3a87ad !important;
	color: #fff !important;
	font-weight: bold;
}
.std-table-wrap tbody tr:hover{
	background-color: #D5D5D5;
}
.std-table-wrap tbody tr.clickable,
.std-table-wrap tbody tr[data-id]{
	cursor: pointer;
}
.std-table-wrap tbody tr.active-row{
	background-color: #d9edf7 !important;
}
.std-table-wrap .col-text,
.std-table-wrap .col-username,
.std-table-wrap .col-name,
.std-table-wrap .col-email{
	text-align: left !important;
}
.std-table-wrap .col-num,
.std-table-wrap .col-center{
	text-align: center !important;
}
.std-table-wrap .col-right{
	text-align: right !important;
}
.std-table-wrap th.actions,
.std-table-wrap td.actions{
	width: 100px !important;
	text-align: center !important;
	white-space: nowrap !important;
	display: table-cell !important;
	gap: 0;
}
.std-table-wrap td.actions .btn-edit-user,
.std-table-wrap td.actions .btn-edit-row{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 2px 8px;
	margin: 0 auto;
}
.std-table-wrap td.actions .btn-edit-user img,
.std-table-wrap td.actions .btn-edit-row img,
.std-table-wrap td.actions img.fa-edit{
	width: 14px !important;
	height: 14px;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: middle;
}

.pager-box{
	margin-top: 10px;
}
.pager-box a,
.pager-box span{
	display: inline-block;
	padding: 4px 10px;
	margin: 2px;
	border: 1px solid #ccc;
	border-radius: 3px;
	text-decoration: none;
	color: #333;
	background: #fff;
}
.pager-box span.current{
	background: #337ab7;
	border-color: #2e6da4;
	color: #fff;
	font-weight: bold;
}
.pager-box span.disabled{
	color: #999;
	background: #f5f5f5;
}

/* =========================================================
   CSV upload dropbox / progress (shared by upload pages)
   ========================================================= */
.process{
	font-weight: bold;
}
#dropbox{
	border: 2px dashed #707070;
	border-radius: 11px;
	width: 100%;
	height: 120px;
	text-align: center;
	font-weight: bold;
	color: #6E6E6E;
	letter-spacing: 4.25px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	padding: 65px 92px;
	box-sizing: content-box;
}
#dropbox.active{
	background: #B4F9AC;
	font-size: 15px;
	box-shadow: 0px 0px 5px 6px #ccc;
}
.student-upload-zone{
	clear: both;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin-top: 18px;
}
.student-upload-zone #dropbox{
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
	min-height: 120px;
	padding: 48px 24px;
	box-sizing: border-box;
	letter-spacing: 1px;
}
.student-upload-notes{
	margin: 18px 0 18px;
	padding: 12px 14px;
	border: 1px solid #d9e2ec;
	border-left: 4px solid #2b6cb0;
	background: #f7fafc;
	border-radius: 4px;
	font-size: 13px;
	line-height: 1.45;
	color: #2d3748;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
}
.student-upload-notes strong{ display: block; margin: 6px 0 4px; color: #1a365d; }
.student-upload-notes strong:first-child{ margin-top: 0; }
.student-upload-notes ul{ margin: 0 0 6px 18px; padding: 0; }
.student-upload-notes li{ margin-bottom: 3px; }
.student-upload-notes .req{ color: #c53030; font-weight: 700; }
.student-upload-notes code{
	padding: 1px 5px;
	background: #edf2f7;
	border-radius: 3px;
	font-size: 12px;
}
.progress-holder{
	width: 80%;
	padding: 2px;
	background: #CCCCCC;
	border-radius: 3px;
	float: left;
	margin-top: 4px;
	margin-right: 5px;
}
#progress{
	height: 25px;
	display: block;
	width: 0%;
	border-radius: 2px;
	background: -moz-linear-gradient(center top , #13DD13 20%, #209340 80%) repeat scroll 0 0 transparent;
	background: -ms-linear-gradient(bottom, #13DD13, #209340);
	background-image: -webkit-gradient(linear, 20% 20%, 20% 100%, from(#13DD13), to(#209340));
	background-image: -webkit-linear-gradient(top, #13DD13, #209340);
	background-image: -o-linear-gradient(#13DD13,#209340);
	background: linear-gradient(to bottom, #13DD13, #209340);
	box-shadow: 3px 3px 3px #888888;
}
.preview{
	border: 1px solid #CDCDCD;
	width: 100%;
	padding: 10px;
	height: auto;
	overflow: auto;
	color: #4D4D4D;
	float: left;
	box-shadow: 3px 3px 3px #888888;
	border-radius: 11px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.percents{
	float: right;
	font-size: 20px;
	padding-top: 5px;
}
.preview-image{
	box-shadow: 3px 3px 3px #888888;
	width: 70px;
	height: 70px;
	float: left;
	margin-right: 10px;
}
.file-info{
	height: 50px;
	float: left;
	width: auto;
	margin-bottom: 10px;
	border: 1px solid blue;
}
.file-info span{
	margin: 3px 2px;
	font-size: 12px;
	float: left;
	display: block;
	min-width: 100px;
	overflow: auto;
	border: 1px solid red;
}
.upload-progress{
	width: 100%;
	display: none;
}
.upload-data,
.result{
	float: left;
	width: 100%;
}
#filename{
	overflow-y: auto;
}

/* Sticky menubar + news/footer for logged-in pages */
body.app-sticky-layout{
	padding-top: 62px;
	padding-bottom: 90px;
}
body.app-sticky-layout .app-sticky-header{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
	margin-bottom: 0 !important;
	border-radius: 0;
}
/* Keep a small gap between menubar and page content */
body.app-sticky-layout #content > .row{
	margin-top: 8px !important;
}
/*
 * Single-section report pages: keep filters in normal flow and let JS size #myData height.
 * Avoid flex column layouts here — they push #myData down on pages like Blood Donation.
 */
body.app-sticky-layout.app-report-fill #content > .row > .box{
	margin-top: 0;
	margin-bottom: 0;
	box-sizing: border-box;
}
body.app-sticky-layout.app-report-fill #content > .row > .box > .box-inner{
	overflow: hidden;
	height: 100%;
	box-sizing: border-box;
}
/* Collapsed via header chevron — shrink to header only (match entry pages) */
body.app-sticky-layout.app-box-minimized #content > .row > .box{
	height: auto !important;
	min-height: 0 !important;
	max-height: none !important;
	overflow: visible !important;
}
body.app-sticky-layout.app-box-minimized #content > .row > .box > .box-inner{
	height: auto !important;
	overflow: visible !important;
}
body.app-sticky-layout.app-report-fill #mypgcontainer .container1::after{
	content: "";
	display: table;
	clear: both;
}
body.app-sticky-layout.app-report-fill #mypgcontainer br[clear]{
	display: block;
	height: 0;
	line-height: 0;
	margin: 0;
	clear: both;
}
body.app-sticky-layout.app-report-fill #mypgcontainer .container1{
	/* Filters stay inset; #myData below goes edge-to-edge with the section */
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	margin-bottom: 0 !important;
	overflow: visible;
	position: relative;
	z-index: 30;
	box-sizing: border-box;
}
body.app-sticky-layout.app-report-menu #mypgcontainer .container1{
	position: relative;
	z-index: 30;
	overflow: visible;
}
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .col-lg-3,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .col-md-3,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .col-lg-4,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .col-md-4,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .col-lg-6,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .col-md-6{
	position: relative;
	z-index: 31;
	overflow: visible;
}
body.app-sticky-layout.app-report-menu #mypgcontainer .mydropdown,
body.app-sticky-layout.app-report-menu #mypgcontainer .mydrop2,
body.app-sticky-layout.app-report-fill #mypgcontainer .mydropdown,
body.app-sticky-layout.app-report-fill #mypgcontainer .mydrop2{
	z-index: 1050 !important;
}
body.app-sticky-layout.app-report-menu #myData,
body.app-sticky-layout.app-report-fill #myData{
	position: relative;
	z-index: 1;
}
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .rptSubmit{
	margin-right: 0 !important;
}
body.app-sticky-layout.app-report-fill #mypgcontainer [class*="col-"]:has(> #myData){
	float: none !important;
	clear: both;
	width: 100%;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	box-sizing: border-box;
}
/* Top padding only — results table L/R borders touch the section (.box-inner) */
body.app-sticky-layout.app-report-fill #mypgcontainer.box-content{
	padding: 10px 0 0 0 !important;
	margin-bottom: 0 !important;
}
/*
 * #mypgcontainer is also class "row" (Bootstrap margin-left/right: -15px).
 * That negative margin is what pushed #myData outside the section L/R.
 */
body.app-sticky-layout.app-report-fill #mypgcontainer.box-content.row,
body.app-sticky-layout.app-report-fill #mypgcontainer.row,
body.app-sticky-layout.app-report-menu #mypgcontainer.box-content.row,
body.app-sticky-layout.app-report-menu #mypgcontainer.row{
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}
/* Nested .container1.row also carries Bootstrap -15px gutters — cancel so buttons/#myData stay inside */
body.app-sticky-layout.app-report-menu #mypgcontainer .container1.row,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1.row{
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	box-sizing: border-box;
}
/* Nested .box-content wrappers on many report pages add a bottom gap — neutralize them */
body.app-sticky-layout.app-report-fill #mypgcontainer .box-content{
	padding: 0 !important;
	margin: 0 !important;
}
/* Page col: no side gutters so #myData can meet section borders; filters use .container1 inset */
body.app-sticky-layout.app-report-fill #mypgcontainer > .col-lg-12,
body.app-sticky-layout.app-report-fill #mypgcontainer > .col-md-12,
body.app-sticky-layout.app-report-fill #mypgcontainer [class*="col-"]:has(> #myData){
	padding-left: 0 !important;
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	box-sizing: border-box;
}
body.app-sticky-layout.app-report-fill #myData,
body.app-sticky-layout.app-report-menu.app-report-fill #myData{
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	box-sizing: border-box;
}
/* Filter button row: same inset as Bootstrap form cols so icons don't past the inputs */
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 > .col-lg-12,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 > .col-md-12,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 > .col-lg-12,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 > .col-md-12{
	padding-left: 15px !important;
	padding-right: 15px !important;
	box-sizing: border-box;
}
/* Inline search + action icons (RTI / shared report filter pattern) */
.report-filter-actions{
	display: flex;
	align-items: center;
	gap: 6px;
	width: 100%;
}
.report-filter-actions .form-control,
.report-filter-actions .textClass{
	flex: 1 1 auto;
	min-width: 0;
	width: auto;
	margin: 0 !important;
	height: 34px;
	min-height: 34px;
}
.report-filter-actions .report-actions{
	display: flex;
	align-items: center;
	gap: 4px;
	flex: 0 0 auto;
	line-height: 0;
	margin: 0 !important;
	float: none !important;
}
.report-filter-actions .report-actions input[type="image"],
.report-filter-actions .report-actions .data.rptSubmit,
.report-filter-actions .report-actions .rptSubmit,
.report-filter-actions .report-actions .rpt-icon-btn{
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
	padding: 0;
	height: 34px;
	width: 34px;
	border: 0;
	background: transparent;
	cursor: pointer;
	line-height: 0;
	box-sizing: border-box;
}
.report-filter-actions .report-actions .rpt-icon-btn img,
.report-btn-row .report-actions .rpt-icon-btn img,
.rpt-icon-btn img{
	display: block;
	height: 34px;
	width: 34px;
	margin: 0;
	padding: 0;
}
.report-btn-row .report-actions .rpt-icon-btn,
body.app-report-menu .rpt-icon-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	height: 34px;
	width: 34px;
	padding: 0;
	margin: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	line-height: 0;
	vertical-align: bottom;
}
/* Report menu: action icons share the filter row; spacer label matches input tops */
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-row,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-row,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-col,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-col,
body.app-sticky-layout.app-report-menu .box-content .container1 .report-btn-col,
body.app-sticky-layout.app-report-fill .box-content .container1 .report-btn-col,
body.app-sticky-layout.app-report-menu #content .container1.row .report-btn-col,
body.app-sticky-layout.app-report-fill #content .container1.row .report-btn-col{
	clear: none;
	float: left;
	box-sizing: border-box;
	text-align: left;
}
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-row,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-row{
	clear: both;
	float: none !important;
	width: 100%;
	max-width: 100%;
	padding-left: 15px !important;
	padding-right: 15px !important;
	text-align: right;
}
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-actions,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-actions-extra,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-actions,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-actions-extra,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-row .report-actions,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-row .report-actions{
	float: none !important;
	display: inline-flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-end;
	gap: 4px;
	max-width: 100%;
	line-height: 0;
	margin: 0 0 6px 0 !important;
}
/* Empty spacer above icons — must be block (not Bootstrap col float) so icons drop to input top */
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-col > label,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-col > label,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-col > label.col-md-12,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-col > label.col-md-12,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-col > label.report-btn-spacer,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-col > label.report-btn-spacer{
	display: block !important;
	float: none !important;
	clear: both !important;
	position: static !important;
	width: 100% !important;
	max-width: 100% !important;
	height: 20px !important;
	min-height: 20px !important;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	line-height: 20px !important;
	font-size: 14px !important;
	font-weight: bold !important;
	overflow: hidden;
}
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-col .report-actions,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-col .report-actions{
	float: none !important;
	display: flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
	width: auto;
	min-width: max-content;
	margin: 0 !important;
	padding: 0 !important;
	line-height: 0;
	clear: both !important;
}
/* 4+ icons (Excel/PDF + Search/Print/CSV) need more than a tight col-md-2 */
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-col-wide,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-col-wide,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-col:has(.rpt-icon-btn:nth-child(4)),
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-col:has(.rpt-icon-btn:nth-child(4)){
	width: auto;
	min-width: 168px;
	max-width: 220px;
	padding-left: 10px;
	padding-right: 10px;
}
/* Nested getRptButtons(..., true) inside report-btn-col — flatten for one icon row */
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-actions .report-actions,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-actions .report-actions,
body.app-sticky-layout.app-report-menu #mypgcontainer .report-actions .report-actions,
body.app-sticky-layout.app-report-fill #mypgcontainer .report-actions .report-actions{
	display: contents;
}
/* Keep RTI/inline filter icons flush with the search input (no extra bottom margin) */
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-filter-actions .report-actions,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-filter-actions .report-actions{
	margin: 0 !important;
	align-items: center;
}
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .data.rptSubmit,
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .rptSubmit,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .data.rptSubmit,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .rptSubmit{
	float: none !important;
	display: inline-flex !important;
	margin: 0 2px !important;
	height: 34px;
	width: 34px;
	vertical-align: bottom;
}
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-btn-row .report-actions input[type="image"],
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-btn-row .report-actions input[type="image"],
body.app-sticky-layout.app-report-menu #mypgcontainer .container1 .report-actions .rpt-icon-btn img,
body.app-sticky-layout.app-report-fill #mypgcontainer .container1 .report-actions .rpt-icon-btn img{
	display: block;
	margin: 0;
	height: 34px;
	width: 34px;
}
body.app-sticky-layout.app-report-menu #mypgcontainer > .col-lg-12,
body.app-sticky-layout.app-report-menu #mypgcontainer > .col-md-12,
body.app-sticky-layout.app-report-fill #mypgcontainer > .col-lg-12,
body.app-sticky-layout.app-report-fill #mypgcontainer > .col-md-12{
	max-width: 100%;
	box-sizing: border-box;
}
body.app-sticky-layout.app-report-fill #myData,
body.app-sticky-layout.app-report-menu #myData{
	box-sizing: border-box;
	margin-top: 5px;
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	position: relative;
	left: auto;
	right: auto;
}
/* Fit all columns on screen; wrap cell text top-to-bottom (no ellipsis / horizontal clip) */
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)),
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)){
	overflow-x: hidden !important;
	overflow-y: auto;
}
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) > table,
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) > table,
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) table.table:not(.cims-hscroll-report),
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) table.table:not(.cims-hscroll-report),
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) #myTable:not(.cims-hscroll-report),
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) #myTable:not(.cims-hscroll-report){
	width: 100% !important;
	max-width: 100% !important;
	table-layout: fixed !important;
}
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) th,
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) td,
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) th,
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) td,
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) .ellipsis,
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) .ellipsis{
	overflow: hidden !important;
	text-overflow: clip !important;
	white-space: normal !important;
	word-wrap: break-word;
	overflow-wrap: break-word;
	max-width: none;
	vertical-align: top;
	box-sizing: border-box;
	padding: 6px 8px !important;
}
/* First column — wide enough for Sr. No. or DD-MM-YYYY dates (not clipped) */
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) thead th:first-child,
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) thead th:first-child,
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) tr.titleRow > th:first-child,
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) tr.titleRow > th:first-child,
body.app-sticky-layout.app-report-menu #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) td:first-child,
body.app-sticky-layout.app-report-fill #myData:not(.cims-wide-report-host):not(:has(.cims-hscroll-wrap)) td:first-child{
	width: 108px;
	min-width: 108px;
	max-width: 120px;
	text-align: left !important;
	white-space: nowrap !important;
	overflow: visible !important;
	text-overflow: clip !important;
	padding: 6px 8px !important;
	box-sizing: border-box;
}
/* Total Strength — Class is col 1 (long names); don't use Sr.No./date first-col width */
body.app-sticky-layout.app-report-menu #myData table.rpt-total-strength col.col-class,
body.app-sticky-layout.app-report-fill #myData table.rpt-total-strength col.col-class{
	width: 42%;
}
body.app-sticky-layout.app-report-menu #myData table.rpt-total-strength col.col-male,
body.app-sticky-layout.app-report-menu #myData table.rpt-total-strength col.col-female,
body.app-sticky-layout.app-report-menu #myData table.rpt-total-strength col.col-total,
body.app-sticky-layout.app-report-fill #myData table.rpt-total-strength col.col-male,
body.app-sticky-layout.app-report-fill #myData table.rpt-total-strength col.col-female,
body.app-sticky-layout.app-report-fill #myData table.rpt-total-strength col.col-total{
	width: 14%;
}
body.app-sticky-layout.app-report-menu #myData table.rpt-total-strength col.col-status,
body.app-sticky-layout.app-report-fill #myData table.rpt-total-strength col.col-status{
	width: 16%;
}
body.app-sticky-layout.app-report-menu #myData table.rpt-total-strength thead th:first-child,
body.app-sticky-layout.app-report-fill #myData table.rpt-total-strength thead th:first-child,
body.app-sticky-layout.app-report-menu #myData table.rpt-total-strength tr.titleRow > th:first-child,
body.app-sticky-layout.app-report-fill #myData table.rpt-total-strength tr.titleRow > th:first-child,
body.app-sticky-layout.app-report-menu #myData table.rpt-total-strength td:first-child,
body.app-sticky-layout.app-report-fill #myData table.rpt-total-strength td:first-child{
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	white-space: normal !important;
	overflow: hidden !important;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
/* Sticky headers on all Reports menu pages (fill + non-fill) */
body.app-sticky-layout.app-report-menu #myData,
body.app-sticky-layout.app-report-menu #myDataInt,
body.app-sticky-layout.app-report-menu #UniDataInt,
body.app-sticky-layout.app-report-menu #Progression,
body.app-sticky-layout.app-report-menu #ConAtt{
	box-sizing: border-box;
}
body.app-sticky-layout.app-report-menu #myData table,
body.app-sticky-layout.app-report-menu #myDataInt table,
body.app-sticky-layout.app-report-menu #mypgcontainer table{
	border-collapse: separate;
	border-spacing: 0;
}
body.app-sticky-layout.app-report-menu #myData thead th,
body.app-sticky-layout.app-report-menu #myData thead td,
body.app-sticky-layout.app-report-menu #myData tr.titleRow > th,
body.app-sticky-layout.app-report-menu #myData tr.titleRow > td,
body.app-sticky-layout.app-report-menu #myDataInt thead th,
body.app-sticky-layout.app-report-menu #UniDataInt thead th,
body.app-sticky-layout.app-report-menu #Progression thead th,
body.app-sticky-layout.app-report-menu #ConAtt thead th,
body.app-sticky-layout.app-report-menu #salaryCont thead th,
body.app-sticky-layout.app-report-menu #salaryPerm thead th,
body.app-sticky-layout.app-report-menu #AddCourseInt thead th,
body.app-sticky-layout.app-report-menu #AddonMarksInt thead th,
body.app-sticky-layout.app-report-menu #mypgcontainer table thead th,
body.app-sticky-layout.app-report-fill #myData thead th,
body.app-sticky-layout.app-report-fill #myData thead td,
body.app-sticky-layout.app-report-fill #myData tr.titleRow > th,
body.app-sticky-layout.app-report-fill #myData tr.titleRow > td,
body.app-sticky-layout.app-report-fill #mypgcontainer table thead th{
	position: sticky;
	top: 0;
	z-index: 5;
	/* Light gray header — softer than navy blue, readable dark text */
	color: #333333 !important;
	background-color: #e9e9e9 !important;
	background-image: linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 55%, #d0d0d0 100%) !important;
	box-shadow: 0 1px 0 #c0c0c0;
	border-color: #c8c8c8 !important;
	text-shadow: none;
}
body.app-sticky-layout.app-report-menu #myData tr.titleRow,
body.app-sticky-layout.app-report-fill #myData tr.titleRow,
body.app-sticky-layout.app-report-menu #mypgcontainer table tr.titleRow,
body.app-sticky-layout.app-report-fill #mypgcontainer table tr.titleRow{
	color: #333333 !important;
	background-color: #e9e9e9 !important;
	background-image: linear-gradient(to bottom, #f7f7f7 0%, #e6e6e6 55%, #d0d0d0 100%) !important;
}
/* Multi-row header: second header row sticks below the first */
body.app-sticky-layout.app-report-menu #myData thead tr:nth-child(2) > th,
body.app-sticky-layout.app-report-menu #myData thead tr:nth-child(2) > td,
body.app-sticky-layout.app-report-menu #mypgcontainer table thead tr:nth-child(2) > th,
body.app-sticky-layout.app-report-fill #myData thead tr:nth-child(2) > th,
body.app-sticky-layout.app-report-fill #mypgcontainer table thead tr:nth-child(2) > th{
	top: 28px;
	z-index: 4;
	color: #333333 !important;
	background-color: #e4e4e4 !important;
	background-image: linear-gradient(to bottom, #f2f2f2 0%, #e0e0e0 55%, #cbcbcb 100%) !important;
}
/* Non-fill report pages: #myData scrolls via max-height; headers stick inside it */
body.app-sticky-layout.app-report-menu:not(.app-report-fill) #myData{
	overflow: auto;
}
/* .table_div defaults to height:460px / tbody:400px — fill/scroll the section and keep headers fixed via scrolling tbody */
body.app-sticky-layout.app-report-menu #myData.table_div{
	border: 1px solid #E8E8E8 !important;
	overflow: hidden !important;
}
body.app-sticky-layout.app-report-menu #myData.table_div table{
	margin-bottom: 0;
	height: 100%;
	border-collapse: inherit;
}
body.app-sticky-layout.app-report-menu #myData.table_div thead{
	display: block;
	width: 100%;
}
body.app-sticky-layout.app-report-menu #myData.table_div thead tr{
	display: table;
	width: 100%;
	table-layout: fixed;
}
body.app-sticky-layout.app-report-menu #myData.table_div thead th,
body.app-sticky-layout.app-report-menu #myData.table_div thead td{
	/* Headers stay put because only tbody scrolls */
	position: static;
	box-shadow: none;
}
body.app-sticky-layout.app-report-menu #myData.table_div tbody{
	display: block;
	overflow-x: hidden !important;
	overflow-y: auto;
	width: 100%;
}
body.app-sticky-layout.app-report-menu #myData.table_div tbody tr{
	display: table;
	width: 100%;
	table-layout: fixed;
}
body.app-sticky-layout.app-report-fill #myData .table,
body.app-sticky-layout.app-report-fill #myData #myTable{
	margin-bottom: 0;
}
body.app-sticky-layout .app-sticky-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1020;
	background: #fff;
	box-shadow: 0 -1px 4px rgba(0,0,0,0.08);
	overflow: hidden;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news{
	margin: 0;
	border-radius: 0;
	float: none !important;
	width: 100% !important;
	overflow: hidden;
	clear: both;
	background-color: #dff0d8 !important;
	border-color: #d6e9c6;
	padding: 6px 12px !important;
	line-height: 1.35;
	min-height: 32px;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news:before,
body.app-sticky-layout .app-sticky-footer .app-sticky-news:after{
	content: " ";
	display: table;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news:after{
	clear: both;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news-inner{
	display: table;
	width: 100%;
	table-layout: fixed;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news-label,
body.app-sticky-layout .app-sticky-footer .app-sticky-news-ticker{
	display: table-cell;
	vertical-align: middle;
	float: none !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	background: transparent !important;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news-label{
	width: 82px;
	white-space: nowrap;
	position: relative;
	font-size: 15px;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news-label b{
	font-weight: 600;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news-label img{
	position: relative !important;
	height: 16px;
	margin-left: 4px;
	vertical-align: middle;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news-ticker{
	padding-left: 8px !important;
	font-size: 14px;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news-ticker b{
	font-weight: 600;
}
body.app-sticky-layout .app-sticky-footer .app-sticky-news-ticker marquee{
	line-height: 1.35;
}
/* Guest + logged-in footer: keep copyright and powered-by on one row (desktop) */
.app-page-footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	flex-wrap: nowrap;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 8px 15px;
	background: #fff;
	border-top: 1px solid #e5e5e5;
}
.app-page-footer .copyright,
.app-page-footer .powered-by{
	margin: 0;
	float: none;
	width: auto;
	padding: 0;
	line-height: 1.35;
}
.app-page-footer .copyright{
	flex: 1 1 auto;
	text-align: left;
	min-width: 0;
}
.app-page-footer .powered-by{
	flex: 0 0 auto;
	text-align: right;
	white-space: nowrap;
}

/* Guest/public pages: pin footer to bottom of viewport */
body:not(.app-sticky-layout){
	min-height: 100vh;
	padding-bottom: 48px;
	box-sizing: border-box;
}
body:not(.app-sticky-layout) .app-page-footer{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1020;
	margin: 0;
	box-shadow: 0 -1px 4px rgba(0,0,0,0.08);
}

.footer-comp-short{
	display: none;
}
.footer-comp-full{
	display: inline;
}

/* Home landing — desktop: header text, then image, then buttons */
.home-mobile-logos{
	display: none;
}
.home-landing{
	padding: 0;
	position: relative;
	background: #FAEB90;
}
.home-landing .home-hero{
	position: relative;
	display: flex;
	flex-direction: column;
}
.home-landing .home-top-bar{
	position: static !important;
	left: auto !important;
	top: auto !important;
	width: 100% !important;
	height: auto !important;
	opacity: 1 !important;
	order: 1;
	float: none !important;
	padding: 10px 0 6px !important;
	background-color: #FAEB90 !important;
	overflow: hidden;
}
.home-landing .home-banner-img{
	display: block;
	width: 100%;
	height: auto;
	max-height: 340px;
	object-fit: cover;
	object-position: center top;
	order: 2;
	margin: 0;
}
.home-landing .home-after-banner{
	order: 3;
}
.home-landing .home-after-banner .loginbtns{
	margin-top: 12px !important;
}

body.app-sticky-layout .app-sticky-footer .app-page-footer{
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 6px 15px;
	min-height: 0;
	background: #fff;
	border-top: 1px solid #e5e5e5;
}
body.app-sticky-layout .app-sticky-footer footer .copyright,
body.app-sticky-layout .app-sticky-footer footer .powered-by,
body.app-sticky-layout .app-sticky-footer .app-page-footer .copyright,
body.app-sticky-layout .app-sticky-footer .app-page-footer .powered-by{
	margin: 0;
	float: none;
	width: auto;
	padding: 0;
}
body.app-sticky-layout .app-sticky-footer .app-page-footer{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	flex-wrap: nowrap;
}
body.app-sticky-layout .app-sticky-footer .app-page-footer .copyright{
	flex: 1 1 auto;
	text-align: left;
}
body.app-sticky-layout .app-sticky-footer .app-page-footer .powered-by{
	flex: 0 0 auto;
	text-align: right;
	white-space: nowrap;
}

@media (max-width: 767px){
	.footer-comp-full{
		display: none;
	}
	.footer-comp-short{
		display: inline;
	}
	footer .copyright,
	.app-page-footer .copyright{
		white-space: nowrap;
	}
	/* Mobile footer: stack centered; desktop keeps one row */
	.app-page-footer{
		display: block;
		flex-wrap: wrap;
		padding: 2px 8px;
	}
	.app-page-footer .copyright,
	.app-page-footer .powered-by{
		display: block;
		width: 100%;
		text-align: center;
		white-space: normal;
	}

	/* Home: logos + image together; name/buttons toward bottom */
	.home-landing{
		display: flex;
		flex-direction: column;
		min-height: calc(100vh - 88px);
		min-height: calc(100dvh - 88px);
		padding: 0;
		background: #FAEB90;
	}
	.home-mobile-logos{
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 8px 14px 0;
		background: #FAEB90;
		flex: 0 0 auto;
		order: 1;
	}
	.home-mobile-logos .sdlogo1,
	.home-mobile-logos .cimslogo1{
		width: 56px !important;
		height: 56px !important;
		margin: 0 !important;
		object-fit: contain;
	}
	/* Flatten so image can sit under logos while text stays lower */
	.home-landing .home-hero{
		display: contents;
	}
	.home-landing .home-banner-img{
		display: block;
		width: 100%;
		height: 150px;
		object-fit: cover;
		object-position: center top;
		order: 2;
		flex: 0 0 auto;
		margin: 0;
	}
	.home-landing .home-top-bar{
		position: static !important;
		left: auto !important;
		top: auto !important;
		width: 100% !important;
		height: auto !important;
		opacity: 1 !important;
		background: #FAEB90 !important;
		padding: 8px 12px 2px !important;
		float: none !important;
		order: 3;
		flex: 0 0 auto;
		margin-top: 0;
	}
	.home-landing .home-top-logos,
	.home-landing .cimslogo{
		display: none !important;
	}
	.home-landing .home-top-text{
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		text-align: center;
		line-height: 1.3;
	}
	.home-landing .home-top-text .clgname{
		font-size: 14px !important;
		line-height: 1.25;
		display: block;
	}
	.home-landing .home-top-text .naac{
		font-size: 10px !important;
		line-height: 1.3;
		display: block;
		margin-top: 3px;
	}
	.home-landing .home-top-text .cims{
		font-size: 14px !important;
		line-height: 1.25;
		display: block;
		margin-top: 4px;
	}
	.home-landing .home-after-banner{
		order: 4;
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		align-items: center;
		padding: 4px 8px 10px;
	}
	.home-landing .home-session-msg{
		margin: 0 0 8px !important;
	}
	.home-landing .loginbtns{
		margin: 0 !important;
		padding: 0;
		width: 100%;
	}
	.home-landing .puzzlelogo{
		width: 42% !important;
		height: auto !important;
		margin: 2px !important;
	}

	body.app-sticky-layout{
		padding-bottom: 56px;
		padding-top: 50px;
	}

	/* Compact, aligned mobile top menubar (desktop unchanged) */
	body.app-sticky-layout .app-sticky-header.navbar{
		min-height: 44px !important;
		margin-bottom: 0 !important;
		border: none;
	}
	body.app-sticky-layout .app-sticky-header > .navbar-header{
		float: none;
		display: inline-block;
		vertical-align: middle;
		margin: 0;
		min-height: 44px;
	}
	body.app-sticky-layout .app-sticky-header > .navbar-header .navbar-brand{
		display: none;
	}
	body.app-sticky-layout .app-sticky-header .navbar-toggle{
		float: left;
		margin: 6px 8px;
		padding: 7px 9px;
		border-color: rgba(255,255,255,0.55);
		background: transparent;
	}
	body.app-sticky-layout .app-sticky-header .navbar-toggle .icon-bar{
		background: #fff;
	}
	body.app-sticky-layout .app-sticky-header > .btn-group.pull-right{
		position: absolute;
		top: 0;
		right: 8px;
		height: 44px;
		margin: 0 !important;
		float: none !important;
		display: flex;
		align-items: center;
	}
	body.app-sticky-layout .app-sticky-header .profilebtn{
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		padding: 6px 10px;
		line-height: 1.2;
	}
	body.app-sticky-layout .app-sticky-header .navbar-collapse{
		position: absolute !important;
		top: 100%;
		left: 0;
		right: 0;
		width: 100%;
		z-index: 1040;
		max-height: calc(100vh - 44px);
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
		background-image: linear-gradient(#44ADE9, #44ADE9);
		border-top: 1px solid rgba(255,255,255,0.2);
		padding-bottom: 8px;
		margin: 0 !important;
		box-shadow: 0 8px 18px rgba(0,0,0,0.22);
	}
	body.app-sticky-layout .app-sticky-header .navbar-collapse.collapsing{
		position: absolute !important;
		height: auto !important;
	}
	/* Nested menus stay inline in the accordion — no floating desktop panels */
	body.app-sticky-layout .app-sticky-header .dropdown-submenu > .dropdown-menu,
	body.app-sticky-layout .app-sticky-header .navbar-nav .dropdown-menu{
		position: static !important;
		float: none !important;
		width: 100% !important;
		left: auto !important;
		right: auto !important;
		top: auto !important;
		margin: 0 !important;
		max-height: none !important;
		overflow: visible !important;
		box-shadow: none !important;
		border: 0 !important;
		border-radius: 0 !important;
		background: transparent !important;
		padding: 0 0 0 14px !important;
	}
	body.app-sticky-layout .app-sticky-header .dropdown-submenu > a:after{
		margin-top: 6px;
	}
	body > .dropdown-menu.cims-menu-fixed{
		display: none !important;
	}

	body.app-sticky-layout .app-sticky-footer{
		padding: 0;
		margin: 0;
		bottom: 0;
		padding-bottom: 0 !important;
	}
	body.app-sticky-layout .app-sticky-footer .app-sticky-news{
		padding: 3px 8px !important;
		min-height: 0 !important;
		line-height: 1.2;
		margin: 0 !important;
	}
	body.app-sticky-layout .app-sticky-footer footer,
	body.app-sticky-layout .app-sticky-footer .app-page-footer{
		display: block;
		padding: 2px 8px 2px !important;
		min-height: 0 !important;
		height: auto !important;
		line-height: 1.15;
		margin: 0 !important;
	}
	body.app-sticky-layout .app-sticky-footer footer .copyright,
	body.app-sticky-layout .app-sticky-footer footer .powered-by,
	body.app-sticky-layout .app-sticky-footer .app-page-footer .copyright,
	body.app-sticky-layout .app-sticky-footer .app-page-footer .powered-by{
		display: block;
		float: none !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		line-height: 1.15 !important;
		font-size: 11px !important;
		text-align: center !important;
		min-height: 0 !important;
		height: auto !important;
	}
	body.app-sticky-layout .app-sticky-footer .app-page-footer .powered-by{
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
	}
	body.app-sticky-layout .app-sticky-footer footer .app-footer-version,
	body.app-sticky-layout .app-sticky-footer .app-page-footer .app-footer-version{
		padding: 0 5px;
		font-size: 10px;
		line-height: 1.2;
		margin: 0;
	}
}

/* Admin app version (footer) + deploy refresh toast */
.app-footer-version{
	display: inline;
	margin-left: 4px;
	padding: 1px 7px;
	font-size: 11px;
	line-height: 1.4;
	color: #555;
	background: #f5f5f5;
	border: 1px solid #ddd;
	border-radius: 10px;
	vertical-align: middle;
	white-space: nowrap;
}

.cims-version-banner{
	position: fixed;
	right: 14px;
	bottom: 18px;
	z-index: 10050;
	width: min(340px, calc(100vw - 28px));
	opacity: 0;
	transform: translateY(10px);
	transition: opacity 0.22s ease, transform 0.22s ease;
	pointer-events: none;
}
.cims-version-banner.is-visible{
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}
.cims-version-banner-inner{
	display: grid;
	grid-template-columns: auto 1fr;
	grid-template-areas:
		"icon copy"
		"actions actions";
	gap: 8px 10px;
	padding: 11px 12px 10px;
	border-radius: 4px;
	background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
	border: 1px solid #bce8f1;
	box-shadow: 0 6px 18px rgba(3, 60, 115, 0.16);
	color: #333;
}
.cims-version-icon{
	grid-area: icon;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #d9edf7;
	border: 1px solid #bce8f1;
	color: #2fa4e7;
	font-size: 15px;
}
.cims-version-copy{
	grid-area: copy;
	min-width: 0;
	padding-top: 1px;
}
.cims-version-title{
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: #033c73;
}
.cims-version-sub{
	margin-top: 3px;
	font-size: 12px;
	color: #666;
	line-height: 1.35;
}
.cims-version-actions{
	grid-area: actions;
	display: flex;
	justify-content: flex-end;
	gap: 6px;
	margin-top: 2px;
	padding-top: 2px;
	border-top: 1px solid #e8f4fa;
}
.cims-version-later{
	min-width: 74px;
	border-color: #ccc;
	color: #555;
	background: #fff;
}
.cims-version-later:hover,
.cims-version-later:focus{
	background: #f5f5f5;
	border-color: #bbb;
	color: #333;
}
.cims-version-refresh{
	min-width: 74px;
	background-color: #2fa4e7;
	border-color: #2fa4e7;
}
.cims-version-refresh:hover,
.cims-version-refresh:focus{
	background-color: #1a8ad4;
	border-color: #178acc;
}
body.cims-version-offered.app-sticky-layout .app-sticky-footer{
	z-index: 1025;
}

/* Admin View as user banner */
.cims-impersonation-banner{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1060;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	flex-wrap: wrap;
	padding: 7px 14px;
	min-height: 34px;
	background: linear-gradient(90deg, #033c73 0%, #2fa4e7 100%);
	color: #fff;
	font-size: 13px;
	box-shadow: 0 2px 8px rgba(3, 60, 115, 0.28);
}
body.has-impersonation-banner.app-sticky-layout .app-sticky-header{
	top: 34px;
}
.cims-impersonation-text{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 4px;
}
.cims-impersonation-eye{
	margin-right: 2px;
	font-size: 13px;
	opacity: 0.92;
}
.cims-impersonation-sep{
	margin: 0 4px;
	opacity: 0.55;
}
.cims-impersonation-admin{
	opacity: 0.88;
}
.cims-impersonation-back-btn{
	background: linear-gradient(180deg, #ffd86b 0%, #e8b923 55%, #d4a017 100%);
	border: 1px solid #c9920f;
	color: #3b2f00;
	font-weight: 600;
	padding: 3px 10px;
	line-height: 1.35;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.cims-impersonation-back-btn .glyphicon{
	font-size: 11px;
	margin-right: 3px;
	top: 1px;
}
.cims-impersonation-back-btn:hover,
.cims-impersonation-back-btn:focus{
	background: linear-gradient(180deg, #ffe484 0%, #f0c840 55%, #e0b020 100%);
	border-color: #b8860b;
	color: #2a2200;
	outline: none;
}
.view-as-user-link{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	padding: 0;
	width: 32px;
	height: 32px;
	line-height: 32px;
	color: #2fa4e7;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	flex: 0 0 32px;
}
.view-as-user-link:hover,
.view-as-user-link:focus{
	color: #178acc;
	text-decoration: none;
}
.view-as-user-link .glyphicon{
	font-size: 20px;
	line-height: 32px;
	top: 0;
	vertical-align: middle;
}
#show_review .user-list-filters{
	margin: 0 0 12px;
	padding: 10px 12px;
	background: #f7fafc;
	border: 1px solid #e3e8ee;
	border-radius: 4px;
}
#show_review .user-list-filters label{
	display: block;
	font-size: 12px;
	font-weight: 600;
	color: #555;
	margin: 0 0 4px;
}
#show_review .user-list-filters .form-control{
	margin-bottom: 8px;
	height: 34px;
	padding: 6px 10px;
}
#show_review .user-list-filter-actions{
	margin-top: 2px;
}
#show_review .user-list-filter-actions .btn{
	margin-right: 6px;
	margin-bottom: 4px;
}

#show_review .user-list-table{
	table-layout: fixed;
	width: 100%;
}
#show_review .user-list-table > thead > tr > th{
	vertical-align: bottom;
	padding-top: 8px;
	padding-bottom: 8px;
}
#show_review .user-list-table th.col-sr{ width: 4%; }
#show_review .user-list-table th.col-username{ width: 12%; }
#show_review .user-list-table th.col-title{ width: 5%; }
#show_review .user-list-table th.col-fname{ width: 10%; }
#show_review .user-list-table th.col-lname{ width: 9%; }
#show_review .user-list-table th.col-desig{ width: 14%; }
#show_review .user-list-table th.col-dept{ width: 14%; }
#show_review .user-list-table th.col-mobile{ width: 9%; }
#show_review .user-list-table th.col-status{ width: 8%; }
#show_review .user-list-table th.col-role{ width: 9%; }
#show_review .user-list-table th.user-actions-col{ width: 150px; }
#show_review .user-list-table td{
	word-wrap: break-word;
	overflow-wrap: break-word;
	vertical-align: middle;
}
#show_review th.user-actions-col,
#show_review td.user-actions-col{
	width: 150px;
	white-space: nowrap;
	padding-left: 6px;
	padding-right: 6px;
}
#show_review th.user-actions-col{
	vertical-align: bottom;
	line-height: inherit;
}
#show_review td.user-actions-col .user-actions-wrap{
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	gap: 4px;
}
#show_review td.user-actions-col input[type="image"],
#show_review td.user-actions-col .user-action-btn input[type="image"]{
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	display: block;
}
#show_review td.user-actions-col a.user-action-btn{
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	flex: 0 0 32px;
}

body.cims-confirm-open .cims-confirm-modal{
	z-index: 1070;
}
body.cims-confirm-open .modal-backdrop.in{
	z-index: 1065;
}
.cims-confirm-modal .modal-content{
	border: none;
	border-radius: 6px;
	box-shadow: 0 8px 28px rgba(3, 60, 115, 0.22);
	overflow: hidden;
}
.cims-confirm-modal .modal-header{
	background: linear-gradient(90deg, #033c73 0%, #2fa4e7 100%);
	border-bottom: none;
	padding: 12px 16px;
}
.cims-confirm-modal .modal-header .close{
	color: #fff;
	opacity: 0.85;
	text-shadow: none;
}
.cims-confirm-modal .modal-header .close:hover,
.cims-confirm-modal .modal-header .close:focus{
	color: #fff;
	opacity: 1;
}
.cims-confirm-modal .modal-title{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 8px;
}
.cims-confirm-modal .cims-confirm-icon{
	font-size: 15px;
	opacity: 0.92;
	top: 1px;
}
.cims-confirm-modal .modal-body{
	padding: 18px 16px 14px;
	color: #333;
	font-size: 14px;
	line-height: 1.5;
}
.cims-confirm-modal .modal-body p{
	margin: 0;
}
.cims-confirm-modal .modal-body strong{
	color: #033c73;
}
.cims-confirm-modal .modal-footer{
	border-top: 1px solid #e8eef3;
	background: #f7fafc;
	padding: 10px 14px;
}
.cims-confirm-modal .modal-footer .btn{
	min-width: 88px;
}
.cims-confirm-modal .modal-footer .btn-default{
	border-color: #c5d3de;
	color: #4a6072;
}
.cims-confirm-modal .modal-footer .btn-default:hover,
.cims-confirm-modal .modal-footer .btn-default:focus{
	background: #eef4f8;
	border-color: #9eb6c8;
	color: #033c73;
}
.cims-confirm-modal .modal-footer .btn-primary{
	background: #2fa4e7;
	border-color: #178acc;
}
.cims-confirm-modal .modal-footer .btn-primary:hover,
.cims-confirm-modal .modal-footer .btn-primary:focus{
	background: #178acc;
	border-color: #033c73;
}
.cims-confirm-gold-btn{
	background: linear-gradient(180deg, #ffd86b 0%, #e8b923 55%, #d4a017 100%);
	border: 1px solid #c9920f;
	color: #3b2f00;
	font-weight: 600;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}
.cims-confirm-gold-btn:hover,
.cims-confirm-gold-btn:focus{
	background: linear-gradient(180deg, #ffe484 0%, #f0c840 55%, #e0b020 100%);
	border-color: #b8860b;
	color: #2a2200;
	outline: none;
}

@media (max-width: 767px){
	.cims-version-banner{
		right: 8px;
		left: 8px;
		width: auto;
	}
}

@media print{
	body.app-sticky-layout{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	body.app-sticky-layout .app-sticky-header,
	body.app-sticky-layout .app-sticky-footer{
		position: static !important;
		box-shadow: none;
	}
}

/* ===== Student Dashboard (index profile) ===== */
.student-dash-wrap{
	float: none;
	margin: 18px auto 22px;
	font-size: 14px;
}
.student-dash{
	width: 100%;
	color: #2f3a45;
	margin-bottom: 8px;
}
.student-dash-hero{
	display: flex;
	align-items: center;
	gap: 18px;
	padding: 16px 18px;
	margin-top: 4px;
	margin-bottom: 16px;
	background: linear-gradient(180deg, #f4f9fc 0%, #e8f2f8 100%);
	border: 1px solid #c5d9e8;
	border-radius: 8px;
}
.student-dash-avatar{
	flex: 0 0 88px;
	width: 88px;
	height: 88px;
	border-radius: 50%;
	overflow: hidden;
	background: #d7e8f3;
	border: 3px solid #ffffff;
	box-shadow: 0 1px 4px rgba(49,126,172,0.25);
}
.student-dash-avatar img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.student-dash-identity{
	flex: 1 1 auto;
	min-width: 0;
}
.student-dash-name{
	margin: 0 0 10px;
	color: #317eac;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.25;
}
.student-dash-meta{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 10px;
}
.student-dash-meta > span{
	display: inline-block;
	padding: 5px 10px;
	background: #ffffff;
	border: 1px solid #cfe0eb;
	border-radius: 4px;
	color: #33404a;
	font-size: 13px;
	line-height: 1.35;
}
.student-dash-meta label{
	display: inline;
	margin: 0 4px 0 0;
	color: #317eac;
	font-weight: 700;
	font-size: 12px;
}
.student-dash-note{
	margin: 0 0 14px;
	padding: 10px 12px;
	background: #fff8e8;
	border: 1px solid #f0d9a0;
	border-radius: 6px;
	color: #6a5420;
	font-size: 13px;
}
.student-dash-section{
	margin: 0 0 18px;
	border: 1px solid #c9d8e4;
	border-radius: 8px;
	overflow: hidden;
	background: #ffffff;
}
.student-dash-section-head{
	padding: 10px 14px;
	background: linear-gradient(180deg, #3d8db8 0%, #317eac 100%);
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
}
.student-dash-section-head .glyphicon{
	margin-right: 6px;
}
.student-dash-section-head small{
	margin-left: 8px;
	font-weight: 500;
	opacity: 0.9;
}
.student-dash-table{
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
}
.student-dash-table th,
.student-dash-table td{
	padding: 9px 12px;
	border: 1px solid #d7e2ea;
	vertical-align: top;
	word-wrap: break-word;
}
.student-dash-info th{
	width: 34%;
	background: linear-gradient(180deg, #f7fafc 0%, #eaf2f7 100%);
	color: #2b4f66;
	font-weight: 700;
}
.student-dash-info td{
	background: #ffffff;
	color: #33404a;
}
.student-dash-info tr:nth-child(even) td{
	background: #f8fbfd;
}
.student-dash-list thead th{
	background: linear-gradient(180deg, #eef5fa 0%, #dceaf3 100%);
	color: #2b4f66;
	font-weight: 700;
	font-size: 13px;
}
.student-dash-list tbody tr:nth-child(odd) td{
	background: #ffffff;
}
.student-dash-list tbody tr:nth-child(even) td{
	background: #f7fafc;
}
.student-dash-list .col-sr{
	width: 44px;
	text-align: center;
}
.student-dash-list .col-scode{
	width: 110px;
	white-space: nowrap;
}
.student-dash-list .col-code{
	width: 16%;
	white-space: nowrap;
}
.student-dash-empty-row{
	text-align: center;
	color: #6b7c89;
	font-style: italic;
	background: #fafcfd !important;
}
.student-dash-empty{
	padding: 18px;
	text-align: center;
	color: #6b7c89;
}
.student-timetable-box{
	margin-top: 22px;
	clear: both;
}
@media (max-width: 767px){
	.student-dash-hero{
		flex-direction: column;
		align-items: flex-start;
	}
	.student-dash-info th{
		width: 42%;
	}
	.student-dash-table th,
	.student-dash-table td{
		padding: 8px;
		font-size: 12px;
	}
}

/* Staff dashboard reuses student-dash styles */
.staff-dash-wrap{
	float: none;
	margin: 18px auto 22px;
	font-size: 14px;
}

/* Field-picker reports (e.g. Employee Details): scroll left-right, keep columns readable */
body.app-sticky-layout #myData.cims-wide-report-host,
body.app-sticky-layout.app-report-fill #myData.cims-wide-report-host,
body.app-sticky-layout.app-report-menu #myData.cims-wide-report-host,
body.app-sticky-layout.app-report-fill #myData:has(.cims-hscroll-wrap),
body.app-sticky-layout.app-report-menu #myData:has(.cims-hscroll-wrap){
	overflow-x: auto !important;
	overflow-y: auto !important;
	width: 100% !important;
	max-width: 100% !important;
	-webkit-overflow-scrolling: touch;
}
body.app-sticky-layout #myData.cims-wide-report-host .cims-hscroll-wrap,
body.app-sticky-layout #myData:has(.cims-hscroll-wrap) .cims-hscroll-wrap{
	overflow-x: visible;
	overflow-y: visible;
	width: max-content;
	min-width: 100%;
	max-width: none;
}
body.app-sticky-layout.app-report-fill #myData.cims-wide-report-host table#myTable.cims-hscroll-report,
body.app-sticky-layout.app-report-menu #myData.cims-wide-report-host table#myTable.cims-hscroll-report,
body.app-sticky-layout.app-report-fill #myData.cims-wide-report-host .cims-hscroll-wrap table#myTable.cims-hscroll-report,
body.app-sticky-layout.app-report-menu #myData.cims-wide-report-host .cims-hscroll-wrap table#myTable.cims-hscroll-report,
body.app-sticky-layout.app-report-fill #myData:has(.cims-hscroll-wrap) table#myTable.cims-hscroll-report,
body.app-sticky-layout.app-report-menu #myData:has(.cims-hscroll-wrap) table#myTable.cims-hscroll-report,
body.app-sticky-layout #myData .cims-hscroll-wrap table.cims-hscroll-report{
	width: max-content !important;
	min-width: 100%;
	max-width: none !important;
	table-layout: auto !important;
	margin-bottom: 0;
}
body.app-sticky-layout.app-report-fill #myData.cims-wide-report-host table#myTable.cims-hscroll-report th,
body.app-sticky-layout.app-report-fill #myData.cims-wide-report-host table#myTable.cims-hscroll-report td,
body.app-sticky-layout.app-report-menu #myData.cims-wide-report-host table#myTable.cims-hscroll-report th,
body.app-sticky-layout.app-report-menu #myData.cims-wide-report-host table#myTable.cims-hscroll-report td,
body.app-sticky-layout.app-report-fill #myData.cims-wide-report-host .cims-hscroll-cell,
body.app-sticky-layout.app-report-menu #myData.cims-wide-report-host .cims-hscroll-cell,
body.app-sticky-layout #myData .cims-hscroll-wrap table.cims-hscroll-report th,
body.app-sticky-layout #myData .cims-hscroll-wrap table.cims-hscroll-report td,
body.app-sticky-layout #myData .cims-hscroll-cell{
	white-space: nowrap !important;
	word-wrap: normal !important;
	overflow-wrap: normal !important;
	overflow: visible !important;
	text-overflow: clip !important;
	max-width: none !important;
	min-width: 72px;
	width: auto !important;
	vertical-align: top;
	padding: 6px 10px !important;
	box-sizing: border-box;
}
body.app-sticky-layout.app-report-fill #myData.cims-wide-report-host table#myTable.cims-hscroll-report thead th:first-child,
body.app-sticky-layout.app-report-fill #myData.cims-wide-report-host table#myTable.cims-hscroll-report td:first-child,
body.app-sticky-layout.app-report-menu #myData.cims-wide-report-host table#myTable.cims-hscroll-report thead th:first-child,
body.app-sticky-layout.app-report-menu #myData.cims-wide-report-host table#myTable.cims-hscroll-report td:first-child{
	min-width: 56px !important;
	width: auto !important;
	max-width: none !important;
	text-align: center !important;
}

/* Legacy pages: action icons were placed in a full-width row below filters — keep on same row */
body.app-sticky-layout.app-report-menu .container1:not(.row),
body.app-sticky-layout.app-report-fill .container1:not(.row){
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	width: 100%;
}
body.app-sticky-layout.app-report-menu .container1:not(.row) > form#myRptForm,
body.app-sticky-layout.app-report-fill .container1:not(.row) > form#myRptForm{
	display: contents;
}
body.app-sticky-layout.app-report-menu .container1.row > form#myRptForm + .col-md-12:has(.data.rptSubmit),
body.app-sticky-layout.app-report-fill .container1.row > form#myRptForm + .col-md-12:has(.data.rptSubmit),
body.app-sticky-layout.app-report-menu .container1:not(.row) > .col-md-12:has(> .data.rptSubmit),
body.app-sticky-layout.app-report-fill .container1:not(.row) > .col-md-12:has(> .data.rptSubmit){
	width: auto !important;
	max-width: none !important;
	flex: 0 0 auto;
	float: left;
	clear: none;
	padding-top: 0 !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	margin-bottom: 6px;
}
body.app-sticky-layout.app-report-menu .container1 > .col-md-12:has(> .data.rptSubmit)::before,
body.app-sticky-layout.app-report-fill .container1 > .col-md-12:has(> .data.rptSubmit)::before{
	content: '\00a0';
	display: block;
	height: 20px;
	line-height: 20px;
	margin-bottom: 5px;
	overflow: hidden;
	visibility: hidden;
}
body.app-sticky-layout.app-report-menu .container1 > .col-md-12:has(> .data.rptSubmit) .data.rptSubmit,
body.app-sticky-layout.app-report-fill .container1 > .col-md-12:has(> .data.rptSubmit) .data.rptSubmit{
	float: none !important;
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	margin: 0 2px !important;
	vertical-align: bottom;
}
body.app-sticky-layout.app-report-menu .box-content .container1 .report-btn-col > label.report-btn-spacer,
body.app-sticky-layout.app-report-fill .box-content .container1 .report-btn-col > label.report-btn-spacer,
body.app-sticky-layout.app-report-menu #content .container1.row .report-btn-col > label.report-btn-spacer,
body.app-sticky-layout.app-report-fill #content .container1.row .report-btn-col > label.report-btn-spacer{
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 100% !important;
	height: 20px !important;
	line-height: 20px !important;
	margin: 0 0 5px 0 !important;
	padding: 0 !important;
	font-size: 14px;
	overflow: hidden;
}
body.app-sticky-layout.app-report-menu .box-content .container1 .report-btn-col .report-actions,
body.app-sticky-layout.app-report-fill .box-content .container1 .report-btn-col .report-actions,
body.app-sticky-layout.app-report-menu #content .container1.row .report-btn-col .report-actions,
body.app-sticky-layout.app-report-fill #content .container1.row .report-btn-col .report-actions{
	float: none !important;
	display: inline-flex !important;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	gap: 4px;
	line-height: 0;
	margin: 0 !important;
}