body {
    background:#000  url(../Images/login-bg.jpg) no-repeat fixed center center;
    background-size: cover;
    font-family: Montserrat;
}

.headerlogo
{
	    font-weight: bold;
    font-family: arial;
}
.logo{ position:fixed; top:0; left:0; width:100%; background:#000; border-bottom:1px solid #333; padding:20px 3%; text-align:left; color:#fff; font-size:20px;}
.devop{ position:fixed; bottom:0; left:0; width:100%; background:#000; border-top:1px solid #333; padding:20px 3%; text-align:right}

.login-block {
    width: 320px;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    border-top: 1px solid #254286;
    margin: 0 auto; position:absolute; right:10%; top:20%;
    background: #00000069;
}

.login-block h1 {
    text-align: center;
    color: #fff;
    font-size:36px;

    margin-top: 0;
    margin-bottom: 20px; border:2px solid #fff; margin-bottom:30px; line-height:50px; text-transform:uppercase; font-weight:bold;
}

.login-block input {
    width: 100%;
    height: 42px;
    box-sizing: border-box;
    border-radius: 5px;
    border:none;
    font-size: 14px;
    font-family: Montserrat;
    padding: 0 20px 0 50px;
    outline: none; color:#fff;
}
ul{ margin:0 auto; padding:0;}
li{background:url(../Images/login-inputbg.png) repeat; list-style-type:none; margin:0 auto; padding:0; margin-bottom:10px; border-radius: 5px;}
.login-block input#ctxt_reg_no,.login-block input#ctxt_user_name {
    background: url('../images/user.png') 20px top no-repeat;
    background-size: 16px 80px;
}
li{ position:relative;}
.login-block input#ctxt_reg_no:focus,.login-block input#ctxt_user_name:focus {
    background: url('../images/user.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}

.login-block input#ctxt_roll_no,.login-block input#ctxt_pass_word {
    background: url('../images/pass.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#ctxt_roll_no:focus,.login-block input#ctxt_pass_word:focus {
    background: url('../images/pass.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}
.login-block input#cntxt_sum,.login-block input#cntxt_sum {
    background: url('../images/pencil.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#cntxt_sum:focus,.login-block input#cntxt_sum:focus {
    background: url('../images/pencil.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}
.login-block input#ctxt_academic_session,.login-block input#ctxt_academic_session {
    background: url('../images/calender.png') 20px top no-repeat;
    background-size: 16px 80px;
}

.login-block input#ctxt_academic_session:focus,.login-block input#ctxt_academic_session:focus {
    background: url('../images/calender.png') 20px bottom no-repeat;
    background-size: 16px 80px;
}
.login-block input:active, .login-block input:focus {
    border: 1px solid #ff656c;
}
.login-block .lable{ background:url(../Images/login-inputbg.png) repeat; padding:5px 10px; text-align:center; margin-top:0;}
.entertext{ font-size:24px; font-family:Forte; color:#fff}
.login-block .error{text-align:center;}
.login-block .botton {
    width: 100%;
    height: 40px;
    background: #00D07B;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #03aa66;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 14px;
    font-family: Montserrat;
    outline: none;
    cursor: pointer; margin:0 auto; padding:0;
}

.login-block .botton:hover {
    background: #3c5dab;
}
@media all and (min-width: 240px) and (max-width: 780px) {
	.login-block { width:98%; margin:165px auto; position:relative;  right:auto;  padding:0 2%;
}
.login-block .botton{ margin-bottom:10px;}
	}
	
	
.div_java_script_combo_sub{font:normal 12px " Trebuchet MS", Arial, Helvetica, sans-serif;max-height:375px; overflow:auto; position:absolute; top:42px; left:0; background:#333;border:2px; line-height:30px;z-index:99;border-radius:10px; box-shadow:0px 3px 5px #000; border-top-left-radius:0;border-top-right-radius:0; min-width:300px;max-width:800px;}

.div_java_script_combo_sub_right{font:normal 12px " Trebuchet MS", Arial, Helvetica, sans-serif;max-height:375px; overflow:auto; position:absolute; top:30px; right:0; background:#fff;border:2px; line-height:30px;z-index:99;border-radius:10px; box-shadow:0px 3px 5px #000; border-top-left-radius:0;border-top-right-radius:0; min-width:310px;max-width:800px;}


.div_java_script_combo_main
{
	float:left; 
	position:relative;
	/*height:30px;
	background-color:#9DCDFE;*/
	
}
.table_view_dynamic{ margin:10px auto;}
.table_view_dynamic td {
	margin: 5px 0 10px 0;  
	border: solid 1px #525252;
}  

.text_box_heading_left,.rgn-fil,.bot-fil {
	background-color : #999; color:#fff;
	border: 0px solid #bc7f05;
	font:normal 12px " Trebuchet MS", Arial, Helvetica, sans-serif; border-radius:0px; padding-left:5px;
}     


.text_box_heading_right,.rgn-fil,.bot-fil {
	background-color : #999; color:#fff; padding-left:5px;
	border: 0px solid #bc7f05;
	font:normal 12px " Trebuchet MS", Arial, Helvetica, sans-serif; border-radius:0px;
	text-align:right;
}     
     
.text_box_heading_center,.rgn-fil,.bot-fil {
	background-color : #999; color:#fff; padding-left:5px;
	border: 0px solid #bc7f05;
	font:normal 12px " Trebuchet MS", Arial, Helvetica, sans-serif; border-radius:0px;
	text-align:center;
}     
.text_box_heading_left,.text_box_heading_right,.text_box_heading_center{ background:none; padding:10px 10px; color:#333;
	font:bold 12px " Trebuchet MS", Arial, Helvetica, sans-serif; border-radius:0px; padding-left:5px;text-transform:inherit; 
}
.text_box_number_total {
	background-color : white;
	border: 1px solid #bc7f05;
	text-align:right;
	font:15px Calibri; height:22px;
    border-radius:6px;
    color:Red;
}      

.drop-down{ border:1px solid #f00; background:#f00;}
.table_view_dynamic{  border-right:0; border-bottom:0; margin:10px;}
.table_view_dynamic td { border:none;  font-size:12px;}
.mis-label-grey{ background:#358ca3  url(../Images/mis-label-grey.png) repeat-x top ; padding:25px 0;}
.table_view_dynamic td input{ background:none; height:30px; border-bottom:1px solid #666; border-radius:0;}
/*.table_view_dynamic td input:last-child { border-bottom:none;}*/
.mis-label-grey .text_label_right{ color:#fff}
.prev,.next,.pag-no,.filter{ font-family:Rockwell; margin:0 2px;}
.prev{ background:#0571af url(../Images/prev.png) no-repeat 10px 10px; width:68px; height:24px; border:none; padding-left:10px; color:#fff; }
.next{ background:#0571af url(../Images/next.png) no-repeat 50px 10px; width:68px; height:24px; border:none; padding-right:10px; color:#fff; }
.filter{ background:#0571af url(../Images/pag-no.png) no-repeat; width:117px; height:28px; border:none;text-align:center; color:#fff;  padding-right:0px;}
.pag-no{ background:#0571af/* url(../Images/pag-no.png) no-repeat*/;padding:0 10px; height:24px; border:none; color:#fff; text-align:center;}
.close{ background:url(../Images/close.png) no-repeat; width:31px; height:30px; border:none; margin-left:5px;}
.close1{ background:url(../Images/close.png) no-repeat; width:31px; height:30px; border:none; margin-left:5px;}
.no-data{ background:url(../Images/no-data.png) no-repeat; width:247px; height:168px; border:none; margin:10px 5px; color#fff;}






.detail-block {
   width: 60%;
    height: 75%;
    padding: 20px;
    border-radius: 5px;
    border-top: 1px solid #fff;
    margin: 0 auto;
    position: absolute;
    left: 1%;
    top: 20%;
    background: #ffffffd1;
    color: #000;
    font-size: 14px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    line-height: 20px;
}

@media all and (min-width: 240px) and (max-width: 780px) {
	.detail-block { width:98%; margin:125px auto; position:relative;  right:auto;  padding:0 2%;
}