/*
// Add your own theme-colors.
$theme-colors: (
    "primary": $primary,
    "secondary": $secondary,
    "light": $white-smoke-light
    //"highlight": $white,
);

$theme-colors: map-remove($theme-colors, "dark", "light");
*/
.container-xxl {
  max-width: 1590px;
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
  margin-right: auto;
}

/* new standard base font size */
/**
 * Helper function for downsize mixin.
 */
/**
 * Downsize a CSS property using the viewport to affect calc().
 *
 * @param {string} $property: The property to be affected.
 * @param {string|list} $min: The min value / values.
 * @param {string|list} $max: The max value / values.
 * @param {string} $viewport: The biggest viewport, which the property must be calculated. NOTE: we use media-breakpoint-down here!
 * @param {boolean} $default: True if the default property must be set, regardless of the viewport size.
 * @param {list} $min-limit: A list containing the min viewport and the min value.
 */
.web-callback-form .header {
  color: #133e8f;
  margin-bottom: 45px;
}
@media (max-width: 767.98px) {
  .web-callback-form .header {
    margin-bottom: 35px;
  }
}
.web-callback-form .form-group {
  margin-bottom: 36px;
}
@media (max-width: 767.98px) {
  .web-callback-form .form-group {
    margin-bottom: 25px;
  }
}
.web-callback-form .reminder-note {
  font-size: 13px;
  line-height: 37.5px;
}
@media (max-width: 767.98px) {
  .web-callback-form .reminder-note {
    line-height: 26px;
  }
}
.web-callback-form input:-moz-read-only {
  background-color: #eee;
}
.web-callback-form input:read-only {
  background-color: #eee;
}
.web-callback-form .input-group-addon {
  position: absolute;
  bottom: 8px;
  right: 12px;
  background: transparent;
  border: 0;
  cursor: pointer;
  z-index: 9;
}
.web-callback-form .form-floating textarea.form-control {
  height: auto;
}
@media (max-width: 767.98px) {
  .web-callback-form .date {
    margin-bottom: 16px;
  }
}
@media (max-width: 767.98px) {
  .web-callback-form button[type=submit] {
    display: block;
    width: 100%;
  }
}

.web-callback-modal .modal-dialog {
  margin-top: 75px;
}
@media (min-width: 992px) {
  .web-callback-modal .modal-dialog {
    margin-top: 90px;
  }
}
@media (max-width: 575.98px) {
  .web-callback-modal .modal-dialog {
    padding: 0 15px;
  }
}
.web-callback-modal .module-header .header {
  color: #133e8f;
}
.web-callback-modal .modal-body {
  max-height: calc(100vh - 175px);
  overflow-y: auto;
}
@media (min-width: 992px) {
  .web-callback-modal .modal-body {
    max-height: calc(100vh - 250px);
    overflow-y: auto;
  }
}
.web-callback-modal .modal-title {
  margin-top: 0;
}
.web-callback-modal li.dropdown-header {
  font-weight: bold;
  display: block;
  font-size: 15px;
}
.web-callback-modal li.dropdown-header.dropdown-header .text {
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.web-callback-modal .selected.active .text {
  color: #ffffff;
}
.web-callback-modal .input-group-addon {
  border-radius: 0;
}
.web-callback-modal .module-form .btn {
  text-align: center;
}
.web-callback-modal .form-control,
.web-callback-modal .form-select {
  background-color: transparent;
}
.web-callback-modal .form-control.has-error .dropdown-toggle {
  border: 1px solid #a94442;
}
@media (max-width: 575.98px) {
  .web-callback-modal .form-control {
    margin-top: 0;
  }
}
.web-callback-modal form {
  overflow: hidden;
  max-height: 940px;
  max-height: 2000px;
  transition-property: all;
  transition-duration: 1.2s;
  transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
}
.web-callback-modal form.closed {
  max-height: 0;
}
.web-callback-modal .feedback-wrapper {
  overflow: hidden;
  transition-property: all;
  transition-duration: 1.5s;
  max-height: 2000px;
}
.web-callback-modal .feedback-wrapper.closed {
  max-height: 0;
}
.web-callback-modal .feedback p {
  padding: 10px;
}

.web-callback-modal .dropdown-header,
.footer-content .footer-links .web-callback-modal li.dropdown-header {
  padding-left: 10px;
}

.web-callback-modal .reminder-note {
  font-size: 14px;
}

.web-callback-modal .date .table-condensed tr td:last-child,
.web-callback-modal .date .table-condensed tr td:nth-last-child(2) {
  opacity: 0.4;
}

@media (min-width: 768px) {
  .web-callback-modal .modal-dialog {
    width: 750px;
  }
}

@media (max-width: 767.98px) {
  .web-callback-modal .form-buttons {
    margin: 10px 0;
  }
}

.bootstrap-datetimepicker-widget {
  width: 100%;
}
.bootstrap-datetimepicker-widget::before, .bootstrap-datetimepicker-widget::after {
  display: none !important;
}
.bootstrap-datetimepicker-widget .timepicker {
  padding: 5px;
}
.bootstrap-datetimepicker-widget .timepicker table.table-condensed .btn {
  line-height: 1;
  padding: 0;
  border: 0;
  border-radius: 5px;
  width: 54px;
  height: 54px;
}
.bootstrap-datetimepicker-widget .timepicker table.table-condensed .btn:hover {
  background-color: #ececed;
}
.bootstrap-datetimepicker-widget .timepicker table.table-condensed .btn span {
  background: url("../icons-svg/chevron-down.svg") no-repeat center;
}
.bootstrap-datetimepicker-widget .timepicker table.table-condensed tr:nth-child(1) .btn span {
  background: url("../icons-svg/chevron-up.svg") no-repeat center;
}
.bootstrap-datetimepicker-widget .timepicker table.table-condensed tr:nth-child(2) {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.bootstrap-datetimepicker-widget .timepicker table .disabled {
  color: #ddd !important;
}

.bootstrap-datetimepicker-widget .btn.disabled[data-action] {
  pointer-events: initial !important;
}
.bootstrap-datetimepicker-widget .btn.disabled[data-action] span {
  cursor: not-allowed !important;
}

.bootstrap-datetimepicker-widget .btn.disabled[data-action] span:hover {
  background-color: inherit;
}

.web-callback-modal .datepicker .prev,
.web-callback-modal .datepicker .next,
.web-callback-modal .datepicker .picker-switch {
  color: #6f6f6e;
}
.web-callback-modal form button[type=submit] {
  position: relative;
}
.web-callback-modal form.sending button[type=submit] {
  background-color: #ffd761 !important;
  border: none !important;
  cursor: not-allowed;
}

.web-callback-modal .date .datepicker-months .table-condensed tr td:last-child,
.web-callback-modal .date .datepicker-months .table-condensed tr td:nth-last-child(2),
.web-callback-modal .date .datepicker-years .table-condensed tr td:last-child,
.web-callback-modal .date .datepicker-years .table-condensed tr td:nth-last-child(2),
.web-callback-modal .date .datepicker-decades .table-condensed tr td:last-child,
.web-callback-modal .date .datepicker-decades .table-condensed tr td:nth-last-child(2) {
  opacity: 1;
}

.web-callback-modal form .preloader,
.web-callback-form form .preloader {
  opacity: 0;
  transition: opacity 500ms ease-in-out;
}
.web-callback-modal form.sending .preloader,
.web-callback-form form.sending .preloader {
  opacity: 1;
}

.web-callback-modal .input-group-addon.btn {
  width: 1%;
}

.web-callback-form .form-w-100,
.web-callback-modal .form-w-100 {
  width: 100%;
}

.web-callback-modal .has-error .input-group-addon {
  border: 1px solid;
}

.web-callback-modal .modal-header {
  padding: 30px;
}
.web-callback-modal .modal-header .btn-close {
  position: absolute;
  right: 73px;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-callback-modal .modal-header .btn-close .icon {
  font-size: 30px;
  color: rgba(0, 0, 0, 0.2);
}
.web-callback-modal .modal-header .btn-close:hover .icon {
  color: rgba(0, 0, 0, 0.5);
}
.web-callback-modal .modal-body {
  padding: 30px;
}

.web-callback-form .modal-header,
.web-callback-form .modal-body {
  padding: 30px 0px;
}

.web-callback-form .phone-margin,
.web-callback-form .time-margin,
.web-callback-modal .phone-margin,
.web-callback-modal .time-margin {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .web-callback-form .phone-margin,
  .web-callback-modal .phone-margin {
    margin-top: 0;
  }
  .web-callback-form .time-margin,
  .web-callback-modal .time-margin {
    margin-top: 0;
  }
}
.web-callback-form .phone-lh,
.web-callback-modal .phone-lh {
  line-height: 40px;
}
.web-callback-form .phone-margin .floating-label,
.web-callback-modal .phone-margin .floating-label {
  line-height: 41px;
}

.web-callback-form .has-error .datetimepicker .input-group-addon,
.web-callback-form .has-warning .datetimepicker .input-group-addon,
.web-callback-form .has-success .datetimepicker .input-group-addon,
.web-callback-modal .has-error .datetimepicker .input-group-addon,
.web-callback-modal .has-warning .datetimepicker .input-group-addon,
.web-callback-modal .has-success .datetimepicker .input-group-addon {
  right: 32px;
  border: 0;
}
.web-callback-form .has-error .form-floating::before,
.web-callback-modal .has-error .form-floating::before {
  content: "";
  position: absolute;
  right: 11px;
  bottom: 11px;
  background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23c62828'><circle cx='6' cy='6' r='4.5'/><path stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/><circle cx='6' cy='8.2' r='.6' fill='%23c62828' stroke='none'/></svg>");
  background-repeat: no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
}
.web-callback-form .has-error label,
.web-callback-modal .has-error label {
  color: #c62828;
}
.web-callback-form .has-error select,
.web-callback-modal .has-error select {
  background: none;
}

.web-callback-form .has-success .datetimepicker .form-group-badge::after,
.web-callback-form .has-error .datetimepicker .form-group-badge::after,
.web-callback-form .has-warning .datetimepicker .form-group-badge::after,
.web-callback-modal .has-success .datetimepicker .form-group-badge::after,
.web-callback-modal .has-error .datetimepicker .form-group-badge::after,
.web-callback-modal .has-warning .datetimepicker .form-group-badge::after {
  right: 15px;
}

.web-callback-modal .concern .dropdown-menu.open {
  width: 100% !important;
}