@media only screen and (max-width: 400px)  {
  .loginScroll {
    width: 100% !important;
  }
	.errormsg{
		height: 50px !important;
	}
}


@media only screen and (min-width:760px) {
	.loginScroll {
    width: 30% !important;
  }
	
}


@media only screen and (max-width:760px) {
	.Loginheader{
		    padding-left: 30%!important;
	}
	.dsLogo{
		padding-left: 42%!important;
	}
	
}


.errormsg{
		
		padding-left: 10px;
		color:red;
		height: 30px!important;
	}
	
.logininput{
  font-weight:bold;
  font-size:15px !important;
  height: 40px !important;
  margin-top: 1%;
  width: 95%;
  border:1px solid #006400!important;
 }

	.loginfooter{
		 bottom: 0; 
		left: 0; 
		position: fixed;  
		text-align: center;
		width: 100%; 
		z-index: -1;
	}
	.forgetLgnErr{
	border:none;
	float: left;
	cursor: pointer;
	color:#1B75BC;
	background-color:white;
}
	.loginSubmit{
	cursor: pointer !important;
	background-color:#1B75BC;
	color:#ffffff;
	 width:20% !important;
	height: 40px;
	font-weight:bold;
	border-radius: 12px;
}
	
	.loginsubmittop{
		text-align:right;
		width: 98%;
	}	

	.Loginimage{
	padding:1px;
	text-align:center;
	background-color:#1B75BC;
	border-bottom: solid 1px;
}	
		
	
	.Loginheader{
		color:#ffffff;
		font-weight: bold;
		font-size:1.75rem;
		text-align: center
	}

.LoginLogo{
  height:47px;
  width:50px;
  cursor:pointer;
 }
		
header{
  background-color: #1B75BC!important;  
  border-bottom: solid 5px #006400!important;
 }

/* For Related Area*/
.ButtonStyle{
	color: #FFFFFF;
	padding: 8px;margin-top: 5px;
	background: -webkit-linear-gradient(top, #ea7f1169 -40%,#ec7a18 100%);
	font-size: 13px;
	font-weight: bold;
	height: 35px;
}
.selected{
        background: #E5E8E8;
        color: #000000;
    }

	.input-group .form-control{
		height: 34px !important;
	}

/*<!---  For all --->*/

.divcontainer{
	 border: 1px solid; padding: 1%;
}

.headlabeldiv{
	     text-align: center;
    height: 30px;
    background-color: black;
    color: white;
    padding-top: 10px;
}

.headlable{
	 font-size:large;font-weight: bold;
}

.fnbtn{
	width:30px !important;
	height:30px !important;
}

table.scroll {   
    border-spacing: 0;   
}

table.scroll tbody {
   
    overflow-y: overlay;
    overflow-x: hidden;	
}

.searchbor{
	border: solid 0.5px;width: 99.9% !important;
}

.horzonscrol{
	height:60vh;overflow-y:scroll;width:99.8%; border:1px solid #000000;
}


/* For LookupMaster */

.cmbsearch{ 
	valign:middle;width:50%; height:25px;float:right;margin-top: 1px;
}

.lukupmst{
	min-height:28px; width:55%;
}

table tbody{
	border:1px solid #A52A2A;
	padding: 5px;
}

table tbody tr td{
	padding:5px;
 
}

table tr td{ 
	border-right:1px solid black;
}
 
table.scroll {   
    border-spacing: 0;   
}
table.scroll tbody {
   
    overflow-y: overlay;
    overflow-x: hidden;	
}




/*LookUp Screen */
	div > label,div > input[type=text],div > select{
		font-size:13px;
	}
	td{border:none;}
	tr>td,textarea, thead{
	font-size:13px! important;;
}


#cssmenu ul{
	width:810px;
}

.searchalphabet{
	padding: 0px;margin-right: 1.8%;font-size: 15px;font-weight: bold;
}

.multiselect-container dropdown-menu{
	overflow-y: scroll !important;
	height: 25em !important;
}

.padrel{
	border: solid 1px;padding: 1%;
}
.searchdiv{
	padding: 0% 1% 0% 1%;
}

.imgsubbtn{
 width: 30px; height: 30px;float: left;cursor: pointer;
}

/*Employee Screen*/

.marginleft{
margin-left:0px! important;
}
.ui-datepicker-calendar{
width:100%;
}

.arrowimg{
	height: 33px;
	width: 20px;
}

.cmbSearch{
	valign:middle!important;
	width:97%!important; 
	height:25px!important;
	float:right!important;
	margin-top: 1px!important;
}


a>img{
	cursor:pointer;
}


/* Inner Tab */
#tabs ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: -webkit-linear-gradient(top, #ea7f1124 -40%, #e4e4e3 100%);
	width: 100%;
}
		
li {
	float: left;
}
		
#tabs ul li a {
	display: inline-block;
	color: black;
	text-align: center;
	padding: 10px 14px;
	text-decoration: none;
}
		
#tabs ul li a:hover {
	background-color: #c5c4c4;
}
		
.state-active {
	background-color: #f5f0f0;
}
		
#tabs ul li {
	border: none;
}

/*Multiple Image*/

input[type="file"] {
		display: block;
	}
	
	.imagecls {
		height: 130px;
		width: 135px;
		border: 2px solid;
		padding: 1px;
		cursor: pointer;
	}
	
	.pip {
		display: inline-block;
		margin: 10px 5px 0px 5px;
	}
	
	
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
	margin-left:0%;
}
	
	.modal-content {
		background-color: #fefefe;
		margin: auto;
		padding: 20px;
		border: 1px solid #888;
		width: 25%;
		height:20%
	}
	
	span>input[type=checkbox] {
		position: absolute;
		z-index: 100;
		background-color: lightblue;
		width: 20px;
		height:20px;
		margin-left: 5px;
}

div>input[type=checkbox] {		
		width: 17px;
		height:20px;
		
}
.ui-dialog{
	position: absolute;    
    z-index: 101;   
    margin-top: 10% !important;
    margin-left: 27% !important;
    padding-top: 0px !important;
}