/***** APPEARANCE PREFIXE *****/
/***** SPRITES *****/
/***** POINTS ******/
/***** FONT SIZE PRICE ******/
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type="radio"], input[type="checkbox"],
input[type="radio"] ~ label, input[type="checkbox"] ~ label, select {
  cursor: pointer; }

.form-light {
  width: 100%;
  margin: 1rem 0;
  clear: both;
  position: relative; }
  .form-light input, .form-light select, .form-light textarea {
    padding: 0.5rem;
    width: 100%;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #ced4da; }
    .form-light input ~ span.under, .form-light select ~ span.under, .form-light textarea ~ span.under {
      display: block;
      width: 0;
      height: 3px;
      margin-top: -2px;
      position: absolute;
      left: 0;
      margin-bottom: -1px;
      background: #000;
      transition: width 0.125s ease; }
    .form-light input:focus, .form-light select:focus, .form-light textarea:focus {
      box-shadow: none; }
      .form-light input:focus ~ .under, .form-light select:focus ~ .under, .form-light textarea:focus ~ .under {
        width: 100%; }
    .form-light input.filled ~ label, .form-light input:focus ~ label, .form-light select.filled ~ label, .form-light select:focus ~ label, .form-light textarea.filled ~ label, .form-light textarea:focus ~ label {
      top: -1.5rem;
      font-size: 0.875rem; }
  .form-light label {
    padding: 0.5rem;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    transition: all 0.125s ease; }

.was-validated .form-light .form-control:invalid ~ span.under {
  background: #ff4c39;
  width: 100%; }

.was-validated .form-light .form-control:invalid:focus {
  box-shadow: none; }

.info-feedback,
.invalid-feedback {
  display: inherit;
  font-size: .85rem;
  margin-top: 0.25rem; }

[type='range'] {
  -webkit-appearance: none;
  margin: 12px 0;
  width: 100%; }
  [type='range']:focus {
    outline: 0; }
    [type='range']:focus::-webkit-slider-runnable-track {
      background: #fbfbfc; }
    [type='range']:focus::-ms-fill-lower {
      background: #eceff1; }
    [type='range']:focus::-ms-fill-upper {
      background: #fbfbfc; }
  [type='range']::-webkit-slider-runnable-track {
    cursor: pointer;
    height: 8px;
    transition: all .2s ease;
    width: 100%;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
    background: #eceff1;
    border: 2px solid #cfd8dc;
    border-radius: 5px; }
  [type='range']::-webkit-slider-thumb {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
    background: #607d8b;
    border: 2px solid #eceff1;
    border-radius: 12px;
    cursor: pointer;
    height: 24px;
    width: 24px;
    -webkit-appearance: none;
    margin-top: -10px; }
  [type='range']::-moz-range-track {
    cursor: pointer;
    height: 8px;
    transition: all .2s ease;
    width: 100%;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
    background: #eceff1;
    border: 2px solid #cfd8dc;
    border-radius: 5px; }
  [type='range']::-moz-range-thumb {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
    background: #607d8b;
    border: 2px solid #eceff1;
    border-radius: 12px;
    cursor: pointer;
    height: 24px;
    width: 24px; }
  [type='range']::-ms-track {
    cursor: pointer;
    height: 8px;
    transition: all .2s ease;
    width: 100%;
    background: transparent;
    border-color: transparent;
    border-width: 12px 0;
    color: transparent; }
  [type='range']::-ms-fill-lower {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
    background: #dde3e6;
    border: 2px solid #cfd8dc;
    border-radius: 10px; }
  [type='range']::-ms-fill-upper {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2), 0 0 1px rgba(13, 13, 13, 0.2);
    background: #eceff1;
    border: 2px solid #cfd8dc;
    border-radius: 10px; }
  [type='range']::-ms-thumb {
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.2), 0 0 4px rgba(13, 13, 13, 0.2);
    background: #607d8b;
    border: 2px solid #eceff1;
    border-radius: 12px;
    cursor: pointer;
    height: 24px;
    width: 24px;
    margin-top: 0; }