/*background-color: #efefef
color: #333*/
body {
  background-color: #efefef;
  color: #333;
}

.content-presenter {
  background-color: #ffffff;
  border-radius: 5px;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.125);
}
.content-presenter .content-header {
  /*border-bottom: 1px solid red;*/
  display: flex;
  flex-direction: row;
  gap: 12px;
  padding: 3px 3px 12px 3px;
}
.content-presenter .table {
  border-width: 1px;
  border-left-width: 1px;
  border-style: solid;
  border-radius: 5px;
}
.content-presenter .table thead {
  background-color: rgba(0, 0, 0, 0.125);
  border-radius: 5px;
}
.content-presenter .table thead tr {
  border-radius: 5px;
}
.content-presenter .table td {
  vertical-align: middle;
}
.content-presenter .table td .btn {
  padding-top: 1px;
  padding-bottom: 1px;
}
.content-presenter .table :not(:last-child) > :last-child > td {
  border-bottom-color: transparent;
}
.content-presenter .table :not(:last-child) > :last-child > th {
  border-bottom-color: transparent;
}

.good {
  color: green;
}

.bad {
  color: red;
}

.form-label {
  color: #785d44;
  margin-bottom: 0;
  font-weight: 500;
}

.disabled-icon {
  color: #6c757d;
  cursor: not-allowed;
  opacity: 0.6;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 25px;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.switch {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 25px;
}

.switch::before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}

input:checked + .switch {
  background-color: #2196F3;
}

input:checked + .switch::before {
  transform: translateX(25px);
}

.input-error {
  border: 2px solid red;
}

.expando-row:hover, .list-row-hover:hover {
  background-color: #eef5fd;
}

/* Disable hover on touch devices */
@media (hover: none) and (pointer: coarse) {
  .list-row-hover:hover,
  .expando-row:hover {
    background-color: inherit;
  }
}
@media (max-width: 1024px) {
  .content-presenter {
    max-width: 100vw;
  }
}
@media (min-width: 1025px) {
  .content-presenter {
    max-width: calc(100vw - 325px);
  }
}