:root {
  --custom-header-color: #193838;
  --custom-border-radius: 6px;
  --style-1-back-color: #2d5223;
  --style-1-front-color: #489632;
  --style-2-back-color: #522323;
  --style-2-front-color: #963232;
  --style-3-back-color: #232952;
  --style-3-front-color: #324696;
  --bs-font-sans-serif: "Open Sans";
}
body {
  background: #eeeeee;
}
table.dataTable-table tbody td {
  vertical-align: middle;
  white-space: nowrap;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
}
table.dataTable-table thead th {
  white-space: nowrap;
}
.jodit-wysiwyg span[contenteditable=false] {
  color: var(--bs-primary);
}
.striped:nth-child(odd) {
  background: var(--bs-light);
}
.custom-style-1 {
  background-color: var(--style-1-back-color);
  color: var(--style-1-front-color);
}
.custom-style-2 {
  background-color: var(--style-2-back-color);
  color: var(--style-2-front-color);
}
.custom-style-3 {
  background-color: var(--style-3-back-color);
  color: var(--style-3-front-color);
}
.btn-custom-style-1 {
  border-color: var(--style-1-back-color);
  background-color: var(--style-1-back-color);
  color: var(--style-1-front-color);
}
.btn-custom-style-1:hover {
  color: var(--style-1-front-color);
  filter: brightness(90%);
}
.btn-custom-style-2 {
  border-color: var(--style-2-back-color);
  background-color: var(--style-2-back-color);
  color: var(--style-2-front-color);
}
.btn-custom-style-2:hover {
  border-color: var(--style-2-back-color);
  filter: brightness(90%);
}
.btn-custom-style-3 {
  border-color: var(--style-3-back-color);
  background-color: var(--style-3-back-color);
  color: var(--style-3-front-color);
}
.btn-custom-style-3:hover {
  border-color: var(--style-3-back-color);
  filter: brightness(90%);
}
.bg-custom-header {
  background-color: var(--custom-header-color);
}
.rounded-custom {
  border-radius: var(--custom-border-radius);
}
.text-black {
  color: #222222 !important;
}
.text-white {
  color: #ffffff !important;
}
.text-in-line {
  display: flex;
  flex-direction: row;
}
.text-in-line:before,
.text-in-line:after {
  content: "";
  flex: 1 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  margin: auto;
}
.text-in-line:before {
  margin-right: 10px;
}
.text-in-line:after {
  margin-left: 10px;
}
.btn-holder {
  position: relative;
  display: inline-block;
  z-index: 1;
}
.btn-holder::after {
  content: "";
  height: 100%;
  width: 100%;
  display: block;
  background: white;
  z-index: 1;
  position: absolute;
  top: 0;
  border-radius: 0.25rem;
}
.btn-holder .btn {
  position: relative;
  z-index: 2;
  min-width: 42px;
}
.btn-holder .btn-result {
  transition: left 0.5s ease-out;
  height: calc(100% - 4px);
  width: 40px;
  position: absolute;
  left: 0;
  top: 2px;
  border-radius: 0.25rem 0 0 0.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border: transparent 1px solid;
  z-index: -1;
}
.btn-holder .btn-result.result-error {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}
.btn-holder .btn-result.result-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}
.btn-holder.show-error .result-error {
  left: -36px;
}
.btn-holder.show-success .result-success {
  left: -36px;
}
/*# sourceMappingURL=style.css.map */