@CHARSET "UTF-8";
* {
	margin: 0;
	padding: 0;
}

/* Hack for IE */
 select::-ms-expand {
            width:12px;
            border:none;
            background:#fff;
 }
        
#container {
	width: 100%;
	background-color: White;
	min-height: 1000px;
}

#header {
	width: auto;
	margin-top: 5px;
	min-height: 100px;
	height: auto;
}

#logo {
	float: left;
	background-repeat: no-repeat;
	margin-top: 0;
	width: 90px;
	padding-right: 2px;
	z-index: 9999999 !important;
}

#title {
	margin-top: -5px;
	background: url("../images/titleImage2.jpg") scroll 0 0 #Fff;
	background-repeat:  no-repeat;
	background-size: 100% 92%; 
	height: 100px ;
}

.site-title {
	/* position: relative;
	top: 12px; */
	font-family: Georgia, serif;
	font-size: 32px;
	margin: 0px 0dp 0px 90px;
	color: rgb(49, 85, 158);
	width: 100%;
}

}
.content {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 7% !important;
}

.content b {
	font-size: 15px;
	font-weight: bold;
}

.content p {
	font-size: 15px;
	font-family: Arial;
	line-height: 1.2;
	margin: 0;
}

#login {
	width: 30%;
	float: right;
}

.inner-content {
	width: 100%;
}

.inner-content .inner-image img {
	float: left;
	height: 60px;
	width: 10%;
	margin-top: 10px;
	margin-right: 5px;
}

.inner-content .inner-text {
	float: left;
	height: 60px;
	width: 80%;
}

html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	margin: 0;
	padding: 0;
	height: 100%;
	/*   overflow-x: hidden; */
}

p {
	padding: 10px;
	z-index: 999 !important;
}

#wrapper {
	width: 100%;
/* 	min-height: 100%; */
	/*  min-width: 1000px; */
	max-width: 2000px;
	margin: 0 auto;
}

#navigation {
	height: 5px;
	width: 100%;
	background: #FC3;
}

#contentliquid {
	width: 100%;
	padding-bottom: 40px;
}

#rightcolumn {
	width: 30%;
	float: left;
	background-color: Gray;
}

#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	height: 53px;
	width: 100%;
	z-index: 9999;
	border: 1px solid grey;
	background:white;
}

.borderline {
	display:block;
    border:none;
    color:white;
    height:0.5px;
    background:rgba(0, 0, 0, 0.26);
}

#footer p{
	color: black !important;
	font-family: Georgia,serif;
}
/* #footer p{ 
	position:relative;
	top:-13px;
} */
h4 {
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #808080;
	padding-left: 10px;
}

/* css for label which is displaying data without bold    */
.datalabel {
	font-weight: normal !important;
}

.toggle-vis {
	cursor: pointer;
}

/*Transtion effect for priority list page*/
.o-transition {
	transition: All 1s ease;
	-webkit-transition: All 1s ease;
	-moz-transition: All 1s ease;
	-o-transition: All 1s ease;
}

.border:hover {
	border: 2px solid #000;
}

/* #title {
	height: 100px ;
} */

#logo>a {
	z-index: 999999999 !important;
}

#aboutSpan{
	color:#89C3FC; 
	position: relative; 
	left:15px;
}

#home-dir {
position: absolute;
top: 0;
left: 11px;
height: 130px;
width: 240px;
background-color: transparent;
}

#farmerImg {
	width: 40px; 
	height: 40px;
}


/* For Extra small Devices */
@media screen and (min-width: 250px) and (max-width: 599px) {
	#title {
		background : url("../images/BannerForTab2.jpg") scroll 0 0 #Fff;
		background-repeat: no-repeat   !important;
		height: 120px  !important;
		background-size: 100% 75%  !important ; 
		margin-right: 0px  !important; 
		margin-left: 0px !important;
    	max-width: 100%; 
	}
		
	#lastlogindate {
	    float: right;
	    margin-top: 93px !important;
	    margin-right: 0px;
	    background-color: #EFEFEF;
	    border-radius: 5px;
	    padding-left: 5px;
	} 
	 #logout {
	 	float: right !important;;
	  	margin-top: 30px !important;
	    margin-left: 26px !important;;
	}
	#aboutSpan {
		float: right !important;;
	 	margin-top: 30px !important;
	    margin-right: 0px !important;;
	} 
	.farmerlogin {
		color : red;
		position: relative;
		font-size: smaller !important;
	}
	
	#farmerImg {
		width: 25px; 
		height: 25px;
	}
	
	#aboutSpan {
	    color: #89C3FC;
	    position: relative;
	    float: right;
	}
	
	#header {
		width: auto;
		margin-top: 5px;
		min-height: 100px;
		height: auto;
	}
	
}


/* For Tablets Devices */
@media screen and (min-width: 600px) and (max-width: 767px) {
	#title {
		background : url("../images/BannerForTab2.jpg") scroll 0 0 #Fff;
		background-repeat: no-repeat   !important;
		height: 140px  !important;
		background-size: 100% 100%  !important ; 
		margin-right: 0px  !important; 
		margin-left: 0px !important;
    	max-width: 100%; 
	   /*  margin-top:-10px !important;
		background-size: 100% 75%  !important ; 
		background-repeat: no-repeat   !important;
		height: 120px  !important; */
		
	}
		
	#lastlogindate {
	    float: right;
	    margin-top: 119px !important;
	    margin-right: 0px;
	    background-color: #EFEFEF;
	    border-radius: 5px;
	    padding-left: 5px;
	} 
	 #logout {
	 	float: right !important;;
	  	margin-top: 30px !important;
	    margin-left: 26px !important;;
	}
	#aboutSpan {
		float: right !important;;
	 	margin-top: 30px !important;
	    margin-right: 0px !important;;
	} 
	.farmerlogin {
		color : red;
		position: relative;
		font-size: smaller !important;
	}
	
	#farmerImg {
		width: 25px; 
		height: 25px;
	}
	
	#aboutSpan {
	    color: #89C3FC;
	    position: relative;
	    float: right;
	}
	
	#header {
		width: auto;
		margin-top: 5px;
		min-height: 100px;
		height: auto;
	}
	
}

/* For Small Devices */
@media screen and (min-width: 768px) and (max-width: 850px) {
	
	#title {
		background : url("../images/BannerForTab2.jpg") scroll 0 0 #Fff;
		/* margin-top:-10px !important;
		margin-right:-15px  !important ;
		background-repeat: no-repeat   !important;
		height: 170px !important;
		background-size: 100% 100%  !important ;
		margin-right: 0px  !important; 
		margin-left: 0px !important;
		background-attachment: fixed;
    	background-position: center; 
    	max-width: 100%;  */
    	
    	margin-top:-10px !important;
		background-size: 100% 100%  !important ; 
		background-repeat: no-repeat   !important;
		height: 170px  !important; 
		
	}

	#lastlogindate {
	    float: right;
	    margin-top: 142px !important;
	    margin-right: 0px;
	    background-color: #EFEFEF;
	    border-radius: 5px;
	    padding-left: 5px;
	} 
}

@media screen and (min-width: 851px) and (max-width: 979px) {
	
	#title{
		background: #FFF 
	   	url("../images/BannerForTab2.jpg") repeat scroll 0px 0px;
		background-repeat: no-repeat !important;
		background-size: 100% 100%  !important ; 
		margin-right: 0px !important;
		margin-left: 0px !important;
		max-width: 100%;
		height: 170px !important;

	}
	
	#lastlogindate {
	    float: right;
	    margin-top: 142px !important;
	    margin-right: 0px;
	    background-color: #EFEFEF;
	    border-radius: 5px;
	    padding-left: 5px;
	} 
}
/* For Medium Devices */
@media screen and (min-width: 980px) and (max-width: 1200px) {
	
}
/*For Large Devices */
@media screen and (min-width: 1200px) {
	
}