.slide{
	position: absolute;
	left: -100%; /* will be hiding in a just fit pos with js */
	max-width: 100%;
	min-width: 100%;
	height: 100%;
	background: #007500;
	z-index: 5000;
	transition:all 0.4s ease-in-out; 
	-o-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out; 
	-webkit-transition:all 0.4s ease-in-out;
	color: white;
	font-weight: 300;
	padding: clamp(3em, 3%, 4em) clamp(2em, 4%, 4%) 2em;
}

.formTable {
	border-collapse: separate;
	border-spacing: 0em 0.5em;
	max-width: 100%;
}

.formTable tr td:first-child{
	padding-right: 1em;
}

.slideTitle{
  font-size: 1.5em;
  font-weight: 500;
  flex-basis: 100%;
  margin-bottom: 1em;
}

.fBtn{
	border-radius: 0.2em;
	padding: 0.3em 1.5em;
	margin-top: 1em;
	margin-left: 1.6em;
	cursor: pointer;
	transition:all 0.15s ease-in-out; 
	-o-transition:all 0.15s ease-in-out;
	-moz-transition:all 0.15s ease-in-out; 
	-webkit-transition:all 0.15s ease-in-out;
	background-color: transparent;
	border: 2px solid #FFF;
	color: white;
}

.fBtn:hover{
	background-color: rgb(255, 255, 255);
	color: #007500;
}

.fBtnRow{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

.closeSlideBtn {
  position: absolute;
  right: 0.5em;
  top: 0.9em;
  width: 2.5em;
  height: 2.5em;
  opacity: 0.7;
  cursor: pointer;
}
.closeSlideBtn:hover {
  opacity: 1;
}
.closeSlideBtn:before, .closeSlideBtn:after {
  position: absolute;
  left: 15px;
  content: '';
  height: 1.9rem;
  width: 0.15rem;
  background-color: rgba(255, 255, 255, 1);
}
.closeSlideBtn:before {
  transform: rotate(45deg);
}
.closeSlideBtn:after {
  transform: rotate(-45deg);
}

.infoBlockI{
	display: inline-block;
	font-size: 0.9em;
	width: 1.2em;
	height: 1.2em;
	background-color: rgba(178, 168, 149, 0.7);
	text-align: center;
	margin-left: 0.3em;
	cursor: help;
	border-radius: 50%;
	margin-right: 0.3em;
}

.alertBlock{
	font-weight: 300;
	display: inline-block;
	font-size: 0.9em;
	width: 1.2em;
	height: 1.2em;
	background-color: rgb(255, 120, 73);
	text-align: center;
	margin-left: 0.3em;
	margin-right: 0.3em;
	cursor: help;
	border-radius: 50%;
	visibility: hidden;
}

.switchBtn{
	height:1em;
	margin-left:0.3em;
	cursor: pointer;
}

@keyframes hideSlide{
	0%{ margin-left:0 }
	50%{ margin-left:50% }
}