/* Mixins --------------------------------------------------------------------------------------------------------*/
/* Form --------------------------------------------------------------------------------------------------------*/
.form-section {
  padding: 40px 0;
}

.form-group {
  padding-bottom: 20px;
}

.form-label {
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding-bottom: 10px;
  display: block;
}
.form-control {
  color: #73706E;
  font-size: 1.125rem;
  line-height: 1.5rem;
  width: 100%;
  border: none;
  padding: 18px;
  border-radius: 8px;
  background-color: #EBEBEB;
}
.form-control:focus {
  background-color: #E6E6E6;
}

.form-select {
  font-family: "Source Sans Pro", sans-serif;
  color: #73706E;
  font-size: 1.125rem;
  line-height: 1.5rem;
  display: block;
  width: 100%;
  border-radius: 8px;
  border: none;
  padding: 18px 40px 18px 18px;
  background-color: #EBEBEB;
  background-image: url("../../imag/ic-dropdown-arrow-dark.svg");
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 14px 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.form-select:focus {
  background-color: #E6E6E6;
}

.custom-file {
  position: relative;
}

.custom-file-input {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 60px;
  margin: 0;
  opacity: 0;
  cursor: pointer;
}
.custom-file-input:focus {
  background-color: #8E8E8E;
}

.custom-file-label {
  position: relative;
  color: #73706E;
  font-size: 1.125rem;
  line-height: 3.75rem;
  height: 60px;
  padding-left: 135px;
  padding-right: 15px;
  display: block;
  border-radius: 8px;
  background-color: #EBEBEB;
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custom-file-label:after {
  content: "Browse";
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 3.75rem;
  font-weight: 700;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  z-index: 2;
  display: block;
  height: 60px;
  padding: 0 30px;
  border-radius: 8px 0 0 8px;
  border: 0;
  background: #EB5D0B;
  background: linear-gradient(90deg, #F8AA25 0%, #EB5D0B 99.87%);
}
.custom-file-label:after:hover {
  background: #F8AA25;
  background: linear-gradient(90deg, #EB5D0B 0%, #F8AA25 99.87%);
}

.google-captcha-img {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.inner-page-banner .form-select, .inner-page-banner .form-control {
  background-color: #ffffff;
}
.inner-page-banner .form-select:focus, .inner-page-banner .form-control:focus {
  background-color: #EBEBEB;
}

#formCalendar {
  position: absolute;
  z-index: 100;
  right: -2px;
  top: 60%;
  background-color: #ffffff;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
#formCalendar .cal-tabla .cal-rotulo {
  color: #0069b4;
  font-size: 18px;
  font-weight: 700;
  position: relative;
}
#formCalendar .cal-tabla .cal-rotulo #anterior a, #formCalendar .cal-tabla .cal-rotulo #siguiente a {
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  top: 3px;
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 20px;
}
#formCalendar .cal-tabla .cal-rotulo #anterior a {
  left: 0;
  background-image: url("../../imag/v1/icon/ic-left-arrow-blue.svg");
}
#formCalendar .cal-tabla .cal-rotulo #siguiente a {
  right: 0;
  background-image: url("../../imag/v1/icon/ic-right-arrow-blue.svg");
}
#formCalendar .cal-top {
  color: #bababa;
  padding: 15px 0 5px;
  font-size: 14px;
}
#formCalendar .cal-cont {
  padding: 8px 2px;
  font-size: 14px;
}
#formCalendar .cal-cont .active_s {
  position: relative;
  color: #ffffff;
}
#formCalendar .cal-cont .active_s:before {
  content: "";
  width: 27px;
  height: 27px;
  background-color: #0069B4;
  display: block;
  position: absolute;
  z-index: -1;
  bottom: calc(50% - 14px);
  right: calc(50% - 13px);
  border-radius: 50%;
  transition: 0.3s all ease;
}
#formCalendar .cal-cont .active_s:hover:before {
  background-color: #F39200;
}
#formCalendar .cal-cont .active_ml, #formCalendar .cal-cont .active_m_l {
  position: relative;
  color: #ffffff;
}
#formCalendar .cal-cont .active_ml:before, #formCalendar .cal-cont .active_m_l:before {
  content: "";
  width: 27px;
  height: 27px;
  background-color: #0069B4;
  display: block;
  position: absolute;
  z-index: -1;
  bottom: calc(50% - 14px);
  right: calc(50% - 13px);
  border-radius: 50% 0 0 50%;
  transition: 0.3s all ease;
}
#formCalendar .cal-cont .active_m {
  position: relative;
  color: #ffffff;
}
#formCalendar .cal-cont .active_m:before {
  content: "";
  width: 33px;
  height: 27px;
  background-color: #0069B4;
  display: block;
  position: absolute;
  z-index: -1;
  bottom: calc(50% - 14px);
  right: calc(50% - 13px);
  border-radius: 0;
  transition: 0.3s all ease;
}
#formCalendar .cal-cont .active_mr, #formCalendar .cal-cont .active_m_r {
  position: relative;
  color: #ffffff;
}
#formCalendar .cal-cont .active_mr:before, #formCalendar .cal-cont .active_m_r:before {
  content: "";
  width: 33px;
  height: 27px;
  background-color: #0069B4;
  display: block;
  position: absolute;
  z-index: -1;
  bottom: calc(50% - 14px);
  right: calc(50% - 13px);
  border-radius: 50%;
  transition: 0.3s all ease;
  border-radius: 0 50% 50% 0;
}

/* Responsive Media Queries --------------------------------------------------------------------------------------------------------*/
@media (min-width: 768px) {
  .form-group {
    padding-bottom: 40px;
  }
}

/*# sourceMappingURL=form.css.map */