.iconContainer{
  height: 3.5em;
}

.mandatoryMarker{
  color: #eac31e;
}

.flat {
  margin-top: 0.5em;
}

.flat label{
  position: relative;
  top: 30px;
  font-size: 0.9em;
  color: #666;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.flat input:focus ~ label, .flat input.filled ~ label,
.flat textarea:focus ~ label, .flat textarea.filled ~ label{
  top: 0px;
  color: black;
}

.flat input.form-control, .flat textarea.form-control, .flat .fakeInput{
  border-bottom: 2px solid #eac31e;
  background-color: transparent;
  border-radius: 0;
  border-radius: 0;
  border-top-width: 0;
  border-left-width: 0;
  border-right-width: 0;
}

.flat::after{
  content: "";
  position: absolute;
  display: block;
  left: 15px;
  width: 0;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  background-color: #d43902;
  height: 2px;
}

.flat.error .mandatoryMarker, .flatcustomCheckbox.error .mandatoryMarker{
  color: #d43902;
}

.flatcustomCheckbox.error input[type=checkbox] + label > .fakeCheck,
#siteFooter .flatcustomCheckbox.error input[type=checkbox] + label > .fakeCheck{
  border-color: #d43902;
}

.flat.error::after{
  width: calc(100% - 30px);
}


.radioChooser.error label:not(.textLabel){
  border-color: #d43902;
}

.flat .select2-container--default .select2-selection--single .select2-selection__rendered,
.flat .select2-container--default .select2-selection--single .select2-selection__placeholder{
  color: white;
}

.flat .select2-container--default .select2-selection--single .select2-selection__rendered{
  border-bottom: 2px solid #eac31e;
}

.flat .select2-container--default .select2-selection--single{
  background-color: transparent;
  border: none;
}

.flat .select2-container--default .select2-selection--single .select2-selection__arrow b{
  border-color: #eac31e transparent transparent transparent;
}

.flat .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
  border-color: transparent transparent #eac31e transparent;
}

.flat .fakeInput{
  display: block;
  padding: 0.3em 0.5em;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  height: 2.242em;
  color: #666;
  font-size: 0.88rem;
}

@media (max-width: 575px){
  .jconfirm-content-pane span, .jconfirm-content-pane p, .jconfirm-content-pane label, .jconfirm-content-pane ul, .jconfirm-content-pane ol, .jconfirm-content-pane li, .jconfirm-content-pane u, .jconfirm-content-pane a{
    font-size: 1.05rem;
  }
}