.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: 2px;
	height: 30px;
    width: 100%;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.textWidth {
	width:155px;
}

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

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

.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;
}

.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 #CCCCCC;
	/*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%;*/
}

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

.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:1;
	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:1;
	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;
}
.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;
}
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;
	}
}