.main-background-color {
  background: #0093d2;
}

.logo-container {
  position: absolute;
  left: 20px;
}

.top_header {
  background: #0093d2;
  color: #fff;
  padding: 10px 0;

  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.clickable {
  cursor: pointer;
}

.main-background-color {
  background: #0093d2;
}

td,
th {
  text-align: center !important;
  font-weight: bolder;
}

th {
  cursor: pointer;
  user-select: none;
}

th:last-child {
  cursor: auto;
  user-select: text;
}

th:not(:last-child):hover {
  background-color: #ddd !important;
}

.sort-arrow {
  margin-left: 5px;
  font-size: 0.8em;
}

tr {
  background-color: #fff !important;
}

.alertbox {
  opacity: 0.8;
  border-radius: 10px;
  background: lightblue;
  transition: opacity 0.6s;
  /* 600ms to fade out */
  position: fixed !important;
  text-align: center;
  min-width: 480px;
  width: auto;
  max-width: 1024px;
  padding-left: 10px !important;
  padding-right: 10px !important;
  word-wrap: break-word;
  top: 5px;
  right: 5px;
  z-index: 100000;
  max-height: 270px;
  overflow-x: hidden;
  overflow-y: auto;
}

.errorbox {
  background: sandybrown;
}

.messagebox {
  background: lightgreen;
}

.clear {
  clear: both;
  margin: 5px;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

footer {
  margin-top: auto;
}

.menutop {
  z-index: 9999;
  background: #ffffff;
}

.menutop .w3-bar {
  background: #f1f1f1;
  opacity: 1;
}

.spacer {
  width: 100%;
  height: 0;
}

.black-border {
  border: 2px solid #333 !important;
}

.selection-materiel {
  display: block;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease;
  cursor: pointer;
  user-select: none;
  white-space: normal;
  overflow-wrap: anywhere;
  word-break: break-word;
  line-height: 1.2;
}

.selection-materiel span {
  white-space: normal;
  overflow-wrap: anywhere;
}

.selection-materiel-selected {
  background-color: #008ed6 !important;
  color: white !important;
  border-color: #005f8d !important;
  transform: scale(1.02);
}

.selection-materiel-indisponible {
  cursor: not-allowed;
  user-select: none;
  background-color: #6b6b6b;
  color: #ffffff;
  border-color: #6b6b6b;
}

.selection-materiel-indisponible .txt-materiel {
  color: #ffffff;
}

.selection-materiel-indisponible .materiel-checkbox+.txt-materiel {
  color: #ffffff;
}

.item-materiel {
  overflow: hidden;
}

.scroll-container {
  height: 155px;
  overflow-x: hidden;
  overflow-y: auto;
}

.dialog-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 20px;
}

.dialog-buttons form {
  margin: 0;
  display: inline-block;
}

#confirmation-emprunt-dialog:modal {
  border: 2px solid #0093d2;
  padding: 25px;
}

select.etat-ok,
option.etat-ok {
  color: green;
  font-weight: bold;
}

select.etat-reparation,
option.etat-reparation {
  color: orange;
  font-weight: bold;
}

select.etat-endommage,
option.etat-endommage {
  color: red;
  font-weight: bold;
}

select.etat-disparu,
option.etat-disparu {
  color: black;
  font-weight: bold;
}

.card-stat {
  border-radius: 6px;
  overflow: hidden;
  margin-bottom: 32px !important;
}

.row-total {
  border-top: 2px solid #4CAF50 !important;
  background-color: #e8f5e9 !important;
  color: #2e7d32 !important;
}

.w3-table-all tbody tr:hover {
  background-color: #f1f1f1 !important;
}

.bg-gradient-teal i {
  vertical-align: middle;
}