/** css tablette **/


 /* MENU */

 .mainMenuButton {
  margin: 1rem;
  right: 0%;
}

.mainNav {
  margin-top: 1rem;
}

.mainMenu, .menuExtranet {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

.menuExtranet {
max-width: none;
margin: 0;
display: none;
}

.menuExtranetWrapper {
  position: fixed!important;
  z-index: 6;
  padding-top: 0rem;
}

.contentExtranet {
  margin-top: 4.5rem;
}

.menuExtranet > ul, .menuPublic > ul {
    flex-direction: column;
}

.menuPublic .submenuContainer {
    position: relative;
}

.menuItem0 {
    text-align: center;
}

.menuItem0 > a {
  padding: 0.8rem 0.2rem;
}

.extranetMenuButton {
    display: block;
}

.menuLevelFlex {
  flex-direction: column;
}

.menuLevel1{
    position: relative;
}

.ulLevel1 {
    width: 100%;
    max-height: none;
}

.menuExtranet > ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: left;
}

.imgLogo {
    margin: 0 auto;
    padding: 5px;
    display: block;
}


/**/


  
  /* Accueil */
  
  .homeLogin{
    position: relative;
    margin: 1rem auto 0.2rem;
  }
  
  .titlePageHome {
    margin-top: 1rem;
    text-align: left;
    margin-left: 15px;
    max-width: 50%;
    display: inline-block;
  
  }
  
  .titleSimplePage {
      position: fixed;
      top: 0;
      z-index: 5;
      background: #fff;
  }
  
  .imgHomeLink{
    z-index: 5;
  }
  
  .txtLogoPagePublic{
    display: none;
  }
  
  .titlePage h2, .titlePage p{
    display: none;
  }
  
  .logoTitrePage {
      display: none;
  }
  
  .logoPagePublic img {
      position: absolute;
      top: 0;
      max-width: 100px;
      margin: 0 auto;
      text-align: center;
      display: block;
      left: 0;
      z-index: 10;
      right: 0;
  }
  
  .imgTitrePage{
    opacity: 0.2;
  }
  
  .titlePage h1 {
    font-size: 1rem;
    line-height: 1.8rem;
    margin: 1.1rem 2rem 1rem;
    text-align: left;
    margin: 1.1rem 2.2rem 1rem 0.8rem;
  }
  
  .titlePageHome img {
    max-height: 70px;
  }
  
  .titleTextHome h1 {
    font-size: 1rem;
    margin: 1rem 0.65rem 0;
  }
  
  .textHome {
    margin: 0;
  }
  
  .textHome .textHomeBlock1{
    display: none;
  }
  
  .textHomeBlock2 h4 {
    margin: 0 0 2rem;
    font-size: 0.85rem;
    font-weight: normal;
    text-align: left;
    padding: 0 0.5rem;
  }
  
  .homeLoginLink {
    position: relative;
    margin: 0 0.65rem;
    z-index: 1;
  }
  
  .mainMenu .homeLoginLink{
    margin: 1rem 0.65rem;
    z-index: 7;
  }
  
  .mainMenu .homeLoginLink .lienConnexion{
    z-index: 7;
  }
  
  .homeLoginLink h2 {
      margin: 0.5rem 0 0;
      font-size: 1.2rem;
  }
  
  .homeLoginLink p {
    padding-top: 0;
  }
  
  .imgBgHome {
    height: 50vh;
  } 

  .imgBgHome > .sf_colsOut {
    height: 100%;
}

/* spe etnos */

.chiffreIntro {
  padding: 0.5rem 1rem;
}

.contactInfo {
  flex-direction: column;
}

/* COLONNE DROITE */

.columnRight {
    position: relative;
    width: 100%;
    min-height: auto;
}
    
.contentPublic .sf_cols {
    flex-direction: column;
}
    
/* COLONNE GAUCHE */
    
.columnLeft{
    position: relative;
    min-height: auto;
    max-width: none;
}
    

    
.contentPublic .sf_cols {
    flex-direction: column;
}

.contentPublic .sfContentBlock {
  margin: 2rem 1.5rem 2em;
}


/* historique */

.itemTextTimeline {
  flex-direction: column;
}

.itemTextTimeline p {
  padding: 2rem;
  width: 100%;
  text-align: center;
}

.itemTextTimeline p + p {
  border-left: none;
  border-top: 1px solid #cdcdcd;
}


.itemTextTimeline h2:before {
  display: none;
}

.itemTextTimeline h2 {
  border-radius: 5px;
  padding: 1rem;
  width: 100%;
  text-align: center;
}

/**/

.homeTitleWrapper{
    left: 0%;
}

.homeTitleWrapper h1 {
    font-size: 1.5em;
    width: calc(100% - 2rem);
    margin: 1rem 1rem 0;
}

.textHome h2 {
  margin: 0 1rem 2rem;
  font-size: 1.1rem;
  text-align: left;
}

/**/

.headerL {
    width: 100%;
}

.headerR{
  width: 100%;
}

.mainContentExtranet{
    margin-bottom: 10px;
}

.nodata{
    margin-left: 0;
      border-bottom: 1px solid #cdcdcd;
      margin-bottom: 0.5rem;
}

.titreExtranetWrapper{
    padding: 0;
}
  
.titreExtranetWrapper .sfContentBlock{
    padding: 0.35rem 0.5rem 0;
}

  /*****/
  
  .lienRapideWrapper {
      text-align: center;
  }
    
  /********/
  
  .authPanel{margin-left:0;}
  .widgetExtranet .pcClass .notAuthPanel,  .widgetExtranet .divTitreExtranet
  {
      display:none;
  }
  .widgetExtranet .phoneOnly
  {
      display:block;
  }
  
  .widgetExtranet .lblHello {
    display: none;
  }
  
  .BlocConnexion .widgetExtranet .pcClass .notAuthPanel,  .BlocConnexion .widgetExtranet .divTitreExtranet
  {
      display:block;
  }

/*  .widgetExtranet{
    position: fixed;
  }*/
  
  /** connexion en tant que **/
  
  
  .divAgrisListContent{
      line-height: 20px;
  }
  
  .widgetAgrisListWrapper {
      margin: 0 0.1rem;
      display: inline-block;
  }
  
  .authPanel .divAgrisListTitre {
      line-height: 10px;
      margin-top: 0.2rem;
      text-align: left;
          font-size: 0.6rem;
  }
  
  .authPanel .widgetAgrisListWrapper {
      margin-top: 4px;
  }
  
  /*.divAgrisListContent .RadComboBox{
      max-width: 120px;
  }*/

  .widgetExtranet .divIcones {
    display: inline-block;
}
  

  /**/
  
  .newsCarousel .contenuActus, .newsCarousel .newsVignette {
      vertical-align: middle;
  }
  
  
  .newsSummarySolo, .newsVignetteSolo{
    width: 100%
  }
  
  .newsVignetteSolo img {
      margin: 0 auto;
  }
  
  
  /*** password oublie ***/
  
  .ForgetPasswordWrapper{
      margin-top: 2rem;
      margin-left: 0rem;
      text-align: center;
  }
  
  .ForgetPasswordWrapper .divValidate{
       margin-left: 0!important;
  }
  
  .MotDePasse {
      width: 97%;
      margin: 1rem auto 0;
  }
  
  .forgottenPassword{
      margin-top: 2rem;
      margin-left: 0.5rem;
  }

  .lienForgetPassword {
    font-size: 11px;
    margin-left: 0.5rem;
}
  
  /************************ Mes informations completes  ********************/
  
  .newWidgetInfos .Titre {
      margin: 0 1rem;
  }
  
  .newWidgetInfos .widgetMonCompte{
      width: auto!important;
    margin: 1rem;
  }
  
  .newWidgetInfos .widgetMonCompte .divContactItem, .widgetAdresses .divAdresseItem, .newWidgetInfos .widgetMonCompte .divContactEditItem, .divContactInsertItem, .divAdresseInsertItem, .divAdresseEditItem, .newWidgetInfos .divActivite1, .newWidgetInfos .divActivite2 {
      max-width: 100%;
          width: auto;
      margin: 3rem auto;
      display: block;
      word-break: break-word;
  }
  
  .divReferencesContent{
      display: block;
  }
  
  .divReferenceBtn {
      margin-top: 0;
  }
  
  .widgetChangePassword{
      margin: 1rem;
  }
  
  .newWidgetInfos .widgetMonCompte [class*="Titre"], .widgetAdresses [class*="Titre"] {
      font-size: 0.8rem;
  }
  
  .newWidgetInfos .divContactItem .divContactNomPrenomContent, .newWidgetInfos .divContactItem .divContactCiviliteContent {
      font-size: 1.5rem;
  }
  
  .widgetMonCompte .divCodeIntracomTitre, .widgetMonCompte .divRaisonSocialeTitre {
      width: 9rem!important;
  }

  .widgetMonCompte .infoItemContent input, .infoItemContent {
    width: 100%;
}
  
  /************************WIDGET COTATIONS MARCHE********************/
  
  .lienCotationWrapper{
      text-align: center;
      margin-top: 2rem;
  }
  
  table.tblMarchesPhysique, table.tblCotationsOptions{
      border: none;
  }
  
  .divMarchesPhysiqueContent thead, .tblCotationsOptions  thead {
    display: none;
  }
  
  .divMarchesPhysiqueContent tr, .tblCotationsOptions tr  {
    border-bottom: 2px solid #ddd;
    display: block;
    margin-bottom: .625em;
      padding: 0;
  }
  
  .divMarchesPhysiqueContent th,
  .divMarchesPhysiqueContent td {
       border: none;
  }
  
  .divMarchesPhysiqueContent td, .tblCotationsOptions td  {
      border-top: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
      padding: 1em .625em .625em;
  }
  
  .divMarchesPhysiqueContent td::before, .tblCotationsOptions td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .Vertical td::before {
       content: attr(data-labelvert);
   }
  
   .tblCotationsOptions  td::before{
       content: attr(data-labeloptions);
   }
  
  .divMarchesPhysiqueContent td:last-child, .tblCotationsOptions td:last-child{
    border-bottom: 0;
  }
  
  .divMarchesPhysiqueContent td.recolte, .Vertical td.firstTd, .tblCotationsOptions td.firstTd{
      text-transform: uppercase;
      color: #fff;
      border: none;
    padding: 0.4rem 0.3rem;
      text-align: center;
      background:#0a863c;
      margin: 0;
      font-size: 1rem;
    font-weight: normal;
  }
  
   .tileCere .Vertical td.firstTd{
     background:  #48A4FC;
   }
  
  .divMarchesPhysiqueContent tr.recolte{
    padding: 0;
    border-left: none;
  }
  
  .tblCotationsOptions td{
    border-left: none;
      line-height: 1.4em;
  }
  
  td.Vide{
      display: none;
  }
  
  .divMarchesPhysiqueContent td.firstTd, .tblCotationsOptions td.firstTd  {
      border-top: none;
  }
  
  /*** SIGNATURE CONTRAT ***/
  
  .linkCmdWrapper {
      text-align: center;
      margin: 0.5rem auto;
      padding: 0 5px;
  }
  
  .linkCommande {
      display: inline-block;
      margin: 0 0.3rem;
      font-size: 0.6rem;
  }
  
  /*** SOUSCRIPTION DE CONTRAT ***/
  
  .SouscriptionOffreWrapper .rptItem {
      width: 100%;
          margin: 20px 0;
  }
  
  .SouscriptionOffreWrapper .rptItem.selected {
    width: auto!important;
    overflow-y: scroll;
    position: fixed;
    /* top: 98px; */
      top: 0;
      z-index: 1001;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0;
    background: #f4f4f4;
  /*margin-bottom: 55px;*/
  padding-bottom: 55px;
}


.SouscriptionOffreWrapper .rptItem.selected .listElementOffre li:last-of-type .riSingle {
  padding-bottom: 6rem;
}


  .rptItem.selected .btnForm{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
      z-index: 2;
      height: 62px;
      box-sizing: border-box;
  }
  
  .divSouscriptionOffreContent .offreChoisir a:before {
      background-image: url(/images/default-sourcelogo-icone/arrow-down-bl.png);
          background-size: 25px 17px;
      height: 17px;
      width: 25px;
  }
  
  .divSouscriptionOffreContent .offreChoisir {
      margin: 0;
  }
  
  .divSouscriptionOffreContent .btnShowForm{
      display: block;
      padding: 10px 5px;
  }
  
  
  .rptItem.selected .offreChoisir {
      display: none;
  }
  
  .divSouscriptionOffreContent .offreTitre h4 {
      margin: 0.5rem 0;
      width: calc(100% - 62px - 0.4rem);
      display: inline-block;
      vertical-align: middle;
  }
  
  
  .divSouscriptionOffreContent ul {
      padding-bottom: 0.5rem;
  }
  
  .divSouscriptionOffreContent li {
      min-height: calc(25% - 18px);
  }
  
  .divSouscriptionOffreContent .selected .offreTitre {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 2;
  }
  

  
  /**  LISTE CONTRAT **/
  
  #gridDemandes_DXMainTable{
      position: relative;
  }
  
  .DemandeEnCoursWrapper .dxgvGroupRow_MaterialCompact{
      background: #0a863c;
  }
  
  
  .DemandeEnCoursWrapper  .leftCell, .DemandeEnCoursWrapper  .rightCell {
      width: 48%;
      display: inline-block;
  }

  .DemandeEnCoursWrapper .leftLeftCell{
          border-left: 3Px solid #0a863c;
          padding-left: 0.2rem;
          margin: 0.2rem 0 0.3rem 0.3rem;
  }
  
  .DemandeEnCoursWrapper .ans-legendItem .ans-value {
      color: #484848;
  }
  
  .DemandeEnCoursWrapper .ans-legendItem .ans-legend{
      display: none;
  }
  
  .DemandeEnCoursWrapper .ans-legendItem.offre  .ans-value {
      color: #0a863c;
          line-height: 0.5rem;
  }
  
  .DemandeEnCoursWrapper .ans-legendItem.offre{
      margin-top: -3px;;
  }
  
  
  .DemandeEnCoursWrapper .ans-legendItem.ref  .ans-value {
          color: #005914;
          line-height: 0.5rem;
  }
  
  .DemandeEnCoursWrapper .dxgvCommandColumnItem_MaterialCompact {
      position: absolute;
      right: 5px;
  }

  .DemandeEnCoursWrapper .rightCell .ans-legendItem, .DemandeEnCoursWrapper .leftCell .ans-legendItem{
      width: 49%;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    border-left: 1Px solid #808080;
  }
  
  .DemandeEnCoursWrapper .ans-legendItem.produit{
      border-left: 0;
  }
  
  .DemandeEnCoursWrapper .dxgvCommandColumn_MaterialCompact a{
      margin: 5px;
      margin-left: auto;
  }
  
   .DemandeEnCoursWrapper .dxgvDataRow_MaterialCompact td.dxgv, .DemandeEnCoursWrapper .dxgvSelectedRow_MaterialCompact td.dxgv{
      border-bottom: none!important;
  }
  
  .DemandeEnCoursWrapper .dxgvDataRow_MaterialCompact td.dxgv, .DemandeEnCoursWrapper .dxgvSelectedRow_MaterialCompact td.dxgv {
      padding: 0;
          border: none!important;
  }
  
  .DemandeEnCoursWrapper .gridPhone{
          margin-bottom: 0.2rem;
  }
  
  .DemandeEnCoursWrapper .ans-legendItem.offre .ans-legend{
      display: none;
  }
  
  .dxgvDataRowAlt_MaterialCompact{
      background-color: transparent;
  }
  
  
  /***********************/
  
  
  .groupHeader.Niv1 {
      border-top: 0;
  }
  
  
  .contratsCereWrapper .groupHeader.Piece a {
      display: inline-block;
      margin: 0.2rem;
      margin-right: 0.4rem;
  }
  
  .contratsCereWrapper .groupHeader.Piece a img{
    border-radius: 50%;
    background: #fff;
    padding: 5px;
  }
  
  
  
  
  /*******************/
  /*** METEO ***/
  
  
  .meteo-summary .meteo, .meteo-summary .summaryText{
    display: inline-block;
    vertical-align: middle;
  }
  
  .dailyForecast #moreDetail{
    margin: 0.5rem auto;
    text-align: center;
    display: block;
  }
  
  
  .dailyForecast .owl-nav .owl-prev{
    position: fixed;
    bottom: 50%;
    left: 0;
    z-index: 10;
        background: rgba(51, 51, 51, 0.2)!important;
  }
  
  .dailyForecast .owl-nav .owl-next{
    position: fixed;
    bottom: 50%;
    right: 0;
    z-index: 10;
        background: rgba(51, 51, 51, 0.2)!important;
  }
  
  .dailyForecast button.owl-next, .dailyForecast button.owl-prev {
      margin: 0.5rem!important;
  }
  
  .dailyForecast h2, .detailsForcast h2 {
      font-size: 1.1rem;
      text-align: center!important;
      text-transform: uppercase;
      margin-top: 5px;
  }
  
  .dailyForecast .date{
    margin-bottom: 0;
  }
  
  .meteoData, .temperaturesPanel {
      font-size: 14px;
  }
  .meteoDataPanel {
      padding: 5px;
  }
  
  
  /*******/
  
  .previewRow{
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    display: block;
    width: 100%;
    padding: 0 5px;
    box-sizing: border-box;
  }
  
  .previewRowItem{
    display: inline-block;
    /* width: 50%; */
    width: 100%;
    vertical-align: top;
    text-align: left;
  }
  
   .SortChrono .piece, .SortVariete .variete, .SortArticle .article{
    display: none;
  }
  
  .reliquat .ans-legend{
    font-weight: normal!important;
  }
  
  .reliquat .ans-legendItem{
    margin: 0;
  }
  
  .contratsCereWrapper .SortVariete .reliquat, .contratsCereWrapper  .SortCulture .reliquat, .CommandesApproWrapper .SortFamille .reliquat, .FacturesCereWrapper .SortFamille .pieceOrigine{
      margin: 3px 0;
  }
  
  .ventesCereWrapper .SortCulture .pieceOrigine, .LivraisonsCereWrapper .SortFamille .nLot, .LivraisonsCereWrapper .SortChrono .article  {
      margin: 4px 0;
  }
  
  
  .LivraisonsCereWrapper .SortArticle .pieceOrigine{
    margin: 5px 0;
  }
  
  .piece a, .groupHeader.Piece a, .MesFDSWrapper .ePhy a, .MesFDSWrapper .FDS a, .listesFDSWrapper .ePhy a, .listesFDSWrapper .FDS a{
    display: inline-block;
    vertical-align: middle;
    padding: 5px 5px 1px;
    border: 1px solid #e3e3e3;
    border-radius: 50%;
    margin: 0.1rem;
    background: #fff;
  }
  
  .piece img, .groupHeader.Piece img, .MesFDSWrapper .ePhy img, .MesFDSWrapper .FDS img, .listesFDSWrapper .ePhy img, .listesFDSWrapper .FDS img{
    max-width: 19px;
  }
  
  
  .ReleveCompteWrapper td.gridHeader:first-of-type,
  .ReleveCompteWrapper .gridRow td:first-of-type,
  .ReleveCompteWrapper .dxgvArm td.dxgvDI, .ReleveCompteWrapper td.gridHeader:nth-of-type(2),
  .ReleveCompteWrapper .dxgvArm
  {
    display: none;
  }
  
  
  .ReleveCompteWrapper td.dx-nowrap.dxgv {
      border-bottom: none!important;
      padding-bottom: 0;
  }
  
  
  /*.ReleveCompteWrapper .gridRow, .ReleveCompteWrapper .gridRow td {
      display: block;
  }*/
  
  .ReleveCompteWrapper .gridRow:nth-child(4n+2),
  .ReleveCompteWrapper .gridRow:nth-child(4n+3){
    background: #eef2f4;
  }
  
  .ReleveCompteWrapper .ans-legendItem{
    text-align: left;
  }
  
  .ReleveCompteWrapper  .prewiewRowRow1 {
      display: -webkit-box;
      display: flex;
      overflow: hidden;
  }
  
  
  .ReleveCompteWrapper .prewiewRowRow1 .previewRowItem {
    display: block;
    width: 25%;
    padding: 2px;
    margin: 0;
    box-sizing: border-box;
    color: #696969;
    text-align: right;
    word-break: break-all;
  }
  
  .ReleveCompteWrapper.AvecSolde .prewiewRowRow1 .previewRowItem {
    width: 25%;
  }
   
  .ReleveCompteWrapper.SansSolde .prewiewRowRow1 .previewRowItem {
    width: 30%;
  }
   
  .ReleveCompteWrapper.SansSolde .prewiewRowRow1 .previewRowItem.solde{
    display: none;
  }
  
  .ReleveCompteWrapper .previewRowItem.nPiece {
      word-break: break-all;
      text-align: left;
  }
  
  
  .ReleveCompteWrapper .echeance, .ReleveCompteWrapper .intituleDate{
    width: calc(49% - 22px);
    display: inline-block;
    font-size: 0.8rem;
    vertical-align: middle;
  }
  
  .ReleveCompteWrapper .previewRowItem.piece {
    max-width: 40px;
    text-align: center;
    width: auto;
    vertical-align: middle;
  }
  
  .ReleveCompteWrapper .piece span[data-value1="False"] {
      display: none;
  }
  
  
  /**  FDS  **/
  
  .MesFDSWrapper td.gridHeader:first-of-type,
  .MesFDSWrapper .gridRow td:first-of-type,
  .MesFDSWrapper .dxgvArm, .listesFDSWrapper .dxgvArm
  {
    display: none;
  }
  
  /*.MesFDSWrapper .gridRow, .MesFDSWrapper .gridRow td {
      display: block;
  }*/
  
  .MesFDSWrapper .prewiewRowRow1, .listesFDSWrapper .prewiewRowRow1 {
      display: -webkit-box;
      display: flex;
      overflow: hidden;
  }
  
  .MesFDSWrapper  .gridHeader:last-of-type, .listesFDSWrapper  .gridHeader:last-of-type,
  .MesFDSWrapper .ePhy, .MesFDSWrapper .FDS, .listesFDSWrapper .ePhy, .listesFDSWrapper .FDS,
  .MesFDSWrapper  .gridHeader:nth-last-of-type(2),  .listesFDSWrapper  .gridHeader:nth-last-of-type(2)
   {
     width: 55px!important;
     box-sizing: border-box;
     text-align: center;
     vertical-align: middle;
  }
  
  .MesFDSWrapper .ePhy, .MesFDSWrapper .FDS, .listesFDSWrapper .ePhy, .listesFDSWrapper .FDS {
      padding-left: 5px;
  }
  
  .MesFDSWrapper .prewiewRowRow1 .previewRowItem, .listesFDSWrapper .prewiewRowRow1 .previewRowItem  {
    color: #696969;
    display: block;
  }
  
  .MesFDSWrapper .previewRowItem.amm, .MesFDSWrapper .previewRowItem.intitule,
  .listesFDSWrapper .previewRowItem.amm, .listesFDSWrapper .previewRowItem.intitule{
      width: calc(50% - 55px);
      text-align: center;
      vertical-align: middle;
      word-break: break-all;
  }
  
  .MesFDSWrapper .previewRowItem.amm,  .listesFDSWrapper .previewRowItem.amm{
      text-align: left;
      text-indent: 5px;
  }
  
  .MesFDSWrapper  .prewiewRowRow2, .listesFDSWrapper .prewiewRowRow2{
    display: block;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
  
  .MesFDSWrapper .prewiewRowRow2 div, .listesFDSWrapper .prewiewRowRow2 div {
      display: inline-block;
      width: 100%;
  }
  
  
  /**********/
  
  
  .AlertesWrapper .gridHeader, .AlertesWrapper .dxgvIndentCell, .AlertesWrapper .dxgvIndentCell dxgv, .AlertesWrapper  .dxgvDataRow td.dxgvIndentCell
  {
    display: none;
  }
  
  .DemandeEnCoursWrapper .gridHeader, .DemandeEnCoursWrapper .dxgvIndentCell, .DemandeEnCoursWrapper .dxgvIndentCell dxgv, .DemandeEnCoursWrapper  .dxgvDataRow td.dxgvIndentCell
  {
    display: none;
  }
  
  
  .ReleveCompteWrapper .dxgvIndentCell, .ReleveCompteWrapper .dxgvIndentCell dxgv, .ReleveCompteWrapper .dxgvDataRow td.dxgvIndentCell
  {
      display: none;
  }
  
  /*****/
  /****/
  
  
  /*** shop  ***/
  
  .menuCat {
    padding-right: 0;
    display: none;
  }
  
  .catSubMenu{
  position: relative;
  }
  
  ul.catSubMenu {
    margin-left: 0!important;
    border: none;
  }
  
  .catSubMenu .catSubMenu {
    background: #D7DFE6;
  }
  
  .menuCatVerti > ul > li {
    padding-left: 1rem;
  }

  .sectionProduct, .wrapperReglementaire {
    padding: 0.5rem;
  }
  
  .caracProduct {
    width: 100%;
    padding-top: 0;
  }
  
  .imgProduct {
    display: block;
    margin: 0 auto !important;
    padding-bottom: 0;
  }
  
  .imgProduct ul{
  margin: 0;
  text-align: center;
  }
  
  .titleProduct{
  width: calc(100% - 100px);
  margin: 0.5rem 0.2rem;
  vertical-align: middle;
  }
  
  .priceProduct{
  width: 100%;
  margin-top: 0.5rem;
  }
  
  .headerReglementaire .title{
  margin: 0;
  }
  
  .title .nom, .titulaireProduit {
    margin: 0.2rem 0;
  }
  
  /*  search product*/
  
  .searchBarShop {
    text-align: left;
    padding: 0 0.5rem;
    box-sizing: border-box;
    width: 100%;
  }
  
  .searchBarShop .search{
    width: calc(100% - 42px)!important;
  }
  
  
  /****  LISTE PRODUIT *****/
  
  .titreMenuCat{
  display: none;
  }
  
  .listProduct > li, .listProductV2 .listProduct > li {
    width: 45%;
  
  }

  /* liste produit en ligne **/

.listProductTable .linkCard {
  width: 70%;
}

  /***** new shop *****/
  
  .menuCatWrapper, .listProductWrapper {
    width: 100%;
  }
  
  .menuCatWrapper .catProduct{
  display: none;
  }
  
  .btnCategoriesMobile:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 9px solid #3e4041;
    vertical-align: middle;
    display: inline-block;
    margin: 0.3rem;
  }
  
  .mainCatProduct li {
    display: block;
  }
  
  .itemCard{
  width: 100%;
  }
  
  
  .headerListLine{
  display: none;
  }
  
  .itemLine {
  display: block;
      padding: 0.5rem;
  }
  
  .itemProduit {
    width: calc(100% - 50px);
    margin-bottom: 1rem;
  }
  
  
  .imgProduct.imgLine {
    display: inline-block;
    text-align: center;
  }
  
  .itemQuantite, .itemPrix, .itemTotal {
    display: inline-block;
    vertical-align: top;
  }

  .itemsPanierWrapper .itemQuantite:before {
    content: " ✖ ";
    padding: 0 0.5rem;
    display: inline-block;
    vertical-align: middle;
  }
  
  .itemDel {
    display: inline-block;
  }
  
  .itemTotal{
   display: block;
   text-align: right;
   margin: 0.5rem 0;
  }
  
  .itemTotal:before {
    content: 'Total : ';
    display: inline-block;
  }
  
  .itemsPanierWrapper .itemProduct, .itemsWishlistWrapper .itemProduct  {
  position: relative;
  }
  
  
  .itemsPanierWrapper .itemProduct .itemDel, .itemsWishlistWrapper .itemProduct .itemDel   {
  position: absolute;
  top: 1rem;
  right: 5px;
  }
  
  .itemBtn {
    margin: 1rem 0 0.5rem;
  }
  
  .itemListName {
    width: calc(100% - 35px);
    display: inline-block;
  }
  
  .itemRename{
  display: inline-block;
  }
  
  .imgWishlist{
  display: none;
  }
  
  .toolTipManagerWishlist{
  width: 100%;
  left: 0!important;
  top: 0;
  background: #f2f2f2;
  }
  
  .RadToolTip_Metro .rtClose {
    right: 1px;
    padding: 0.1rem;
  }
  
  .fastCmd .itemNoEdit, .durabiliteWrapper .itemNoEdit {
    padding: 0.5rem;
  }
  
  .fastCmd .itemNoEdit > span:first-of-type {
    width: calc(100% - 175px);
    word-break: break-all;
  }
  
  .fastCmd .itemNoEdit .RadInput{
    margin: 0.1rem 0.4rem;
  }
  
  .durabiliteWrapper{
  padding: 0.4rem;
  }
  
  .durabiliteWrapper .produitWrapper {
    display: block;
    text-align: center;
  }
  
  .durabiliteWrapper .selectionPS .RadInput_Metro .riTextBox {
    font-size: 0.9rem;
  }
  
  .searchBarShopLabel {
  display: block;
  padding: 0.5rem;
  width: 100%;
  max-width: none;
  vertical-align: middle;
  padding-bottom: 0;
  }
  
  .wrapperRecherche .searchBarShopLabel h4{
    display: inline-block;
    padding-bottom: 0;
  }
  
  .searchBarShopLabel span {
    display: inline-block;
  }
  
  .sbRechercheProduit {
    width: calc(100% - 60px);
  }
  
  .cbOnlyProductAlreadyOrdered {
    text-indent: 10px;
    font-size: 0.75rem;
  }
  
  /** filtre **/
  
  .itemFiltre {
    display: block;
  }
  
  .itemFiltre .lblFiltre{
  width: calc(100% - 45px);
  display: inline-block;
  vertical-align: middle;
  }
  
  .btnRemoveAllFiltre.RadButton_Metro.rbSkinnedButton{
    margin: 0.3rem auto;
    display: block;
    background: transparent;
  }
  
  
  .btnRemoveAllFiltre input.rbDecorated, .btnRemoveAllFiltre.rbHovered input.rbDecorated {
  font-size: 0.7rem;
  padding-left: 2.5rem;
  background-position: 6% center;
  }
  
  .catProduct > ul > li.rtLI {
    text-transform: capitalize;
    font-size: 1rem;
  }
  
  .catProduct > ul > li.rtLI {
    padding: 0.5rem;
    background: #eee;
    color: #999;
  }
  
  .catProduct.RadTreeView_Metro .rtPlus, .catProduct.RadTreeView_Metro .rtMinus {
  
    opacity: 0.6;
  }
  
  /**/
  
  .listProductCarousel .owl-nav {
    margin-bottom: 2rem;
  }
  
  .imgListProduct {
    max-width: 150px;
    padding: 0.5rem;
  }
  
  .listProdUnique  .imgListProduct {
    max-width: 100%;
  }
  
  .listProduct h3 {
  min-height: auto;
  margin-top: 0.5rem;
  }
  
  .catListProduct {
    min-height: auto;
  }
  
  .btnCardWrapper {
    margin: 0.5rem 0;
    min-height: auto;
  }
  
  .btnShopWrapper {
    margin: 2rem 0.2rem;
  }
  
  
  .wrapperRecherche{
  margin-top: 0;
  }
  
  
  .listProductCarousel .owl-next, .listProductCarousel .owl-prev {
    margin: 0rem 0.5rem 0.5rem;
  }
  
  .carouselProdLi {
    margin: 0 0.5rem 0.5rem;
  }
  
  
  .lblModeExpeditionNoSelect{
  width: 40%;
  display: inline-block;
  font-size: 0.7rem;
  vertical-align: middle;
  }
  
  .lblFinExpedition{
  width: 49px;
  display: inline-block;
  }
  
  .divFinExp {
    margin: 0.2rem;
  }
  
  
  .panierWrapper{
    position: absolute;
    top: 6px;
    left: 45px;
    max-width: 40px;
  }
  
  .lnkCountPanier{
  position: relative;
  bottom: auto;
  top: 5px;
  }
  
  .lblMessageLivraisons, .lblMessageRetraits {
    display: block;
  }
  
  
  .divModeExp .itemCard {
    margin: 0 0 1rem;
  }



/***** new panier ***/

.itemPanierLeft, .itemPanierRight,
.itemRecapCmdLeft, .itemRecapCmdRight,
.detailWorkflowLeft, .detailWorkflowRight  {
    width: 100%;
    padding: 0;
}

.itemPanierRight, .itemRecapCmdRight {
  padding: 0 0.5rem;
}

.itemPanierDetailLeft, .commentaireDetail {
  width: 100%;
  padding: 0;
  position: relative;
}

.divListMelangeAvec {
margin: 1rem 0 0.5rem 1.5rem;
}

.itemLineMelange {
margin-left: 0;
}
  
  /* redondant pour ancien */
  
  .itemsPanierWrapper .itemProductWrapper, .itemsPanierWrapper .itemLineMelange  {
  position: relative;
  }
  
  
  .itemsPanierWrapper .itemProductWrapper .itemDel  {
  position: absolute;
  top: 1rem;
  right: 5px;
  background: #fff;
  }
  
  .itemsPanierWrapper .itemLineMelange .itemDel{
  top: 0.5rem;
  }
  
  
  .imgProduct.imgLine {
    display: inline-block;
    text-align: center;
    max-width: 35px;
    padding: 0 0.3rem 0 0;
  }
  
  .itemPanierLeft .titleProduct {
  width: calc(100% - 65px);
  margin: 0.3rem 0.2rem;
  }
  
  .itemPanierLeft .itemProduit {
  width: 100%;
  }
  
  .itemPanierLeft .itemLine {
  display: block;
  padding: 0;
  }
  
  .itemPanierLeft .itemLineMelange {
  padding: 0.3rem 0.5rem;
  }
  
  .itemPanierLeft .divSelectUsages {
  padding: 0;
  }
  
  .cibleTitre {
  width: 45px;
  }
  
  .cbSelectionUsage {
  width: calc(100% - 50px)!important;
  }

  /* workflow manager gestion engrais cere */

  .wrapperWorkflowManager .itemProduit, .wrapperWorkflowManager .headerProduit{
    width: 100%;
  }

  .wrapperWorkflowManager .itemPrix, .wrapperWorkflowManager .headerPrix{
    padding-bottom: 0.5rem;
  }
  
  /**/
  
  .certiPhytoEnCoursWrapper .itemCertiEnCours{
    width: calc(100% - 2rem);
  }


  /* spe */

  .listProductTable .lblCode{
    display: none;
  }

.listProductTableFournisseur .catListProduct {
    padding: 0;
    word-break: break-word;
}

.listProductTableFournisseur .lblStockValue{
  margin: 0 0.2rem;
}
  
  
  /********* SCROLLBAR  *******/
  
  .dxgvHSDC{
    padding-right: 0;
  }
  
  .dxTouchNativeScrollHandle {
    scrollbar-width: thin;
    scrollbar-color: #90A4AE #CFD8DC;
  }
  .dxTouchNativeScrollHandle::-webkit-scrollbar-track {
    background: #CFD8DC;
  }
  

  
  /**********************/
  /** page STOCK ATC **/
  /**********************/
  
  .gridStocks .top, .gridStocks .bottom{
    padding: 2px 3px;
  }
  
  
  .gridStocks .produits, .gridStocks .stocks{
    display: inline-block;
    box-sizing: border-box;
    width: 49%;
    font-weight: bold;
    color: #484848;
  }
  
  .gridStocks .stocks{
      text-align: right;
      color: #00653c;
  }
  
  .gridStocks .stocks span{
      font-weight: normal;
      color: #999999;
      padding-left: 7px;
      font-size: 0.75rem;
  }
  
  
  .SortEntite .entites, .SortFamille .arboProduit, .SortArticle .arboProduit, .SortArticle .produits{
    display: none;
  }
  
  .SortArticle .stocks{
    width: auto;
    display: block;
  }
  
  /*** fiche produit reglementaire **/
  
  .blocInfoWrap {
    width: 100%;
    flex-wrap: wrap;
  }
  
  .blocInfo {
    width: 100%;
    margin: 0.5rem 0;
  }
  
  .collapseTitle input {
    font-size: 0.8rem !important;
    padding: 0.2rem 0 !important;
  }
  
  .collapseTitle::before {
    padding: 0.5rem 0;
  }
  
  .subtitleReglementaire,
  .subtitleLvl2Reglementaire,
  .blocFiche,
  .blocFiche .nom {
    font-size: 0.8rem;
  }
  
  .lnk_fds {
    font-size: 1rem;
  }
  
  
  /******* meteo new *******/
  
  .lieuMeteoWrapper{
      background: #cedef1;
      border: 1Px solid #cdcdcd;
      margin-top: 1rem;
      text-align: center;
      text-align: right;
  }
  
  .lieuMeteoWrapper .sbVille {
      max-width: 95%;
      display: block;
      margin: 0.5rem auto 0;
  }
  
  .currentWeather{
    margin-top: 0;
  }
  
  .actualisation {
      text-align: left;
      font-size: 0.7rem;
  }
  
  .item10Jours {
      min-width: calc(50% - 0.5rem);
  }
  
  .meteoActuelle, .ephemeride{
    width: 100%;
    max-width: none;
    padding-bottom: 1rem;
    text-align: center;
  }
  .weatherToday {
      width: 100%;
      box-sizing: border-box;
  }
  
  .weatherTodayData .dataToday{
      background: #f8f8f8;
      padding: 0.5rem;
  }
  
  .weatherToday h2 {
      text-align: center;
  }
  
  .dataToday .label {
      position: relative;
      margin: 0 auto;
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #cdcdcd;
      max-width: 97px;
      height: auto;
      writing-mode: horizontal-tb;
  
  }
  
  .iconMeteoActuelle, .dataActuelle, .temperatureActuelle, .temperatureRessentieActuelle, .leverDuSoleil, .coucherDuSoleil, .dataEphemeride{
    display: inline-block;
  vertical-align: middle;
  }

  /**/

.weatherTodayData > div {
  width: calc(50% - 1rem);
}
  
  /** TABLEAU DE BORD **/
  
  .gridMobile tr:first-of-type{
    display: none;
  }
  
  .gridMobile tr {
      border-bottom: 2px solid #cdcdcd;
      display: block;
      margin-bottom: .625em;
    }

  .gridDashboardSolo tr{
    margin-bottom: 0;
  }
    
  
  .gridMobile  td {
      border-bottom: 1px solid #cdcdcd;
      display: block;
      font-size: .8em;
      text-align: right;
    }
  
  .gridMobile  td::before {
      content: attr(data-label);
      float: left;
      font-weight: bold;
      text-transform: uppercase;
    }
  
  .gridMobile  td:last-child {
      border-bottom: 0;
    }
  
  .gridMobile {
      max-height: 350px;
  }

  .gridDashboardSolo {
    max-height: none;
    margin: 0 0.2rem;
  }
  

  
  .gridMobile td:first-of-type::before, .gridMobile td:nth-of-type(2)::before{
    display: none;
  }
  
  .gridMobile td:first-of-type, .gridMobile td:nth-of-type(2){
      border-bottom: none;
      display: inline-block;
      font-size: 0.7rem;
  }

  .gridMobileNoPDF td:nth-of-type(2)::before{
    display: block;
  }

  .gridMobileNoPDF td:first-of-type{
    text-align: center;
    display: block;
    font-size: 0.8rem;
  }
  
  .gridMobileNoPDF td:nth-of-type(2){
      border-bottom: 1px solid #cdcdcd;
      display: block;
      font-size: .8em;
  }

  /** grid modile historique engrais **/
  
  .gridDashboardEngrais td:nth-of-type(2)::before{
      display: block;
  }

  .gridDashboardEngrais td:nth-of-type(2) {
    border-bottom: 1px solid #cdcdcd;
    display: block;
    font-size: .8em;
    text-align: right;
  }

  .gridDashboardEngrais td:first-of-type {
    text-align: center;
    display: block;
    font-size: 1rem;
    color: #5A762E;
    font-weight: normal;
  }

  .gridDashboardEngrais tr:nth-child(odd){
      background: #f5f5f5;
    }

/**/

  .signWrapper .TopLeft {
      width: 65%;
  }
  
  .signWrapper .Center {
      width: 30%;
  }
  
  .soldeExpl .TopLeft, .soldeExpl .Center, .soldeExpl .TopLeft, .soldeHome .Center {
      width: 100%;
      padding-bottom: 0;
  }
  
  .soldeExpl .Center, .soldeHome .Center {
      padding-top: 0;
  }

  
  .bannerDashboard, .titrePageDashboard{
    display: none;
  }
  
  .bannerDashboardMobile img{
    display: block;
  }
  
  .panierDashboard  .imgProduct {
    display: inline-block;
    padding: 0.5rem;
  }
  
  .dashboardCol.sf_colsOut > .sf_colsIn, .dashboardCardFlex > .sf_colsIn {
    flex-grow: 0;
    flex-basis: 96%;
  }
  
  .dashboardCard > .sf_colsOut > .sf_colsIn {
      margin: 0 auto!important;
      width: 96%!important;
  }
  
  .signWrapper {
      width: 96%;
      margin: 0 auto;
  }
  
  .dashboardBtm{
    padding: 0.7rem 0;
  }

  /**/


.dashboardCol,
.dashboardCardFlex,
.dashboardColTablette {
    flex-basis: calc(50% - 0.6rem);
    flex-grow: 1;
}

@media (min-width: 769px) and (max-width: 1280px){
 .dashboardCol, .dashboardCardFlex, .dashboardColTablette {
    flex-basis: calc(50% - 0.6rem) !important;
    flex-grow: 1;
    }

    .dashboardColPortailEcommande {
      width: calc(50% - 0.6rem);
      margin: 1rem 0.3rem;
  }
}

.dashboardColPortailEcommande{
  margin: 1rem 0.3rem;
  width: calc(50% - 0.6rem);
}


.dashboardColHome .dateSubItem {
    font-size: 0.7rem;
}

.dashboardColHome .priceCotWrapper p {
    font-size: 1.35rem;
}

.dashboardCol>.sf_colsIn,
.dashboardCardFlex>.sf_colsIn {
    margin-left: 0;
}

.soldeHome.signWrapper .TopLeft::before {
    margin-right: 0;
}

.dashboard .imgTitle{
  max-width: 25px;
}

.dashboard h4.dashboardTitle{
  font-size: 1rem;
}

  
  /** tableau liste de document **/
  
  .tableDocList .sfdownloadType, .tableDocList .sfdownloadSize, .tableDocList .sfdownloadDate {
      display: none;
  }
  
  .tableDocList .sfdownloadCell{
      font-size: 0.8rem;
      width: 60px!important;
  }
  
  .tableDocList {
      max-width: 100%;
  }