.nnzfcontainer {
	max-width: none;
}

#mainContent {
  display: none;
}

#liveSearch {
  display: none;
}

#loginForm input, #loginForm button {
    margin: 0 5px;
    vertical-align: middle;
}


.color-box {
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  border: 1px solid #000; /* Pour ajouter une bordure noire autour du carré */
}
.text-one-box {
  background-color: #861C7C; /* Cyan fluo */
}
.text-two-box {
  background-color: #FF5E00; /* Orange fluo */
}
.text-three-box {
  background-color: #FF0066; /* Rose fluo */
}
.text-four-box {
  background-color: #FFFF33; /* Jaune fluo */
}
.text-five-box {
  background-color: #33FF00; /* Vert fluo */
}
.text-six-box {
  background-color: #FF00FF; /* Magenta fluo */
}
.text-seven-box {
  background-color: #FF3333; /* Rouge fluo */
}

.scrollable-div {
  height: calc(100vh - 250px);
  overflow: auto;
}

.nav-tabs {
  border-bottom: 0px solid transparent;
}
.nav-tabs .nav-link {
  border: 0px solid transparent;
  font-size: 1.25rem;
}
.nav-tabs .nav-link.active {
  background-color:#20374C;
  border-bottom:#20374C;
  font-weight: bold;
  font-size: 1.25rem;
}

.form-check-input:focus {
  border-color: #00374c;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 55, 76, 0.25);
}

.form-control {
  color: #fff;
  background-color: #4e5d6c;
}

.form-control:focus {
  color: #fff;
  background-color: #4e5d6c;
  border-color: #00374c;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(0, 55, 76, 0.25);
}
.btn-outline-success {
  font-size: 1.25rem;
}

.custom-file-label::before {
  left: 0;
  right: auto;
  border-left-width: 0;
  border-right: inherit;
  background: #39A89F !important;
  color: white;
}

.custom-file-label::after {
  left: 0;
  right: auto;
  border-left-width: 0;
  border-right: inherit;
  background: #39A89F !important;
  color: white;
}