/* TOGGLE STYLING */
.toggle {
  margin: 0 0 1.5rem;
  box-sizing: border-box;
  font-size: 0;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  align-items: stretch;
}
.toggle input {
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
}
.toggle input + label {
	margin: 0;
	padding: 0.45rem 0.5rem;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	border: solid 1px #DDD;
	background-color: #FFF;
	
	line-height: 120%;
	font-weight: 400;
	text-align: center;
	box-shadow: 0 0 0 rgba(255, 255, 255, 0);
	transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;

	text-shadow: 1px 1px 0 #fff;
	background: #f3f3f3;
	background: -webkit-gradient(linear,0% 40%,0% 70%,from(#f1f1f1),to(#e6e6e6));
	background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#f1f1f1),to(#e6e6e6));
	border: solid 1px #b3b3b3;
	margin-right: 1px;
	color:#6e6e6e;
	height:100%;
 
}
.toggle input + label:first-of-type { border-radius: 5px 0 0 5px; border-right: none;}
.toggle input + label:last-of-type { border-radius: 0 5px 5px 0; }
.toggle input:hover + label { border-color: #213140; }

.toggle input:checked + label {
  color: #FFF;
  z-index: 1;
    text-shadow: none;
    background: #f3f3f3;
    background: -webkit-gradient(linear,0% 40%,0% 70%,from(#4B9DEA),to(#4B9DEA));
    background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(#4B9DEA),to(#4B9DEA));
  /*  border: solid 1px #b3b3b3; */
	
}