/* BOX (maquette orga) */
.box {
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  font-size:0.85rem;
  text-align:center;
  margin: 0.5rem; /*mr-2*/
  padding: 0.1;
}

.titre {
  font-weight: bolder;
  padding-top: 0.5rem;
}

.contenu {
  vertical-align: middle;
  margin-top:0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top: 0;
  padding: 0.5rem;
}

.chiffre-clef {
  font-weight: bolder;
  color: #ff009f;
}

/*MESSAGES FLASH*/
.flash {
  margin: 1em 0;
  padding: 1em;
  background: #cae6f6;
  border: 1px solid #377ba8;
  border-radius: 0.25rem;
}

/*ICONES et TOOLTIP (maquette orga)*/

.info-maquette {
  width:24px;
  height:24px;
  fill:none;
  stroke:#007bff;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align: top;
}

.info-ETP {
  width:1rem;
  height:1rem;
  fill:none;
  stroke:#007bff;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align: text-top;
}

.tooltip-inner{
  max-width:610px;
  border-radius:4px;
  text-align:left;
  vertical-align: middle;
  background-color: #343a40;
  font-size:0.9rem;
}

.small.tooltip-inner {
  max-width:470px;
  font-size:0.8rem;
}

/* TABLEAUX */

.table-striped-blue tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 112, 192, 0.10);
}

.tablemaquette, .tablecycle {
  text-align: center;
  vertical-align: middle;
  font-size: 0.85em;
}

.tablemaquette thead th, thead td {
  vertical-align: middle;
  color: #fff;
  background-color: #0070c0;
}

.tablecycle thead th, thead td, tfoot th, tfoot td {
  vertical-align: middle;
  color: #fff;
  background-color: #0070c0;
}

.tablemaquette tbody th, tbody td {
  vertical-align: middle;
}

.tableusers {
  border-collapse: collapse;
  vertical-align: middle;
  margin-bottom: 1rem;
  color: #212529;
}

.tableusers th, td {
  padding-right: 0.75rem;
  padding-left:0.75rem;
  padding-top:0.15rem;
  padding-bottom:0.15rem;
  border-top: 1px solid #dee2e6;
  vertical-align: middle;
}

.tableusers thead th, thead td, tfoot th, tfoot td {
  vertical-align: middle;
  color: #fff;
  background-color: #0070c0;
}

.Jour {
  border-left:3px solid #dee2e6;
  max-width: 60px;
  min-width: 60px;
}

.Nuit {
  border-right:3px solid #dee2e6;
  max-width: 60px;
  min-width: 60px;
}

.col2 {
  max-width: 70px;
  min-width: 70px;
}

/*INPUT*/

/* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


input[type=select] {
  align-self: start;
 text-align: center;
}

table input {
  font-family: calibri;
  align-self: start;
  max-width: 7em;
  text-align: center;
}

table input[type=number] {
  align-self: start;
  max-width: 2em;
  text-align: center;
}

.param-input {
  min-width: 100px;
  height: 30px;
}

/*LOADER : chargement d'une page*/
.loader {
position : fixed;
z-index: 9999;
top : 0px;
left : 0px;
height : 100%;
width : 100%;
cursor : wait;
}