@charset "UTF-8";
/* CSS Document */
.btn_send {
display: inline-block;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
float: none;
position: relative;
top:-15px;
z-index: auto;
width: auto;
height: auto;
cursor: pointer;
opacity: 1;
margin: 0;
padding: 10px 20px;
border: 1px solid #b7b7b7;
-webkit-border-radius: 9px;
border-radius: 9px;
font-size:16px;
text-align: center;
-o-text-overflow: clip;
text-overflow: clip;
background: #f8faed;
-webkit-box-shadow: 3px 3px 0 0 rgba(0,0,0,0.2) ;
box-shadow: 3px 3px 0 0 grey ;
text-shadow: 6px 8px 8px rgba(255,255,255,0.66) ;
-webkit-transition: all 202ms cubic-bezier(0.645, 0.045, 0.355, 1);
-moz-transition: all 202ms cubic-bezier(0.645, 0.045, 0.355, 1);
-o-transition: all 202ms cubic-bezier(0.645, 0.045, 0.355, 1);
transition: all 202ms cubic-bezier(0.645, 0.045, 0.355, 1);
-webkit-transform: none;
transform: none;
-webkit-transform-origin: 69% 50% 0;
transform-origin: 69% 50% 0;
}
.btn_send:hover {
	background: linear-gradient(#d1d305 10%, #f8faed 90%);
	-webkit-box-shadow: 2px 2px 0 0 rgba(0,0,0,0.2) ;
}
.input_user1 {
  display: block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  width: 85%;
  padding: 10px 20px;
  border: 1px solid #172e21;
  -webkit-border-radius: 3px 20px;
  border-radius: 3px;
  color: rgba(173,182,186,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background-color: #F5B50A;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  -webkit-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  text-shadow: 0 0 9px #F5B50A;
  font-size: medium;
}

.input_user1:hover {
  border: 1px solid yellow;
  color: #172e21;
  background: rgba(236,245,240,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(145,145,13,1) ;
  box-shadow: 2px 2px 2px 0 rgba(145,145,13,1) inset;
}
.input_user1:focus {
  width: 90%;
 	border: 1px solid green;
  background: rgba(236,245,240,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) inset;
  text-shadow: 1px 1px 0 rgba(255,255,255,0.66) ;
  color: #172e21;
}
.change-css {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid rgba(23,46,33,1);
  -webkit-border-radius: 3px 16px;
  border-radius: 3px 16px;
  color: rgba(23,46,33,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: rgba(248,250,237,1);
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) , 2px 2px 2px 0 rgba(0,0,0,0.4) ;
  -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
}
.change-css:hover {
  -webkit-box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) , 2px 2px 2px 0 rgba(255,255,0,1) ;
	box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.4) , 4px 4px 6px 1px rgba(255,255,0,1) ;
	background: #FFFF80;
}

.change-css:active {
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) , 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
}
.save-css {
  display: inline-block;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  cursor: pointer;
  padding: 10px 20px;
  border: 1px solid rgba(23,46,33,1);
  -webkit-border-radius: 3px 16px;
  border-radius: 3px 16px;
  color: rgba(23,46,33,1);
  -o-text-overflow: clip;
  text-overflow: clip;
  background: #17FF17;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
  box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) , 2px 2px 2px 0 rgba(0,0,0,0.4) ;
  -webkit-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -moz-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  -o-transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 100ms cubic-bezier(0.42, 0, 0.58, 1);
}
.save-css:hover {
  -webkit-box-shadow: 5px 5px 8px 2px rgba(0,0,0,0.4) , 2px 2px 2px 0 rgba(255,255,0,1) ;
	box-shadow: 5px 5px 8px 0 rgba(0,0,0,0.4) , 4px 4px 6px 1px rgba(255,255,0,1) ;
	background: #009F00;
}

.save-css:active {
  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3) , 4px 4px 6px 1px rgba(0,0,0,0.4) ;
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
}
.fields_up {
		width: 90%;
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    opacity: 1;
		margin-bottom: 0px;
		margin-right: 5px;
		padding: 4px 20px 8px 20px;
    border: 1px solid #172e21;
		/*-webkit-border-radius: 18px 18px 0 0;
		border-radius: 18px 18px 0 0;*/
		-o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		background: -webkit-linear-gradient(90deg, rgba(250,207,5,0.7) 0, rgba(248,249,237,1) 49%, rgba(248,249,237,1) 100%);
		background: -moz-linear-gradient(0deg, rgba(250,207,5,0.7) 0, rgba(248,249,237,1) 49%, rgba(248,249,237,1) 100%);
		background: linear-gradient(0deg, rgba(250,207,5,0.7) 0, rgba(248,249,237,1) 49%, rgba(248,249,237,1) 100%);
		background-position: 50% 50%;
		-webkit-background-origin: padding-box;
		background-origin: padding-box;
		-webkit-background-clip: border-box;
		background-clip: border-box;
		-webkit-background-size: auto auto;
		background-size: auto auto;
		-webkit-box-shadow: 4px 2px 2px 0 rgba(0,0,0,0.2) ;
		box-shadow: 4px 2px 2px 0 rgba(0,0,0,0.2) ;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.5s;
    transition-property: color;
    vertical-align: middle;
    cursor:pointer;
}
.fields_up::before {
    background: yellow none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 16px;
    left: 50%;
    position: absolute;
    right: 50%;
    transition-duration: 0.3s;
    transition-property: left, right;
    transition-timing-function: ease-out;
    z-index: -1;
}
.fields_up:hover, .fields_top:focus, .fields_top:active {
	border: 1px solid yellow;
	-webkit-box-shadow: 4px 2px 2px 0 rgba(250,207,5,0.2) ;
		box-shadow: 4px 2px 2px 0 rgba(250,207,5,0.2) ;
}
.fields_up:hover::before, .fields_top:focus::before, .fields_top:active::before {
	left: 0;
  right: 0;
}
.cont {
	width: 90%;
	height: auto;
	max-height: 500px;
	overflow: hidden;
	box-shadow: 0 0 1px transparent;
  display: inline-block;
  position: relative;
  top: 0px;
  left: 0px;
  opacity: 1;
 	margin-bottom: 10px;
 	margin-right: 5px;
 	padding: 2px 2px 2px 2px;
 	border: 1px solid #172e21;
 	background-color: #FAFFDD;
}
.row {
	width: 150px;
	height: 300px;
	border: 1px solid #172e21;
	float: left;
}
.line_harvest {
	display: flex;
	height: 30px;
	text-align: center;
	align-items:center;
	justify-content:center;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
}
.line_harvest1 {
	display: flex;
	height: 30px;
	text-align: left;
	margin-left:2px;
	color:black;
	letter-spacing: -1.5px;
	font-weight: bolder;
	align-items:center;
	top: 0px;
	bottom: 0px;
}
.selectStyle select {
   background: transparent;
   width: 250px;
   padding: 4px;
   font-size: 1em;
   border: 1px solid #ddd;
   height: 25px;
}
.selectStyle {
   width: 200px;
   height: 25px;
   overflow: hidden;
   background: url(yourArrow.png) no-repeat right #ccc;
}
@media screen and (min-width: 1260px) {
	.fields_up .cont {
		width: 100%;
	}
}
@media screen and (min-width: 960px) and (max-width: 1260px) {
	.fields_up .cont {
		width: 98%;
	}
}
@media screen and (min-width: 768px) and (max-width: 960px) {
	.fields_up .cont {
		width: 98%;
	}
}
@media screen and (min-width: 480px) and (max-width: 768px) {
	.fields_up .cont {
		width: 94%;
	}
}
@media screen and (max-width: 480px) {
	.fields_up .cont {
		width: 90%;
	}
}