BODY {

.scrollable-grid {
    overflow-y: auto;

}



[role^="textbox"]   {
    display: inline-block;
    width: 100%; /* Adapte le champ à la largeur du conteneur */
    border: 1px solid #ccc; /* Bordure grise par défaut */
    border-radius: 6px; /* Coins arrondis */
    padding: 8px; /* Espacement interne */
    font-size: 14px; /* Taille du texte */
    color: #333; /* Couleur du texte */
    background-color:#ffffff; /* Fond blanc */
    transition: all 0.3s ease; /* Transition fluide pour les interactions */
    box-shadow: 0 0 5px rgba(211, 211, 211, 0.5); /* Ombregris clair */
    font-family: 'Montserrat', sans-serif;
}






label {
  border: 0px solid #ccc; /* Bordure grise par défaut */
  box-shadow: 0 0 0px rgba(211, 211, 211, 0.5); /* Ombregris clair */
  outline: none;
  background-color: transparent ; /* Fond blanc */
font-family: 'Montserrat', sans-serif;
}

textarea {
  border: 1px solid #ccc; /* Bordure grise par défaut */
  box-shadow: 0 0 5px rgba(211, 211, 211, 0.5); /* Ombregris clair */
  outline: none;
  background-color: #fff; /* Fond blanc */
}


[role^="combobox"]   {
    display: inline-block;
    width: 100%; /* Adapte le champ à la largeur du conteneur */
    border: 1px solid #ccc; /* Bordure grise par défaut */
    border-radius: 6px; /* Coins arrondis */
    font-size: 14px; /* Taille du texte */
    color: #333; /* Couleur du texte */
    background-color: #fff; /* Fond blanc */
    box-shadow: 0 0 5px rgba(211, 211, 211, 0.5); /* Ombregris clair */
}


.panellogin {
    display: block;
    padding: 16px;          /* au lieu de 40px 50px */
    border: 1px solid #e0e0e0;
    border-radius: 18px;
    background-color: #f3f3f3;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    font-family: 'Montserrat', sans-serif;
    color: #333;
    font-size: 14px;
}



.panel {
    display: block;
    padding: 16px;          /* au lieu de 40px 50px */
    border: 1px solid #7a7a7a;
    border-radius: 18px;
    background-color: #f3f3f3;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    font-family: 'Montserrat', sans-serif;
    color: #333;
    font-size: 14px;
}


.panelportoir {
    display: block;
    padding: 16px;          /* au lieu de 40px 50px */
    border: 2px solid #7a7a7a;
    border-radius: 18px;
    background-color: white ;
    box-shadow: 0 4px 12px rgba(0,0,0,0.08);
    font-family: 'Montserrat', sans-serif;
    color: #333;
    font-size: 14px;
}





.panelHeader {
    display: flex;
    align-items: center;        /* centrage vertical */
    justify-content: center;    /* centrage horizontal */

    height: 50px;               /* hauteur demandée */

    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: #4a4a4a;

    background-color: #E3E3E3;
    border-bottom: 1px solid #7a7a7a;
}



.panelHeaderDetails {
    display: flex;
    align-items: center;        /* centrage vertical */
    justify-content: center;    /* centrage horizontal */

    height: 50px;               /* hauteur demandée */

    font-family: 'Montserrat', sans-serif;
    font-size: 26px;
    font-weight: bold;
    color: White ;

    background-color: #16A596;
    border-bottom: 1px solid #7a7a7a;
}








.panelBtn {
    display: block;
    padding: 16px;          /* au lieu de 40px 50px */
    border:none ;
    border-radius: 18px;
    background-color: #F7F7F7;
    font-family: 'Montserrat', sans-serif;
    color: #333;
    font-size: 14px;
}


.panelHeaderBtn {
    display: flex;
    align-items: center;        /* centrage vertical */
    justify-content: center;    /* centrage horizontal */

    height: 50px;

    font-family: 'Montserrat', sans-serif;
    font-size: 18px;

    color: white;

    background-color: #16A596;

    border: none;               /* supprime toutes les bordures */
}
.panelHeaderBtnAuto::before {
    content: "Automatique";
}

.panelHeaderBtnManuel::before {
    content: "Manuel";
}

.panelHeaderBtnRecherche::before {
    content: "Manuel";
}

.panelHeaderBtnSortie::before {
    content: "Manuel";
}

.panelHeaderBtnSupport::before {
    content: "Support";
}


.panelHeaderBtnScanmanuel::before {
    content: "Scan manuel";
}



/* texte */
.panelHeaderSp::before {
    content: "Scanner rack";
}

.panelHeaderSt::before {
    content: "Scanner le tube";
}


.panelHeaderStSupport::before {
    content: "Stockage Support";
}

.panelHeaderStEchantillon::before {
    content: "Stockage échantillon";
}

.panelHeaderMdSupport::before {
    content: "Mise au déchet Support";
}

.panelHeaderMdEchantillon::before {
    content: "Mise au déchet Echantillon";
}


.panelHeaderDetailsStE::before {
    content: "Stockage Echantillon";
}

.panelHeaderDetailsSI::before {
    content: "Sortie Interne";
}

.panelHeaderDetailsSE::before {
    content: "Sortie Externe";
}

.panelHeaderDetailsMADE::before {
    content: "Mise au déchet echantillon";
}

.panelHeaderLogo::before {
    content: "Contacts";
}




.menu-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #444;
    cursor: pointer;
    border: 0px ;
    display: flex;
    align-items: center;     /* centre verticalement */
    justify-content: center;

    height: 40px;
    padding: 0 20px;
    gap: 8px;

    transition: color 0.2s ease;
}

/* souris dessus */
.menu-label:hover {
    color: #16a085;
}





.pagecontrol-tab {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    color: #444;
    cursor: pointer;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: Left;
    height: 60px;
    gap: 38px;
    text-decoration: none;
    list-style: none;
    background-color: #f7f7f7;
     margin: 0;

}



.pagecontrol-tab a {
    text-decoration: none;
    color: inherit;

}

/* enlever points */
.pagecontrol-tabs ul,
.pagecontrol-tabs li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* onglet actif */
.Activepagecontrol-tab {
    font-size: 16px;
    color: #16a085 !important;
    font-weight: bold;
}

/* hover */
.pagecontrol-tab a:hover {
    color: #16a085;
}




.pagecontrol-tabCenter {
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    color: #444;
    cursor: pointer;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: Center;
    height: 60px;
    gap: 38px;
    text-decoration: none;
    list-style: none;
    background-color: #f7f7f7;
     margin: 0;

}


.pagecontrol-tabCenter a {
    text-decoration: none;
    color: inherit;

}

/* enlever points */
.pagecontrol-tabsCenter ul,
.pagecontrol-tabsCenter li {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* onglet actif */
.Activepagecontrol-tabCenter {
    font-size: 18px;
    color: #16a085 !important;
    font-weight: bold;
}

/* hover */
.pagecontrol-tabCenter a:hover {
    color: #16a085;
}










.btn-Global {
    width: 102px;
    height: 102px;
    border: 1px solid transparent;
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: ;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #fff;
    display: flex;
    justify-content: center; /* horizontal */
    align-items: center;     /* vertical */
    text-align: center;
    cursor: pointer;
}

.btn-Global:hover {
           border: 1px solid grey ;
}

.btn-GlobalFermer {
      background-color: #F04A4A;
      }

.btn-GlobalValider {
      background-color: #16A596;
      }






.btn-Bandeau {
    text-indent: -9999px;
    width: 102px;
    height: 102px;
    padding-left: 40px;
    border: 1px solid transparent;
    border-radius: 6px;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position:  center;
    background-size: 100% 100%;
    background-color: transparent;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    color: #333;
    text-align: left;
    cursor: pointer;
}








.btn-Bandeau:hover {
           border: 1px solid black;
}




.btn-ScanManuel {
    background-image: url("images/Bouton_ScanManuel.png");
}

.Btn-ImportMiddelWare {
    background-image: url("images/Bouton_ImportMiddelWare.png");
}

.btn-ImportGlp {
    background-image: url("images/Bouton_ImportGlp.png");
}

.Btn-ImportCsv {
    background-image: url("images/Bouton_ImportCsv.png");
}




.Btn-StockageSupport {
    background-image: url("images/Bouton_StockageSupport.png");
}

.Btn-StockageEchantillon {
    background-image: url("images/Bouton_StockageEchantillon.png");
}





.Btn-DechetSupport {
    background-image: url("images/Bouton_DechetSupport.png");
}

.Btn-DechetEchantillon {
    background-image: url("images/Bouton_DechetEchantillon.png");
}

 .Btn-Imprimer {
    background-image: url("images/Bouton_Imprimer.png");
}

.Btn-DechetSupport {
    background-image: url("images/Bouton_DechetSupport.png");
}

.Btn-Ajouter {
    background-image: url("images/Bouton_Ajouter.png");
}

.Btn-Supprimer {
    background-image: url("images/Bouton_Supprimer.png");
}


.Btn-SupprimerLaListe {
    background-image: url("images/Bouton_SupprimerLaListe.png");
}

.Btn-ExportCsv {
    background-image: url("images/Bouton_ExportCsv.png");
}

.Btn-BioBanque {
    background-image: url("images/Bouton_BioBanque.png");
}



.Btn-HiStockage {
    background-image: url("images/Bouton_HiStockage.png");
}
.Btn-HiPreStockage {
    background-image: url("images/Bouton_HiPreStockage.png");
}
.Btn-HiInterne {
    background-image: url("images/Bouton_HiInterne.png");
}
.Btn-HiExterne {
    background-image: url("images/Bouton_HiExterne.png");
}
.Btn-HiMiseAuDechet {
    background-image: url("images/Bouton_HiMiseAuDechet.png");
}






.Btn-ViderSupport {
    background-image: url("images/Bouton_Vider_Support.png");
}



.Btn-EnleverEchantillon {
    background-image: url("images/Bouton_Enlever_Echantillon.png");
}



.Btn-Logo {
    background-image: url("images/Bouton_Logo.png");
}





.DetailsLabelpanel {
    display: inline-block;
    align-items: center;
    justify-content: center;
    background-color: #EDEDED;   /* gris clair comme l'image */
    border-radius: 6px;
}


.DetailsLabelpanelText {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: 500;

    color: #6f6f6f;   /* gris du texte */
}

.DetailsLabelpanelTextBold {
    display: block;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: black;   /* gris du texte */
}




/* Désactivé : apparence grisée */
.twebedit:disabled {
    background-color: #f5f5f5; /* Fond gris clair */
    color: #9ff99; /* Texte grisé */
    cursor: not-allowed; /* Curseur interdit */
    border-color: #ddd; /* Bordure grise pâle */
}

/* Lecture seule : style distinct */
.twebedit:readonly {
    background-color: #f9f9f9; /* Fond légèrement grisé */
    border-style: dashed; /* Bordure en pointillés */
    color: #666; /* Texte gris moyen */
}

/* Responsive : petite taille pour mobile */
@media (max-width: 600px) {
    .twebedit {
        font-size: 12px; /* Réduction de la taille du texte */
        padding: 6px; /* Réduction des marges */
    }
}


}