/* 

Author Name : Fahad Bhuyian 
Starting selection 1
*/

.custom-radio-section {
 display: flex !important;
  flex-flow: row wrap !important;
  font-family:'Ubuntu', sans-serif;
}

.custom-radio-section > .custom-radio-input-group {
  width:100% !important;
  /*padding: 10px;*/
  /*flex: 1;*/
}

.custom-radio-input-group > input[type="radio"] {
  display: none !important;
}
.custom-radio-input-group > input[type="radio"]:not(:disabled) ~ label {
  cursor: pointer !important;
}
.custom-radio-input-group > input[type="radio"]:disabled ~ label {
  color: #bcc2bf !important;
  border-color: #bcc2bf !important;
  box-shadow: none !important;
}

.custom-radio-input-group > label {
  display: block !important;
  background: white !important;
  
  border-radius: 2px !important;
  /*padding: 1rem;*/
  /*margin-bottom: 1rem !important;*/
  text-align: center !important;
  box-shadow: 0px 3px 10px -2px rgba(161, 170, 166, 0.5) !important;
  position: relative !important;
}

.custom-radio-input-group > input[type="radio"]:checked + label {
  background: #20df80 !important;
  color: white !important;
}
.custom-radio-input-group > input[type="radio"]:checked + label::after {
  color: #3d3f43 !important;
  font-family: FontAwesome !important;
  border: 2px solid #1dc973 !important;
  content: "\f00c" !important;
  font-size: 12px !important !important;
  position: absolute !important;
  top:10px !important;
  left:18px !important;
  transform: translateX(-50%) !important;
  height: 20px !important;
  width: 20px !important;
  line-height: 16px !important;
  text-align: center !important;
  border-radius: 50%;
  background: white !important;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25) !important;
}

.custom-radio-input-group > input[type="radio"]:hover + label::after {
  color: #3d3f43 !important;
  font-family: FontAwesome !important;
  border: 2px solid #1dc973 !important;
  content: "\f00c" !important;
  font-size: 12px !important !important;
  position: absolute !important;
  top:10px !important;
  left:18px !important;
  transform: translateX(-50%) !important;
  height: 20px !important;
  width: 20px !important;
  line-height: 16px !important;
  text-align: center !important;
  border-radius: 50%;
  background: white !important;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25) !important;
}



.custom-radio-input-group > input[type="radio"] + label::after {
  color: #3d3f43 !important;
  font-family: FontAwesome !important;
  border: 2px solid #454545 !important;
  content: "" !important;
  font-size: 14px !important;
  position: absolute !important;
  top:10px !important;
  left:18px !important;
  transform: translateX(-50%) !important;
  height: 20px !important;
  width: 20px !important;
  line-height: 16px !important;
  text-align: center !important;
  border-radius: 50%;
  background: white !important;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25) !important;
  -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

.custom-radio-input-group > label > p {
  font-weight: 600 !important;
  margin: 0px !important !important;
  padding-left: 36px !important;
  text-align: justify !important;
  font-size: 12px !important;
  text-transform: capitalize !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.custom-radio-input-group-border-bottom
{
  border-bottom: 1px inset #E5E7E9 !important;
}

.custom-border-style-bottom {
  border-bottom: 1px dashed #046ca3;
        box-shadow: inset 0 -1px 0 0 #046ca3, inset 0 1px 0 0 #046ca3, 0 1px 0 0 #046ca3, 0 -1px 0 0 #046ca3;
  margin-bottom: 1px;
}

@media only screen and (max-width: 700px) {
  .custom-radio-section {
    flex-direction: column !important;
  }
}











.menu_options-header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f6f6f6+47,ededed+100;White+3D+%231 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid #cacaca;
    min-height: 44px;
    width: 100%;
}

.menu_options-header h2 {
    font-size: 16px;
    line-height: 19px;
    padding: 12px 16px;
    float: left;
}











.custom-radio-section-two {
 display: flex !important;
  flex-flow: row wrap !important;
  border-top: #fa0029 4px solid
}

.custom-radio-section-two > .custom-radio-input-group-two {
  width:100% !important;
  /*padding: 10px;*/
  /*flex: 1;*/
}

.custom-radio-input-group-two > input[type="radio"] {
  display: none !important;
}
.custom-radio-input-group-two > input[type="radio"]:not(:disabled) ~ label {
  cursor: pointer !important;
}
.custom-radio-input-group-two > input[type="radio"]:disabled ~ label {
  color: #bcc2bf !important;
  border-color: #bcc2bf !important;
  box-shadow: none !important;
}

.custom-radio-input-group-two > label {
  display: block !important;
  background: white !important;
  
  border-radius: 2px !important;
  /*padding: 1rem;*/
  /*margin-bottom: 1rem !important;*/
  text-align: center !important;
  /*box-shadow: 0px 3px 10px -2px rgba(161, 170, 166, 0.5) !important;*/
  position: relative !important;
}

.custom-radio-input-group-two > input[type="radio"]:checked + label {
  background: #20df80 !important;
  color: white !important;
}
.custom-radio-input-group-two > input[type="radio"]:checked + label::after {
  color: #3d3f43 !important;
  font-family: FontAwesome !important;
  border: 2px solid #1dc973 !important;
  content: "\f00c" !important;
  font-size: 12px !important !important;
  position: absolute !important;
  top:10px !important;
  left:18px !important;
  transform: translateX(-50%) !important;
  height: 20px !important;
  width: 20px !important;
  line-height: 16px !important;
  text-align: center !important;
  border-radius: 50%;
  background: white !important;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25) !important;
}

.custom-radio-input-group-two > input[type="radio"] + label::after {
  color: #3d3f43 !important;
  font-family: FontAwesome !important;
  border: 2px solid #454545 !important;
  content: "" !important;
  font-size: 14px !important;
  position: absolute !important;
  top:10px !important;
  left:18px !important;
  transform: translateX(-50%) !important;
  height: 20px !important;
  width: 20px !important;
  line-height: 16px !important;
  text-align: center !important;
  border-radius: 50%;
  background: white !important;
  box-shadow: 0px 2px 5px -2px rgba(0, 0, 0, 0.25) !important;
  -webkit-transition: background 2s; /* For Safari 3.1 to 6.0 */
    transition: width 2s;
}

.custom-radio-input-group-two > label:before {
    font-family: FontAwesome !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    content: "\f00c";
    color: #fff;
    left: 16px;
    top: 14px;
    position: absolute;
    z-index: 1;
}

.custom-radio-input-group-two > label:after {
    background: #00ac41;
    width: 46px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    content: '';
}

.custom-radio-input-group-two > label > p {
  font-weight: 600 !important;
  margin: 0px !important !important;
  padding-left: 56px !important;
  text-align: justify !important;
  font-size: 13px !important;
  text-transform: capitalize !important;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

@media only screen and (max-width: 700px) {
  .custom-radio-section-two {
    flex-direction: column !important;
  }
}