/*************** DEBUT CSS GENERAL **************/

@font-face {
    font-family: 'aktiv_grotesk_geberitregular';
    src: url('../fonts/aktivgroteskgeberit_rg-webfont.woff2') format('woff2'),
         url('../fonts/aktivgroteskgeberit_rg-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body{
    width: 100%;
    /*min-height: 100vh;*/
    /* background-color: #F7F7F7; */
    /* font-size: 1rem !important;
    line-height: 1.5; */
    /* font-family: 'aktiv_grotesk_geberitregular'; */
}

.dataTables_info{
    margin-bottom: 30px;
}

/* .importDocument, .cadeaux, .livraison {
    display: none;
} */

/* #documentAnnexe{
    display: none;
} */

.icone-fil-ariane{
    font-size: 10px;
}

/* body::-webkit-scrollbar {
    display: none;
} */

.btn-docs-perso{
    width: 47px !important;
    /* height: 35px !important; */
}

.icone-zoom{
    font-size: 25px;
}

#selectable-logo, #selectable-product, #selectable-gift {
    display: flex !important;
    flex-wrap: wrap !important;
}

li{
    list-style-type: none !important;
}

.main-base-admin{
    min-height: 80vh;
}

.conteneur{
    min-height: 83.5vh;
}

th, td {
    vertical-align: middle !important;
}

.active-link{
    color: #0a5a96 !important;
    font-weight: bold !important;
}

.active-option, .bg-btn{
    background-color: #0a5a96 !important;
    color: #fff !important;
    border-radius: 0px;
    font-weight: 600;
}

.bg-default {
    background-color: #004673 !important;
}

.bg-grey {
    background-color: lightgrey;
}

.bg-blue{
    background-color: #D4EEFC;
}

.text-grey {
    color: lightgrey !important;
}

.error {    
    color: #dc3545;
}

.success {    
    color: #218838;
}

.btn:hover {
    background-color: #004673 !important;
  }

.text-color{
    color: #0a5a96 !important;
}

.indicateurs{
    width: 32%;
    /* min-height: 200px; */
}

.active-option:hover {
    color: #fff !important;   
}

.title{
    font-weight: bold !important;
    line-height: 0.8 !important;
}

.under-title{
    font-size: 2.4rem !important;
    font-weight: normal !important;     
}

.w-bold {
    font-weight: 600 !important;
}

/*************** FIN CSS GENERAL **************/

/**************** DEBUT PAGE LOGIN ******************/
.conteneur-login, .conteneur-check-email, .conteneur-request, .conteneur-reset{
    background: #38547C no-repeat url("../images-structure/bg-geberit1.jpg");
    background-size: cover;
}
/**************** FIN PAGE LOGIN ******************/

/**************** DEBUT NAV ******************/

nav a{
    color: #000 !important;
    padding-bottom: 0 !important;
}

nav a:hover{
    color: #0a5a96 !important;
}

.logo-nav{
    width: 150px;
}

.navbar-toggler{
    background-color: #DDDDDD !important;
}

/**************** FIN NAV ******************/

/**************** DEBUT FOOTER ******************/

footer a{
    color: #000 !important;
    text-decoration: none;
}

footer a:hover{
    color: #0a5a96 !important;
}

.footer-base-admin{
    display: flex;
    justify-content: space-between;
}

.link-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/**************** FIN FOOTER ******************/

/**************** DEBUT PROFIL ******************/
.conteneur-profil{
    display: flex;
    justify-content: center;
    /* align-items: center; */
    min-height: 81vh !important;
}

.banniere-users{
    width: 100% !important;
}

/**************** FIN PROFIL ******************/

/**************** DEBUT ACCUEIL WEB TO PRINT ******************/

.card-title strong{
    font-size: 1.5rem !important;
    line-height: 1 !important;
}

.card-title span{
    font-weight: 100 !important;
    font-size: 1.2rem;
    line-height: 1 !important;
}

.conteneur-item{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.conteneur-item-2{
    display: flex;
    justify-content: center;
}

.card-item {
    width: 49%;
    display: flex;
    justify-content: space-between;
}

.title-home{
    /* background: #eee !important; */
}

.zoneTextEditableIndex{
    /* margin-top: 30px !important; */
    padding: 20px;
}

.zoneTextEditableIndex p{
    margin-bottom: 0;
}

.zoneTextEditable{
    padding: 20px;
    /* background: #eee !important; */
}

.zoneTextEditable p{
    margin: 0;
}

.div-picture{
    height: auto;
    overflow: hidden !important;
}

.item-picture{
    transition: transform .5s;
}
  
.item-picture:hover{
    cursor: pointer;
    -ms-transform: scale(1.1); /* IE 9 */
    -webkit-transform: scale(1.1); /* Safari 3-8 */
    transform: scale(1.1); 
}

.item-card-body-1{
    background-color: #84909D;
}

.item-card-body-2{
    background-color: #F1F1F1;
}

.item-card-body-3{
    background-color: #000000;
}

.item-card-body-4{
    background-color: #0a5a96;
}

.item-card-body-5{
    background-color: #84909D;
}

.item-card-body-6{
    background-color: #F1F1F1;
}


/**************** FIN ACCUEIL WEB TO PRINT ******************/

/**************** DEBUT LIBRARY ******************/

.img-banniere-library{
    width: 30%;
}

.item-library{
    width: 18% !important;
    margin-bottom: 20px !important;
}

.img-card-library{
    height: 150px;
    overflow: hidden;
}

.item-library-body p:nth-child(1){
    width: 70%;
}

.item-library-body p:nth-child(2){
    width: 30%;
}

.page-item.active .page-link{
    border-color: #0a5a96 !important;
}

.conteneur-banniere-library{
    background-color: #F3F3F3;
}


/**************** FIN LIBRARY ******************/

/**************** DEBUT SOUMETTRE UN DOCUMENT ******************/

.bao, #horaires, #roadshow{
    display: none;
}

.iframe-convertion {
    
    min-height:1300px;
}

#modal-logo, #modal-atmosphere, #modal-products, #modal-gifts{
    display: none;
}

/* .logo-modal{
    width: 150px !important;
} */

.li-logo-modal, .li-visuel-modal, .li-product-modal, .li-gifts-modal {
    margin-right: 10px !important;
    width: 200px !important;
    /* min-height: 200px !important; */
    overflow: hidden;
}

.img-modal-logo{
    position: relative !important;
}

.icone-check{
    position: absolute !important;
    display: none;
}

#choice-modal-logo, #choice-modal-op, #choice-modal-createdat,  #choice-modal-delivery, #choice-modal-field-text, #choice-modal-product, #choice-modal-gifts, #choice-modal-schedule,
#choice-modal-url, #choice-modal-customer, #choice-modal-agency {
    display: none;
}


/**************** FIN SOUMETTRE UN DOCUMENT ******************/

/**************** DEBUT PAGE PERSONNALISER UN DOCUMENT ******************/

.form-personnalize{
    width: 100%;
    min-height: 50vh !important;
}

.document-aperçu{
    width: 100%;
    min-height: 70vh !important;
    background-color: #F7F7F7;
}

.conteneur-banniere-docs{
    background-color: #01040b;
}

.indicateur{
    width: 32%;
    background-color: #DDDDDD;
    min-height: 180px;
}

.text-indicator{
    font-size: 30px !important;
}

/**************** FIN PAGE PERSONNALISER UN DOCUMENT ******************/

/**************** DEBUT DOCS PERSONNALISE ******************/

.conteneur-banniere-docsp{
    background-color: #dfe4e8;
}

.banniere-docs-personnalise{
    width: 30%;
}

/**************** FIN DOCS PERSONNALISE ******************/

/**************** DEBUT FICHE BAO ******************/

.banniere-bao{
    width: 100% !important;
}

.links-fil-ariane{
    text-decoration: none !important;
}

.icone-file{
    font-size: 80px;
}

.bg-icone{
    color: #0a5a96;
}
/**************** FIN FICHE BAO ******************/

@media (max-width: 1142px)
{
    .form-personnalize, .document-aperçu{
        width: 100% !important;
    }
}

@media screen and (max-width: 992px)
{
    .conteneur-profil{
        display: flex;
        flex-direction: column;
    }

    .item-library{
        width: 49% !important;
    }

    .img-banniere-library{
        width: 40%;
    }
}

@media screen and (max-width: 772px)
{
    .footer-base-admin, .link-footer{
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    .link-footer{
        padding-right: 0 !important;
    }

    .copy-footer{
        text-align: center;
        margin-top: 10px !important;
        padding-left: 0 !important;
    }

    .img-banniere-library{
        width: 50%;
    }
}

@media screen and (max-width: 768px)
{
    .conteneur-item{
        display: flex;
        flex-direction: column;
    }

    .card-item {
        width: 100%;
    }

    .item-library{
        width: 80% !important;
        margin: 0 auto 20px auto !important;
    }
}

@media screen and (max-width: 768px)
{
    .item-library{
        width: 100% !important;
    }

    .img-card-library{
        height: 200px;
        overflow: hidden;
    }
}

@media (min-width: 576px)
{
    .modal-dialog{
        max-width: 90% !important;
    }
}

#ajax-loader {
    display: none;
    position: absolute;
    /* top: 80%; */
    left: 44%;
}

th{
    font-size: 0.8rem;
}

td{
    font-size: 0.8rem;
}

.btn-custom {
    font-size: 0.75rem;
}

/* ########################## CSS PILOTAGE BAO ####################### */
.btn-nav-bao {
    width: 30%;
}

.photo-stock {
  border: 1px solid #999;
  /* height:100px; */
  padding: 0.25em;
  width:20%;
  margin:0.5em 1rem 1rem 0.75em;
  cursor:pointer;
}

.img-border {
    padding: 5px;
    border: 4px solid #0a5a96;
}

.photo {
    cursor:pointer;
}

.photo-title {
    font-size: 0.7rem;
    font-weight: 600;
    text-align: center;
    background: lightsteelblue;
    padding: 0.5rem;
    color: white;
}

.dz-default {
    display: none;
}

.dropzone {
    border: 2px dotted #efefef !important;
    background: #efefef !important;
}

.stock-photos {
    max-width:100px;
}

.items-nav{
    width: 18.75%;
    text-transform: uppercase;
}

.btn-dark{
    border-radius: 0 !important;
}

.btn-actions{
    background-color: #004673 !important;
}

.item-style {
    padding: 0.15rem 0.8rem !important;
    font-size: 1.3rem;
    color: #fff;
}

.item-style2 {
    padding: 0.15rem 0rem !important;
    font-size: 1.3rem;
    color: #fff;
}

.active-option, .bg-btn {
    background-color: #0a5a96 !important;
    color: #fff;
    border-radius: 0px;
    font-weight: 600;
  }

.swal-button--confirm{
    background-color: #0a5a96 !important
}