.input-control input, .input-control textarea, .input-control select {
    -moz-appearance: auto !important;
    -webkit-appearance: auto !important;
    appearance: auto !important;
}

.menubody
{
    /*background-image: url('/img/background.jpg');*/
    background-repeat: no-repeat;
    /*background-size: 100%;*/
    background-color: #00356A;
}

#idform_saisie_codefid {
    min-width: 50% !important;
    min-height: 20% !important;
    width: auto !important;
    height: auto !important;
    text-align: center;
}

.bg-pink {
    background-color: pink;
}

.menubody_services
{
    background-size: 100%;
    background-color: #117e19;
}

.table-large {
    width: 100%; /* Remplit la largeur disponible */
    font-size: 1.2em; /* Agrandir le texte */
}

/* Réduire et arrondir l'image */
.img-small {
    max-width: 80px;
    border-radius: 10px; /* Bord arrondi */
}


.grid-full-size{
    width: 100%;
    height: 100%;
}

.large-text {
    font-size: 1.5rem; /* Taille plus grande */
    font-weight: bold; /* Texte en gras */
}
/* Agrandir l'input */
.input-large {
    width: 100%; /* Plus large */
    font-size: 0.1em; /* Texte plus grand */
    padding: 10px; /* Ajout de padding pour le confort visuel */
    height: 100%;
}
.login-form
{
    width: 25rem;
/*
top: 50%;
margin-left:32.5%;*/
/*height: 400px;
position: fixed;
top: 50%;
margin-top: -150px;
left: 50%;
margin-left: -200px;*/
background-color: #ffffff;
opacity: 0;
-webkit-transform: scale(.8);
transform: scale(.8);
}

.tile-area.nopadtop
{
    padding-top: 0px;
    padding-right: 0px;
}

.metro.wniVscroll .tile-area-dark
{
    height: auto;
    background-color: #1d1d1d;
}

.marg-l-10
{
    margin-left: 10px;
}

.marg-l-20
{
    margin-left: 20px;
}

.marg-t-5
{
    margin-top: 5px;
}

.marg-t-6
{
    margin-top: 6px;
}

.marg-t-10
{
    margin-top: 10px;
}

.marg-t-20
{
    margin-top: 20px;
}

.mcol-10
{
    width: 10%;
}
.mcol-15
{
    width: 15%;
}
.mcol-20
{
    width: 20%;
}

.mcol-30
{
    width: 30%;
}

.mcol-40
{
    width: 40%;
}

.mcol-50
{
    width: 50%;
}

.mcol-60
{
    width: 60%;
}

.mcol-70
{
    width: 70%;
}

.mcol-100,.input-control.select.mcol-100
{
    width: 100%;
}

.pad-5
{
    padding-left: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-5HB
{
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-2B
{
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.pad-5B
{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pad-10B
{
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.pad-metro-control
{
    padding-top: 0.3125rem;
    padding-right: 0.3125rem;
    padding-bottom: 0.3125rem;
    padding-left: 0.3125rem;
}

#idmain.tile-area
{
    padding-right: 0px;
    padding-top:80px;
}

#idsidebar
{
    width: 160px;
    vertical-align: top;
}

#idmainsurf1,#idmainsurf2,#idmainsurf
{
    display:table;
    width: 100%;
    height: 100%;
}

#idgroupemenu.tile-group,#idgroupemenuv.tile-group
{
    margin-left: 0px;
    padding-top: 30px;
}

.tile-group.onehalf {
    width: 240px;
}

.tile-group.doublehalf {
    width: 480px;
}

.tile-group.retour
{
    margin-left : 20px ;
}

/*.tile-group
{
margin-left: 20px;
}

.tile-content.iconic .fa
{
position: absolute;
width: 64px;
height: 64px;
font-size: 64px;
top: 50%;
margin-top: -40px;
left: 50%;
margin-left: -32px;
text-align: center;
}

.tile-small .tile-content.iconic .fa
{
width: 32px;
height: 32px;
font-size: 32px;
margin-left: -16px;
margin-top: -16px;
}

.tile-small .tile-label
{
left: 0.125rem;
padding: 0.125rem 0.15rem;
font-size: 0.575rem;
}

.tile-small.invisible,.tile-small.invisible:hover,.tile.invisible,.tile.invisible:hover
{
box-shadow: 0px 0px 0px;
background-color: transparent;
outline: 0px none #999;
cursor:default;
}

.tile-small
{
width: 74px;
height: 74px;
}

.tile-wide
{
width: 302px;
}

.tile-square-x
{
width: 150px;
}*/

/*.tile-small, .tile, .tile-square, .tile-wide, .tile-large, .tile-big, .tile-super
{
margin: 1px 1px 1px 1px;
}*/

.tile-small .tile-label
{
    left: 0.125rem;
    font-size: 0.6rem;
    font-weight:550 ;
    text-align : left ;
    padding-left: 0;
    text-shadow: 0px 0px 5px rgb(0, 0, 0,1);
}

.tile .tile-label {
    font-weight:550 ;
    text-align : left ;
    padding-left: 0;
    /* change pour text gros button  */
    text-shadow: 0px 0px 5px rgb(0, 0, 0,1);
}

.tile-large .tile-label {
    font-weight:550 ;
    text-align : left ;
    padding-left: 0;
}

.tile-high .tile-label {
    font-weight:550 ;
    text-align : left ;
    padding-left: 0;
}

.tile-wide .tile-label {
    font-weight:550 ;
    text-align : left ;
    padding-left: 0;
}

.app-bar .tile-label,#idsidebar .tile-label
{
    line-height: 1.1;
    font-size: 0.875rem;
    padding: 0;
}

.input-control {

    min-width: 1.875rem;
}

.input-control.surligne {

    display: inline-block;
}


#identification.panel,#idzoneachat.panel
{
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}


[class^="xlang-"], [class*=" xlang-"]
{
    text-rendering: auto;
}

.fixed_width
{
    width:160px;
    border:1px dashed #000000;
    display:table-cell;
}

.dynamic_width
{
    display:table-cell;
    width:auto;
}

_div.panel,_div.heading,_div.content
{
    position:static;
}

.labeldepend > .cell > label
{
    display: block;
    font-size: 0.625rem;
}

.heading  .icone_panel
{
    margin-top: -0.312rem;

}

.pac-container{background-color:#fff;z-index:1101}

.calendar-grid,.heading
{
    position:static;

}

._panel > .heading, ._panel > .content
{
    position:static;
}

.panel > .heading.bigheading
{
    height: 4.1rem;
}

._panel > .heading
{
    padding: .625rem 0 ;
    color: #ffffff;
    background-color: #1ba1e2;
    cursor: default;
    vertical-align: middle;
    z-index: 2;
    height: 2.625rem;
    box-shadow: -1px 6px 6px -6px rgba(0, 0, 0, 0.35);
    font: 500 1.125rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

#identification._panel, #idzoneachat._panel {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.panel > .titlecenter.heading
{
    padding-top: 0px;
}

.charm .charm-closer
{
    height: 1rem;
    width: 2rem;
    font-size: 2.5rem;
}

.input-control.select select
{
    background-color: #fff;
}

.input-control.smallinput50
{
    width: 50px;
}

.input-control.smallinput70
{
    width: 70px;
}

.input-control.smallinput90
{
    width: 90px;
}
.panneau_attributs,.panneau_accessoires
{
    width: 450px;
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #D9D9D9;
    opacity: 0;
    display: none;
    z-index:10;
}

#idbarhaut_dialogattribut,#idbarhaut_dialogaccessoires
{
    display: table;
    width: 100%;
}


.achat_mode_ajout > #iddivajout,.achat_mode_modification > #iddivmodification
{
    display: inline-block;
}

.achat_mode_ajout  > #iddivmodification,.achat_mode_modification > #iddivajout
{
    display: none;
}

.vente_mode_ajout > #iddivajout,.achat_mode_modification > #iddivmodification
{
    display: inline-block;
}

.vente_mode_ajout  > #iddivmodification,.achat_mode_modification > #iddivajout
{
    display: none;
}


.achat_mode_ajout_code_editeur > #iddivajout_code_editeur,.achat_mode_modification_code_editeur > #iddivmodification_code_editeur
{
    display: inline-block;
}

.achat_mode_ajout_code_editeur  > #iddivmodification_code_editeur,.achat_mode_modification_code_editeur > #iddivajout_code_editeur
{
    display: none;
}




.content > .grid.condensed
{
    margin-top: 0px;
    margin-bottom: 0px;
}

.row:before
{
    clear: both;
}

.photo_row
{
    width: 120px;

}
.bg-transparent
{
    background-color: Transparent;
    background-repeat:no-repeat;
}

.fg-transparent
{
    color: Transparent;
}

#div_saisiecodeediteur {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
}

#container_saisiecodeediteur {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: none;
    background-color: #72b5e7;
    height:1px;
    z-index: 10;

}


.wniselect2 .select2-container--default .select2-selection--single {

    border-radius: 0px;
}

.menubody.noimage
{
    background-image: none;
}


.monmodalDialog
{
    position: fixed;
    font-family: Helvetica, Arial,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    z-index: 1000;
    opacity:0;
    visibility: hidden;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}


.monmodalDialog.open {
    opacity:1;
    adisplay: block;
    visibility: visible;
    pointer-events: auto;

}

.hintdialog .hint,.hintdialog .hint2
{
    z-index: 1060;
}

.wni .hint,.wni .hint2
{
    z-index: 1060;
}
.bg-violetDoux {
    background-color : #5332AE ;
}

.bg-darkMagentaDoux {
    background-color : #BB1B47 ;
}


div.vignette
{
    position:relative;
    height: 320px;
    width: 240px;
    white-space: nowrap;
}

img.centre
{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}

img.liste_img_document
{
    height: 80px;
}

img.editions
{
    height: 64px;
}

img.editions_s
{
    height: 32px;
}

img.resize {
    max-width:100%;
    height:auto;
}

img.cadre {
    border: 1px solid black;
    box-shadow: 2px 2px 3px black;
}

.grid.editions > .row > .cell
{
    border: 1px solid #000000;
    padding: 5px 5px 5px 5px;
    color: #000000;
}

.grid.editions > .row > .cell > .accordion > .frame > .heading
{
    color: #000000;



}

/**
* Bouton météo du menu
*/
.tile-meteo {
    display: block;
    float: left;
    margin:5px ;
    background-color: transparent;
    box-shadow: inset 0 0 1px #FFFFCC;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    overflow: visible;
    width: 310px;
    height: 150px;
}

.tile-meteo:hover {
    outline: #999999 solid 3px;
}
.tile-meteo:active {
    outline: 0;
}
.tile-meteo.no-outline {
    outline-color: transparent;
}

.tile-meteo-widget {
    width:100% ;
    height:100% ;
}

.app-bar .element-logo {
    line-height: 3.125rem;
    margin-top:-3px;
    font-size: 1rem;
    cursor: pointer;
    color: inherit;
    display: block;
    float: left;
    position: relative;
    vertical-align: middle;
    height: 3.125rem;
    background-color: inherit;
}

.app-bar {
    display: block;
    width: 100%;
    position: relative;
    background-color: #2056AE;
    color: #ffffff;
    height: 3.125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.new_logo {
    max-height:108% ;
    max-width:100% ;
}

.fleche_back {
    max-width:50% ;
    max-height:50% ;
}

.margin-menu {
    margin-top : 3% ;
}

.first-group {
    margin-left:0px ;
}

.text-menu {
    font-weight:550 ;
}

.text-barre {
    font-weight:300 ;
}

.bord_encadre
{
    border:2px dashed #0f758b;
}



.charmrh .tile-medium {
    cursor: pointer;
    user-select: none;
    width: 150px;
    height: 100px;
}

.charmrh .tile-group {
    margin-left: 0px !important;
}

.autscrollnotif
{
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.autscrollnotif::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
    background-color: #F5F5F5 !important;
}

.autscrollnotif::-webkit-scrollbar
{
    width: 6px !important;
    background-color: #F5F5F5 !important;
}

.autscrollnotif::-webkit-scrollbar-thumb
{
    background-color: #555 !important;
}

@media screen and (min-width: 1401px) {
    html {
        font-size: 100%;
    }
}
@media screen and (max-width: 1400px) {
    html {
        font-size: 100%;
    }
}

#idlogform img
{
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.sub-alt-alt-header
{
    font: 500 0.7rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}


.menunbloctroc
{
    margin-left: 20px !important;
}

.custom-button {
    /*background-color: #007BFF; /* Bleu */
    background-color: #0052b1c0;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.custom-button:hover {
    background-color: #fa6400; /* Bleu plus foncé */
}

.bg-menutroc
{
    background-color:#00FF6F !important;
}

.bg-menuecom
{
    background-color:#FF0022 !important;
}

.bg-darkmenutroc
{
    background-color:#01CC58 !important;
}

.bg-darkmenuecom
{
    background-color:#FF0024 !important;
}
.bg-lightYellow {
  background-color: #FCE94F !important;
}
.bg-darkYellow {
    background-color: #b3a800 !important;
}

.bg-darkAmber {
    background-color: #a77107 !important;
}

button.btncloseformdialog,a.btncloseformdialog,.btncloseformdialog
{
    float: right !important;
    margin-top: -0.317rem !important;
}

#idform_param_souscategories
{
    overflow:auto;
    max-width:95% !important;
    max-height:95% !important;
}

#parentTitreNavBar
{

}

/* --------------------------------------------------------------- */
/*------------------------------------------------------ */

#titreNavPage
{
    font-size: 1.4rem;
    font-weight: bold;
}

.framehistclient
{
    max-height: calc(100vh - 18rem);
    overflow: scroll;
}

.table th.titretab
{
    text-align: center !important;
}

.bg-opacityBlue
{
   background-color:  rgba(0, 125, 255, 0.2) !important;
}

#FormBoiteA .AccSousCat
{
    overflow-y: auto;
    max-height: calc(100vh - 18rem);
}

table.smallpadding td, table.smallpadding th
{
    padding:2px 2px 2px 2px !important;
}

#idform_document, #idform_image
{
    width: 90% !important;
    left:5% !important;
    top : 10% !important;
}

#idform_document .content, #idform_image .content
{
    overflow-y: auto;
    max-height: calc(100vh - 18rem);
}

#confirm_dialogue_texte
{
    font: 500 1.5rem/1.1 "Segoe UI", "Open Sans", sans-serif, serif;
}

.mif-4xf {
  font-size: 3.5rem !important;
  vertical-align: -35% !important;
}

.mif-8x
{
  font-size: 12rem !important;
  vertical-align: -35% !important;
}

#ResultatChercheClient
{
    overflow-y: auto;
    max-height: calc(100vh - 30rem);
}

#idform_cherche_client
{
    width: 95% !important;
    left: 2.5% !important;
    top:10% !important;
}


button:focus,input:focus,select:focus,span:focus {
  border: 10x solid blue !important;
  box-shadow: 0 0 10px blue !important;
  outline: none !important;
}

.fg-white::placeholder {
    color: #ffffff !important;
}

#DivSearchVideo {
    margin-left: 10px;
    margin-right: 10px;
}
#DivSearchVideo input.rounded {
    border-radius: .3125rem;
}

.big-shortcut
{
    width:10rem !important;
    height:10rem !important;
}

.align-left {
  text-align: left !important;
}
.align-right {
  text-align: right !important;
}
.align-center {
  text-align: center !important;
}


div[name='msgpush'] {
    #z-index: 99999 !important;
}

.button .button-badge {
    position: absolute;
    top: -3px;
    right: -3px;
    height : 22px;
    width: 22px;
    background-color: #5fa818;
    color: white;
    border-radius: 50%;
    padding: 0;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}


.input-control.big-check{
  transform: scale(1.25); /* Ajuste le facteur de mise à l'échelle selon tes besoins */
/*  margin-right: 10px; /* Espace entre la checkbox et le texte */*/
}

#formrechercheclientspinwaitajax
{
    position: fixed;
    font-family: Helvetica, Arial,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0);
    z-index: 9000 !important;
    opacity:0;
    visibility: hidden;
}

#formrechercheclientspinwaitajax.open
{
    opacity:1;
    visibility: visible;
}

#formrechercheclientspinwaitajax span
{
    margin-top:10% !important;
}

#idform_achat_article
{
    width: 85% !important;
}

#idform_achat_article #RecherchePrixReseaux
{
    height:auto;
    max-height: calc(100vh - 12rem);
    overflow: scroll;
}

.idformcontratdocument-documents
{
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

.idformcontratdocument-documents img {
    width: auto;
    height: 120px;
}

.idformcontratdocument-documents button {
    margin-top: 20px;
}

#iddesc {
    word-wrap: break-word;
    white-space: normal;
    max-width: 100%;
}
.flex-row {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}
.form-container {
    height: 80%;
    overflow-y: auto;
    position: relative;
}
.desc-container {
    max-height: 20vh;
    overflow-y: auto;
    position: relative;
}

.button-badge {
    position: absolute;
    top: .1rem;
    right: .1rem;
    font-weight: bold;
    border-radius: 20px;
    height: 20px;
    background-color: #CE352C;
    color: white;
    padding: 0 6px;
    font-size: 12px;
    line-height: 20px;
}

.impression-eclate-div{
    overflow-y: scroll;
    max-height: 75vh;
}

#ticketsupportspinwaitajax
{
    position: fixed;
    font-family: Helvetica, Arial,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0);
    z-index: 9000 !important;
    opacity:0;
    visibility: hidden;
}

#ticketsupportspinwaitajax.open
{
    opacity:1;
    visibility: visible;
}

#ticketsupportspinwaitajax span
{
    margin-top:10% !important;
}

#formimagespinwaitajax
{
    position: fixed;
    font-family: Helvetica, Arial,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0);
    z-index: 9000 !important;
    opacity:0;
    visibility: hidden;
}

#formimagespinwaitajax.open
{
    opacity:1;
    visibility: visible;
}

#formimagespinwaitajax span
{
    margin-top:10% !important;
}

.tableLibelleModelFormImpression
{
    width: 40%;
}

.ficheLivraisonOr
{
    min-height: 67px;
}


.FactureOdooScroll
{
    max-height: calc(100vh - 18rem);
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#odoospinwaitajax
{
    position: fixed;
    font-family: Helvetica, Arial,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0);
    z-index: 9000 !important;
    opacity:0;
    visibility: hidden;
}

#odoospinwaitajax.open
{
    opacity:1;
    visibility: visible;
}

#odoospinwaitajax span
{
    margin-top:10% !important;
}

#idform_attributs {
    width: 70% !important;
    top: 5% !important;
}

#idform_attributs div[name="rowattribut"] {
    padding-left: 10px !important;
    padding-top: 10px !important;
    padding-right: 10px !important;
}

#attributsspinwaitajax
{
    position: fixed;
    font-family: Helvetica, Arial,sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0);
    z-index: 9000 !important;
    opacity:0;
    visibility: hidden;
}

#attributsspinwaitajax.open
{
    opacity:1;
    visibility: visible;
}

#attributsspinwaitajax span
{
    margin-top:10% !important;
}