.swal2-title {
  font-size: 1.2em !important;
  font-weight: 600 !important;
}



/* Устанавливаем высоту контейнера в 100% */
.swal2-container {

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow-y: hidden !important;
}
.swal2-html-container {
  height: 100% !important;
  overflow-y: hidden !important;
  overflow-x: hidden !important; /* Убирает прокрутку справа для iframe */
}

/* Устанавливаем высоту модального окна в 100% */
.swal2-popup {

  max-height: 100% !important;

  box-sizing: border-box !important;
  display: flex !important;
  flex-direction: column !important;

}

/* Изменяем размер и положение заголовка модального окна */
.swal2-header {
  flex-shrink: 0 !important;
}
.swal2-iframe {
  width: 100% !important;
  height: 100% !important;
  border: none !important;
  overflow-y: auto !important; /* Убирает прокрутку справа для iframe */
}
.pac-container {
  position: absolute !important;
  z-index: 1001;
}

.pac-container.pac-logo {
  position: absolute !important;
  bottom: -20px;
}
.colorpicker-alpha {
  position: relative;
}

.colorpicker-alpha-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.colorpicker-guide {
  position: absolute;
  left: 0;
  pointer-events: none;
}
.fc-event {
  width: 94% !important;
  float: left !important;
}

.select2-container {
  width: 100% !important;
}
.swal2-overflow {
  overflow-x: visible;
  overflow-y: visible;
}
swal2-input {
  color: gray;
  font-size: 1.2em !important;
  font-weight: 600;
}
.swal2-input, .swal2-file, .swal2-textarea {
  color: gray;
  font-size: 0.7em !important;
  font-weight: 600;
}
.font-bold {
  font-weight: bold;
}

.font16 {
  font-size: 16px;
}

.text-right {
  text-align: right;
}

.m-text-left {
  text-align: left;
}

.col-md-4, .col-md-8 {
  /* Здесь вы можете задать ширину колонок для сетки, как это сделано в Bootstrap */
}

.m-t-20 {
  margin-top: 20px;
}
.text-right {
  text-align: right;
}
.text-left {
  text-align: left;
}
.min-height {
  min-height: 20px; /* или другое значение, которое вам подходит */
}
.my-div-class {
  color: #333;  /* цвет текста */
  background-color: #f8f8f8; /* цвет фона */
  padding: 20px; /* отступ внутри div */
  margin: 20px 0; /* отступ снаружи div */
  border: 1px solid #ccc; /* рамка вокруг div */
  border-radius: 5px; /* скругленные углы */
}
.swal2-iframe-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100% !important;
}

.swal2-iframe-popup {
  width: auto !important;
  height: 80%  !important;
  max-width: 90%; /* Измените на желаемую максимальную ширину */
  max-height: 90%; /* Измените на желаемую максимальную высоту */
  padding: 0;
  overflow: visible !important;
}

.swal2-iframe-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.custom-iframe-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.swal2-input.wrapper {
  width: 100%;
  box-sizing: border-box;
}
#swalEvtNotes {
  display: grid !important;
  align-items: center !important;
  width: 100%;
  height: 100px;
  margin: auto; /* добавьте это свойство */
}
#headerTools {
  display: flex;
  justify-content: flex-end;
  gap: 10px; /* Добавьте зазор между элементами, если хотите */
  padding-top: 10px; /* Отступ сверху */
  padding-bottom: 10px; /* Отступ снизу */
}