/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
.jl-padding-small {
  padding: 12px !important;
}
.jl-modal-container .jl-modal-dialog {
  width: 500px !important;
}
.small-text {
  font-size: 12px !important;
}
/* Основная рамка для обязательного поля */
div[data-required] .cf-control-input input.cf-input {
  border: 1px solid #dc3545 !important;
  box-shadow: none !important;
}
div[data-required] .cf-control-input input.cf-input:focus {
  border-color: #dc3545 !important;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;
  outline: 0;
}
/* Добавляем маленькую подпись под полем */
div[data-required] .cf-control-input {
  position: relative;
  /* Оставляем место снизу для текста подписи */
  padding-bottom: 18px !important;
}
div[data-required] .cf-control-input::after {
  content: "Обязательное поле";
  position: absolute;
  bottom: 0;
  left: 4px;
  /* Смещение текста чуть правее от левого края */
  font-size: 11px;
  /* Маленький размер шрифта */
  color: #dc3545;
  /* Красный цвет текста */
  font-weight: normal;
  line-height: 1;
  pointer-events: none;
  /* Чтобы текст не мешал кликам */
}
/*# sourceMappingURL=custom_42.css.map */