.dxsplVSeparator_Moderno,
.dxsplHSeparator_Moderno,
.dxsplVSeparator_Moderno,
.dxsplHSeparator_Moderno,
.dxsplVSeparatorCollapsed_Moderno,
.dxsplHSeparatorCollapsed_Moderno {
    border-right: 1px solid #e6e6e6;
    -moz-box-shadow: 4px 0px 9px #cccccc;
    -webkit-box-shadow: 4px 0px 9px #cccccc;
    box-shadow: 4px 0px 9px #cccccc;
    padding: 0px !important;
    margin: 0px !important;
}

.dxsplControl_Moderno .dxsplLCC {
    padding: 0px;
}

.dxsplVSeparator_Moderno {
    border-top-width: 0px;
    border-bottom-width: 0px;
}

.pdfIframe {
    width: 100%;
    height: 90%;
}

.dxsplVSeparator_Moderno,
.dxsplHSeparator_Moderno {
    font-size: 0;
}

.dxsplVSeparator_Moderno,
.dxsplVSeparatorButtonHover_Moderno {
    background-repeat: repeat-y;
    background-position: top left;
}

.Card_Item {
    background-repeat: no-repeat;
    width: 50px !important;
}

.CMR_LayoutGroupResponsive {
    width: 47.5% !important;
}


@media only screen and ( max-width: 700px) {
    .CMR_LayoutGroupResponsive {
        width: 100% !important;
    }
}

.SimuCMR_GrpPrincipal {
    display: flex;
    justify-content: center;
}

.SimuCMR_GrpGauche {
    display: flex;
    float: left;
    padding-left: 5%;
}

.SimuCMR_GrpDroite {
    display: flex;
    float: right;
    padding-right: 5%;
}

@media only screen and ( max-width: 1040px) {
    .SimuCMR_GrpGauche {
        display: none;
    }

    .SimuCMR_GrpDroite {
        display: none;
    }
}

.Img_CMR_nochg {
    width: 80px;
    height: 80px;
    /*background-image: url("icons/CMR_evolution0.png");*/
    background-image: url("icons/CMR_nochg.png");
    background-repeat: no-repeat;
    display: inline-block;
}

    .Img_CMR_nochg:hover {
        /*width: 250px;
        height: 80px;
        background-repeat: no-repeat;
        background-image: url("icons/CMR_evolution0.png");
        display: inline-block;
        vertical-align: top;*/
    }

.Img_CMR_chg {
    width: 80px;
    height: 80px;
    /*background-image: url("icons/CMR_evolution1.png");*/
    background-image: url("icons/chg_cmr.png");
    background-repeat: no-repeat;
    display: inline-block;
}

    .Img_CMR_chg:hover {
        /*width: 250px;
        height: 80px;
        background-repeat: no-repeat;
        background-image: url("icons/CMR_evolution1.png");
        display: inline-block;
        vertical-align: top;*/
    }

.Img_CMR_acheminement {
    width: 80px;
    height: 80px;
    /*background-image: url("icons/evolution2.png");*/
    background-image: url("icons/acheminement_cmr.png");
    background-repeat: no-repeat;
    display: inline-block;
}

    .Img_CMR_acheminement:hover {
        /*width: 250px;
        height: 80px;
        background-repeat: no-repeat;
        background-image: url("icons/evolution2.png");
        display: inline-block;
        vertical-align: top;*/
    }

.BTN_PDF_CARDVIEW {
    vertical-align: top !important;
}

.Img_CMR_liv {
    width: 80px;
    height: 80px;
    /*background-image: url("icons/CMR_evolution3.png");*/
    background-image: url("icons/livré.png");
    background-repeat: no-repeat;
    display: inline-block;
}

    .Img_CMR_liv:hover {
        /*width: 250px;
        height: 80px;
        background-repeat: no-repeat;
        background-image: url("icons/CMR_evolution3.png");
        display: inline-block;
        vertical-align: top;*/
    }

.Img_CMR {
    width: 80px;
    height: 80px;
    /*background-image: url("icons/CMR_evolution3.png");*/
    background-image: url("icons/livré.png");
    background-repeat: no-repeat;
    display: inline-block;
}

    .Img_CMR:hover {
        /*width: 250px;
        height: 80px;
        background-repeat: no-repeat;
        background-image: url("icons/CMR_evolution3.png");
        display: inline-block;
        vertical-align: top;*/
    }



.btn_disable {
    background-image: url(icons/search_grey.png) !important;
    background-repeat: no-repeat;
}

.btn_enable {
    background-image: url(icons/search.png) !important;
    background-repeat: no-repeat;
}

.Testbutton {
    padding-top: 10px !important;
    padding-left: 10px !important;
}

.invisible {
    /*display:none ;*/
    visibility: hidden !important;
}

.test {
    display: none;
}

.GrdConteneur {
    width: 66%;
    display: inline-block
}

.StatusBar_WTCLIEMA {
    display: none;
}

.PanelInformationFrmChg {
    text-align: center;
    border-radius: 10px;
    border: 2px solid gray;
    width: auto;
    min-width: 150px;
    max-width: 300px;
}

.PanelInformation {
    text-align: center;
    border-radius: 10px;
    border: 2px solid gray;
}
/*.CboParamMajoGo{
     header
     display:none ; 
 }*/
.CellEditor {
    /*background-color:red;*/
    margin: 3px;
}

.ZonePanel {
    padding-left: 10px !important;
}

.LblPanelInfos {
    text-align: center;
    border-radius: 10px;
}

.GrdStyle {
    padding-top: 20px;
}

.UploadButton_Invisible {
    display: none !important;
}

.background_image {
    background-image: url(Images/BACKGROUND_CONNEXION.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed !important;
    background-size: contain !important;
    background-position: 50% 50%;
}

.Panel_Header {
    /*height:5px!important; 
    padding:3px;*/
}

.cellStyle {
    height: 20px;
}

.background_color {
    background-color: white;
}

.centerButton {
    text-align: center;
    align-items: center;
}

.ListMenu {
    border-radius: 10px;
    border-top: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    border-left: 1px solid lightgray !important;
    border-right: 1px solid lightgray !important;
}

.ItemList {
    width: 250px;
    /*padding: 4px;*/
    list-style: none;
    text-align: left;
    font-family: "Open Sans", "Segoe UI", Helvetica, Arial;
    padding-left: 20px;
    color: #666;
    /*margin-bottom: 5px !important;*/
    border-top: 0px solid lightgray !important;
    border-bottom: 0px solid lightgray !important;
    border-left: 0px solid lightgray !important;
    border-right: 0px solid lightgray !important;
}

    .ItemList:hover {
        background: #4c7db8 !important;
        background-color: #4c7db8 !important;
        color: white !important;
        padding-left: 30px;
        font-family: "Open Sans", "Segoe UI", Helvetica, Arial;
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s;
        -webkit-text-fill-color: white;
        text-decoration-color: white !important;
        border-radius: 10px;
    }

.SelectedItemList {
    background-color: white !important;
}

.panel {
    overflow: hidden !important;
}

.table {
    border-spacing: 0px; /*removes spaces between empty cells*/
    /*border: 1px solid black;*/
}

tr, td {
    border-style: none; /*see note below*/
    padding: 0px;
    /*line-height: 2em;*/
    height: 0px;
}


body, form {
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

.noborder {
    border-style: none !important;
}



dxm-main dxm-horizontal MenuGeneral dxm-autoWidth {
    min-width: 0px !important;
}

.body-content {
    margin-bottom: 15px;
    margin: 0 !important;
    padding: 0 0px 0px 0px;
    width: 99.5%;
    min-width: 200px;
    line-height: 150%;
    min-height: 90%;
}

.logo {
    /*margin: 0;*/
    margin-top: 50px !important;
    padding-left: 0px !important;
    height: 80px;
    z-index: 3000;
    position: absolute;
    width: 12%;
    background-color: transparent;
}

.image_slide {
    width: 100%;
    text-align: left;
    position: relative;
    top: 5px;
}

.nvBarFiltreLiv {
    display: inline-block !important;
    /*display: flex;
    flex-wrap: nowrap;*/
}
/*#nvBarFiltreChg {
    display: flex;
    flex-wrap: nowrap;
    
}*/
.menu_haut {
    /* position: fixed;*/
    width: 100%;
    height: auto;
    /*  padding: 5px;	  */
    /*  padding-left: 10%; */
    /*  padding-top: 0;	  */
    /*    padding: 10px;	  */
    display: flex;
    flex-wrap: wrap;
    /*  z-index: 2000;	  */
    border-bottom: 1px solid #e6e6e6 !important;
    border-top: solid black 0px !important;
    -moz-box-shadow: 0 0 19px 2px #e6e6e6 !important;
    -webkit-box-shadow: 0 0 19px 2px #e6e6e6 !important;
    box-shadow: 0 0 19px 2px #e6e6e6 !important;
    background-color: #FFF !important;
    /*-moz-box-shadow: 0 0 2px 1px #888 !important;
	-webkit-box-shadow: 0 0 2px 1px#888 !important;
	box-shadow: 0 0 1px 1px #888 !important;*/
    text-shadow: 1px 1px 1px white;
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}

.lst_chk {
    text-align: center;
    align-items: center;
    grid-column-align: center;
}

.menu_accueil {
    text-shadow: 1px 1px 1px white;
    background-color: white;
    border: none !important;
    border-bottom: none !important;
    padding: 0px !important;
}

.menu_accueil_item {
    font-size: 18px;
    height: 60px;
    width: 200px;
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    vertical-align: top !important;
    border: none !important;
    text-shadow: 2px 1px 2px #d9d9d9;
    /*border: inset 1px !important;     
      border-color:lightgray;*/
    letter-spacing: 1px !important;
    border-bottom: none !important;
}

.SubMenuAccueilItemStyle li {
    /*position: absolute;   */
    width: 200px;
    height: 50px;
    /*overflow: hidden;     */
    font-size: 18px;
    /*    vertical-align: middle !important;*/
    border: 1px !important;
    background: white;
}

.menu_principal_position {
    padding-left: 12%;
    position: absolute;
    z-index: 1000;
    padding-top: 0px;
}

.menu_principal {
    text-shadow: 1px 1px 1px white;
    background-color: white;
    padding: 0px !important;
    /*border-top: none !important;*/
    border: none !important;
}

.menu_principal_item {
    font-size: 18px;
    height: 40px;
    /*width:10%!important;*/
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    vertical-align: middle !important;
    text-shadow: 2px 1px 2px #d9d9d9;
    border: none !important;
    letter-spacing: 1px !important;
}

.SubMenuItemStyle li {
    margin: auto;
    padding: 0;
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    font-family: Verdana, sans-serif; /*Verdana, sans-serif;*/
    border: none !important;
    border-color: lightgray !important;
    font-size: 16px;
    width: auto;
    text-align: center;
    text-shadow: 2px 1px 2px #d9d9d9;
    /*-moz-box-shadow: 0 0 5px #888 !important;
    -webkit-box-shadow: 0 0 5px#888 !important;
    box-shadow: 0 0 5px #888 !important;*/
    letter-spacing: 1px !important;
}

/* Footer */
/*Permet de modifier la couleur du panel de gauche*/
.dxeButtonEditButton_MetropolisViolet {
    background-color: transparent !important;
}

.dxeListBox_MetropolisViolet .dxeHLC, .dxeListBox_MetropolisViolet .dxeHC, .dxeListBox_MetropolisViolet .dxeHFC {
    display: none !important;
}

.dxeListBox_MetropolisViolet .dxeHLC, .dxeListBox_MetropolisViolet .dxeHC, .dxeListBox_MetropolisViolet .dxeHFC {
    display: none !important;
}

.dxeListBox_Material .dxeHD {
    display: none !important;
    border: none !important;
}

.dxeListBox_Material td.dxeLTM, .dxeListBox_Material td.dxeTM, .dxeListBox_Material td.dxeMIM {
    border: none !important;
}

.dxeListBoxItem_Material {
    padding: 2px 2px 2px 2px;
}

.CarView_css {
    box-shadow: 1px 5px 5px lightgray !important;
    border: 1px solid lightgray;
}

.dxcvControl_Material {
    background-color: #f6f6f6 !important;
}

.dxcvCard_Material {
    padding: 1px 1px 1px 1px !important;
}

.dxcvTable_Material {
    background-color: #f6f6f6 !important;
    border: 0px;
}

a.BTNIMG_Class.dxbButton_MetropolisViolet {
    clip-path: ellipse(30% 50%);
    /*background-color: forestgreen;*/
    height: 80px;
}

img#BTNIMG_envoyeImg {
    padding-top: 13px !important;
    padding-right: 9px !important;
}

img#BTNIMG_AttenteEnvoiImg {
    padding-top: 20px !important;
    padding-left: 2px !important;
}

img#BTNIMG_CHGPlanifieImg {
    padding-top: 23px !important;
    padding-left: 3px !important;
}

img#BTNIMG_ChargeImg {
    padding-top: 22px !important;
    padding-left: 0px !important;
}

img#BTNIMG_TransitImg {
    padding-top: 22px !important;
    padding-left: 0px !important;
}

img#BTNIMG_LIVPlanifieImg {
    padding-top: 23px !important;
    padding-left: 3px !important;
}

img#BTNIMG_LivreImg {
    padding-top: 22px !important;
    padding-left: 0px !important;
}


.CVMarchandises .dxcvTable_Material {
    background-color: white !important;
}

.CVMarchandises .dxcvCard_Material {
    box-shadow: 0px 0px 0px !important;
    /*  border-bottom: 1px solid lightgray;*/
}

.CVMarchandises_CSS {
    border: 0px 0px 0px 0px solid lightgray;
}

.hidden-header {
    display: none !important;
}

.SearchPanel_CardView {
    width: 30% !important;
    padding-left: 19px;
    height: 30px;
}

.dxcvSearchPanel_Material .dxeButtonEdit_Material td.dxic {
    padding: 8px 8px 7px 12px;
}

.dxeBase_MetropolisViolet {
    font-weight: 600;
}

.control_container .dxeBase_Aqua {
    font: 12px "Segoe UI" !important;
    font-weight: 600 !important;
}

.dxpnl-edge.l {
    border-right-width: 0px;
}

.ImgStatutCouleur {
    width: 100%;
    height: 135px;
}

.dxtcLite_Material.dxtc-top > .dxtc-stripContainer .dxtc-activeTab {
    border-radius: 5px !important;
    border-bottom: 5px solid #04202c;
}

.dxtcLite_Material.dxtc-top > .dxtc-stripContainer .dxtc-tab {
    border-radius: 5px !important;
}

.TabStyleCss {
    /*   border-radius: 5px !important;
    border: 1px solid lightgray;*/
}

.dxtcLite_Material > .dxtc-stripContainer .dxtc-link, .dxtcLite_Material > .dxtc-stripContainer .dxtc-leftIndent, .dxtcLite_Material > .dxtc-stripContainer .dxtc-rightIndent {
    /*background-color: #04202c;*/
}
/*.dxtcLite_Material > .dxtc-stripContainer {
    background-color: #04202c;
    height: 40px;
}
*/

.dxdzControlVert {
    background-color: white !important;
}

.dxtvControl_ModernoViolet .dxtv-elbNoLn, .dxtvControl_ModernoViolet .dxtv-elb {
    width: 0px;
    margin-top: 40px;
}



.dxCardView_cvExpandedButton_Material {
    display: none !important;
}

.dxcvGroupRow_Material {
    padding: 0px !important;
    background-color: #f6f6f6 !important;
    font-size: 0px !important;
    height: 10px !important;
}


.dxeErrorCell_MetropolisViolet {
    padding-right: 0px !important;
}

.CVTrierSaisieCommandes .dxbplc {
    height: 155px;
}

.CVTrierSaisieCommandes .dxcvCard_Material, .CVTrierSaisieCommandes .dxcvFlowCard_Material, .CVTrierSaisieCommandes .dxcvBreakpointsCard_Material, .CVTrierSaisieCommandes .dxcvEmptyCard_Material, .CVTrierSaisieCommandes .dxcvEmptyHiddenCard_Material {
    padding: 0px 0px 0px 0px !important;
    height: 128px !important;
}

.CVSaisieCommandes .dxbplc {
    height: 135px;
}

.CVSaisieCommandes .dxcvCard_Material, .CVSaisieCommandes .dxcvFlowCard_Material, .CVSaisieCommandes .dxcvBreakpointsCard_Material, .CVSaisieCommandes .dxcvEmptyCard_Material, .CVSaisieCommandes .dxcvEmptyHiddenCard_Material {
    padding: 0px 0px 0px 0px !important;
    height: 130px !important;
}


.CVFactures .dxbplc {
    height: 134px;
}


.CVFactures .dxcvCard_Material, .CVFactures .dxcvFlowCard_Material, .CVFactures .dxcvBreakpointsCard_Material, .CVFactures .dxcvEmptyCard_Material, .CVFactures .dxcvEmptyHiddenCard_Material {
    padding: 0px 0px 10px 0px !important;
    height: 100px !important;
}


.dxbButton_MaterialCompact div.dxb {
    padding: 0px 0px 0px;
}

.GrdDocument .dxgvDataRow_MaterialCompact td.dxgv {
    padding: 10px 3px 9px !important;
}

.dxbButton_MaterialCompact {
    border-radius: 0px !important;
    border: 0px solid transparent !important;
    background-color: transparent !important;
    width: 1px !important;
    box-shadow: 0 0px 0px 0;
}

.dxeTextBox_MaterialCompact {
    border-radius: 5px !important;
    border: 1px solid lightgray;
}
/*Grid Marchandise saisie de commande*/
.dxgvTable_MaterialCompact {
    box-shadow: 0 0px 0px 0;
    border: none;
}

.dxtcLite_Material > .dxtc-content {
    /* padding:0px!important;*/
    padding-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.dxtcLite_Material > .dxtc-stripContainer {
    background-color: #f6f6f6;
    height: 40px;
}

.dxbButton_MetropolisViolet {
    border-radius: 5px !important;
    border: 1px solid lightgray;
    padding-bottom: 5px
}

.dxeButtonEdit_MetropolisViolet {
    border-radius: 5px !important;
    border: 1px solid lightgray;
}

/*.dxeMemoEditArea_MetropolisViolet .dxeMemoEditAreaSys {
    height: 164px;

}*/

.dxeMemoEditAreaSys {
    /* padding: 3px 3px 0px 3px; */
    /* margin: 0px; */
    border: 1px solid lightgray;
    border-width: 0px;
    border-radius: 5px !important;
    display: block;
    resize: none;
}

.dxeMemo_MetropolisViolet {
    border-radius: 5px !important;
    border: 1px solid lightgray;
    border-right: 1px solid lightgray;
    border-left: 1px solid lightgray;
    height: 164px;
    /*  -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.dxgvDataRow_MaterialCompact td.dxgv {
    border-bottom: none !important;
    border-right: none !important;
}
/*.dxgBCTC {
    border: 1px solid lightgray;
    padding: 8px 4px 8px 4px;
    border-radius: 5px;
}
*/
.statusBar {
    display: none;
}



.dxgv td.dx-ar, .dxgv td.dx-al {
    border: 1px solid lightgray;
    border-right: 1px solid lightgray !important;
    /*  padding: 8px 4px 8px 4px;*/
    border-radius: 5px;
    border-bottom: 1px solid lightgray !important;
}
/*
.dxgv dx-al dxgvFocusedCell_MaterialCompact .dx-ar {
    border: none !important;
    border-right: none !important;
}*/

.SpinEditClass {
    border: 1px solid lightgray !important;
    border-right: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    border-radius: 5px;
}

.GrdEmail .dxgvDataRow_MaterialCompact td.dxgv {
    border: none !important;
    border-right: none !important;
    /*  padding: 8px 4px 8px 4px;*/
    border-radius: 0px;
    border-bottom: 1px solid lightgray !important;
}


.GrdDocument .dxgvDataRow_MaterialCompact td.dxgv {
    border: none !important;
    border-right: none !important;
    /*  padding: 8px 4px 8px 4px;*/
    border-radius: 5px;
    border-bottom: none !important;
    overflow:visible;
}

.dxgvDataRow_MaterialCompact td.dxgv {
    border-right: 1px solid lightgray !important;
    border-bottom: 1px solid lightgray !important;
    /*padding-right: 15px !important;*/
}

.dxgv td.dx-ac {
    border-bottom: none !important;
    border-right: none !important;
    border-top: none !important;
    border-left: none !important;
}

.dxeTextBox_MetropolisViolet {
    border-radius: 5px !important;
    border: 1px solid lightgray;
}

dxbButton_MetropolisViolet btn_dupliquer_card dxbButtonSys {
    padding-top: 5px !important;
}




.dxbButtonSys.dxbTSys.buttonConnexionStyle {
    border-radius: 50px 50px 50px 50px !important;
    border-color: darkred;
    padding-top: 5px;
}

.dxbButtonSys.dxbTSys.buttonConnexionStyle {
    border-radius: 50px 50px 50px 50px !important;
    border-color: darkred;
    padding-top: 5px;
}

.textBoxBottomLine {
    border: none;
    border-bottom: 1px solid #1890ff;
    padding: 5px 10px;
    outline: none;
    border-color: black;
    border-radius: 0px !important;
}


.btn_dupliquer_card {
    /*box-shadow: 1px 5px 5px lightgray !important;*/
    padding-top: 5px !important;
    border: 0px solid white;
}

.NoStyle {
    background-image: none !important;
    background-color: transparent !important;
    border: none !important;
}

.footer {
    height: 15px !important;
    background-color: #FFF !important;
    padding: 5px;
    flex-wrap: nowrap;
    z-index: 2000;
    border-top: 1px solid #e6e6e6 !important;
    border-bottom: solid black 0px !important;
    -moz-box-shadow: 0 0 19px 2px #e6e6e6 !important;
    -webkit-box-shadow: 0 0 19px 2px #e6e6e6 !important;
    box-shadow: 0 0 19px 2px #e6e6e6 !important;
    position: fixed;
    height: 50px;
    background-color: red;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 0px;
}

.vertical-line {
    border-left: 2px solid #8c8c8c;
    display: inline-block;
    height: 90%;
}

@media only screen and ( max-width: 1000px) {
    .footer {
        height: 100px;
    }
}

.version {
    /*display: flex;
    flex-wrap: nowrap;
    float: left;
    padding-top: 15px;*/
    padding-left: 60%;
    /*top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 40px;
    padding: 5px;
  
    padding-top: 15px;
    display: flex;
    flex-wrap: nowrap;
    z-index: 2000;
    background-color: #FFF !important;
    border-top: solid black 1px !important;
    border-bottom: solid black 1px !important;
   
    -moz-box-shadow: 0 0 2px 1px #888 !important;
    -webkit-box-shadow: 0 0 2px 1px#888 !important;
    box-shadow: 0 0 1px 1px #888 !important;*/
}

.content {
    padding: 0px;
}

.CommandButton {
    margin-left: 40% !important;
    margin-right: 40% !important;
}

.EditForm {
    width: 70% !important;
    /*margin-left: 25% !important; 
  margin-right: 25% !important; 
  padding: 2% 15% !important; 
  width: 60% !important;
  box-sizing: border-box;*/
}

.ItemWeb {
    color: blue !important;
}

.DetailRow {
    background-color: #999999 !important;
}

/*.TransportMenuGeneral {
    color: #441151;
    box-sizing: border-box;
    padding: 0.75em;
    box-sizing: border-box;
  
    transform: scale3d(1,0,1);
}

*/

.TransportMenuGeneral {
    /*    box-sizing: border-box;
    border-left: 2px solid #9F2042;
    border-right: 2px solid #9F2042;
    padding:20px;
    color:red;*/
}


/*.ClassLBLMenuGeneral:hover{
    transform: scale3d(1,1,1);
    transition: transform 900ms;
    box-sizing: border-box;
    border-top: 8px solid #9F2042;
    border-bottom: 8px solid #9F2042;
}
*/

.item.TransportMenuGeneralHover .dxm-content > img {
    display: inline-block !important;
}


.MenuGeneral_TRANSPORT_True:hover {
    content: url('/Content/Images-Accueil/ALAINE/aln_transport.svg');
}


.MenuGeneral_LOGISTIQUE_True:hover {
    content: url('/Content/Images-Accueil/ALAINE/aln_logistique.svg');
    /*width: 500PX;*/
}

.MenuGeneral_FORWARDING_True:hover {
    content: url('/Content/Images-Accueil/ALAINE/aln_forwarding.svg');
    /*width: 500PX;*/
}

/* Debut Effet menu transport*/
.geeks_TRANSPORT_True {
    content: "";
    color: #a61f20;
    text-decoration: none;
    position: absolute;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

    .geeks_TRANSPORT_True::before {
        content: '';
        width: 0%;
        margin-left: 0%;
        height: 10px;
        top: 150px;
        left: 0px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .geeks_TRANSPORT_True:hover::before {
        z-index: 4;
        background-color: #a61f20;
        width: 62%;
        margin-left: 6.5%;
    }

    .geeks_TRANSPORT_True::after {
        content: '';
        width: 0%;
        margin-left: 0%;
        height: 10px;
        top: 255px;
        left: 1px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .geeks_TRANSPORT_True:hover::after {
        z-index: 4;
        background-color: #a61f20;
        width: 62%;
        margin-left: 30%;
    }
/* Fin Effet menu transport*/

/*
@keyframes animates {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    25% {
        width: 0;
        height: 45%;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    100% {
        width: 85%;
        height: 45%;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: #9F2042;
        border-left-color: transparent;
    }
}*/

/* Fin Effet menu transport*/

/*LOGISTIQUE*/
.geeks_LOGISTIQUE_True {
    content: "";
    color: #a61f20;
    text-decoration: none;
    position: absolute;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

    .geeks_LOGISTIQUE_True::before {
        content: '';
        width: 0%;
        margin-left: 0%;
        height: 10px;
        top: 150px;
        left: 0px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .geeks_LOGISTIQUE_True:hover::before {
        z-index: 4;
        background-color: #a61f20;
        width: 62%;
        margin-left: 6.5%;
    }

    .geeks_LOGISTIQUE_True::after {
        content: '';
        width: 0%;
        margin-left: 0%;
        height: 10px;
        top: 255px;
        left: 1px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .geeks_LOGISTIQUE_True:hover::after {
        z-index: 4;
        background-color: #a61f20;
        width: 62%;
        margin-left: 30%;
    }
/*Fin effet logistique*/

/*FORWARDING*/

.geeks_FORWARDING_True {
    content: "";
    color: #a61f20;
    text-decoration: none;
    position: absolute;
    -webkit-transition: all 0.8s;
    -o-transition: all 0.8s;
    transition: all 0.8s;
}

    .geeks_FORWARDING_True::before {
        content: '';
        width: 0%;
        margin-left: 0%;
        height: 10px;
        top: 150px;
        left: 0px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .geeks_FORWARDING_True:hover::before {
        z-index: 4;
        background-color: #a61f20;
        width: 62%;
        margin-left: 6.5%;
    }

    .geeks_FORWARDING_True::after {
        content: '';
        width: 0%;
        margin-left: 0%;
        height: 10px;
        top: 255px;
        left: 1px;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
        position: absolute;
        -webkit-transition: all 0.5s;
        -o-transition: all 0.5s;
        transition: all 0.5s;
    }

    .geeks_FORWARDING_True:hover::after {
        z-index: 4;
        background-color: #a61f20;
        width: 62%;
        margin-left: 30%;
    }
/*Fin effet forwarding*/
.dxmLite_MetropolisViolet .dxm-horizontal .dxm-image-l .dxm-content {
    padding: 0px 0px 0px 0px !important;
}

.dxeButtonEdit_MetropolisViolet.Affretement {
    border: 0px solid lightgray !important;
}