/*====================================
======= Materialize style form =======
====================================*/
form.materializeForm{
  padding-top: 20px;
  padding-bottom: 30px;
}
form.materializeForm .fieldContainer {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}

form.materializeForm .fieldContainer .midField{
  width: 50%;
}
form.materializeForm .fieldContainer .midField:first-of-type{
  float: left;
}
form.materializeForm .fieldContainer .midField:last-of-type{
  display: inline-block;
}
form.materializeForm .fieldContainer .midField label{
  display: block;
}
form.materializeForm .fieldContainer legend{
  color: #f00;
  margin-top: 30px;
}
form.materializeForm .fieldContainer legend span.expText{
  font-size: 14px;
  color: #333;
}
form.materializeForm .fieldContainer .input {
  position: relative;
  min-height: 54px;
  margin: 0;
  padding: 0;
  padding-left: 25px;
  border: 0;
}
form.materializeForm .fieldContainer .input.textarea {
  min-height: 85px;
}
form.materializeForm .fieldContainer .input label{
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  letter-spacing: 1px;
  color: #777777;
  font-size: 13px;
}
form.materializeForm .fieldContainer .input .radio label,
form.materializeForm .fieldContainer .input .checkbox label{
  padding-left: 30px;
}
form.materializeForm .fieldContainer .input label.selectLabel{
  float: left;
  margin-right: 10px;
  margin-top: 8px;
}
form.materializeForm .fieldContainer .input label span.text-danger,
form.materializeForm .fieldContainer .input span span.text-danger {
  margin-right: 5px;
  margin-left: -11px;
}
form.materializeForm .fieldContainer .input input[type=text]:not([aria-label=Search]),
form.materializeForm .fieldContainer .input input[type=number],
form.materializeForm .fieldContainer .input input[type=email],
form.materializeForm .fieldContainer .input input[type=password],
form.materializeForm .fieldContainer .input input[type=tel],
form.materializeForm .fieldContainer .input textarea,
form.materializeForm .fieldContainer .input select.form-control{
  position: absolute;
  bottom: -8px !important;
  left: 25px;
  width: 90%;
  width: calc(100% - 25px);
  padding: 0px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border: 0;
  border-bottom: 1px solid #afafaf;
  border-radius: 0;
  box-shadow: none;
}

form.materializeForm .fieldContainer .input textarea{
  resize: none;
}
form.materializeForm .fieldContainer .input input[type=radio],
form.materializeForm .fieldContainer .input input[type=checkbox]{
  height: 18px;
  width: 18px;
  vertical-align: middle;
  margin: 0px 5px 0;
}
form.materializeForm .checkbox.agreement input[type=checkbox]{
  height: 20px;
  width: 20px;
  margin: 10px 10px 0px -32px;
  vertical-align: text-bottom;
}
form.materializeForm .fieldContainer .input i{
  position: absolute;
  bottom: 10px;
  left: 4px;
  color: #adadad;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}
form.materializeForm .fieldContainer .input.textarea i{
  bottom: 45px;
}
form.materializeForm .fieldContainer p.warningParagraph{
  padding-left: 25px;
  color: #9a9a9a;
  text-align: justify;
}
form.materializeForm .fieldContainer .input input:focus,
form.materializeForm .fieldContainer .input textarea:focus,
form.materializeForm .fieldContainer .input select.form-control:focus,
form.materializeForm.was-validated .fieldContainer .form-control:invalid,
form.materializeForm .fieldContainer .form-control.is-invalid,
form.materializeForm.was-validated .fieldContainer .custom-select:invalid,
form.materializeForm .fieldContainer .custom-select.is-invalid {
  border-bottom:2px solid #0587ff !important;
  box-shadow: none;
  outline: none;
}
form.materializeForm .fieldContainer .input input:focus + label,
form.materializeForm .fieldContainer .input textarea:focus + label,
form.materializeForm .fieldContainer .input select.form-control:focus + label{
  color: #0587ff;
}
form.materializeForm .fieldContainer .input input:focus ~ i,
form.materializeForm .fieldContainer .input textarea:focus ~ i,
form.materializeForm .fieldContainer .input select.form-control:focus ~ i{
  color: #0587ff;
}
form.materializeForm .fieldContainer .input input::-webkit-input-placeholder,
form.materializeForm .fieldContainer .input textarea::-webkit-input-placeholder,
form.materializeForm .fieldContainer .input select.form-control::-webkit-input-placeholder {
  color:#ccc;
}
form.materializeForm .fieldContainer .input input::-moz-placeholder,
form.materializeForm .fieldContainer .input textarea::-moz-placeholder,
form.materializeForm .fieldContainer .input select.form-control::-moz-placeholder {
  color:#ccc;
}
form.materializeForm .fieldContainer .input input:-ms-input-placeholder,
form.materializeForm .fieldContainer .input textarea:-ms-input-placeholder,
form.materializeForm .fieldContainer .input select.form-control:-ms-input-placeholder {
  color:#ccc;
}
form.materializeForm .fieldContainer .input input:-moz-placeholder,
form.materializeForm .fieldContainer .input textarea:-moz-placeholder,
form.materializeForm .fieldContainer .input select.form-control:-moz-placeholder {
  color:#ccc;
}
form.materializeForm .fieldContainer .input select{
  padding: 5px 10px;
  border-bottom: none;
  border-top: none;
  border-left: none;
  border-right: none;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  cursor: pointer;
}
form.materializeForm .fieldContainer .input select:focus{
  outline:none;
}
form.materializeForm .fieldContainer .left-block{
  float: left;
  margin-right: 25px;
}
form.materializeForm .fieldContainer .input input.dateYear{
  width: auto;
  bottom: 0;
  left: 207px;
  right: 0;
  padding: 6px 10px;
}

form.materializeForm .fieldContainer .input input.dateYear:focus{
  border-bottom:1px solid #f00;
}
form.materializeForm .fieldContainer .attached-file input:not([aria-label="Search"]){
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
form.materializeForm .fieldContainer .attached-file input:focus + label{
  border-bottom: 1px solid #0587ff;
}
form.materializeForm .fieldContainer .attached-file label{
  border-bottom: 1px solid #afafaf;
  padding: 8px;
  width: 100%;
  cursor: pointer;
}
form.materializeForm .fieldContainer .attached-file i{
  bottom: 18px;
}
form.materializeForm .fieldContainer .attached-file .labelFile{
  letter-spacing: 1px;
  color: #777777;
  font-size: 13px;
}
.top-spaceFields{
  margin-top: 30px;
}
@media(max-width: 991px){
  form.materializeForm .fieldContainer .spaceFields{
    margin-top: 36px;
  }
}
@media(max-width: 1100px){
  form.materializeForm .fieldContainer .input input.dateYear{
    width: 100px;
  }
}

.contact-icon{
  width: 50px;
 }


ul.supportFeatures{padding-left: 40px; padding-right: 40px;}
ul.supportFeatures li{padding-top: 10px; padding-bottom: 10px;}
ul.supportFeatures li::before {content: ""; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid red; position: absolute; left: 34px; margin-top: 6px; }

.econCalendar{height: 1080px;}

p {
    color: 
    #777 !important;
}


/*====================================
===== END Materialize style form =====
====================================*/