/* Radio buttons */

body {
  padding: 1rem;
  /*color: hsla(215, 5%, 50%, 1);*/
}
/*
h1 {
  color: hsla(215, 5%, 10%, 1);
  margin-bottom: 2rem;
}
*/
section {
  display: flex;
  flex-flow: row wrap;
}
section > div {
  flex: 1;
  padding: 0.5rem;
}
input[type="radio"] {
  display: none;
  &:not(:disabled) ~ label {
    cursor: pointer;
  }
  &:disabled ~ .label-radio {
    color: hsla(150, 5%, 75%, 1);
    /*border-color: hsla(150, 5%, 75%, 1);*/
	border-color: #085a50;
    box-shadow: none;
    cursor: not-allowed;
  }
}
.label-radio {
	/*
	background-color:#000;
	color:#FFF;
	margin: 2% 4% 2% 0;
	padding: 5px 25px;	
	transition: all 0.3s ease-in-out 0s;
	transition-duration: 0.2s;
	max-width: 500px;
	min-width: 125px;
	font-size: 13px;
	line-height: 40px;
	display: inline-block;
	 border-radius: 25px;
	font-weight: bold;
	text-align: center;
	*/
	min-width: 25px;
	font-family: 'NeutrifPro-Regular', sans-serif;
    background-color: #000;
    color: #FFF;
    margin: 2% 4% 2% 0;
    /*padding: 5px 25px;*/
	padding: 1px 10px;
    transition: all 0.3s ease-in-out 0s;
    transition-duration: 0.2s;
    max-width: 500px;
    /* min-width: 125px; */
    font-size: 13px;
    line-height: 24px;
    display: inline-block;
    border-radius: 25px;
    font-weight: bold;
	text-align: center;
	
 /*	
 font-family:  Arial, Helvetica, sans-serif;
 border-style: solid !important;
 border-width: 2px !important;
 border-color: #085a50;
 color: #085a50;
 width: 150px;
 height: 40px;
 border-radius: 5px;
 background-color: #e1f4f4;
 text-decoration: none !important;
 padding: 5px 15px;
 font-size: 15px;
 font-weight: bold;
 
 /*  font-family:  Arial, Helvetica, sans-serif;
  height: 6%;
  width: 100%;
  display: block;
  background: white;
  border: 2px solid #67c7c6;
  border-radius: 5px;
  padding: 1rem;
  margin-bottom: 1rem;
  //margin: 1rem;
  text-align: center;
  box-shadow: 0px 3px 10px -2px hsla(150, 5%, 65%, 0.5);
  position: relative;
  padding-top: 11px !important;
  */
}
input[type="radio"]:checked + .label-radio {
  /*background: hsla(150, 75%, 50%, 1);*/
  color: #64C8C8;
}

input[type="radio"]:hover + .label-radio {
  /*background: hsla(150, 75%, 50%, 1);*/
  color: #64C8C8;
}
/*
input[type="radio"]:checked + .label-radio::after {
    color: white;
    font-family: FontAwesome;
    border: 2px solid white;
    content: "\f00c";
    font-size: 12px;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    height: 35px;
    width: 35px;
    line-height: 35px;
    text-align: center;
    border-radius: 50%;
    background: hsla(150, 75%, 45%, 1);
    box-shadow: 0px 2px 5px -2px hsla(0, 0%, 0%, 0.25);
}
*/
input[type="radio"]#control_05:checked + .label-radio {
  background: red;
  border-color: red;
}
p {
  font-weight: 900;
}

/*
@media only screen and (max-width: 700px) {
  section {
    flex-direction: column;
  }
  .label-radio 
  {
  font-family:  Arial, Helvetica, sans-serif;
  height:8%;
  margin-top: 22px !important;
  }
}
*/