@charset "UTF-8";
.custom-td {
  width: 200px;
}

.header {
  background-color: #f8f9fa;
  padding: 8px 10px 0px 10px;
  border-bottom: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 70px;
  z-index: 999;
  width: 100%;
}
.header .header-logo {
  height: 100%;
  display: flex;
  align-items: center;
}
.header .header-logo img {
  width: 166px;
  margin-left: 52px;
}
.header .header-title {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ee7203;
}
.header .header-title h2 {
  font-size: 1.2rem;
}
.header .header-sign-in {
  height: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
  color: #ee7203;
}
.header .header-sign-in h2 {
  font-size: 1.7rem;
}

.header .title {
  color: rgb(242, 108, 78);
}
.header .title h2 {
  font-size: 1rem;
  font-weight: 700;
}

.main {
  padding: 2rem;
  padding-top: 1rem;
  font-family: "Open Sans";
  width: 100%;
  margin: 0 auto;
}
.main .row {
  margin-left: 0;
}
.main .carrosell {
  background-color: white;
  border-color: #1a5a9f;
  color: #1a5a9f;
  border: 1;
  border-radius: 4px;
  padding: 0 auto;
  font-size: 0.7rem;
  width: 140px;
}
.main .carrosell:hover {
  color: #f58220;
}
.main .carrosell i {
  margin-left: 10px;
}
.main .btn-outline-success {
  border-color: #1e847f;
}
.main .btn-outline-success:hover {
  background-color: #1e847f;
}
.main .btn-outline-danger {
  border-color: #ff6e40;
}
.main .btn-outline-danger:hover {
  background-color: #ff6e40;
}
.main .search {
  background-color: #ecf2f8;
  margin-top: 10px;
  border-radius: 0.5rem;
  padding: 1rem;
  padding-top: 44px;
}
.main .search .form-group {
  margin: 0 auto;
}
.main .search .form-row {
  height: 42px;
}
.main .search .form-row label {
  font-size: 0.7rem;
}
.main .search .form-row input {
  height: 40px;
  font-size: 0.7rem;
}
.main .search .form-row select {
  height: 40px;
  font-size: 0.7rem;
}
.main .search .footer {
  margin-top: 1rem;
  display: flex;
  justify-content: center;
}
.main .search .footer button {
  background-color: white;
  border-color: #1a5a9f;
  color: #1a5a9f;
  border: 1;
  border-radius: 4px;
  font-size: 0.7rem;
  width: 140px;
}
.main .search .footer button:hover {
  color: #f58220;
}
.main .search .footer button i {
  margin-left: 10px;
}
.main .search .footer .right {
  margin-left: 3rem;
}
.main .search .footer a {
  border: 2px solid;
  background-color: white;
  border-color: #1a5a9f;
  color: rgb(57, 109, 168);
  border: 1;
  border-radius: 4px;
  font-size: 0.7rem;
  width: 140px;
  padding: 5px;
  margin-left: 10px;
}
.main .search .footer a:hover {
  color: #f58220;
}
.main .dashboard #idChart {
  max-width: 200px;
  max-height: 200px;
}
.main .list {
  margin-top: 1rem;
}
.main .list .head {
  height: 48px;
  font-size: 0.7rem;
}
.main .list .head button {
  background-color: white;
  border-color: #1a5a9f;
  color: #1a5a9f;
  border: 1;
  border-radius: 4px;
  padding: 0 auto;
  font-size: 0.7rem;
  width: 140px;
  margin-left: 1rem;
}
.main .list .head button:hover {
  color: #f58220;
}
.main .list .head button i {
  margin-left: 10px;
}
.main .list .box {
  vertical-align: middle;
}
.main .list .legend {
  height: 40px;
  margin-top: -16px;
}
.main .list table thead {
  background-color: rgb(57, 109, 168);
  color: white;
  text-align: center;
  font-size: 0.7rem;
  position: sticky;
  top: 0;
}
.main .list table thead th {
  font-size: 0.7rem;
  vertical-align: middle;
}
.main .list table tbody {
  font-size: 0.7rem;
}
.main .list table tbody .list-action {
  padding: 0;
  padding-top: 10px;
}
.main .list table tbody .list-action .action {
  font-size: 0.7rem;
}
.main .list table tbody .list-action .outline-btn {
  border: 0;
  background-color: white;
}
.main .list table tbody .list-action .outline-btn .svg {
  width: 23px;
}
.main .list table tbody .list-action .outline-btn:hover .svg {
  stroke: #f58220;
}
.main .list table tbody .list-action .btn {
  width: auto;
}
.main .list table tbody .list-action .action {
  color: #181717;
  font-weight: bold;
}
.main .list table tbody td {
  font-size: 0.7rem;
  text-align: left;
  align-items: left;
}
.main .list table .head {
  width: 250px;
  text-align: center;
}
.main .list table .head-off {
  width: 100px;
  text-align: center;
}
.main .list .list-footer {
  margin-top: 10px;
  display: flex;
  justify-content: space-between;
}
.main .list .list-footer button {
  background-color: white;
  border-color: #1a5a9f;
  color: #1a5a9f;
  border: 1;
  border-radius: 4px;
  padding: 0 auto;
  font-size: 0.7rem;
  width: 140px;
  margin-left: 1rem;
}
.main .list .list-footer button:hover {
  color: #f58220;
}
.main .list .list-footer button i {
  margin-left: 0.5rem;
}
.main .list .list-footer .footer-pagine {
  margin-right: 35px;
  font-size: 0.7rem;
}
.main .list .title-rec {
  align-items: center;
  margin-bottom: 10px;
}
.main .list .title-rec .title-rec-head {
  text-align: center;
}
.main .list .title-rec .export {
  margin-left: auto;
  margin-top: 20px;
}
.main .list .title-rec .export button {
  background-color: white;
  border-color: #1a5a9f;
  color: #1a5a9f;
  border: 1;
  border-radius: 4px;
  font-size: 0.7rem;
  width: 85px;
}
.main .list .title-rec .export button:hover {
  color: #f58220;
}
.main .list .title-rec .export button i {
  margin-left: 10px;
}
.main .list .legend-item {
  margin-left: 20px;
  font-size: 0.7rem;
  text-align: center;
}
.main .list .legend-item .action {
  color: #181717;
  font-weight: bold;
  font-size: 0.7rem;
  width: 85px;
}
.main .list .list-table {
  overflow: auto;
  max-height: 900px;
}
.main .btn-outline-success {
  border: none;
}
.main .update {
  margin-top: 10px;
  border-radius: 0.5rem;
  padding: 1rem;
}
.main .update .form-group {
  margin: 0 auto;
}
.main .update .footer {
  margin-top: 2rem;
  display: flex;
  justify-content: center;
}
.main .update .footer button {
  background-color: white;
  border-color: #1a5a9f;
  color: #1a5a9f;
  border: 1;
  border-radius: 4px;
  font-size: 0.7rem;
  width: 140px;
}
.main .parameter {
  display: flex;
  justify-content: center;
}

.required-label {
  position: relative;
}
.required-label::after {
  content: " *";
  color: #F04B4C;
  font-weight: bold;
}

.container-pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.page-item.active .page-link {
  background-color: rgb(57, 109, 168);
}

.page-link {
  color: rgb(57, 109, 168);
}

.autocomplete-items {
  position: absolute;
  border: 1px solid #d4d4d4;
  border-bottom: none;
  border-top: none;
  z-index: 99;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
}
.autocomplete-items div {
  padding: 10px;
  cursor: pointer;
  background-color: #fff;
  border-bottom: 1px solid #d4d4d4;
}
.autocomplete-items div:hover {
  background-color: #e9e9e9;
}

.autocomplete-active {
  background-color: #1a5a9f !important;
  color: #ffffff;
}

.container .modal-aster {
  float: right;
  margin-top: -16px;
  margin-bottom: auto;
  padding-right: 3px;
}

#bg-spinner {
  top: 0;
  z-index: 100;
  height: 100%;
  width: 100%;
  position: fixed;
  display: none;
  background-color: rgba(1, 1, 1, 0.7);
}

#position-spinner {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

#spinner {
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 6px solid #d3d3d3;
  border-top: 6px solid #007bff;
  animation: loading 1s linear infinite;
}

.centered-div {
  display: flex;
  justify-content: center; /* Centre horizontalement */
  align-items: center; /* Centre verticalement */
  height: 100%; /* Prend toute la hauteur de la page */
  gap: 0.5rem;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* Ajuster la taille et l'apparence du formulaire */
.search-form {
  display: flex;
  flex-direction: row; /* Assure l'alignement horizontal des éléments */
  max-width: 400px; /* Réduit la largeur du formulaire */
  width: 100%; /* S'assure qu'il ne dépasse pas l'écran */
  background-color: #f8f9fa; /* Optionnel : couleur de fond */
  padding: 15px; /* Ajoute un peu d'espace interne */
  border-radius: 10px; /* Coins arrondis */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Ombre douce */
}

/* Champ d'entrée plus petit */
.search-input {
  flex: 1; /* Permet à l'input de s'adapter */
  max-width: 250px; /* Limite la largeur maximale */
  margin-right: 10px; /* Espace entre l'input et le bouton */
}

/* Bouton ajusté */
.search-button {
  padding: 5px 20px; /* Ajuste la taille du bouton */
}

.table a.btn i {
  font-size: 16px; /* Taille des icônes */
  margin: 0 5px; /* Espacement entre les icônes */
}

table {
  width: 100%;
  border-collapse: collapse; /* Pour que les bordures soient collées */
}

.table td {
  vertical-align: middle;
  font-size: 0.7rem;
}

.table th {
  font-size: 0.7rem;
}

.btn-primary {
  background-color: rgb(242, 108, 78);
  border-color: rgb(242, 108, 78);
}

.btn-primary:hover {
  background-color: rgb(242, 108, 78);
  border-color: rgb(242, 108, 78);
}

.btn-normal {
  border-color: #396da8;
  color: grey;
  font-size: 0.8rem;
}

.btn-normal:hover {
  background-color: #396da8;
  color: white;
}

.btn-normal:hover {
  background-color: #396da8;
  color: white;
}

.btn-norm {
  background-color: rgb(57, 109, 168);
  color: white;
}

.btn-norm:hover {
  background-color: rgb(146, 202, 209);
  color: white;
}

.table-title {
  background-color: #396DA8;
  color: white;
}

thead .table-title th {
  vertical-align: top;
}

.btn-edit, .btn-delete {
  background-color: transparent;
  color: grey;
}

.btn-edit:hover {
  color: green;
}

.btn-delete:hover {
  color: red;
}

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

.form-control {
  font-size: 0.8rem;
}

.navbar {
  background-color: white;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.navbar a {
  color: rgb(57, 109, 168);
  text-decoration: none;
  padding: 10px 15px;
  margin: 0 5px;
  font-weight: bold;
}
.navbar a:hover {
  background-color: none;
  border-radius: 5px;
}

.navbar-left {
  display: flex;
  align-items: center;
}
.navbar-left .logo {
  margin-right: 20px;
}
.navbar-left .nav-item {
  margin-right: 20px;
  position: relative;
}

.dropdown-menu {
  display: none;
  position: absolute;
  background-color: white;
  min-width: 200px;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  top: 100%;
  left: 0;
  z-index: 1000;
}
.dropdown-menu .dropdown-item {
  padding: 10px 20px;
  color: rgb(57, 109, 168);
}
.dropdown-menu .dropdown-item:hover {
  background-color: rgb(242, 108, 78) !important;
  color: white;
  width: auto;
}

.dropdown:hover .dropdown-menu {
  display: block;
}

.main-content {
  flex: 1;
}

.navbar-right {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.drop-open {
  left: -150px;
}

.footer {
  background-color: rgb(57, 109, 168);
  color: white;
  text-align: center;
  margin-top: auto;
  box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);
  position: fixed;
  bottom: 0px;
  width: 100%;
}
.footer a {
  color: red;
  text-decoration: none;
  font-weight: bold;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .footer-paragraph {
  margin-bottom: 11px;
  margin-top: 7px;
}
.footer .footer-icons {
  margin-top: 10px;
}
.footer .footer-icons a {
  margin: 0 10px;
  color: #adb5bd;
  font-size: 18px;
}
.footer .footer-icons a:hover {
  color: blue;
}

.fa-check {
  color: #00735D;
}

.fa-times {
  color: rgb(242, 108, 78);
}

.actionsection {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
}

.settings {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-evenly;
}

@keyframes loading {
  to {
    transform: rotate(360deg);
  }
}
.login-container {
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #f8f9fa;
}

.login-card {
  padding: 2rem;
  border-radius: 10px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.login-btn {
  background-color: rgb(242, 108, 78);
  color: white;
}

.login-btn:hover {
  background-color: rgb(234, 93, 61);
  color: white;
}

.forgot-link {
  color: #7b5ce6;
}

.no-ligne {
  white-space: nowrap;
}

thead {
  white-space: nowrap;
}

p, label, span {
  font-size: 0.8rem;
}

.fermer {
  background: none;
  border: none;
}

.search-button {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: fit-content;
  align-items: anchor-center;
  margin-top: 27px;
}

.roster-table td:first-child {
  width: 20%;
}

.roster-table td:not(:first-child) {
  width: 50px;
}

.roster-table td:first-child input {
  border: none;
  width: 100%;
  text-align: left;
  pointer-events: none;
  user-select: none;
}

.roster-table td:not(:first-child) input {
  border: none;
  width: 100%;
  text-align: center;
}

.capital {
  background: #dbdbdb;
  border-radius: 6px;
  width: 40px;
  text-align: center;
  font-weight: 900;
  display: flex;
  margin: 0px 7px 0px 7px;
  height: 40px;
  align-items: center;
  justify-content: center;
  border-left-width: 28px;
  border-left: 4px solid red;
}

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ced4da !important;
  border-radius: 4px;
  height: 37px !important;
  color: #000 !important;
}

.radio-src-planner {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.radio-src-planner input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  width: 20% !important;
}

.row-modified {
  background-color: #fff3cd !important;
  transition: background-color 0.3s ease-in-out;
}

.search-bar {
  width: 100%;
}
.search-bar .container {
  max-width: 65% !important;
}

.preferred-partners {
  margin-top: 2rem;
  margin-bottom: 2rem;
  border: 1px solid #CCC;
  padding: 20px;
}
.preferred-partners .preferred-title {
  font-size: 1.5rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: rgb(242, 108, 78);
}
.preferred-partners .preferred-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.preferred-partners .preferred-column {
  border: 1px solid #ccc;
  padding: 1rem;
  min-width: 200px;
  max-height: 400px;
  overflow-y: auto;
}
.preferred-partners .preferred-category {
  font-size: 1rem;
  font-weight: bold;
  color: #a77b00;
  margin-bottom: 0.5rem;
}
.preferred-partners .preferred-item {
  margin-bottom: 0.5rem;
}
.preferred-partners .preferred-label {
  font-size: 14px;
  cursor: pointer;
  display: block;
}
.preferred-partners .preferred-checkbox {
  margin-right: 5px;
  transform: scale(1.1);
}

#trip-table th .dtcc-button-icon {
  color: white;
}

.table.dataTable span.dtcc span.dtcc-button-icon {
  color: white;
}

.table.dataTable span.dtcc button.dtcc-button:hover {
  background: none;
  cursor: pointer;
}

.dt-search {
  display: none !important;
}

/*# sourceMappingURL=styles.css.map */