@charset "utf-8";
/* CSS Document */


a {color:#9AF3AF;text-decoration: none;}
a:link {color:#9AF3AF;}
a:visited{color:#9AF3AF;}
a:hover{color:#E019CC;}






.global-btn{
	background: #575757; color: #fff; text-transform: none; cursor: pointer;font-size: 150%;
	border: 1px solid #B7B7B7; padding: 7px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}

.global-btn:hover {border: 1px solid #A0A0A0;background-color: #575757;
background-image: linear-gradient(to bottom, #BABABA, #575757);}

.global-btn-sm{
	background: #575757; color: #fff; text-transform: none; cursor: pointer;
	border: 1px solid #B7B7B7; padding: 2px;
	-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);-moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);box-shadow: 0 2px 0 rgba(0,0,0,.1);
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}

.global-btn-sm:hover {border: 1px solid #A0A0A0;background-color: #575757;
background-image: linear-gradient(to bottom, #BABABA, #575757);}




.FrontNavBtn{width:100%;margin-top: 2vh;}

.FrontNavBtn{border: #FFFFFF solid 4px; border-radius: 1vh; color:rgba(15,81,8,1.00); font-family: Poppins;
  background: none;  padding:15px;
  font-size: 150%!important;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-color: rgba(15,81,8,1.00);
  text-decoration-thickness: 2px;
}
.FrontNavBtn:hover {border-color: rgba(15,81,8,1.00)!important; color:#525252; border-width:4px; text-decoration:none;}





.blank-btn{background:none;border:none;cursor: pointer;cursor: hand; color:#FFF;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;}






.closebtn_btm_left{position:absolute;left:-15px;bottom:-10px;}
.closebtn_btm_left img{width:4vmin;max-width:6vmax;height:4vmin;max-height:6vmax;cursor: pointer;cursor: hand;}
.closebtn_btm_right{position:absolute;right:-15px;bottom:-10px;float:right;}
.closebtn_btm_right img{width:3vmin;max-width:4vmax;height:3vmin;max-height:4vmax;cursor: pointer;cursor: hand;}
.closebtn_top_right{position:absolute;right:-15px;top:-10px;float:right;}
.closebtn_top_right img{width:3vmin;max-width:4vmax;height:3vmin;max-height:4vmax;cursor: pointer;cursor: hand;}

.closebtn_top_left{position:absolute;left:15px;top:15px;float:left;}
.closebtn_top_left img{width:5vmin;max-width:7vmax;height:5vmin;max-height:7vmax;cursor: pointer;cursor: hand;}


.closebtn_middle_left{position:absolute;left:-15px;bottom:50%;}
.closebtn_middle_left img{width:4vmin;max-width:6vmax;height:4vmin;max-height:6vmax;cursor: pointer;cursor: hand;}



.MenuBtn{color:#575757;font-family: Poppins;background: none;border: #FFFFFF solid 2px;border-radius: 1vh;font-size: 150%!important;}
.MenuBtn:hover {border: #575757 solid 2px;}


.ActionBtn{
font-size: 150%; font-family: Poppins, Questrial, sans-serif;
margin:0 1vh; padding:1vh 1vh;
border: rgba(23,196,27,1.00) solid 2px; -webkit-border-radius: 1vh;-moz-border-radius: 1vh; border-radius: 1vh;
color:#FFFFFF;
}
.ActionBtn:hover{border: rgba(142,144,142,1.00) solid 2px;cursor: pointer; cursor: hand;}






.GeneralMenuBtn{font-family: Poppins, Questrial, sans-serif; font-size: 100%; text-align: center !important; margin: 2vh 5vw;
padding:.5vmax 4vmax; border: rgba(23,196,27,1.00) solid 2px; cursor: pointer;cursor: hand; background-color: #656565; color: #eee;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


.ModuleMenuBtn{font-family: Bebas,Bebas Neue,sans-serif; background-color: rgba(255,255,255,1.00); color: rgba(15,81,8,1.00); font-size: 200%;
  padding: 25px;  margin: 15px;  border: green solid 2px;  border-radius: 15px;  cursor: pointer;  cursor: hand;  display: inline-block;}
.ModuleMenuBtn:hover{background-color: rgba(15,81,8,1.00); color: #FFFFFF;}



.LargeBtn{font-family: Poppins, Questrial, sans-serif;font-size: 125%;
padding:.5vmax 4vmax; border: rgba(23,196,27,1.00) solid 2px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.MediumBtn{font-family: Poppins, Questrial, sans-serif;font-size: 100%;
padding:.5vmax 4vmax; border: rgba(23,196,27,1.00) solid 2px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}


.SmallBtn{font-family: Poppins, Questrial, sans-serif;font-size: 75%;
padding:.25vmax 2vmax; border: rgba(23,196,27,1.00) solid 2px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.XSmallBtn{font-family: Poppins, Questrial, sans-serif; font-size: 75%;
padding:.25vmax 2vmax; border: rgba(23,196,27,1.00) solid 1px;
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}



.PadMargBtn{padding:.5vmax 2vmax;margin:1.5vmax;}


.MenuBars{border:none;cursor: pointer;cursor: hand;max-width: 45px;
background-image: url('/cssimg/Dark_menubars.png'); background-size:4vmin; background-repeat: no-repeat; width:4vmin;height:4vmin; background-color:inherit;}
.MenuBars:hover{cursor: pointer; cursor: hand;background-image: url('/cssimg/Dark_menubarsExtend.png');}

.MargRight{margin-right:5vw;}


.AddPen{border:none;cursor: pointer;cursor: hand;
background-image: url('/cssimg/AddPen.png'); background-size:4vmin; background-repeat: no-repeat; background-position: center;
width:4vmin;height:4vmin; background-color:inherit;}

.AddPen:hover{cursor: pointer; cursor: hand;}


.TrashBtn{background-image: url('/cssimg/TrashCan.png'); background-size:4vmin; background-repeat: no-repeat; background-position: center;
width:4vmin;height:4vmin;background-color:inherit;border:none;}


.DeleteBtn{background-image: url('/cssimg/Delete-icon.png'); background-size:4vmin; background-repeat: no-repeat; background-position: center;
width:4vmin;height:4vmin;background-color:inherit;border:none;}


.TrashDeleteBtn{background-image: url('/cssimg/TrashCan.png'); background-size:4vmin; background-repeat: no-repeat; background-position: center;
width:4vmin;height:4vmin;background-color:inherit;border:none; cursor: pointer; cursor: hand;}
.TrashDeleteBtn:hover{background-image: url('/cssimg/Delete-icon.png'); background-size:4vmin; background-repeat: no-repeat; background-position: center;
width:4vmin;height:4vmin;background-color:inherit;border:none;}



.EditBtn{background-image: url('/cssimg/EditPen.png'); background-size:4vmin; background-repeat: no-repeat; background-position: center;
width:4vmin;height:4vmin;background-color:inherit;border:none;cursor: pointer;cursor: hand;}

.DarkEditBtn{background-image: url('/cssimg/Dark_edit.png'); background-size:4vmin; background-repeat: no-repeat; background-position: center;
width:4vmin;height:4vmin;background-color:inherit;border:none;cursor: pointer;cursor: hand;}


.SearchBtn{border:none;cursor: pointer;cursor: hand;max-width: 45px;
background-image: url('/cssimg/Dark_view.png'); background-size:4vmin; background-repeat: no-repeat; width:4vmin;height:4vmin; background-color:inherit;}
.SearchBtn:hover{cursor: pointer; cursor: hand;background-image: url('/cssimg/Dark_view.png');}


.BinocularsBtn{border:none;cursor: pointer;cursor: hand;max-width: 45px;
background-image: url('/cssimg/Dark_binoculars.png'); background-size:4vmin; background-repeat: no-repeat; width:4vmin;height:4vmin; background-color:inherit;}
.BinocularsBtn:hover{cursor: pointer; cursor: hand;background-image: url('/cssimg/Dark_binoculars.png');}



.LinkButton{border:none;cursor: pointer;cursor: hand;max-width: 45px;
background-image: url('/cssimg/Dark_linkchain.png'); background-size:4vmin; background-repeat: no-repeat; width:4vmin;height:4vmin; background-color:inherit;}
.LinkButton:hover{cursor: pointer; cursor: hand;}



.UnLinkButton{border:none;cursor: pointer;cursor: hand;max-width: 45px;
background-image: url('/cssimg/Dark_unlink.png'); background-size:4vmin; background-repeat: no-repeat; width:4vmin;height:4vmin; background-color:inherit;}
.UnLinkButton:hover{cursor: pointer; cursor: hand;}


.ConvertButton{border:none;cursor: pointer;cursor: hand;max-width: 45px;
background-image: url('/cssimg/convert.png'); background-size:4vmin; background-repeat: no-repeat; width:4vmin;height:4vmin; background-color:inherit;}
.ConvertButton:hover{cursor: pointer; cursor: hand;}











.RedCircle{background-color:rgba(185,40,54,1.00);border-radius: 5vh;padding:2vh;width: 6vmin;height: 6vmin;display:none;}






.MessageFlag{
	margin-top: 75px;    width: 25px;    left: -5px; color:#FFFFFF;
    position: fixed;    background-color: rgba(185,40,54,1.00);    border-radius: 5px;    padding-left: 25px;}








.RatingDiv{width:100%;display:inline-block;}
.RatingChangeDiv{width:auto;margin-top: 5vh;}


.RRooster{ width:6vmin; height:6vmin;
background-size:6vmin; background-repeat: no-repeat; background-position: center;
background-color:inherit; border:none;}


.RatingsRooster{ width:6vmin; height:6vmin;
background-size:6vmin; background-repeat: no-repeat; background-position: center;
background-color:inherit; border:none; cursor: pointer; cursor: hand;}


.GreyRooster{ background-image: url('/cssimg/animals/GreyRooster.png');}

.GreenRooster{ background-image: url('/cssimg/animals/GreenRooster.png'); }










.CategoryButton{background:none;border:none;cursor: pointer;cursor: hand; color:rgba(15,81,8,1.00);
-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-appearance: none;
padding:2vw 5vw;font-size: 150%; }
.CategoryButton:hover{ border: 2px solid rgba(13,101,119,1.00); box-shadow: 0px 0px 15px 8px rgba(5, 5, 5, .2);}












button.OnOffAuto {cursor: pointer; cursor: hand;
position: relative;vertical-align: middle;
appearance: none; outline: none;
width: 100px; height: 30px;
background-color: #898989; border: 1px solid #D9DADC;
border-radius: 60px; padding:1px;
}



.OnOffAutoInnerON {
width: 100%; height: 100%;line-height: 22px;
background-color: #19B807;color:#fff;
border-radius: 50px; box-shadow: inset -40px 0 0 0 #333;
}

.OnOffAutoInnerON:before {content: "ON";font-size: 125%;position: absolute;left: 15px;}


.OnOffAutoInnerOFF {
width: 100%; height: 100%;line-height: 22px;
background-color: #5A5C5A;color:#fff;
border-radius: 50px; box-shadow: inset 40px 0 0 0 #333;
}

.OnOffAutoInnerOFF:after {content: "OFF";font-size: 125%;position: absolute;right: 15px;}


.OnOffAutoInnerAUTO {
width: 100%; height: 100%;line-height: 22px;
background-color: #19B807;color:#fff;
border-radius: 50px; box-shadow: inset 0px 0 0 0 #333;
}

.OnOffAutoInnerAUTO:after {content: "AUTO";font-size: 125%;position: static;text-align: center;}





.MenuButtonGroup{display:inline-flex;}




.lefttext {  text-align: left !important;}








.MenuButtonHolder{display:inline-flex;}




.MenuButtonClear {  width: 20vw;  margin-bottom: 2vh; background-color: none; cursor: pointer;  cursor: hand;}
.MenuButtonClear span {font-size: 150%;}


.ImageButtonLong {  width: 20vw;  margin-bottom: 2vh; background-color: #656565;
cursor: pointer;  cursor: hand; border-radius: 5px;  border: 2px solid #292929;
-webkit-box-shadow: 0 2px 0 rgba(0,0,0,.1);  -moz-box-shadow: 0 2px 0 rgba(0,0,0,.1);  box-shadow: 0 0 10px rgba(0,0,0,.1); }

.ImageButtonLong:hover {border: rgba(23,196,27,1.00) solid 2px;}


.IBLText {display: inline-block;  padding: 10px;  vertical-align: top; }
.IBLText span{ font-size:75%; }
.IBLImageHolder {  width: 30px;  height: 30px;  display: inline-block;  padding:10px;}
.IBLImageHolder img {width: 3vmin; height: auto;  max-height: 100%;  max-width: 100%;}





.FarmSketch {width: 16vmin; height: auto;}

.GeneralBtnIcon{width:4vmin;height:4vmin;}


.FavoriteFarmBtn{border:none;cursor: pointer;cursor: hand;max-width: 45px; vertical-align: middle;
background-image: url('/cssimg/goldstar.png'); background-size:4vmin; background-repeat: no-repeat; width:4vmin;height:4vmin; background-color:inherit;}




#EditAboutBtn{position:absolute;left: 20vw;}