@charset "UTF-8";
/* --------------------------------------------------------------------------------
* Ce fichier fait partie du projet "Gestion d'atelier" Chiffelle
* version : Bootstrap 5
* (c) 2025-2025 Xavier Pellissier - nostopware.ch
* 
* Date de création ................... 15.06.2025
* Dernière modification .............. 28.06.2025
* 
* Définition de la page minimum
* -------------------------------------------------------------------------------- */
/* ==================================================
   Définition des constantes
===================================================== */
/* ==================================================
   Gestion des media queries
===================================================== */
/* ==================================================
   Adaptations du CSS styles.css standard
===================================================== */
@import url("https://fonts.googleapis.com/css?family=Nunito Sans&display=swap");
body {
  font-family: "Nunito Sans", sans-serif !important;
}

.app-header {
  top: 0px;
  background: #BB1A23;
}

.brand-logo {
  background: #BB1A23;
}

#main-wrapper[data-layout=vertical][data-sidebar-position=fixed] .left-sidebar {
  top: 0px;
}

.body-wrapper .container-fluid {
  margin: 0;
  padding-top: 90px;
  max-width: 100%;
}
@media (min-width: 992px) {
  .body-wrapper .container-fluid {
    padding-top: 90px;
  }
}
@media (min-width: 576px) {
  .body-wrapper .container-fluid {
    padding-top: 90px;
  }
}

.btn {
  --bs-btn-padding-x: 10px;
  --bs-btn-padding-y: 5px;
  --bs-btn-border-radius: 7px;
}

.btn-info {
  --bs-btn-bg: #3699ff;
  --bs-btn-border-color: #3699ff;
  --bs-btn-hover-bg: #2b7ac9;
}

.btn-success {
  --bs-btn-bg: #0bb7af;
  --bs-btn-border-color: #0bb7af;
  --bs-btn-hover-bg: #0a9c95;
}

.card {
  --bs-card-border-radius: 5px;
}
.card .card-title {
  color: #666666;
}
.card .card-body {
  color: #666666;
}

.container {
  width: 100%;
}

form .col-form-label {
  color: #666666;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
  color: #666666;
}

.iconify-sm {
  font-size: 20px !important;
}

.left-sidebar .scroll-sidebar {
  height: calc(100vh - 70px);
}

.modal {
  --bs-modal-border-radius: 5px;
}

.navbar-nav .dropdown-menu {
  position: absolute;
  min-width: 280px;
}

.nav-link {
  color: white;
}

.row > * {
  padding-right: calc(var(--bs-gutter-x) * 0.3);
  padding-left: calc(var(--bs-gutter-x) * 0.3);
}

.sidebar-nav ul .sidebar-item .sidebar-link {
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 0px;
}

.sidebar-nav .has-arrow::after {
  top: inherit;
}

.sidebar-nav ul .sidebar-item .sidebar-link {
  padding: 5px 10px;
  border-radius: 5px;
  margin-bottom: 0px;
}
.sidebar-nav .has-arrow::after {
  top: inherit;
}

table tr td {
  padding: 2px;
}

.table-sm > :not(caption) > * > * {
  padding: 0.25rem;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
  color: #444444;
}

.table-striped > tbody > tr:nth-of-type(even) > * {
  color: #444444;
}

table.display.dataTable > tbody > tr.selected > *,
table.display.dataTable > tbody > tr.odd.selected > *,
table.display.dataTable > tbody > tr.selected:hover > * {
  background-color: #0C70FD;
}

/* ==================================================
   Définition des styles propres à l'application
===================================================== */
/**************************************
pour l'expéditeur dans sendMessage.php
*************************************/
.form-control[readonly] {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}

/**************************************
pour la date du jour dans datePicker
*************************************/
body .ui-state-highlight {
  height: auto;
  margin-bottom: auto;
  border-radius: 0px;
}

/**************************************
couleurs de l'outline du button eye
*************************************/
.btn-outline-eye {
  color: #9097a7;
  background-color: transparent;
  background-image: none;
  border-color: #9097a7;
}

/**************************************
ratio 1/3 2/3 des champs NP & Localité
*************************************/
#edtNP, #edtCliNP, #edtDstNP, #edtRepriseNP, #edtStockNP {
  flex: 1 1 auto;
}

#edtLocalite, #edtCliLocalite, #edtDstLocalite, #edtRepriseLocalite, #edtStockLocalite {
  flex: 3 1 auto;
}

/**************************************
champs d'édition (form)
*************************************/
.col-form-label {
  padding-top: calc(4px + var(--bs-border-width));
  padding-bottom: calc(4px + var(--bs-border-width));
  padding-right: calc(var(--bs-gutter-x) * 0.3);
  padding-left: calc(var(--bs-gutter-x) * 0.3);
  color: #666666;
}

.form-control {
  padding: 4px 8px;
}

.input-group-text {
  padding: 4px 8px;
}

.form-select {
  padding: 4px 38px 4px 8px;
}

select.form-control {
  -webkit-appearance: menulist;
}