.content {
  display: flex;
  flex-direction: column;
}

.my-content {
  padding: 10px;
}

/*
.bg-pattern-2{
  background-repeat: repeat;
  background-image:url("/media/icons/fs/light/leaf-maple.svg");
  background-size: 60px 60px;
  background-color: brightness(0.5) sepia(1) hue-rotate(-70deg) saturate(5);
}
*/
.bg-pattern {
  flex-grow: 1;
  background-color: #e5e5f7;
  background-size: 10px 10px;
  background-image: repeating-linear-gradient(45deg, #c7ccff 0, #9fa6ff 1px, #e5e5f7 0, #e5e5f7 50%);
}

.bg-pattern-red {
  background-color: #F08080;
  background-image: repeating-linear-gradient(45deg, #f8d7da 0, #f1aeb5 1px, #f8d7da 0, #f8d7da 50%);
}

.my-form-dx-popup-container .dx-popup-content {
  padding: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}

.list-container {
  background-color: white;
  flex-grow: 1;
}

.list-container-sm,
.list-container-md,
.list-container-lg,
.list-container-xl,
.list-container-xxl {
  margin: auto;
}

.list-padding {
  padding: 10px;
}

.form-container {
  margin: auto;
  border: 1px solid var(--bs-gray-500);
  border-radius: 2px;
  background-color: white;
}
.form-container .form-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.form-container .form-header .form-header-link {
  padding: 0 10px 0 10px;
  border-left: 1px solid var(--bs-gray-400);
  min-width: 160px;
}
.form-container .form-header .form-header-link:hover {
  background-color: var(--bs-gray-100);
}
.form-container .form-header .form-header-link i {
  color: var(--bs-gray-600);
}
.form-container .form-header .form-header-link span {
  color: var(--bs-gray-700);
}
.form-container .form-header .form-header-link span {
  line-height: 1.4;
}
.form-container .form-body {
  padding: 0 10px 10px 10px;
}
.form-container .my-resp-padding {
  padding: 0 10px 10px 10px;
}
.form-container hr {
  margin: 0;
}

.list-container-xs,
.form-container-xs {
  max-width: 320px;
}

.list-container-sm,
.form-container-sm {
  max-width: 540px;
}

.list-container-md,
.form-container-md {
  max-width: 720px;
}

.list-container-lg,
.form-container-lg {
  max-width: 960px;
}

.list-container-xl,
.form-container-xl {
  max-width: 1140px;
}

.list-container-xxl,
.form-container-xxl {
  max-width: 1320px;
}

@media (min-width: 768px) {
  .form-container-popup {
    max-width: 800px;
  }
}
@media (min-width: 1200px) {
  .form-container-popup {
    max-width: 1140px;
  }
}
@media (min-width: 768px) {
  .form-container .form-body {
    padding: 0 20px 20px 20px;
  }
  .my-resp-padding {
    padding: 0 20px 20px 20px;
  }
}
.my-form-dx-popup-container .dx-overlay-content {
  border-radius: 0;
}

@media (min-width: 768px) {
  .my-form-dx-popup-container {
    max-width: 800px;
    max-height: 90%;
  }
  .my-form-dx-popup-container .dx-overlay-content {
    border-radius: 6px;
  }
}
@media (min-width: 1200px) {
  .my-form-dx-popup-container {
    max-width: 1140px;
  }
}
.form-header-icon {
  font-size: 40px;
}

.form-header-link {
  text-decoration: none;
}

.my-list-group li {
  padding: 4px 8px;
}

.ltr {
  direction: ltr;
  text-align: left;
}
.ltr input {
  direction: ltr !important;
  text-align: left !important;
}

.my-required {
  border-right: 3px solid #337ab7 !important;
}

.popup-form-container-sm {
  width: 320px;
}

.popup-form-container-md {
  width: 400px;
}

.popup-form-container-md {
  width: 500px;
}

.popup-form-container-lg {
  width: 600px;
}

.popup-form-container-xl {
  width: 700px;
}

.popup-form-container-xx {
  width: 800px;
}