/* This file is reliant on FontAwesome fonts being available */

.cartContainer .cartItemFeeGroupPriceAdjustment label {
    padding-left: 0px;
}

.cartContainer .feeDescriptionContainer label {
    padding-left: 0px;
}

.feeDescriptionContainer.custom-checkbox{
    padding-left: 18px;
}

input[type="radio"] + span.nicerCheckableRadioLabel:before,
input[type="radio"] + input[type="hidden"] + span.nicerCheckableRadioLabel:before,
input[type="checkbox"] + span.nicerCheckableCheckboxLabel:before {
  font-family: 'icomoon';
  padding-right: 3px;
  font-size: 14px;
  color:gray;
}

.has-error input[type="radio"] + span.nicerCheckableRadioLabel:before,
.has error input[type="radio"] + input[type="hidden"] + span.nicerCheckableRadioLabel:before,
.has-error input[type="checkbox"] + span.nicerCheckableCheckboxLabel:before {  
  color: #a94442;
}

input[type="checkbox"] + span.nicerCheckableRadioLabel:before {
  text-shadow:0px 0px 3px #D3D3D3;
}

input[type="radio"] + span.nicerCheckableRadioLabel:before,
input[type="radio"] + input[type="hidden"] + span.nicerCheckableRadioLabel:before{
  content: "\e601";
}

input[type="radio"]:checked + span.nicerCheckableRadioLabel:before,
input[type="radio"]:checked + input[type="hidden"] + span.nicerCheckableRadioLabel:before{
  content: "\e600";
}

/* Gray out radio button when it is disabled */
input[type="radio"]:disabled + span.nicerCheckableRadioLabel:before,
/* Gray out radio button label text when radio button is disabled */
input[type="radio"]:disabled + span.nicerCheckableRadioLabel {
  color: #D3D3D3;
  cursor: not-allowed;
}

input[type="checkbox"] + span.nicerCheckableCheckboxLabel:before {
  content: "\e603";
}

input[type="checkbox"]:checked + span.nicerCheckableCheckboxLabel:before {
  content: "\e602";
}

input[type="checkbox"]:disabled + span.nicerCheckableCheckboxLabel:before,
input[type="checkbox"]:disabled + span.nicerCheckableCheckboxLabel {
  color: #D3D3D3;
}

span.nicerCheckableRadioLabel, span.nicerCheckableCheckboxLabel {
  display: inline-block;
}

.radio label.disabled, .checkbox label.disabled {
  color: #737373;
  cursor: not-allowed;
}

#confRegSelectRegPackageForm .form-check span.nicerCheckableRadioLabel,
#confRegSelectRegPackageForm .form-check span.nicerCheckableCheckboxLabel {
    margin-left: -1.25rem;
}


@media ( min-width : 992px) {

  /* If using nicer checkables as provided by bootstrap, convert units from rem to em due to fontsize change */
  .cartContainer .custom-control-label::before {
      top: 0.15625em;
      left: -1.5em;
      width: 1em;
      height: 1em;

  }

  .cartContainer .custom-control-label::after {
      top: 0.15625em;
      left: -1.5em;
      width: 1em;
      height: 1em;
  }
}