/*MAGESH*/
#maintable .row-form:nth-child(odd){background-color: #d3d3d3 !important;}
.search-field:focus{outline:none !important;}
.search-div:hover{box-shadow: 0px 3px 6px 0px #888888 !important;}
.search-div{
    width: 40%;    
    height: 38px;
    box-shadow: 0px 3px 3px 0px #d9d8d8;
	overflow: hidden;
}

/* Tooltip */
.tooltip > .tooltip-inner {
	background-color: #808080; 
	color: #FFFFFF; 
	font-size: 15px;
}

.tooltip.bottom .tooltip-arrow {
	display: none;
}

.tooltip input[type="text"]:focus, .tooltip select:focus, .tooltip textarea:focus {
	border-color: #ffadc0 !important;
}

/* Error */
.hasErr:focus{ border: 2px solid #f98e8e !important}
.hasErr:hover{ border: 2px solid #f98e8e !important}

.hasErr {					
	background-color: rgb(255, 237, 237) !important;
	border: 2px solid #ffc0c0 !important;
    outline: 0 !important;
}

.select{
	padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
	width: 85px;
	height: 30px;
}

.sizeinput{	
    padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 5px;
    padding-right: 5px;
	width: 175px;
	height: 30px;	
}

.place{
	padding-top: 1px;
    padding-bottom: 1px;
    padding-left: 6px;
    padding-right: 6px;
	width: 140px;
	height: 30px;	
}

.divi{ 
	padding-left: 2px !important;
    padding-right: 2px !important;	
    margin-top: 2px !important;
    margin-bottom: 6px !important;  
}

.addFacility_btn:focus,.save-exit-btn:focus{outline:none !important;}
.addFacility_btn:hover,.save-exit-btn:hover{box-shadow: 0px 3px 6px 0px #888888 !important;}

.addFacility_btn,.save-exit-btn{
	background-color: #f2f2f2;
	position: relative;
	margin-right: 3px;
	box-shadow: 0px 3px 3px 0px #d9d8d8 !important;
}
.row-form:hover{box-shadow: 0px 3px 6px 0px #888888 !important;}
.row-form{
	background-color:#d9d9d9;
	box-shadow: 0px 3px 3px 0px #d9d8d8 ;
	padding: 3px; 
	border-radius: 02px ;
	min-height: 30px;
	overflow: hidden;
	padding-left: 4px;
	margin-bottom: 18px ;
	
}

.inner-form{
	width: 18.70%;
	float: left;	
	margin-left: 1%;	
    padding-top: 3px;
	overflow: hidden;
}

.inner-facility{
	width: 24%;
	float: left;
	margin-left: 1%;	
	margin-right: 6%;	
    padding-top: 2px;
	overflow: hidden;
    padding-bottom: 4px;

}

.inner-facility-no{
	width: 09%;
	float: left;
	margin-left: 1%;	
    padding-top: 2px;
	overflow: hidden;
	padding-bottom: 4px;
}

.inner-facility-zipcode{
	width: 14%;
	float: left;
	margin-left: 1%;
	margin-right: 6%;	
    padding-top: 2px;
	overflow: hidden;
	padding-bottom: 4px;
}

/*medium screen*/
@media screen and (max-width: 991px) and (min-width: 661px) {
	.row-form{
		min-height: 30px;
		overflow: hidden;
		padding-left: 4px;
	}
	.inner-form{
		width: 23%;
		float: left;
		padding-top: 3px;
		margin-left: 1.5%;	
	}
	.after-px{
		display:block;
	}
	.before-px{
		display:none;
	}
	#remark{
		width:47.35% !important;
	}
	.inner-facility{
		width: 28%;
		float: left;
		margin-left: 1%;	
		margin-right: 2%;	
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
	.inner-facility-no{
		width: 10%;
		float: left;
		margin-left: 1%;	
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
	.inner-facility-zipcode{
		width: 16%;
		float: left;
		margin-left: 1%;	
		margin-right: 2%;	
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
}

/*small screen*/
@media screen and (max-width: 660px) and (min-width: 389px) {
	.row-form{
		min-height: 30px;
		overflow: hidden;
		padding-left: 4px;
		padding-right: 0px;
	}
	.inner-form{
		width: 43.35%;
		float: left;
		padding-top: 3px;
		margin-left: 1%;	
		margin-right: 2%;	
	}
	.after-px{
		display:block;
	}
	.before-px{
		display:none;
	}
	#remark{
		
		width:90.35% !important;
	}
	#facility_remark{
		width:90.35% !important;
	}
	.inner-facility{
		width: 43.35%;
		float: left;
		margin-left: 1%;	
		margin-right: 2%;	
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
	.inner-facility-no{
		width: 13.5%;
		float: left;
		margin-left: 1%;			
		margin-right: .5%;
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
	.inner-facility-zipcode{
		width: 28%;
		float: left;
		margin-left: 1%;	
		margin-right: 2%;	
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
}

/*x-small screen*/
@media screen and (max-width: 388px) {
	.row-form{		
		min-height: 30px;
		overflow: hidden;
		padding-left: 4px;
		padding-right: 0px;
	}
	.inner-form{
		width: 97.35%;
		float: left;		
	}
	.after-px{
		display:block;
	}
	.before-px{
		display:none;
	}
	#remark{
		width:97.35% !important;
	}
	.inner-facility{
		width: 97.35%;
		float: left;
		margin-left: 1%;	
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
	.inner-facility-no{
		width: 60px;
		float: left;
		margin-left: 2px;
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
	.inner-facility-zipcode{
		width: 146px;
		float: left;
		margin-left: 6px;		
		margin-right: 0%;
		padding-top: 2px;
		overflow: hidden;
		padding-bottom: 4px;
	}
	.addFacility_btn{
		width: 220px;
		float: left !important;
		margin-bottom: 10px !important;		
	}
	.save-exit-btn{
		width: 106px;
	}
}