@media (max-height: 600px)
{
    .NATB-Home-Logo {
        display: none;
    }
}

#LoadDiv {
    position: fixed;
    display: none;
    justify-content: center;
    height: 100%;
    width: 100%;
    background: #ffffffaa;
    font-size: 48px;
    align-items: center;
    z-index: 21;
    padding-bottom: 350px;
    user-select: none;
}

#LoadDiv div div {
    text-align: center;
} 

.NATB-m-left-8 {
    margin-left: 8px;
}

.NATB-Position-Relative {
    position:relative;
}

.NATB-BottomIcon-Container{
    position:relative;
}

.NATB-BottomIcon-BottomIcon-Container{
    position:absolute; 
    top:7px; 
    left:7px;
}

.NATB-BottomIcon-BottomIcon {
    font-size:9pt;
}

.NATB-TopLeftIcon{
    position:absolute; 
    top:-16px; 
    left:-11px;
}

.NATB-TopLeftIcon span {
    font-size: 6pt;
}

.NATB-Page-Break { 
        page-break-before: always; 
    } 

.NATB-Background-Statut-0 { 
    background-color: #ffc800 !important;
    color: white;
}

.NATB-Text-Statut-0 {
    color: #030303 !important;
}

.NATB-Background-Statut-1 {
    background-color: #46a92b !important;
    color: white;
}

.NATB-Button-Active { 
    
}

.NATB-Background-Statut-0.NATB-Button-Active {
    border: 1px solid #b18b00;  
}

.NATB-Background-Statut-1.NATB-Button-Active {
    border: 1px solid #1d721d;
}

.NATB-Bubble-Statut-0 {
    
}

.NATB-Dashboard {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 16px;
    background-color: white;
    
}

.NATB-Dashboard-Info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 8px;
    border-bottom: 1px solid #dddddd;
}

.NATB-Dashboard-Shortcuts {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.NATB-Dashboard-Shortcuts .NATB-Button {
    width: 251px;
    height: 38px;
}

.NATB-Dashboard-Item {
    display: flex;
    color: white;
    margin-bottom: 1px;
}

.NATB-Dashboard-Label {
    padding: 4px;
    padding-left: 8px;
    width: 100px;
    text-align: left;
    margin-right: 1px;
    background-color: #CA232B;
    display: flex;
    align-items: center;
}

.NATB-Dashboard-Value {
    padding: 4px;
    padding-left: 8px;
    width: 150px;
    text-align: left;
    background-color: #CA232B;
    display: flex;
    align-items: center;
}

.NATB-Dashboard-Left {
    text-align: left;
}

.NATB-Dashboard-Right {
    text-align: right;
}

.NATB-Bubble-Statut-1 {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
}

.NATB-Bubble-Statut-1:before {
    content: "\f00c";
}

.NATB-Bubble {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: middle;
}

.NATB-Menu-HR {
    margin: 8px 0px;
}

.NATB-Menu-Item {
    cursor: pointer;
    user-select: none;
    font-size: 16px;
    padding: 8px;
}

.NATB-Nav-Container {
    
}

.NATB-Nav {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    height: 32px;
    font-size: 20px;
    align-items: center;
    background-color: #CA232B;
    color: white;
    user-select: none;
    padding-left: 8px;
    padding-right: 8px;
}

.NATB-Nav-Page {
    padding: 16px;
    background-color: white;
    border-bottom: 1px solid #e9e9e9;
}

.NATB-Nav-Page:empty {
    padding: 0;
}

.NATB-Nav-Title {
    display: flex;
    justify-content: flex-start;
    cursor: pointer;
}

.NATB-Nav-Info {
    
}

.NATB-Nav-Close {
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

.NATB-Info {
    margin: 8px; 
    padding: 8px; 
    border: 1px solid #dddddd;
    margin-bottom: 16px;
}

.NATB-AppBar {
  line-height: 45px; 
  font-size: 20px;
  user-select: none;
  background-image: linear-gradient(white,#DFDFDF);
  border-bottom: 1px solid #a2a2a2;
  display: flex;
  align-items: center;
  height: 45px;
  padding-left: 16px;
}

.NATB-Tab-Item {
    cursor: pointer;
    user-select: none;
}

.NATB-Tab-Info {
    font-size: 20px;
    display: flex;
    justify-content: space-between;
    padding-left: 16px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
    align-items: center;
    width: 100%;
}

.NATB-Tab-Sync {
    margin-right: 8px;
}

#buttonTabSync {
    
}

.NATB-Tab-Title {
    width: 100%;
    text-align: left;
    padding-left: 8px;
}

.NATB-Tab-Back {
    cursor: pointer;
    display: none;
}

.NATB-Message-Read {
    justify-content: center;
}

.NATB-Message-Content {
    margin-bottom: 8px;
    display: none;
    text-align: center;
}

.NATB-Message-Alert {
    vertical-align: top;
    margin-left: 8px;
}

.NATB-Produit-Nav-Item {

}

.NATB-Sections {
    width: 100%;
    color: white;
    overflow-y: auto;
    padding-right: 14px;
}

.NATB-Section {
    justify-content: space-between !important;
    margin-bottom: 4px;
    min-height: 50px;
    max-height: 50px;
}

.NATB-Section:hover {
    opacity: 0.8;
}

.NATB-Section-Titre {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.NATB-Section-Titre-TITRE {
    min-width: 200px;
    max-width: 200px;
}

.NATB-Section-Titre-SECTIONTITRE {
    width: 100%;
    margin-left: 8px;
    margin-right: 8px;
}

.NATB-Section-Titre-count {
    min-width: 30px;
    max-width: 30px;
    text-align: right;
    margin-right: 8px;
}

.NATB-Arret-Message {
    margin-left: 8px;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #defeff;
    padding: 8px;
    border-radius: 4px;
}

.NATB-Arret-Card-Client {
    display: flex;
    justify-content: space-between;
}

.NATB-Arret-Card-Client-Info {
    flex-grow: 1;
}

.NATB-Arret-Card-Client-Montant {
    max-width: 75px;
    min-width: 75px;
    margin-left: 8px;
    margin-right: 16px;
    text-align: center;
    color: white;
    align-items: center;
    justify-content: flex-end;
    padding-right: 8px;
    display: flex;
    height: 32px;
    border-radius: 4px;
}

.NATB-Arret-Card-ClientAddress {
    margin-top: 8px;
}

.NATB-Arret-Card-Client-Paye {
    max-width: 75px;
    min-width: 75px;
    margin-left: 8px;
    margin-right: 16px;
    align-items: center;
    justify-content: center;
    display: flex;
    font-weight: bold;
    font-style: italic;
    border-radius: 4px;
}

.NATB-Section-Arrow {
    
}

.NATB-Produits {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow-y: auto;
    align-content: flex-start !important;
    margin-top: 8px;
    padding-right: 8px;
}

.NATB-Produit {
    text-align: center;
    flex-grow: 1;
    width: 200px;
    margin-right: 4px;
    margin-left: 4px;
}

.NATB-Produit-Nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.NATB-Produit-Nav-Item {
    display: flex;
    justify-content: center;
    width: 100px;
}

.NATB-Produit-Nav-Info {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    margin-right: 8px;
    margin-left: 8px;
}

.NATB-Produit-Nav-Info-Search {
    width: 100%;
    margin-top: 8px;
}

.NATB-Produit-Description {
    height: 70px;
}

.NATB-Produit-Controls {
    display: flex;
    font-size: 20px;
    user-select: none;
    align-items: center;
}

.NATB-Produit-Controls .NATB-Button {
    min-width: 64px;
    max-width: 64px;
}

.NATB-Produit-Count {
    width: 100%;
    line-height: 40px;
    font-size: 20px;
}

.NATB-Produit-Count-Edit {
    display: none;
    margin-left: 8px;
    margin-right: 8px;
    font-size: 20px;
    flex-grow: 1;
}

.NATB-Produit-Count-Edit-Input {
    text-align: center;
}

.NATB-Produit-Code {
    font-size: 20px;
    font-weight: bold;
}

.NATB-Produit-Prix {

}

.NATB-Manifest-Nav {
    display: flex;
    align-items: center;
}

.NATB-Produit-Info {
    text-align: center;
    border-bottom: 1px solid grey;
    margin-bottom: 8px;
    height: 100px;
}

.NATB-Search-Input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-align: center;
}

.NATB-Facture-Container {
    margin: 8px;
}

.NATB-Facture-Title, .NATB-Approvisionnement-Title {
    text-align: center;
}

.NATB-Facture-Print-Logo {
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
    display: none !important;
}

.NATB-Facture-Add {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.NATB-Facture-Input-AddCode {
    text-align: center;
    margin-right: 8px;
    min-width: 80px;
    max-width: 80px;
}

.NATB-Facture-Input-AddCode:nth-child(2) {
    min-width: 60px;
    max-width: 60px;
}

.NATB-Detail-Container {
    margin: 8px;
}

.NATB-List-Container {
    margin: 8px;
    margin-bottom: 0;
}

.NATB-Laser-Facture-Item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 32px;
    flex-direction:column;
}

.NATB-Laser-Facture-Header{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: center;
}

.NATB-Laser-Facture-Title {
    text-align: center;
}

.NATB-Laser-Facture-Separator{
    margin-top: 8px;
    margin-bottom: 16px;
}

.NATB-Laser-Facture-Prix {
    text-align: right;
    min-width: 100px;
    max-width: 100px;
}

.NATB-Laser-Facture-Count-At{
    text-align: right;
    display: flex;
    max-width: 45px;
    min-width: 45px;
    align-items: center;
    margin-left:10px;
}

.NATB-Laser-Facture-Taxable {
    min-width: 30px;
    max-width: 30px;
    text-align: right;
}

.NATB-Laser-Facture-Description {
    overflow:hidden;
    max-width:200px;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-left:10px;
}

.NATB-Laser-Facture-Format {
    text-align: right;
    display: flex;
    max-width: 25px;
    min-width: 25px;
    align-items: center;
    margin-left:10px;
}

.NATB-Laser-Facture-Count{
    text-align: right;
    display: flex;
    max-width: 25px;
    min-width: 25px;
    align-items: center;
    margin-left:10px;
}

.NATB-Laser-Facture-Code{
    text-align: right;
    display: flex;
    max-width: 40px;
    min-width: 40px;
    align-items: center;
}

.NATB-Print-Facture-Item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 32px;
    /*align-items: center;*/
    flex-direction:column;
}

.NATB-Display-Facture-Header-Item {
}

.NATB-Container-Display-Facture-Header {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
}

.NATB-Container-Display-Facture-Total {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    width: 100%;
    min-height: 23px;
    align-items: center;
} 

.NATB-Display-Facture-Total-FactureTitle {
    width: 37%;
}

.NATB-Display-Facture-Total-Facture {
    display: flex;
}

.NATB-Display-Facture-Total-Facture-Title {
    min-width: 100px;
    max-width: 100px;
}

.NATB-Display-Facture-Total-Facture-Numero {
    min-width: 100px;
    max-width: 100px;
}


.NATB-Display-Facture-Facture-Title2 {
    width: 26%;
    text-align: center;
    font-weight: bold;
}

.NATB-Display-Facture-Item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    align-items: center;
    flex-direction:row;
}

.NATB-Display-Facture-Code {
    min-width: 60px;
    max-width: 60px;
}

.NATB-Print-Facture-Description {
    overflow:hidden;
    max-width:200px;
    text-overflow:ellipsis;
    white-space:nowrap;
    margin-left:10px;
}

.NATB-Display-Facture-Description {
    width: 100%;
}

.NATB-Display-Facture-Commande-Delta {
    background-color: yellow;
}

.NATB-Facture-Description-Total {
    display: flex;
    justify-content: space-between;
    width:37%;
}

.NATB-Display-Facture-Delete {
    min-width: 50px;
    max-width: 50px;
    justify-content: flex-end;
    display: flex;
}

.NATB-Display-Facture-Count-Commande {
    text-align: right;
    min-width: 100px;
    max-width: 100px;
    margin-left: 4px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.NATB-Display-Facture-Count {
    text-align: right;
    display: flex;
    max-width: 45px;
    min-width: 45px;
    align-items: center;
}

.NATB-Print-Facture-Count{
    text-align: right;
    display: flex;
    max-width: 25px;
    min-width: 25px;
    align-items: center;
    margin-left:10px;
}
 
.NATB-Print-Facture-Count-At{
    text-align: right;
    display: flex;
    max-width: 45px;
    min-width: 45px;
    align-items: center;
    margin-left:10px;
}

.NATB-Print-Facture-Code{
    text-align: right;
    display: flex;
    max-width: 40px;
    min-width: 40px;
    align-items: center;
}

.NATB-Print-Facture-Format {
    text-align: right;
    display: flex;
    max-width: 25px;
    min-width: 25px;
    align-items: center;
    margin-left:10px;
}

.NATB-Display-Facture-Count-At{
    display: flex;
    justify-content: flex-end;
    min-width: 80px;
    max-width: 80px;
}

.NATB-Facture-Input {
    width: 45px;
    height: 38px;
    text-align: right;
    margin-right: 4px;
}

.NATB-Facture-Prix {
    text-align: right;
    min-width: 100px;
    max-width: 100px;
}

.NATB-Facture-Taxable {
    min-width: 30px;
    max-width: 30px;
    text-align: right;
}

.NATB-Facture {
    font-family: monospace;
    margin-top: 8px;
    overflow-y: auto;
}

.NATB-Page-Info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    height: 100%;
}

.NATB-Page-Info-Min {
    display: flex;
    justify-content: center;
    align-items: center;
}

.NATB-Page-Info-Message {
    background-color: #fff4f4;
    border-left: 4px solid #ca232b;
    padding: 8px;
    border-radius: 4px;
    margin-top: 8px;
    display: none;
}

.NATB-Page-Info-Limite {
    text-align: center;
    background-color: #fff4f4;
    border-left: 4px solid #ca232b;
    padding: 8px;
    border-radius: 4px;
    margin-top: 8px;
    display: none;
}

.NATB-Collect-Limite {
    background-color: #fff4f4;
    border-left: 4px solid #ca232b;
    padding: 8px;
    border-radius: 4px;
    margin-bottom: 4px;
    display: none;
}

.NATB-Page-Info-Produits-Invalides, .NATB-Page-Info-Taxes-Invalides {
    background-color: #fff4f4;
    border-left: 4px solid #ca232b;
    padding: 8px;
    border-radius: 4px;
    margin-top: 8px;
    display: none;
    max-height: 200px;
}

.NATB-Page-Info-Message:empty {
    display: none;
}

.NATB-Page-Info-Buttons {
    min-width: 100px;
}

.NATB-Route-Page-Info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.NATB-Camion-Inventaire-Page-Info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.NATB-Camion-Physique-Page-Info {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.NATB-ArretList-Controls {
    display: flex;
    justify-content: space-between;
}

.NATB-ArretList-Controls-Manifeste {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.NATB-ArreList-Filters {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.NATB-List-Card {
    user-select: none;
    display: flex; 
    align-items: center; 
    justify-content: space-between;
    padding-right: 16px;
    margin-right: 2px;
}

.NATB-Arret-Card-SequenceNumber {
    min-width: 40px;
    max-width: 40px;
    text-align: center;
    margin-right: 16px;
}

.NATB-Arret-Card-Sequence {
    width:50px;
}

.NATB-Arret-Card-Type {
    width: 100px;
    margin-left: 16px;
    margin-right: 16px
}

.NATB-Approvisionnement-Card-Content {
    flex-grow: 1;
    margin-right: 8px;
}

.NATB-Approvisionnement-Note {
    height: 68px;
}

.NATB-Approvisionnement-Info {
    display: flex;
    gap: 8px;
}

.NATB-Ajustement-Card-Note {
    flex-grow: 1;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.NATB-Ajustement-Card-Content {
    margin-right: 8px;
    min-width: 80px;
    max-width: 80px;
}

.NATB-Arret-Card-Content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 400px;
    margin-right: 8px;
}

.NATB-Arret-Card-Status {
    width: 50px; 
    display: flex; 
    justify-content: flex-end;
}

.NATB-ArretList {
    margin-top: 16px;
    padding-top: 16px;
    overflow-y: auto;
    border-top: 1px solid #323232;
}

#saisieRapideApprovisionnementItems {
    overflow-y: auto;
}

#approvisionnementContent {
    overflow-y: auto;
}

.NATB-ArretList-Info {
    width: 314px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 24px;
    color: white;
    background-color: #323232;
    margin-bottom: -16px;
    border-radius: 4px 4px 0 0;
}

.NATB-ArretList-Info-Container {
    display: flex;
    justify-content: flex-start;
    margin-top: -8px;
}

.NATB-ArretList-Date {
    margin-right: 8px;
    white-space: nowrap;
}

.NATB-Button-Section-Back {
    margin-top: 8px;
}

.NATB-Collect-Card {
    display: flex;
    flex-direction: column;
    font-family: monospace;
    width: 400px;
}

.NATB-Collect-Item {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 4px;
}

.NATB-Collect-Item-Label {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.NATB-Collect-Item-Value {
    display: flex;
    justify-content: flex-end;
    min-width: 100px;
    max-width: 100px;
    margin-left: 8px;
}

.NATB-Collect-Input {
    text-align: right;
    margin-right: 4px;
    padding-right: 4px;
}

.NATB-Collect-Detail {
    display: flex;
    justify-content: flex-end;
}

.NATB-Card-Title {
    text-align: center;
    background-color: #323232;
    margin-bottom: 16px;
    border-radius: 4px;
    padding: 8px;
    color: white;
}

.NATB-Display-Facture-Separator, .NATB-Display-Approvisionnement-Separator {
    margin-top: 8px;
    margin-bottom: 16px;
}

.NATB-Print-Facture-Separator{
    margin-top: 8px;
    margin-bottom: 16px;
}

.NATB-Produit-Nav-Info-Title {
    width: 100%;
}

.NATB-Deplacer-Container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.NATB-Card-Deplacer {
    width: 450px;
    max-width: 100%;
}

.NATB-Deplacer-Inputs {
    margin-top: 8px;
    display: flex;
    gap: 8px;
}

#deplacerSelect, #deplacerSelectRoute {
    width: 200px;
}

.NATB-Balance-Line {
    display: flex;
    align-items: center;
    margin-top: 8px;
}

.NATB-Balance-Label {
    width: 300px;
    text-align: right;
}

.NATB-Balance-Value {
    min-width: 120px;
    margin-left: 8px;
}

.NATB-Balance-Count {
    min-width: 150px;
    max-width: 150px;
    margin-left: 16px;
    text-align: center;
}

.NATB-Card-Balance {
    width: 700px;
    max-width: 100%;
    font-family: monospace;
}

.NATB-Detail-Balance {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

#produitsInvalides, #taxesInvalides {
    margin-top: 8px;
    overflow-y: auto;
    max-height: 100px;
}

.NATB-Balance-NotDoneCount {
    justify-content: center;
    margin-bottom: 16px;
}

.NATB-Print-Facture-Header{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items: center;
}

.NATB-Facture-SubContainer-L1{
    display:flex;
    flex-direction:row;
    justify-content: space-between;
}

#PrintDiv {
    font-size:8pt;
}

.NATB-flex-column {
    display:flex;
    flex-direction:column;
}


.NATB-flex-row {
    display:flex;
    flex-direction:row;
}

.NATB-flex-row.NATB-space-between {
    justify-content: space-between;
}
.NATB-flex-row.NATB-end {
    justify-content: end;
}

.NATB-td-space-10 {
    width:10px;
}

.NATB-SaisieRapide-Col-Header {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    text-align: center;
}

.NATB-SaisieRapide-Stats {
    background-color: #fff4f4;
    border-left: 4px solid #ca232b;
    border-radius: 4px;
    padding: 8px;
    margin-bottom: 8px;
}

.NATB-SaisieRapide-Inputs {
    display: flex;
    margin-bottom: 8px;
    margin-top: 8px;
}

.NATB-FromSeuil-1 {
    background-color: #ffff0033;
}

.NATB-SaisieRapide-Col-Code {
    min-width: 80px;
    max-width: 80px;
}

.NATB-SaisieRapide-Col-Code input {
    text-align: center;
}

.NATB-SaisieRapide-Col-Code label {
    margin-bottom:unset;
    margin-left:3px;
}

.NATB-Center-Text {
    text-align:center;
}

.NATB-SaisieRapide-Col-Description {
    margin-left: 8px;
}

.NATB-SaisieRapide-Col-Description-Grow {
    margin-left: 8px;
    flex-grow: 1;
    min-width: 100px;
}

.NATB-SaisieRapide-Col-Quantite {
    min-width: 50px;
    max-width: 50px;
    margin-left: 8px;
}

.NATB-SaisieRapide-Col-Quantite input {
    text-align: center;
}

.NATB-SaisieRapide-Col-Reapprovisionnement {
    min-width: 50px;
    max-width: 50px;
    margin-left: 8px;
}

.NATB-SaisieRapide-Col-Reapprovisionnement input {
    text-align: center;
}

#saisieRapideItems {
    overflow-y: auto;
}

.NATB-SaisieRapide-Col-Control {
    margin-left: 8px;
    min-width: 40px;
}

#factureMontage {
    font-size: 18pt;
    font-family: monospace;
}

.NATB-Montage-Facture-Header {
    font-size:10pt;
}

.NATB-Montage-Facture-Code { 
    min-width:100px;
    max-width:100px;
}

.NATB-Montage-Facture-Count {
    min-width:50px;
    max-width:50px;
}

.NATB-Montage-Facture-Description { 
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10pt !important;
}

.NATB-Montage-Facture-Ligne {
    display:flex;
    flex-direction:row;
    align-items:center;
}

.NATB-Approvisionnement-Card-Status{
    min-width: 120px;
    max-width: 120px;
    border-radius: 4px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    margin-left: 8px;
}

.NATB-Background-Approvisionnement-Statut-1{
    background-color: #de0d15 !important;
    color: white;
}

.NATB-Background-Approvisionnement-Statut-1.NATB-Button-Active{
    border: 1px solid #a90303;
}

.NATB-Background-Approvisionnement-Statut-2{
    background-color: #3a26d2 !important;
    color: white;
}

.NATB-Background-Approvisionnement-Statut-2.NATB-Button-Active {
    border: 1px solid #1a068b;
}

.NATB-Background-Approvisionnement-Statut-3{
    background-color: #ffc800 !important;
    color: white;
}

.NATB-Background-Approvisionnement-Statut-3.NATB-Button-Active {
    border: 1px solid #b18b00;  
}


.NATB-Background-Approvisionnement-Statut-4{
    background-color: #46a92b !important;
    color: white;
}

.NATB-Background-Approvisionnement-Statut-4.NATB-Button-Active {
    border: 1px solid #1d721d;
}

.NATB-Approvisionnement-Card-Content {
    display:flex;
    gap: 16px;
}

.NATB-ApprovisionnementList {
    margin-top: 8px;
    overflow-y: auto;
}

.NATB-Container-DateCommande, .NATB-Container-DateManifeste {
    display:flex;
    flex-direction:row;
    align-items: center;
}

.NATB-Button-Approvisinnement-Calendar {
    padding: 4px;
    padding-left: 8px;
    margin-left: 10px;
    height:unset;
}

.NATB-Approvisionnement-DateCommande-DatePicker, .NATB-Approvisionnement-DateManifeste-DatePicker {
    margin-left: 10px;
    width: 122px;
}
    
.NATB-Container-ApprovisionnementProduit-Add {
    margin-top:20px;
}

.NATB-Display-Approvisionnement-Item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    flex-direction:row;
    align-items: center;
}

.NATB-Display-Approvisionnement-Code {
    min-width: 60px;
    max-width: 60px;
}

.NATB-Display-Approvisionnement-Description {
    width: 100%;
}

.NATB-Display-NATB-Display-Approvisionnement-Quantities {
    display: flex; 
    gap: 4px; 
    margin-left: 25px;
}

.NATB-Display-NATB-Display-Approvisionnement-Quantities > label {
    width: 50px;
    text-align: center;
}

.NATB-Display-Approvisionnement-Count {
    text-align: right;
    max-width: 45px;
    min-width: 45px;
    align-items: center;
    margin-left: 25px;
}

.NATB-Approvisionnement, .NATB-Ajustement {
    margin-right: 2px;
    padding: 8px;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
}

.NATB-Ajustement {
    overflow-y: auto;
}

.NATB-InventaireList-Filters {
    display:flex;
    flex-direction:row;
    justify-content:end;
    column-gap:10px;
    margin-right:2px;
}

.NATB-InventaireList-Filters span {
    margin-left:10px;
}    

.NATB-ApprovisionnementDetail-Info, .NATB-AjustementDetail-Info {
    background-color: #FFFFFF;
    margin-bottom: 10px;
    padding: 10px;
    padding-top:20px;
    border-bottom: 1px solid #e9e9e9;
}

.NATB-ApprovisionnementProduit-Add {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.NATB-Ajout-Approvisionnement-Title {
    text-align: center;
    margin-bottom:20px;
}

.NATB-Produit-Prix {
    display: flex;
    justify-content: space-between;
}

.NATB-Display-Approvisionnement-Delete {
    min-width: 42px;
    max-width: 42px;
    justify-content: flex-end;
    display: flex;
}

.NATB-Approvisionnement-Delete-Button {
    
}

.NATB-Approvisionnement-Input {
    width: 45px;
    text-align: right;
    margin-right: 4px;
}

.NATB-Approvisionnement-Button-Group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

.NATB-Container-DateCommande-DateReception {
    display:flex;
    flex-direction:column;
    row-gap: 8px;
}

.NATB-DateCommande-Title, .NATB-DateManifeste-Title {
    width: 150px;
}

.NATB-SaisieRapide-Col-Raison {
    width: 170px;
    margin-left: 10px;
}

.NATB-SaisieRapide-Col-Mode-0 {
    display: none !important;
}

.NATB-Button-Collect{
    color: white;
    background-color: #193e70;
    border-right: 1px solid #0b1b30;
    border-bottom: 1px solid #0b1b30;
    width:150px;
}

.NATB-TextBox-SaisieRapide{
    font-size: 8pt;
}


.NATB-Camion-Inventaire-Produit-Header {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid silver;
    margin-bottom: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    background-color: white;
    top: 0;
    position: sticky;
    margin-bottom: 8px;
}

.NATB-Camion-Physique-Produit-Header {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid silver;
    margin-bottom: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    background-color: white;
    top: 0;
    position: sticky;
    margin-bottom: 8px;
}

.NATB-Camion-Partiel-Produit-Header {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid silver;
    margin-bottom: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    background-color: white;
    top: 0;
    position: sticky;
    margin-bottom: 8px;
}

.NATB-Camion-Inventaire-Produit {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #c0c0c080;
    margin-bottom: 2px;
    padding-bottom: 2px;
    align-items: center;
}

.NATB-Camion-Physique-Produit {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #c0c0c080;
    margin-bottom: 2px;
    padding-bottom: 2px;
    align-items: center;
}

.NATB-Camion-Partiel-Produit {
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #c0c0c080;
    margin-bottom: 2px;
    padding-bottom: 2px;
    align-items: center;
}

.NATB-Camion-Inventaire-Produit-Code {
    min-width: 50px;
    max-width: 50px;
    text-align: right;
}

.NATB-Camion-Physique-Produit-Code {
    min-width: 50px;
    max-width: 50px;
    text-align: right;
}

.NATB-Camion-Partiel-Produit-Code {
    min-width: 50px;
    max-width: 50px;
    text-align: right;
}

.NATB-Camion-Inventaire-Produit-Description {
    min-width: 150px;
    max-width: 150px;
}

.NATB-Camion-Physique-Produit-Description {
    flex-grow: 1;
    margin-left: 8px;
}

.NATB-Camion-Partiel-Produit-Description {
    flex-grow: 1;
    margin-left: 8px;
}

.NATB-Camion-Inventaire-Produit-Data {
    min-width: 20px;
    max-width: 20px;
    text-align: right;
}

.NATB-Camion-Physique-Produit-Quantite {
    min-width: 60px;
    max-width: 60px;
    padding-left: 8px;
    text-align: right;
    margin-left: 8px;
}

.NATB-Camion-Partiel-Produit-Quantite {
    min-width: 60px;
    max-width: 60px;
    padding-left: 8px;
    text-align: right;
    margin-left: 8px;
}

.NATB-Camion-Physique-Produit-Count {
    max-width: 60px;
    min-width: 60px;
    text-align: right;
    margin-left: 8px;
    padding-left: 8px;
}

.NATB-Camion-Physique-Produit-Count input {
    text-align: right;
    max-width: 60px;
}

.NATB-Camion-Partiel-Produit-Count {
    max-width: 60px;
    min-width: 60px;
    text-align: right;
    margin-left: 8px;
    padding-left: 8px; 
}

.NATB-Camion-Partiel-Produit-Count input {
    text-align: right;
    max-width: 60px;
}

.NATB-Camion-Physique-Produit-Ecart {
    min-width: 64px;
    max-width: 64px;
    text-align: right;
    padding-right: 16px;
}

.NATB-Camion-Partiel-Produit-Ecart {
    min-width: 64px;
    max-width: 64px;
    text-align: right;
    padding-right: 16px;
}

.NATB-Camion-Inventaire-Table {
    overflow-y: auto;
    margin: 8px;
}

.NATB-Camion-Physique-Table {
    overflow-y: auto;
    margin: 8px;
}

.NATB-Camion-Partiel-Table {
    overflow-y: auto;
    margin: 8px;
}

.NATB-Camion-Inventaire-Checkbox {
    display: flex;
    justify-content: flex-end;
}

.NATB-Camion-Physique-Controls, .NATB-Camion-Partiel-Controls {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    gap: 8px;
}

.NATB-SaisieRapide-Choice-Element { 
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: end;
}

.NATB-SaisieRapide-Choice-Element-Grow {
    display: flex;
    flex-direction: column;
    height: 60px;
    justify-content: end;
    flex-grow: 1;
    min-width: 100px;
}

.NATB-SaisieRapide-Choice-Col-Quantite {
    min-width: 50px;
    max-width: 50px;
}

.NATB-SaisieRapide-Choice-Element-Quantite {
    margin-left:8px;
    text-align:center;
}

.NATB-SaisieRapide-Choice-Element-Quantite input {
    text-align:center;
}

.NATB-SaisieRapide-Choice-Element-Quantite span, .NATB-SaisieRapide-Choice-Element-Raison > span {
    font-weight:bold;
    text-align: center;
}

.NATB-SaisieRapide-Choice-Col-Reapprovisionnement {
    min-width: 50px;
    max-width: 50px;
}

.NATB-SaisieRapide-Col-Stock {
    max-width: 50px;
    min-width: 50px;
    margin-left: 8px;
    text-align: center;
}

.NATB-SaisieRapide-Col-Stock input {
    text-align: center;
}

.NATB-SaisieRapide-Choice-Element-Reapprovisionnement {
    margin-left:8px;
    text-align:center;
}

.NATB-SaisieRapide-Choice-Element-Reapprovisionnement input {
    text-align:center;
}

.NATB-SaisieRapide-Choice-Element-Reapprovisionnement span {
    font-weight:bold;
}

.NATB-Red-Input {
    color: white;
    border-color: #9c0a0a; 
    background-color: #ca232b;
}

.NATB-Red-Input::placeholder {
  color: white;
  opacity: 1; 
}

.NATB-Red-Input:-ms-input-placeholder { 
  color: white;
}

.NATB-Red-Input::-ms-input-placeholder {
  color: white;
}

.NATB-Red-Input:focus {
    border-color:#9c0a0a;
}

.NATB-AjustementList { 
    margin-top: 8px;
    overflow-y: auto; 
}

.NATB-Approvisionnement-Card {
    min-height: 56px;
    max-height: 56px;
}

.NATB-Ajustement-Card {
    min-height: 56px;
    max-height: 56px;
}

.NATB-Ajustement-Card-Content {
    display:flex;
    flex-direction: column;
}

.NATB-Display-Ajustement-Item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    min-height: 42px;
    flex-direction:row;
    align-items: center;
}

.NATB-Display-Ajustement-Code{
    min-width: 60px;
    max-width: 60px;
}

.NATB-Display-Ajustement-Description{
    flex-grow: 1;
}

.NATB-Display-Ajustement-Format {
    min-width: 50px;
    max-width: 50px;
    margin-left: 8px;
}

.NATB-Display-Ajustement-Raison {
    min-width: 130px;
    max-width: 130px;
    margin-left: 8px;
}

.NATB-Display-Ajustement-Count{
    text-align: right;
    max-width: 45px;
    min-width: 45px;
    align-items: center;
    margin-left: 8px
}

.NATB-Ajustement-Input{
    width: 45px;
    text-align: right;
    margin-right: 4px;
}

.NATB-Display-Ajustement-Delete{
    min-width: 42px;
    max-width: 42px;
    justify-content: flex-end;
    display: flex;
}

.NATB-Display-Ajustement-Separator{
    margin-top: 8px;
    margin-bottom: 16px;
}

.NATB-Ajustement-Title{
    text-align: center;
}

.NATB-Ajustement-Button-Group {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 10px;
}

.NATB-AjustementProduit-Add {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.NATB-Ajustement-Card-Status {
    min-width: 100px;
    max-width: 100px;
    border-radius: 4px;
    height: 30px;
    line-height: 31px;
    text-align: center;
    font-weight: bold;
    margin-left: 8px;
}

.NATB-Background-Ajustement-Statut-1{
    background-color: #de0d15 !important;
    color: white;
}

.NATB-Background-Ajustement-Statut-1.NATB-Button-Active{
    border: 1px solid #a90303;
}

.NATB-Checkbox-ShowArretToggle label {
    width: 80px;
}

NATB-Checkbox-ShowArretToggle {
    margin: 2px;
}

.NATB-Checkbox-ShowArretToggle-Container {

}

.NATB-ClientNote-List-Controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.NATB-ClientNote-List-Fermer {
    margin-top: 8px;
}

.NATB-ClientNote-Detail-Note {
    margin-bottom: 8px; 
    height: 300px; 
    flex-grow: 1;
}

.NATB-ClientNote-Date {
    width: 120px;
}

.NATB-ClientNote-DatePermanent {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.NATB-ClientNote-Detail-Permanent {

}

.NATB-ClientNote-List-Items {
    overflow-y: auto;
    margin-top: 8px;
    margin-bottom: 8px;
}

.NATB-ClientNote-List-Card-Note {
    flex-grow: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.NATB-ClientNote-List-Card {
    border-left: 4px solid #CA232B;
}

.NATB-ClientNote-List-Card-false {
    border-left-color: #cbcbcb;
}

.NATB-ClientNote-List-Card-Date {
    font-weight: bold;
    border-radius: 4px;
    flex-shrink: 0;
    min-width: 87px;
    text-align: center;
}

.NATB-ClientNote-List-Card-Permanent {
    color: white;
    border-radius: 4px;
    background: #CA232B;
    text-align: center;
    padding: 4px 8px;
    min-width: 25px;
    max-width: 25px;
    text-align: center;
    margin-left: 8px;
    display: none;
}

.NATB-ClientNote-List-Card-Delete {
    margin-left: 8px;
    height: 54px;
    margin-bottom: -8px;
    margin-top: -8px;
    margin-right: -16px;
    min-width: 54px;
    font-size: 20px;
    border-radius: 0 4px 4px 0;
}

.NATB-ClientNote-List-Card-Permanent:empty {
    visibility: hidden;
}

.NATB-InventaireCamion-Controls {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.NATB-InventaireCamion-Search {
    margin-right: 8px;
    max-width: 200px;
}

.NATB-Ajustement-List-Delete {
    margin-right: -16px;
    margin-top: -16px;
    margin-bottom: -16px;
    height: 56px;
    min-width: 56px;
    max-width: 56px;
    font-size: 20px;
    border-radius: 0 4px 4px 0;
    margin-left: 8px;
}

.NATB-Approvisionnement-List-Delete {
    margin-right: -16px;
    margin-top: -16px;
    margin-bottom: -16px;
    height: 56px;
    min-width: 56px;
    max-width: 56px;
    font-size: 20px;
    border-radius: 0 4px 4px 0;
    margin-left: 8px;
}

.NATB-Approvisionnement-List-Confirm {
    margin-bottom: -16px;
    margin-top: -16px;
    margin-right: -8px;
    height: 56px;
    min-width: 56px;
    max-width: 56px;
    font-size: 20px;
    border-radius: 0;
    margin-left: 8px;
}

.NATB-Ajustement-Date-Picker {
    margin-bottom: 8px;
    width: 130px;
}

.NATB-Ajustement-Note {
    height: 100px;
}

.NATB-Route-Page-Info-Stats {
    display: flex;
    align-items: center;
    gap: 16px;
}

.NATB-Route-Page-Info-Stats-Table {
    display: flex;
    flex-direction: column;
    gap: 1px;
    color: white;
}

.NATB-Route-Page-Info-Stats-Table-Row {
    display: flex;
    gap: 1px;
}

.NATB-Route-Page-Info-Stats-Table-Row-Cell {
    display: flex;
    justify-content: flex-end;
    min-width: 100px;
    max-width: 100px;
    background-color: #7182cd;
    padding: 2px 8px;
}

.NATB-Arret-WrongDate {
    margin: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.NATB-Arret-WrongDate-Phrase {
    font-weight: bold;
    margin-bottom: 8px;
}

.NATB-Arret-WrongDate-Button {
    
}

.NATB-Button-Facture {
    width: 64px;
}

.NATB-SaisieRapide-Symbol {
    display: flex;
    justify-content: flex-end;
}

.NATB-SaisieRapide-Symbol-Button {
    width: 114px;
}

.NATB-SaisieRapide-Symbol-Plus {
    border-radius: 4px 0 0 4px;
}

.NATB-SaisieRapide-Symbol-Minus {
    border-radius: 0 4px 4px 0;
}

.NATB-SaisieRapide-Symbol-Button.NATB-Button-Disabled {
    opacity: 1;
}

.NATB-SaisieRapide-Symbol-Button:not(.NATB-Button-Disabled) {
   background-color: transparent;
   color: #030303;
   border: 1px solid #c3c3c3;
}

.NATB-Approvisionnement-Buttons {
    margin-bottom: 8px;
}

.NATB-Arret-Annule {
    color: #ca232b;
    text-align: right;
    margin-left: 8px;
    margin-right: 4px;
    user-select: none;
    font-weight: bold;
}

.NATB-Reception-List-Card {
    min-height: 56px;
}

.NATB-Reception-Produit-Row {
    display: flex;
    padding-bottom: 4px;
    padding-top: 4px;
    align-items: center;
}

.NATB-Reception-Produit-Row-Code {
    min-width: 50px;
    max-width: 50px;
}

.NATB-Reception-Produit-Row-Description {
    flex-grow: 1;
    margin-right: 16px;
}

.NATB-Reception-Produit-Row-Cocher {
    min-width: 141px;
    max-width: 141px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.NATB-Reception-Header {
    display: flex;
    justify-content: space-between;
}

.NATB-Reception-CocherTout {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 2px;
}

.NATB-Reception-CocherTout-Checkbox {
    min-width: 150px;
    max-width: 150px;
}

.NATB-Reception-List-Card-Description {
    flex-grow: 1;
    margin-right: 8px;
    margin-left: 8px;
}

.NATB-Reception-List-Card-Date {
    padding: 4px 8px;
    border-radius: 4px;
}

.NATB-Reception-List-Card-Numero {
    padding: 4px 8px;
    border-radius: 4px;
    color: #888888;
}

.NATB-Reception-List-Card-Statut {
    padding: 4px 8px;
    border-radius: 4px;
}

.NATB-Reception-List-Card-Statut-0 {
    background-color: #e39b22;
    color: white;
}

.NATB-Reception-List-Card-Statut-1 {
    background-color: #46a92b;
    color: white;
}

.NATB-Button-Fermer-Manifeste {
    width: 113px;
}

.NATB-Receptions {
    overflow-y: auto;
}

.NATB-Dashboard-Popup {
    position: absolute;
    z-index: 2;
    background-color: white;
    height: 100%;
    top:0px;
    left:0px;
    display:flex;
    flex-direction:column;
    width: 100%;
}

.NATB-Dashboard-Popup-Title {
    display: flex;
    justify-content: space-between;
    border-bottom: 0;
    height: 5%;
    font-size: 20px;
    align-items: center;
    background-color: #CA232B;
    color: white;
    user-select: none;
    padding-left: 8px;
    padding-right: 8px;
}

.NATB-Dashboard-Popup-Message {
    padding:34px;
    flex:1; 
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    height:93%;
}

.NATB-Popup-Message-Title{
    color:#ca232b;
    padding: 0px 15px;
}

.NATB-Popup-Message {
    max-height:58vh;
    overflow-y:auto;
    padding: 0px 15px;
    font-size: 10pt;
    flex:1 ;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
}

.NATB-Popup-Message-Footer {
    padding: 0px 15px;
    font-weight:bold; 
}

.NATB-Dashboard-Popup-Glider-Message {
    width: 500px;
    flex: 1;
    display: flex;
    height: inherit;
}

.NATB-glider-contain-messages-home{
    flex: 1;
    display: flex;
    flex-direction: column;
}

.NATB-glider-contain-messages-home > .glider {
    flex:1;
    margin:unset !important;
}

.NATB-glider-messages-home{
    overflow-y:auto;
}

.NATB-Popup-Message-Container {
    display:flex;
    flex-direction: column;
}