.cropindex {
	width: 30px;
	height: 20px;
}

.croptable, .vartable, .croptable1 {
	text-align: center;
	width: 100% !important;
	font-size: 16px;
}

.croptable tr:nth-child(odd), .croptable tr:nth-child(odd) {
	background-color: rgb(230,252,230);
}

.croptable tr:hover, .croptable1 tr:hover{
	background-color: rgb(210,250,210);
	cursor: pointer;
}

.vartable tr:nth-child(odd) {
	background-color: rgb(210,210,252);
}

.vartable tr:hover{
	background-color: rgb(160,160,200);
	cursor: pointer;
}

.vartable1 tr:hover{
	background-color: rgb(80,230,90);
	cursor: pointer;
}

.vartable tr td, .vartable tr th {
	padding: 3px 5px;
}

.recent-post {
	border-left: 5px dotted green;
	margin-bottom: 14px;
	padding-left: 3px;
	font-size: 14px !important;
}

.recent-post a {
	color: rgb(0, 170, 0);
}

.recent-post a:hover, .recent-post a:focus {
	color: rgb(0, 0, 200);
	cursor: pointer;
	text-decoration: underline;
}

.crop-image {
	width: 100px;
	height: 100px;
	border-radius: 10px;
}
.croptable1 {
	font-size: 26px;
}

h1 {
	font-family: verdana, helvetica, san-serif;
	color: rgb(0,150,0);
}

.naris a {
	color: rgb(50,50,50);
	font-size: 18px;
}

.naris {
	background-color: rgb(240,240,240);
	margin: 5px;
	padding: 3px 5px;
}

.naris a:hover,.naris a:focus  {
	text-decoration: underline;
}

.seedco {
	font-size: 36px !important;
	background-color: rgb(230,250,230);

}

.seedco a:hover, .seedco a:focus {
	color: rgb(30,150,30);
}

.datecat, .datecat a {
	font-size: 14px;
	color: rgb(120,120,120);
	margin-bottom: 10px;
}

.pagenav {
	font-size: 16px;
	font-family: georgia, serif;
	background-color: rgb(220,220,220);
	margin: 10px;
	padding: 5px;
	border-radius: 5px;
	text-align: center;
}

.vardetails p {
	margin: 5px;
	border-bottom: 1px solid green;
	border-radius: 10px;
	font-size: 18px;
	font-family: verdana, helvetica, san-serif;
	padding: 6px;
	color: rgb(60,60,60);
}

.vardetails h3 {
	background-color: rgb(10,240,10);
	font-size: 28px;
	padding: 5px 8px;
	text-align: center;
	font-family: verdana, helvetica, san-serif;
	border-radius: 5px;
	color: rgb(30,30,30);
}

.return {
	font-size: 20px;
	font-family: verdana, helvetica, san-serif;
	border: 1px solid blue;
	padding: 5px 15px;
	margin: 5px;
	line-height: 2.0;
	color: blue;
	background-color: white;
	border-radius: 20px;
}

.return:hover {
	font-weight: bold;
	cursor: pointer;
	border: 2px solid blue;
}


.crop-info {
	border: 1px solid green;
	float: left;
	margin: 8px;
	padding: 5px;
	width: 220px;
	border-radius: 6px;
	font-family: helvetica, verdana, san-serif;
	font-size: 17px;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}

.crop-info img {
	width: 100% !important;
	height: 120px;
}

.crop-info p {
	background-color: rgb(210,250,210);
	margin-bottom: 2px;
}

.crop-info a {
	color: rgb(30,150,30);
}

.crop-info a:hover, .crop-info a:focus {
	color: rgb(20,20,200);
	cursor: pointer;
}

.home-button {
	border: none;
	padding: 5px 8px;
	border-radius: 5px;
	background-color: rgb(50,210,50);
	font-family: verdana, helvetica, san-serif;
	font-size: 18px;
	margin-top: 5px !important;
	font-weight: bold;
	text-align: center;
}

.home-button a {
	color: white;
	text-align: center;
}

.home-button:hover {
	background-color: rgb(5,150,5);
	cursor: pointer;
}

.vital-link {
	background-color: rgb(200,255,180);
	margin: 8px 3px;
	padding: 4px 6px;
}

.vital-link:hover {
	text-decoration: underline;
	background-color: white;
}

.contact p {
	margin: 5px;
	width: 100% !important;
}

.contact2 {
	max-width: 700px;
	margin: 20px auto;
	border: 1px solid green;
	padding: 20px;
	border-radius: 10px;
}

.contact2 p {
	font-family: helvetica, verdana, san-serif;
	font-size: 20px;
	margin-bottom: 20px;
	color: rgb(10,140,3);
}

.contact-title {
	background-color: rgb(100, 200, 50);
	padding: 10px;
	text-align: center;
	margin-bottom: 20px;
	border-radius: 8px;
	font-weight: bold;
	font-family: verdana, helvetica, san-serif;
}

.contact .textbox, .contact2 .textbox{
	width: 100%;
	height: 30px;
	font-family: verdana, helvetica, san-serif;
	font-size: 16px;
}

.contact .messagebox {
	width: 100%;
	height: 100px;
	font-family: verdana, helvetica, san-serif;
	font-size: 16px;
}

.contact .submit-button {
	width: 100%;
	font-size: 18px;
	color: rgb(30,100,30);
	background-color: rgb(140,250,140);
	border: 1px solid green;
	padding: 4px 6px;
	border-radius: 5px;
}

.contact .submit-button:hover {
	background-color: rgb(50,220,50);
	cursor: pointer;
}

.contact2 .messagebox {
	width: 100%;
	height: 200px;
	font-family: verdana, helvetica, san-serif;
}

.contact2 .submit-button {
	width: 100%;
	font-size: 20px;
	color: rgb(255,255,255);
	background-color: rgb(50,240,20);
	border: 0px solid green;
	padding: 4px 6px;
	border-radius: 5px;
	font-weight: bold;
	margin-top: -10px;
}

.contact2 .submit-button:hover {
	background-color: white;
	color: rgb(50,200,20);
	border: 1px solid rgb(20,200,20);
	cursor: pointer;
}

.info {
	width: 100%;
	color: red !important;
	padding: 5px;
	font-family: helvetica, verdana, san-serif;
	font-size: 20px;
	border-radius: 6px;
	margin-bottom: 10px;
	border: 1px solid red;
}

.feedback-info {
	max-width: 600px;
	margin: 30px auto;
	padding: 10px;
	border: 1px solid green;
	border-radius: 7px;
}

.feedback-info h3 {
	font-size: 24px;
	font-family: georgia, serif;
	background-color: rgb(132,253,100);
	border: 1px solid green;
	border-radius: 10px;
	padding: 5px 7px;
	text-align: center;
	margin: 10px;
}

.feedback-info p {
	font-family: verdana, helvetica, san-serif;
	font-size: 18px;
	line-height: 1.5;
}

.var {
	border: 1px solid green;
	padding: 5px;
	margin: 15px 0;
	border-radius: 5px;
	line-height: 1.7;
	font-family: helvetica, san-serif !important;
	font-size: 16px !important;
}

.var:nth-child(even) {
	background-color: rgba(150,230,100,0.3);
	border: 1px solid blue;
}

.first {
	font-weight: bold;
	color: rgb(28,115,25);
}

.details {
	margin-top: 8px !important;
	padding: 3px 14px;
	border-radius: 3px;
	font-size: 16px;
	width: 130px;
	background-color: rgb(60,190,50);
	text-align: center;
}

.details a {
	color: white;
}

.details:hover, .details:focus {
	text-decoration: underline;
	cursor: pointer;
	color: white;
	border: 1px solid white;
	box-shadow: 0 5px 10px rgba(0,0,0,0.3);
}

.var:hover {
	border: 2px solid green;
}

.pages p, .pages li {
	text-align: left !important;
}

.main-text {
	margin-bottom: 20px;
}

.clearfix {
	clear: both;
}

.coyinfo {
	margin: 5px 0;
	padding: 5px;
	border-radius: 5px;
	font-family: helvetica, verdana, san-serif;
	font-size: 17px;
	border-left: 4px solid white;
}

.coyinfo a {
	color: black;
}

.coyinfo:nth-child(even) {
		background-color: rgb(100,250,100);
}

.coyinfo:nth-child(odd) {
		background-color: rgb(180,250,180);
		color: rgb(0, 0, 200);
}

.coyinfo:nth-child(odd) a {
		color: rgb(0, 0, 200);
}

.coyinfo a:hover {
	text-decoration: underline;
	font-weight: bold;
	cursor: pointer;
}

.findcoy {
	border: 1px solid green;
	padding: 4px 6px;
	border-radius: 5px;
	font-family: verdana, helvetica, san-serif;
	font-size: 20px;
	font-weight: bold;
	float: left;
	margin: 3px 10px;
}

.findcoy a {
	text-decoration: none;
	color: rgb(0,150,0);
}

.findcoy:hover {
	color: white;
	background-color: rgb(245,255,243);
	border: 2px solid green;
}

.findcoy1 {
	font-size: 20px;
	font-family: verdana, helvetica, san-serif;
	font-weight: bold;
	float: left;
}

.findcoy2 {
	margin: 8px 0;
}

.notify {
	border: 1px solid red;
	font-size: 20px;
	font-family: arial, helvetica, san-serif;
	padding: 5px;
	line-height: 1.6;
	border-radius: 5px;
	color: red;
}

/* CHATBOT STYLES */

.chatbox {
    width: 90%;
    max-width: 550px;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 5px 5px 25px 0 rgb(150,200,150,0.2);
    min-height: 400px;
    color: orange;
    padding: 10px;
}

/* RESOURCES STYLES */
.resource-intro {
	border-bottom: 2px solid rgb(100, 100, 100);
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 10px 0;
}

.resource-box {
	width: 90%;
	margin: 15px auto;
	padding: 10px;
	background: rgb(230, 250, 230);
	color: green;
	font-size: 16px;
	opacity: 0.9;
	line-height: 1.5;
	border-radius: 5px 5px 0 0;
}

.resource-box a {
	color: orange;
	font-weight: bold;
}

.resource-download {
	border: 2px solid white;
	border-radius: 4px;
	padding: 5px 10px;
	display: inline-block;
	margin-left: 10px;
}

.resource-download:hover, .resource-download:focus {
	color: orange;
	font-weight: bold;
	font-size: 18px;
	cursor: pointer;
	background-color: white;
}