/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .radio-items {
  display: flex;
  flex-direction: row;
  position: relative;
  flex-wrap: wrap;
  align-items: baseline;
  position: relative;
}
.radio-item.radio{
  margin-top: 10px !important;
}
.input-collection .required{
  color: #4a4a4a;
}
.radio-item {
  margin: 0 12px 20px 0;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.radio-item input {
  margin-right: 8px !important;
}
.radio-item label.error {
 	 position: absolute;
    bottom: -20px;
    left: 0;
}

.inline{
  display: inline-block;
}

.radio{
  color:#999;
  font-size:15px;
  position: initial !important;
}
.radio span{
  position:relative;
  padding-left: 40px;
   padding-top: 7px;
   color: #5d5d5d;
}
.radio span:after{
  content:'';
  width:30px;
  height:30px;
  border:3px solid;
  position:absolute;
  left:0;
  top:1px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
  box-sizing:border-box;
  -ms-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
}
.radio input[type="radio"]{
   cursor: pointer;
  position:absolute;
  width:100%;
  height:100%;
  z-index: 1;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.radio input[type="radio"]:checked{
  color:#0B8;
}
.radio input[type="radio"]:checked + span:before{
    content:'';
  width:20px;
  height:20px;
  position:absolute;
  background:#ed1b23;
  left:5px;
  top:6px;
  border-radius:100%;
  -ms-border-radius:100%;
  -moz-border-radius:100%;
  -webkit-border-radius:100%;
}