body {
  margin: 0;
  background-color: #F2F3F6;
}
.footer {
  background-color: #333;
  color: white;
  padding: 15px;
  /* position: fixed;
  width: 100%;
  bottom: 0; */
}

.navbar .navbar-brand-wrapper .navbar-brand.brand-logo-mini img {
  height: auto;
}

i.fa {
  font-size: .7rem;
}

.navbar .navbar-menu-wrapper {
  padding-left: 1rem;
}

#dropZone {
  cursor: pointer;
}

select.form-control {
  color: #4B49AC;
}

.card .card-title {
  text-transform: none;
}

.form-check {
  padding-left: inherit;
}

.form-check .form-check-label {
  font-size: 1.3rem;
  font-weight: 500;
  margin-top: 2rem;
  padding-top: .5rem;
}

.form-check .form-check-input.bigger {
  border-radius: .5em;
  height: 2rem;
  width: 2rem;
  cursor: pointer;
}

.card.effet {
  cursor: pointer;
}

.sous-effet-area {
  overflow-y: scroll;
}

.card.sous-effet {
  min-width: 300px;
  max-width: 300px;
}

#indicateur_form_compact .mb-3 {
  margin-bottom: 0 !important;
}

#indicateur_form_compact label {
  font-size: .8rem;
}

table.fixed {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}

table.fixed th,
table.fixed td {
  padding: 8px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.2;
}

table.fixed-col {
  table-layout: fixed;
  overflow-x: scroll;
}

table.fixed-col th,
table.fixed-col td {
  white-space: normal;
  /* word-wrap: break-word;
  overflow-wrap: break-word; */
}

.chevron {
  cursor: pointer;
}

.parent-row i.fas.fa-chevron-right {
  transform: rotate(0deg);
  transition: transform 0.3s ease;
}

.parent-row.collapsed i.fas.fa-chevron-right {
  transform: rotate(-90deg);
}

#pass-gen {
  cursor: pointer;
}

.dropdown-menu.simple {
  min-width: 3rem !important;
}

.buttons-colvis,
.buttons-print,
.buttons-excel,
.buttons-csv {
    font-size: .8rem;
    padding: 4px 8px;
    background-color: #3F3E91;
    color: white;
}

.dataTables_paginate > ul.pagination li.paginate_button > a.page-link {
  font-size: .8rem !important;
  padding: 4px 6px;
}

.dataTables_paginate > ul.pagination li.paginate_button.page-item.active a.page-link {
  background-color: #3F3E91;
  border-color: #3F3E91;
}

.bg-grey-tone {
  background-color: #F2F3F6;
  min-height: calc(100vh - 180px);
}

img.error {
  width: auto !important;
  height: 80vh;
}

.col-dropdown {
  max-height: 80vh !important;
  overflow-y: auto !important;
}