/*
GENERAL
 */
@media only screen and (min-width: 1100px) { /* MEDIA PC *********/
    body {
        background: url("../image/bg.jpg") no-repeat fixed;
        background-size: cover;
    }

    .containerBG {
        background: rgba(255, 255, 255, 0.8);
        border-radius: 15px;
        width: auto;
        margin: 0px 5% 0px 5%;
        padding: 15px 0px;
    }
}

header {
    width: 100%;
    /*background: linear-gradient(160deg, #68a94a, #FFFFFF, #FFFFFF 90%);*/
    /*background: #fff;*/
    background-size: cover;
}

.containerBG {
    background: rgba(255,255,255,0.8);
    width: auto;
    padding: 15px 0px;
}

.logoGDR {
    width: 100px;
}

.bgNavbar {
    /*background: rgba(0,0,0,0.6);*/
    /*border-radius: 20px;*/
}

.hauteurTableau {
    max-height: 70vh !important;
}

.sticky-bottom {
    position: sticky;
    bottom: 0;
}

.titrePage {
    color: #7e7d7d;
    font-weight: bold;
}

.text-break{
    word-break: break-word;
}

a.lienNone {
    color: #000000;
    text-decoration: none;
}
a.lienNone:hover {
    color: #000000;
    text-decoration: none;
}
a.lienNone:link {
    color: #000000;
    text-decoration:none;
}

.lienType {
    font-weight: bold;
    color: #68a94a;
    text-decoration: none;
    background-color: transparent;
}
.lienType:hover {
    color: #9ae078;
    text-decoration: none;
}

.btnIcone {
    background-color: rgba(0,0,0,0);
    border: none;
    cursor: pointer;
}

.btnRecherche {
    background: url("../image/icone/icon-recherche.png") no-repeat;
    border: none;
    cursor: pointer;
    width: 48px;
    height: 48px;
    background-size: 48px;
}

.iconeTaille {
    width: 50px;
}

.iconeTailleMedium {
    width: 40px;
}

.iconeTailleMin {
    width: 30px;
}

.iconeTailleXMin {
    width: 15px;
}

.stickyOnTop {
    position: sticky;
    top: 0px;
}

.premierPlan{
    z-index: 1;
}

.textSuccess {
    color: #3cab0d;
    font-weight: bold;
}

.textDanger {
    color: #c30101;
    font-weight: bold;
}

.textArchive {
    color: #727272;
}

.backgroundNeutre {
    background: #f8f9fa !important;
}

.superWarning {
    color: #ff0000;
    font-weight: bold;
    /*font-size: 3em;*/
/*    animation: Test 1s infinite;*/
/*}*/
/*@keyframes Test{*/
/*    0%{opacity: 1;}*/
/*    50%{opacity: 0;}*/
/*    100%{opacity: 1;}*/
}

/*
Info Bulle
 */
.infoBulle {
    background: #f3d25f;
}
/*
Pour le canvas signature
 */
.btnSign{
    font-weight: bold !important;
    color:#FFF;
    background-color:#68d542;
    border-color:#68d542;
    height: 100px;
}
.btnSign:hover{
    color:#fff;
    background-color: #00ff01;
    border-color:#68d542;
}
.btnSign.focus,.btnProduit:focus{
    box-shadow:0 0 0 .2rem #68d542
}
.btnSign.disabled,.btnProduit:disabled{
    color:#fff;
    background-color:#68d542;
    border-color:#68d542
}
.btnSign:not(:disabled):not(.disabled).active,.btnProduit:not(:disabled):not(.disabled):active,.show>.btnProduit.dropdown-toggle{
    color:#fff;
    background-color:#68d542;
    border-color:#68d542}
.btnSign:not(:disabled):not(.disabled).active:focus,.btnProduit:not(:disabled):not(.disabled):active:focus,.show>.btnProduit.dropdown-toggle:focus{
    box-shadow:0 0 0 .1rem #68d542
}

.espace_lancer_signature {
    display: none;
}

.div_espace_signature {
    height: 100vh;
    width: 100%;
    background-color: rgba(50,50,50,0.8);
    position: sticky; top: 0px;
    z-index: 1;
    display: flex;
}

#can {
    border: 2px solid; background-color: #FFFFFF;
}

/*
Pour les inputs recherche
 */
.liste_recherche_auto {
    list-style-type: none;
}

/*
Completer bootstrap
 */

.bg-tierce {
    background: #eaeaea;
    border-bottom: 1px solid #000;
    border-top: 1px solid #000;
    font-size: large;
}

.bg-tab1 {
    /*background: rgba(200,200,200,0.5);*/
    /*font-size: large;*/
    background: rgba(255, 252, 252, 0.6);
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    /*border: #000 solid 1px;*/
    border-radius: 5px;
}
.bg-tab2 {
    /*background: rgba(200,200,200,0.5);*/
    /*font-size: large;*/
    background: rgba(234, 234, 234, 0.5);
    padding-top: 5px;
    padding-bottom: 5px;
    margin: 0;
    /*border: #000 solid 1px;*/
    border-radius: 5px;
}

/*.bg-tab2 {*/
/*    background: rgba(200,200,255,0.5);*/
/*    border-bottom: 1px solid #000;*/
/*    border-top: 1px solid #000;*/
/*    font-size: large;*/
/*}*/

.lienTypeTableau1 {
    font-weight: bold;
    color: #9b06ab;
    text-decoration: none;
    background-color: transparent;
}
.lienTypeTableau1:hover {
    color: #d171ea;
    text-decoration: none;
}

.lienTypeTableau2 {
    font-weight: bold;
    color: #2a7909;
    text-decoration: none;
    background-color: transparent;
}
.lienTypeTableau2:hover {
    color: #3cab0d;
    text-decoration: none;
}

.textColorGris{
    color: #403f3f;
}

.textColorVert{
    color: #68a94a;
}
/*
CSS VU Fournisseur/Acheteur/Stock/Produit
 */
.bordureStyleVigneron {
    border: 2px solid #3db8b5;
}

.titreStyleVigneron {
    background: #3db8b5;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

.bordureStyleAcheteur {
    border: 2px solid #005073;
}

.titreStyleAcheteur {
    background: #005073;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

.bordureStyleStock {
    border: 2px solid #67087c;
}

.titreStyleStock {
    background: #67087c;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

.titreStyleStockLeger {
    color: #67087c !important;
}

a.lienStocks {
    color: #67087c;
    text-decoration: none;
}
a.lienStocks:hover {
    color: #67087c;
    text-decoration: none;
}
a.lienStocks:link {
    color: #67087c;
    text-decoration:none;
}

.bordureStyleProduit {
    border: 2px solid #e4007b;
}

.titreStyleProduit {
    background: #e4007b;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

.colorProduit {
    color: #e4007b;
}

.colorProspect {
    color: #7e7d7d;
}

/*
CSS type bon de commande
 */
.bordureStyleBon1 {
    border: 2px solid #7bc623;
}

.bordureStyleBon2 {
    border: 2px solid #009f5d;
}

.bordureStyleBon3 {
    border: 2px solid #0140d6;
}

.bordureStyleBon4 {
    border: 2px solid #7d01d6;
}

.bordureStyleBon5 {
    border: 2px solid #f68d97;
}

.titreStyleBon1 {
    color: #7bc623;
    font-size: large;
}

.titreStyleBon2 {
    background: #7bc623;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

.titreStyleBon3 {
    color: #009f5d;
    font-size: large;
}

.titreStyleBon4 {
    background: #009f5d;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

.titreStyleBon5 {
    color: #0140d6;
    font-size: large;
}

.titreStyleBon6 {
    background: #0140d6;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

.titreStyleBon7 {
    color: #7d01d6;
    font-size: large;
}

.titreStyleBon8 {
    background: #7d01d6;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

.titreStyleBon9 {
    color: #f68d97;
    font-size: large;
}

.titreStyleBon10 {
    background: #f68d97;
    color: #FFF;
    font-weight: bold;
    font-size: xx-large;
}

/*
Notification
 */
.containerNotification {
    background-color: whitesmoke;
    color: #fff;
    border-radius: 15px;
    padding: 5px;
    border: #000 solid 1px;
}

.lienNotification {
    color: #ff0000;
    text-decoration: none;
    background-color: transparent;
}
.lienNotification:hover {
    color: #c40c0c;
    text-decoration: none;
}

/*
Boutton personnalisé
 */
.btnProduit{
    font-weight: bold;
    color:#FFF;
    background-color:#e4007b;
    border-color:#e4007b
}
.btnProduit:hover{
    color:#fff;
    background-color: #c6016c;
    border-color:#e4007b;
}
.btnProduit.focus,.btnProduit:focus{
    box-shadow:0 0 0 .2rem #e4007b
}
.btnProduit.disabled,.btnProduit:disabled{
    color:#fff;
    background-color:#e4007b;
    border-color:#e4007b
}
.btnProduit:not(:disabled):not(.disabled).active,.btnProduit:not(:disabled):not(.disabled):active,.show>.btnProduit.dropdown-toggle{
    color:#fff;
    background-color:#e4007b;
    border-color:#e4007b}
.btnProduit:not(:disabled):not(.disabled).active:focus,.btnProduit:not(:disabled):not(.disabled):active:focus,.show>.btnProduit.dropdown-toggle:focus{
    box-shadow:0 0 0 .1rem #e4007b
}

.btnEchantillon{
    font-weight: bold;
    color:#FFF;
    background-color:#f68d97;
    border-color:#f68d97
}
.btnEchantillon:hover{
    color:#fff;
    background-color: #f8838e;
    border-color:#f68d97;
}
.btnEchantillon.focus,.btnEchantillon:focus{
    box-shadow:0 0 0 .2rem #f68d97
}
.btnEchantillon.disabled,.btnEchantillon:disabled{
    color:#fff;
    background-color:#f68d97;
    border-color:#f68d97
}
.btnEchantillon:not(:disabled):not(.disabled).active,.btnEchantillon:not(:disabled):not(.disabled):active,.show>.btnEchantillon.dropdown-toggle{
    color:#fff;
    background-color:#f68d97;
    border-color:#f68d97}
.btnEchantillon:not(:disabled):not(.disabled).active:focus,.btnEchantillon:not(:disabled):not(.disabled):active:focus,.show>.btnEchantillon.dropdown-toggle:focus{
    box-shadow:0 0 0 .1rem #f68d97
}

/*
FORMULAIRE
 */

.prospectFondStyle {
    color: #FFFFFF;
    background: #5b5b5b;
    border-radius: 5px;
}

.champObligatoireProducteur::placeholder {
    color: #ffffff !important;
    font-weight: bold;
    background-color: #50bfbc;
}

.champObligatoireAcheteur::placeholder {
    color: #ffffff !important;
    font-weight: bold;
    background-color: #33738f;
}

.labelObligatoireAcheteur {
    color: #33738f;
    font-weight: bold;
}

.champObligatoireProduit::placeholder {
    color: #ffffff !important;
    font-weight: bold;
    background-color: #ec4da3;
}

.labelObligatoireProduit {
    color: #ec4da3;
    font-weight: bold;
}

/* *** Ajout François*/
.cardFicheTDB{
    height: 350px;
    overflow-y: hidden;
    overflow-y: scroll;
}

.cardFicheTDB2{
    height: 500px;
}

.bordureBasse{
    border-bottom:solid #000000 1px !important;
}
.bordureHaute{
    border-top:solid #000000 1px !important;
}
.bordureGauche{
    border-left:solid #000000 1px !important;
}
.bordureDroite{
    border-right:solid #000000 1px !important;
}
.tbdComPai1{
    background-color: #bde391 !important;
}
.tbdComPai2{
    background-color: #e5f4d3 !important;
}
.tbdComPai3{
    background-color: #80cfae !important;
}
.tbdComPai4{
    background-color: #ccecdf !important;
}
.tbdComPai5{
    color: #7d01d6 !important;
}
.tbdComPai6{
    color: #7d01d6 !important;
    font-weight: bold;
}
.tbdComPai7{
    background-color: #e6f5ef !important;
}
.tbdComPai8{
    background-color: #545454 !important;
}

.tbdLargeurCol{
    width: 200px !important;
}
.tbdHauteurCol{
    line-height: 15px !important;
}
.tbdHauteurLigne {
    line-height: 25px !important;
}
.relanceEffectuee{
    margin: 10px !important;
    background-color: #ffcc00 !important;
    border-radius: 30px !important;
    color: #FFFFFF !important;
}
.inputAdresse{
    width: 100% !important;
}

.ficheAlignGauche{
    text-align: left;
}
.ficheAlignGauche{
    text-align: right;
}

.ficheCollab{
    text-align: left !important;
    margin-bottom: 10px !important;
}
.ficheNomDomaine{
    color: #50bfbc;
    text-decoration: underline;
}
.ficheNomRS{
    color: #50bfbc;
}
.ficheNomEnseigne{
    color: #005073;
    text-decoration: underline;
}
.ficheNomRSAcheteur{
    color: #005073;
}

.tdInputFacture{
    width: 125px !important;
}
.tdInputCommentaire{
    width: 250px !important;
}