#containerTable {
  overflow: auto;
  scroll-margin-top: 10px;
  max-height: 75vh;
}

#containerTable thead {
  position: sticky;
  top: 0;
  z-index: 1;

}

#containerTable::-webkit-scrollbar {
  -webkit-appearance: none;
}

#containerTable::-webkit-scrollbar:vertical {
  width: 10px;
}

#containerTable::-webkit-scrollbar-button:increment,
#containerTable::-webkit-scrollbar-button {
  display: none;
}

#containerTable::-webkit-scrollbar:horizontal {
  height: 10px;
}

#containerTable::-webkit-scrollbar-thumb {
  background-color: #293133;
  border: 2px solid #767c7e;
}

#containerTable::-webkit-scrollbar-track {
  margin-top: 1px;
}

.table-no-space {
  border-collapse: collapse !important;
}

.table-no-space th {
  border: none !important;
  padding: 8px !important;
}

.table-no-space .sub-header th {
  border-top: none !important;
}

.background-template-color {
  background-color: #293133 !important;
  /* Adjust this to match your exact color */
  color: white !important;
}

.background-template-color2 {
  background-color: #767c7e !important;
  /* Adjust this to match your exact color */
  color: white !important;
}

.background-template-color3 {
  background-color: #dddddd  !important;
  /* Adjust this to match your exact color */
  color: #2c3e50 !important;
}

/* .sub-header th {} */

.first-header th {
  position: relative;
  bottom: -15px !important;
}

#tbodySepelios tr td {
  text-align: center;
}

#tbodySepelios tr {
  /* transition: box-shadow 0.01s ease-in-out; */
  cursor: pointer;
  color: white;
}

#tbodySepelios tr:not(:last-child):hover {
  box-shadow:
    inset 3px 0 0 #c3bcc3,
    /* Left border */
    inset -3px 0 0 #c3bcc3,
    /* Right border */
    inset 0 3px 0 #c3bcc3,
    /* Top border */
    inset 0 -4px 0 #c3bcc3;
  /* Bottom border */
}

#tbodySepelios tr:last-child:hover {
  box-shadow:
    inset 3px 0 0 #c3bcc3,
    /* Left border */
    inset -3px 0 0 #c3bcc3,
    /* Right border */
    inset 0 3px 0 #c3bcc3,
    /* Top border */
    inset 0 -3px 0 #c3bcc3;
  /* Bottom border */
}

button:hover {
  box-shadow:
    inset 3px 0 0 #c3bcc3,
    /* Left border */
    inset -3px 0 0 #c3bcc3,
    /* Right border */
    inset 0 3px 0 #c3bcc3,
    /* Top border */
    inset 0 -3px 0 #c3bcc3 !important;
  /* Bottom border */
}

.media-body {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
}

.media-body h4 {
  margin: 0;
}

label {
  font-weight: 650;
  /* color: white; */
}

.modal-backdrop.show {
  opacity: .7 !important;
}

.form-control {
  border: 1px solid #293133 !important;
}

#uploadStatus {
  white-space: nowrap;        /* Prevent the text from wrapping to the next line */
  overflow: hidden;           /* Hide the overflowed text */
  text-overflow: ellipsis;    /* Add "..." at the end of the truncated text */
  width: 100%;                /* Set the width of the element */
  margin-bottom: -10px;
}