/************************************ NAVIGATION ******************************************/
.widgetAgrisListWrapper {
  display: inline-block;
}

/**************************************************/


/**/

/*.enteteEcommande, .txtExtranet{
  max-width: 1920px;
  margin: 0 auto; 
}*/

.titreExtranetWrapper{
  padding: 0 0.5rem;
  margin: 0 auto;
}

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


.titreExtranet .sfContentBlock {
  font-size: 1.5rem;
  text-transform: uppercase;
  word-wrap: break-word;
  margin: 2rem 0;
  font-weight: bold;
}

.titrePageDashboard {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 2rem 0 1rem;
  font-size: 1.5rem;
  color: #515151;
  text-transform: uppercase;
  margin-bottom: 0;
  padding-bottom: 0;
}

.sousTitreExtranet a {
  color: #6b1e03;
}

/********** RAD WINDOW  *************/

.RadWindow_Metro, .RadWindow_Metro input, .RadWindow .rwTitleRow em{
  font-family: 'neo-sans', "Segoe UI", Arial, sans-serif;
}

.RadWindow table.rwTitlebarControls em {
  color: #6b1e03;
  text-align: center;
  font-size: 1rem;
  margin-top: 0.5rem;
  font-weight: 500;
}

.RadWindow .rwTopLeft, .RadWindow .rwTopRight, .RadWindow .rwTitlebar, .RadWindow .rwTopResize {
  background: #fff;
  color: #6b1e03;
}

.RadWindow .rwControlButtons a {
  position: relative;
  background: transparent;
  border: none;
  height: 1.2rem;
  width: 1.2rem;
}

.RadWindow .rwControlButtons a:before, .RadWindow .rwControlButtons a:after {
  position: absolute;
  left: 0.6rem;
  top: 0;
  content: ' ';
  height: 1.2rem;
  width: 2px;
  background-color: #333;
}

.RadWindow .rwControlButtons a:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.RadWindow .rwControlButtons a:before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.RadWindow .divLoginContent input, .RadWindow .divPasswordContent input {
  width: 100%;
  border: 1px solid #d5d5d5;
  font-size: 1rem;
  border-radius: 1px;
}

.RadWindow .docButton input {
  width: 100%;
  background: #6b1e03;
  color: #fff;
  font-size: 1rem;
  text-align: center;
  display: block;
  padding: 0.2rem 0;
  margin: 1rem auto;
  max-width: 180px;
  border-radius: 5px;
  text-transform: uppercase;
}

.RadWindowDocToSign .docButton input {
  max-width: 250px;
}

.RadWindow .divMobileContent, .RadWindow .divEmail {
  width: 100%;
}

.RadWindow .infosList .divMobileContent input, .RadWindow .divEmailContent input {
  border: 1px solid #cdcdcd;
  width: 100%;
  width: 100%;
  border: 1px solid #d5d5d5;
  font-size: 1rem;
  border-radius: 1px;
}

.RadWindow .divMobile, .divEmail, .RadWindow .infosToFillMessage {
  margin: 1rem 0;
}

/**** RADWINDOW EXTRANET (gestion commande engrais et autres semences) *****/

.radWindowExtranet .inputRadWindowWrapper{
  min-width: 300px;
  padding: 1.5rem 1rem 0.5rem;
  box-sizing: border-box;
}

.radWindowExtranet .lblRadWindow {
  display: block;
  font-size: 1rem;
  color: #4f4f4f;
  padding: 0.2rem 0;
  /*font-family: open_sanssemibold, Arial, Verdana, sans-serif;*/
}

.radWindowExtranet .rcbInput, .radWindowExtranet .inputRadWindowWrapper .riSingle {
  width: 100% !important;
}

.radWindowExtranet .btnRadWindow.btnValidate{
  margin-right: 1rem;
}

.radWindowExtranet .divBtnRadwindow {
  padding: 0.5rem 1rem;
}

.radWindowExtranet table.rwTitlebarControls em{
  font-weight: bold;
}


/************************************ RADWINDOW DOC A SIGNER ET INFO TO FILL ************************************/
.RadWindowInfosToFill {
  padding: 0;
  border: 0;
}

.RadWindowDocToSign {
  padding: 0;
}

.docToSignMessage {
  margin: 1rem 5px;
  font-size: 12px;
  font-style: italic;
  text-align: justify;
}

.RadWindowDocToSign .docItem {
  margin: 12px 0;
}

.RadWindowDocToSign .docIcon, .RadWindowDocToSign .docItemGroup {
  display: inline-block;
  vertical-align: top;
}

.RadWindowDocToSign .docItemGroup {
  max-width: 190px;
}

.RadWindowDocToSign .docIcon {
  background-image: url(../Images/Icones/icone-pdf.png);
  width: 25px;
  height: 25px;
  margin: 4px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.RadWindowDocToSign .docIcon a {
  width: 30px;
  height: 30px;
  display: block;
}

.RadWindowDocToSign .docTitle {
  font-weight: 500;
  font-size: 13px;
}

.RadWindowDocToSign .docTitle a {
  text-decoration: none;
  color: #424242;
  padding: 0 0.5rem;
}

.RadWindowDocToSign .docDate {
  font-size: 10px;
}

.RadWindowDocToSign .docChk {
  float: right;
  margin: 0.3rem 0.5rem 0.2rem 0.2rem;
}

.RadWindowDocToSign .docButton {
  text-align: center;
}

.RadWindowDocToSign .docButton input {
  text-align: center;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  background: #6b1e03;
  padding: 8px 22px;
  text-decoration: none;
  border: none;
  margin: 0.5rem auto;
}

.RadWindowDocToSign .docButton input:hover {
  background: #b1afac;
}

.RadWindowDocToSign .divMessageValidation {
  text-align: center;
  color: #C00;
  font-style: italic;
  margin-bottom: 10px 0;
}

.RadWindow .rwTitleBar {
  margin: 0;
}

/**********************************/
/******** SIGNATURE CONTRAT ******/
/*********************************/
.contrats-item {
  margin: 0.5rem;
  padding: 0.5rem;
  text-align: center;
  border: 1px solid;
  border-color: #cdcdcd;
  background-color: #e7e7e7;
  font-size: 0.9rem;
  line-height: 0.9rem;
  text-align: center;
  border-radius: 3px;
}

.contrats-item.item-selected {
  background: #6b1e03;
  color: #fff;
  border-color: #6b1e03;
}

.identPiece, .datePiece {
  color: #7f7f7f;
  margin: 0.2rem 0;
}

.typePiece {
  font-weight: bold;
  margin: 0.6rem 0;
}

.identPiece, .datePiece {
  margin: 0.3rem 0;
}

.identPiece {
  color: #7f7f7f;
}

.datePiece {
  color: #bfbfbf;
  margin-bottom: 0.5rem;
  font-size: 0.78rem;
}

.contrats-item.item-selected p {
  color: #fff;
}

.widgetSignaturePiecesWrapper {
  position: relative;
}

.divSignButtons {
  text-align: center;
}

.widgetSignaturePiecesWrapper .divSign, .widgetSignaturePiecesWrapper .divSignAll {
  display: inline-block;
  vertical-align: middle;
  padding: 0.1rem;
}

.widgetSignaturePiecesWrapper .divSignButtons button {
  margin-right: 0;
  padding: 0.4rem;
}

.widgetSignaturePiecesWrapper iframe {
  box-sizing: border-box;
}

/*** flèches signature ****/
.widgetSignaturePiecesWrapper .owl-carousel {
  padding: 0 30px;
  box-sizing: border-box;
}

.widgetSignaturePiecesWrapper .owl-prev, .widgetSignaturePiecesWrapper .owl-next {
  position: absolute;
  height: 15px;
  width: 15px;
  z-index: 10;
  top: 45%;
}

.widgetSignaturePiecesWrapper .owl-next {
  right: 25px;
}

.widgetSignaturePiecesWrapper .owl-prev {
  left: -5px;
}

.newsCarouselSolo .owl-prev span, .newsCarouselSolo .owl-next span, .promosExtranet .owl-prev span, .promosExtranet .owl-next span, .widgetSignaturePiecesWrapper .owl-next span, .widgetSignaturePiecesWrapper .owl-prev span {
  display: block;
  width: 15px;
  height: 15px;
  border-top: 4px solid #fff;
  border-right: 4px solid #fff;
  -webkit-transform: translate(70%, 0%) rotate(45deg);
  transform: translate(70%, 0%) rotate(45deg);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

.newsCarouselSolo .owl-prev span, .promosExtranet .owl-prev span, .widgetSignaturePiecesWrapper .owl-prev span {
  -webkit-transform: translate(100%, 0%) rotate(-135deg);
  transform: translate(100%, 0%) rotate(-135deg);
}

/************************************ WIDGET MA COMMERCIALISATION ************************************/
.DemandeEnCoursWrapper .devisArticles {
  min-height: 120px;
}

.DemandeEnCoursWrapper .devisArticles .rlbGroup {
  min-height: 92px;
}

.DemandeEnCoursWrapper .articleQuantity {
  font-size: 16px;
  font-weight: bold;
  color: #6b1e03;
  padding-left: 6px;
}

.DemandeEnCoursWrapper .dxgvTitlePanel_AnalysTheme {
  text-align: right;
}

.DemandeEnCoursWrapper .dxbButton_AnalysTheme {
  background: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  padding-right: 0;
  text-transform: uppercase;
  font-weight: bold;
}

.DemandeEnCoursWrapper .dxbButton_AnalysTheme:hover {
  color: #6b1e03;
  cursor: pointer;
}

.DemandeEnCoursWrapper .dxbButton_AnalysTheme .dx-vam:before {
  background-image: url(../Images/Icones/plus.png);
  background-size: 14px 14px;
  content: ' ';
  height: 14px;
  width: 14px;
  display: inline-block;
  vertical-align: bottom;
  margin-right: 4px;
}

.DemandeEnCoursWrapper .dxbButton_AnalysTheme:hover .dx-vam:before {
  background-image: url("../Images/Icones/plus-hover.png");
}

.Contenu .BlocWrapper .SouscriptionOffreWrapper img {
  width: 10px;
  padding: 0;
}

.OffresDeMarches {
  width: 95%;
  margin: 0 auto;
}

/****/
/***********/
/******************************************** MES INFORMATIONS COMPLETES **********************************************/
/* .newWidgetInfos {
  background: $blanc;
  padding: 1rem;
} */
.newWidgetInfos .widgetMonCompte, .newWidgetInfos .widgetMonCompte *, .newWidgetInfos .widgetMonCompte *:before, .newWidgetInfos .widgetMonCompte *:after {
  box-sizing: border-box;
}

/* label et input style general */
/*.newWidgetInfos .widgetMonCompte [class*="Titre"], .widgetAdresses [class*="Titre"] {
  color: #6666;
  color: #515151;
  text-transform: uppercase;
  display: inline-block;
  font-weight: 600;
  font-size: 0.72rem;
  vertical-align: middle;
  padding: 0.2rem 0;
}*/

.newWidgetInfos .divContactItem [class*="Content"], .divAdresseItem [class*="Content"] {
  color: #6b1e03;
  display: inline-block;
  font-weight: 500;
  font-size: 0.95rem;
}

.newWidgetInfos .divContactEditItem [class*="Content"], .divAdresseEditItem [class*="Content"], .newWidgetInfos .divContactInsertItem [class*="Content"], .divAdresseInsertItem [class*="Content"] {
  display: block;
  width: 100%;
  margin: 0.1rem auto 1.3rem;
  padding: 0;
}

/* mes infos */
.divCodeIntracomContent, .divRaisonSocialeContent, .divCodeSiretContent, .divNumPacageContent {
  display: inline-block;
}

.newWidgetInfos input[readonly="readonly"] {
  color: grey;
  background: none;
  border: none;
  font-size: 14px;
  color: #6b1e03;
  display: inline-block;
  font-weight: 500;
  font-size: 1rem;
  font-family: 'Open Sans', sans-serif;
}

/*.widgetMonCompte .divCodeIntracomTitre, .widgetMonCompte .divRaisonSocialeTitre {
  width: 8rem !important;
}*/

.divDetailCompte .infoItemLabel {
  width: 13rem;
}


.newWidgetInfos .divModeReglementAppro{
  margin-top: 1rem;
}

/** BUTTON **/
/* bouton mettre a jour supr adresse et contact */
.newWidgetInfos .divContactBtn, .divAdresseBtn, .divContactBtnEditMode, .divContactBtnInsertMode, .divAdresseBtnEditMode, .divAdresseBtnInsertMode {
  margin-top: 2rem;
  text-align: center;
}

.newWidgetInfos .divContactBtn a, .newWidgetInfos .divAdresseBtn a, .newWidgetInfos .divValidate input, .divAdresseBtn a, .divContactBtnEditMode a, .divContactBtnInsertMode a, .divAdresseBtnEditMode a, .divAdresseBtnInsertMode a {
  border-radius: 20px;
  color: #fff;
  font-size: 1rem;
  background: #6b1e03;
  padding: 0.5rem 0.9rem;
  text-decoration: none;
  margin: 0.2rem 0.1rem;
  display: inline-block;
  /**/
  text-shadow: none;
  border: none;
  line-height: normal;
}

.newWidgetInfos .divValidate input {
  height: auto;
  width: auto;
}

.newWidgetInfos .divContactBtn a:hover, .divAdresseBtn a:hover, .divValidate input:hover {
  background: #b1afac;
  /**/
  color: #fff;
  text-shadow: none;
  border: 0px;
}

/* bouton ajouter adresse et contact */
.widgetMonCompte .divAddContactBtn a, .divAddAdresseBtn a, .divAddReferenceBtn a, .addInfoBtn a {
  background: none;
  color: #6b1e03;
  font-weight: 500;
  margin: 2rem auto 1rem;
  display: block;
  text-decoration: none;
  font-size: 1.1rem;
  transition: -webkit-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.divAddReferenceBtn a::before, .divAddContactBtn a::before, .divAddAdresseBtn a::before, .addInfoBtn a::before {
  content: '';
  display: inline-block;
  margin-right: 0.5rem;
  vertical-align: middle;
  background-color: #6b1e03;
  border-radius: 50%;
  background-image: url(../Images/Icones/mesinfos-titre.png);
  width: 3rem;
  height: 3rem;
  background-size: cover;
  background-position: 66.6%;
  background-repeat: no-repeat;
  transition: -webkit-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.divAddReferenceBtn:hover a::before, .divAddContactBtn:hover a::before, .divAddAdresseBtn:hover a::before {
  background-color: #b1afac;
}

.divAddReferenceBtn:hover a, .divAddContactBtn:hover a, .divAddAdresseBtn:hover a {
  color: #b1afac;
}

/* bouton edit supr reference contact */
.divReferenceBtn a {
  background: #6b1e03;
  border-radius: 50%;
  font-size: 0;
  width: 2rem;
  height: 2rem;
  display: inline-block;
}

.divReferenceBtn a::before {
  content: '';
  display: block;
  background-image: url(../Images/Icones/mesinfos-divers.png);
  width: 1rem;
  height: 1rem;
  background-size: cover;
  /* background-size: 9rem 2rem; */
  background-size: 200% 200%;
  background-position: 0% 100%;
  background-repeat: no-repeat;
  margin: 0.5rem auto 0;
}

.divReferenceBtn a:last-of-type::before, .divAdresseBtn a:last-of-type::before {
  background-position: 0% 0%;
}

.divReferenceBtn a:hover {
  background: #b1afac;
}

/** bouton reference sauvegarder ou annuler **/
.divReferenceBtnEditMode, .divReferenceBtnInsertMode {
  margin: 0 1rem;
  display: inline-block;
  vertical-align: bottom;
  /* text-align: center; */
}

.divReferenceBtnEditMode a, .divReferenceBtnInsertMode a {
  display: inline-block;
  background: #6b1e03;
  border-radius: 50%;
  font-size: 0;
  width: 2rem;
  height: 2rem;
  display: inline-block;
  position: relative;
}

.divReferenceBtnEditMode a:first-of-type::after, .divReferenceBtnInsertMode a:first-of-type::after {
  content: "";
  width: 0.57rem;
  height: 1rem;
  border: solid #fff;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  /* -webkit-transform: rotate(-45deg); */
  /* -webkit-transition: -webkit-transform 0.25s ease-out; */
  transition: -webkit-transform 0.25s ease-out;
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  position: absolute;
  top: 0.4rem;
  left: 0.65rem;
}

.divReferenceBtnEditMode a:last-of-type::after, .divReferenceBtnInsertMode a:last-of-type::after {
  content: '';
  display: block;
  background-image: url(../Images/Icones/mesinfos-divers.png);
  width: 1rem;
  height: 1rem;
  background-size: cover;
  /* background-size: 9rem 2rem; */
  background-size: 200% 200%;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  margin: 0.5rem auto 0;
}

/*** CONTACT et ADRESSE ***/
.newWidgetInfos .widgetMonCompte, .newWidgetInfos .widgetAdresses {
  margin-bottom: 2.5rem;
  /* a effacer */
  width: 100%;
}

/* espace du display inline block */
.divContactsContent, .divAdressesContent {
  display: table;
  width: 100%;
  table-layout: fixed;
  word-spacing: -2em;
}

.divContactItem, .divContactInsertItem, .divContactEditItem, .divAdresseItem, .divAdresseInsertItem, .divAdresseEditItem, .divAddContactBtn, .divAddAdresseBtn {
  word-spacing: normal;
}

/* div anglobante contact item et adresse item */
.infoItemLabel {
  color: #6666;
  color: #3f3e3e;
  text-transform: uppercase;
  display: inline-block;
  width: 7rem;
  font-weight: 600;
  font-size: 0.72rem;
  vertical-align: middle;
  padding: 0.2rem 0;
}

.infoItemContent input, .infoItemContent {
  color: grey;
  background: none;
  border: none;
  font-size: 14px;
  color: #6b1e03;
  display: inline-block;
  font-weight: 500;
  font-size: 1.1rem;
  min-width: calc(100% - 250px);
}

.infoItemContent input {
  width: 100%;
}

.infoItemContent {
  font-size: 0.95rem;
}

.infoItem {
  border: 2px #707070 solid;
  padding: 1rem;
  margin: 2rem 0.9rem 0.5rem;
  display: inline-block;
  vertical-align: top;
  width: 340px;
  max-width: 340px;
}

.infoItem::before {
  content: '';
  background: #fff;
  border: none;
  width: 4rem;
  display: block;
  height: 4rem;
  margin: -3rem auto 0.5rem;
  background-image: url(../Images/Icones/mesinfos-titre.png);
  background-size: cover;
  background-position: 32% 50%;
  border-radius: 50%;
  border: 1px solid #cdcdcd;
  background-repeat: no-repeat;
}

.infoItemEdit [class*="Content"], .infoItemInsert [class*="Content"] {
  display: block;
  width: 100%;
  margin: 0.1rem auto 1.3rem;
  padding: 0;
}

.newWidgetInfos .widgetMonCompte .divContactsContent div:nth-child(2) {
  margin-left: 0;
}

.newWidgetInfos .widgetMonCompte .divContactsContent div:nth-child(3n+4) {
  margin-right: 0;
}

/* .newWidgetInfos .widgetMonCompte .divContactItem, .widgetAdresses .divAdresseItem, .newWidgetInfos .widgetMonCompte .divContactEditItem, .divContactInsertItem, .divAdresseInsertItem, .divAdresseEditItem {
 margin-right: 0;
} */
.divContactItem {
  text-align: center;
}

/* style input edit mode reference */
.divReferenceEditItem .divReferenceContent, .divReferenceInsertItem .divReferenceContent {
  position: relative;
  padding: 0.5rem 0;
  margin: 0.7rem 0.1rem;
  width: 10.5rem;
  vertical-align: middle;
}

.divReferenceEditItem .divReferenceContent input, .divReferenceInsertItem .divReferenceContent input {
  background: none;
  border: none;
  border-bottom: 2px solid #7B7B7B;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  line-height: 1.2rem;
  color: #6b1e03;
  outline: none;
  width: 100%;
}

/* edit mode contact input */
.divContactInsertItem .divContactNomPrenomContent, .divContactInsertItem .divContactServiceContent, .divContactEditItem .divContactNomPrenomContent, .divContactEditItem .divContactServiceContent, .divAdresseEditItem .divCodePostalContent, .divAdresseInsertItem .divCodePostalContent {
  position: relative;
  padding: 0.5rem 0;
  margin: 1rem 0 0.7rem;
  width: 100%;
  vertical-align: middle;
  /* display: block; */
}

/* a effacer */
.divAdresseEditItem .divCodePostalContent, .divAdresseInsertItem .divCodePostalContent {
  margin: 0.1rem auto 1.3rem;
  padding: 0;
}

.divAdresseEditItem .divAdresseContent, .divAdresseInsertItem .divAdresseContent {
  position: relative;
  padding: 0.5rem 0;
  margin: 0.1rem;
  width: 100%;
  vertical-align: middle;
}

.divContactInsertItem .divContactNomPrenomContent::after, .divContactInsertItem .divContactServiceContent::after, .divContactEditItem .divContactNomPrenomContent::after, .divContactEditItem .divContactServiceContent::after, .divAdresseEditItem .divCodePostalContent::after, .divAdresseInsertItem .divCodePostalContent::after, .divReferenceEditItem .divReferenceContent::after, .divReferenceInsertItem .divReferenceContent::after {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #6b1e03;
  height: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

.divContactInsertItem .divContactCiviliteContent::before, .divContactInsertItem .divContactActiviteContent::before, .divContactEditItem .divContactCiviliteContent::before, .divContactEditItem .divContactActiviteContent::before, .divAdresseEditItem .divTypeAdresseContent::before, .divAdresseEditItem .divVilleContent::before, .divAdresseInsertItem .divTypeAdresseContent::before, .divAdresseInsertItem .divVilleContent::before {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #6b1e03;
  height: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

.divContactInsertItem input, .divContactEditItem input, .divAdresseEditItem input, .divAdresseInsertItem input {
  background: none;
  border: none;
  border-bottom: 2px solid #B1B1B1;
  z-index: 1;
  position: relative;
  /* left: 0;
 bottom: 0; */
  line-height: 1.2rem;
  font-size: 1rem;
  color: #B1B1B1;
  outline: none;
  width: 100%;
}

.divAdresseEditItem textarea, .divAdresseInsertItem textarea {
  border: 2px solid #B1B1B1;
  font-size: 1rem;
  background: none;
  color: #B1B1B1;
  width: 98%;
  background: none;
  outline: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.inputClickedEdit input, .inputClickedEdit select {
  color: #6b1e03;
}

.inputClickedEdit textarea {
  color: #6b1e03;
  border-color: #6b1e03;
}

.inputClickedEdit::after {
  width: 100% !important;
}

.selectClickedEdit select {
  color: #6b1e03 !important;
}

.selectClickedEdit::before {
  width: 100% !important;
}

/* edit mode contact select */
.divContactInsertItem .divContactCiviliteContent, .divContactInsertItem .divContactActiviteContent, .divContactEditItem .divContactCiviliteContent, .divContactEditItem .divContactActiviteContent, .divAdresseInsertItem .divTypeAdresseContent, .divAdresseInsertItem .divVilleContent, .divAdresseEditItem .divTypeAdresseContent, .divAdresseEditItem .divVilleContent {
  position: relative;
}

.divContactInsertItem .divContactCiviliteContent::after, .divContactInsertItem .divContactActiviteContent::after, .divContactEditItem .divContactCiviliteContent::after, .divContactEditItem .divContactActiviteContent::after, .divAdresseInsertItem .divTypeAdresseContent::after, .divAdresseInsertItem .divVilleContent::after, .divAdresseEditItem .divTypeAdresseContent::after, .divAdresseEditItem .divVilleContent::after {
  content: '';
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #515151;
  position: absolute;
  vertical-align: middle;
  right: 1%;
  top: 40%;
}

.divContactInsertItem select, .divContactEditItem select, .divAdresseEditItem select, .divAdresseInsertItem select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  color: #B1B1B1;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  background: none;
  border: none;
  border-bottom: 2px solid #B1B1B1;
  border-radius: 0;
  padding: 0.1rem 0.5rem 0.2rem 0.1rem;
  margin: 0.1rem 0;
  width: 100%;
}

.divContactInsertItem select:focus, .divContactEditItem select:focus, .divAdresseEditItem select:focus, .divAdresseInsertItem select:focus {
  outline: none;
}

/*** CONTACT ***/
.newWidgetInfos .widgetMonCompte .divContactsTitre, .TitreInfoExtranet, .widgetATC .ActiviteNom, .divCertificationsTitre {
  color: #515151;
  text-transform: unset;
  font-size: 1.5rem;
  font-weight: bold;
  display: block;
  margin: 2rem auto 8px auto;
  width: auto;
}

.newWidgetInfos .divContactsTitre.titreExtranet, .newWidgetInfos  .divCertificationsTitre  {
  color: #7B7B7B;
  font-size: 1.5rem;
  margin-left: 0;
  font-family: "Rubik", sans-serif;
}

.newWidgetInfos .divContactEditItem .divContactParDefautContent, .newWidgetInfos .divContactInsertItem .divContactParDefautContent {
  display: inline-block;
  width: auto;
  margin: 0.5rem;
  vertical-align: middle;
}

.newWidgetInfos .divContactEditItem .divContactParDefautContent input, .newWidgetInfos .divContactInsertItem .divContactParDefautConten input {
  width: auto;
}

/* style pour afficher nom prenom en titre de contact item */
.newWidgetInfos .divContactItem .divContactNomPrenomTitre, .newWidgetInfos .divContactItem .divContactCiviliteTitre {
  display: none;
}

.newWidgetInfos .divContactItem .divContactItem {
  text-align: center;
}

.newWidgetInfos .divContactItem .divContactCivilite {
  display: inline-block;
}

.newWidgetInfos .divContactItem .divContactNomPrenom {
  display: inline-block;
  margin-bottom: 2rem;
}

.newWidgetInfos .divContactItem .divContactNomPrenomContent, .newWidgetInfos .divContactItem .divContactCiviliteContent {
  font-weight: 500;
  font-size: 1.4rem;
}

.newWidgetInfos .divContactItem .divContactActivite, .newWidgetInfos .divContactItem .divContactService, .newWidgetInfos .divContactItem .divContactParDefaut, .newWidgetInfos .divContactItem .divReferencesTitre, .newWidgetInfos .divContactItem .divReferencesContent {
  text-align: left;
}

.newWidgetInfos .divContactItem .divContactParDefautContent {
  margin: 0.4rem 0.1rem 0.8rem 0.6rem;
  font-size: 0.75rem;
  color: #7B7B7B;
}

.newWidgetInfos .divContactItem .divContactParDefautContent label {
  margin-left: 0.3rem;
}

/* reference */
.divReferencesContent {
  width: 100%;
}

.divReferenceEditItem .divReferenceTitre, .divReferenceInsertItem .divReferenceTitre {
  /* width: 7.53rem!important; */
  width: 7rem !important;
}

.divReferenceEditItem .divReferenceContent span, .divReferenceInsertItem .divReferenceContent span {
  display: block;
  font-size: 0.6rem;
  font-style: italic;
  margin-left: 6rem;
  color: #515151;
}

.newWidgetInfos .widgetMonCompte .divReferencesTitre {
  display: block;
}

.divReference {
  display: inline-block;
}

.divReferenceParDefaut {
  margin-top: 0.4rem;
  margin-bottom: 0.5rem;
}

.divReferenceBtn {
  display: block;
  margin-top: -0.9rem;
  text-align: right;
}

.newWidgetInfos .widgetMonCompte .divReferenceParDefautContent {
  font-size: 0.75rem;
  padding-right: 0.5rem;
  color: #7B7B7B;
}

.newWidgetInfos .widgetMonCompte .divReferenceParDefautContent label {
  margin-left: 0.3rem;
}

.divReferencesContent {
  margin: 0.5rem 0.1rem;
}

.divReferenceItem, .divReferenceEditItem, .divReferenceInsertItem {
  padding: 0.5rem;
  border: 1px solid #dedede;
}

.divReferenceItem:nth-of-type(2n) {
  background: #dedede;
}

.divPrefEnvoiTitre {
  width: auto !important;
}

.divPrefEnvoiTitre {
  display: block;
}

.divPrefEnvoi {
  margin: 0.5rem;
}

.newWidgetInfos .widgetMonCompte .divPrefEnvoiContent {
  color: #7B7B7B;
}

/* edit reference */
.divReferenceTitre {
  position: relative;
}

.divReferenceTitre select {
  /* -webkit-appearance: none;
 -moz-appearance: none;
 appearance: none; */
  outline: none;
  color: #515151;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 0.8rem;
  padding: 0;
}

/* effacer */
.divReferenceInsertItem .divReferenceTitre:after, .divReferenceEditItem .divReferenceTitre:after {
  /* content: '';
 width: 0;
 height: 0;
 border-left: 5px solid transparent;
 border-right: 5px solid transparent;
 border-top: 5px solid $noir2;
 display: inline-block;
 vertical-align: middle;
 position: relative;
 margin-left: -1.4rem; */
  display: none;
}

/** show hide reference email**/
.email {
  padding-left: 1.2rem;
  position: relative;
}

.email::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border: solid #515151;
  border-width: 0 3px 3px 0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -webkit-transition: -webkit-transform 0.25s ease-out;
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
  position: absolute;
  top: 6px;
  left: 0;
}

.open.email::before {
  -webkit-transform: rotate(90deg);
  transform: rotate(45deg);
}

/**** ADRESSE ****/
.widgetAdresses {
  margin: 0 auto 2.5rem;
}

.widgetAdresses .divAdresseItem::before, .widgetAdresses .divAdresseInsertItem::before, .widgetAdresses .divAdresseEditItem::before {
  background-position: 0%;
}

.divAdresseParDefautContent input {
  position: relative;
  width: auto;
  margin: 1rem 0.5rem 1.1rem;
}

/* tire adresse */
.divAdresseItem .divTypeAdresse {
  text-align: center;
}

.divAdresseItem .divTypeAdresseTitre {
  display: none;
}

.divAdresseItem select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  text-transform: uppercase;
  background: none;
  border: none;
  font-size: 1.4rem;
  color: #6b1e03;
  margin-bottom: 2rem;
  text-indent: initial;
  -moz-text-align-last: center;
  text-align-last: center;
  text-align: center;
}

/**** PASSWORD *****/
.newWidgetInfos .lienForgetPassword {
  /* display: none; */
  display: inline-block;
  vertical-align: bottom;
  color: #7B7B7B;
  font-size: 0.7rem;
  font-weight: normal;
  margin-left: 17rem;
}

.newWidgetInfos .lienForgetPassword:hover {
  color: #6b1e03;
}

.newWidgetInfos .divOldPassword, .newWidgetInfos .divNewPassword, .newWidgetInfos .divConfirmPassword {
  position: relative;
  padding: 0.5rem 0;
  margin: 0.7rem 0;
  height: 2.5rem;
}

.newWidgetInfos .divOldPasswordTitre, .newWidgetInfos .divNewPasswordTitre, .newWidgetInfos .divConfirmPasswordTitre {
  color: #515151;
  text-transform: uppercase;
  font-size: 0.8rem;
  position: absolute;
  bottom: 8px;
  left: 0;
  margin: 0;
  z-index: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.inputClickedTitle {
  top: 0;
  font-size: 0.5rem;
  color: #6b1e03 !important;
}

.newWidgetInfos .widgetChangePassword input:not([type="submit"]) {
  background: none;
  border: none;
  border-bottom: 2px solid #7B7B7B;
  z-index: 1;
  position: absolute;
  left: 0;
  bottom: 0;
  min-width: 220px;
  line-height: 1.5rem;
  color: #6b1e03;
  /**/
  margin: 0;
  width: auto;
}

.newWidgetInfos .divValidate {
  margin: 1.5rem auto 3rem;
}

.newWidgetInfos .widgetChangePassword input:focus {
  outline: none;
}

.newWidgetInfos .widgetChangePassword [class*="Content"]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 0%;
  content: '.';
  color: transparent;
  background: #6b1e03;
  height: 3px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}

.newWidgetInfos .widgetChangePassword [class*="Content"].inputClicked::after {
  width: 235px;
}

.widgetChangePassword {
  width: 100%;
}

/****/
/* a effacer apres enlevement ancien*/
.newWidgetInfos .widgetMonCompte .divTelephoneTitre, .newWidgetInfos .widgetMonCompte .divCodeSiretTitre, .newWidgetInfos .widgetMonCompte .divCodeIntracomTitre {
  margin-top: 0px;
}

.newWidgetInfos .widgetMonCompte input {
  pointer-events: auto;
}

/*.newWidgetInfos .widgetMonCompte .divCodeIntracomTitre, .newWidgetInfos .widgetMonCompte .divRaisonSocialeTitre, .widgetMonCompte .divCodeSiretTitre, .widgetMonCompte .divNumPacageTitre {
  width: 7rem !important;
}*/

.divContactsContent, .divAdressesContent, .divCertificationsContent {
  display: block;
  width: 100%;
  table-layout: auto;
  word-spacing: normal;
}

p.ActiviteNom {
  color: #6b1e03;
  font-size: 1.2rem;
  text-align: center;
}

p.ATCNom {
  font-weight: bold;
}

.newWidgetInfos .divActivite1, .newWidgetInfos .divActivite2 {
  min-height: 200px;
}

/*** certif ***/
.certifNom input {
  font-weight: 500 !important;
  text-align: center;
  font-size: 1.5rem !important;
  width: 100%;
}

.certifDateValidite input {
  font-weight: bold !important;
  margin-top: 0.5rem;
}

.certifBloc.certifBloc2 {
  padding: 2rem 1rem;
  border-color: #6b1e03;
}

.certifActivite input, .certifNiveau input {
  color: #717171 !important;
  /* margin: 0.5rem 0; */
  /* font-size: 0.9rem!important; */
  /* text-transform: lowercase; */
}

.certifNiveau input {
  width: 100%;
  font-size: 0.8rem !important;
}

.certifNumero input {
  font-style: italic;
  font-size: 0.9rem !important;
}

.certifNom {
  margin-bottom: 0.5rem;
}

.certifBloc2 {
  padding: 0.7rem 0.5rem;
  border: 1px solid #dedede;
  border-top: 2px solid #6b1e03;
  text-align: center;
  margin-top: 0.5rem;
}

.certifActivite input {
  font-size: 0.8rem !important;
  margin-bottom: 0.5rem;
}

.certifBloc2 input[readonly="readonly"] {
  text-align: center;
}

.certifBloc::before {
  /*background-image: url(../Images/Icones/mesinfos-titre.png);
	border-radius: 50%;

	background-size: cover;
	background-repeat: no-repeat;*/
  background-position: 100%;
}

/*******/

/*** ajout certiphyto ***/


.uploadCertiPhytoWrapper .RadUpload,
.uploadCertiPhytoWrapper .btnCertiWrapper {
  display: inline-block;
  vertical-align: middle;
}

.uploadCertiPhytoWrapper .btnValidate.RadButton_Metro.rbButton,
.verifCertifWrapper .btnValidate.RadButton_Metro.rbButton {
  background: #669900;
  color: #fff;
  border: none;
}

.uploadCertiPhytoWrapper,
.certiPhytoEnCoursWrapper {
  margin: 2rem 0;
}

h2.titleCertiPhyto {
  font-size: 1.3rem;
  margin: 1rem 0 0.5rem;
}

.certiPhytoEnCoursWrapper .itemCertiEnCours {
  width: 30%;
  display: inline-block;
  margin: 1rem;
  background: #e8eaee;
  border: 1Px solid #dddddd;
  border-radius: 5px;
  overflow: hidden;
}

.certiPhytoEnCoursWrapper .lblItem {
  font-weight: 500;
  font-size: 0.9rem;
}

.certiPhytoEnCoursWrapper .divInputWrapper {
  margin: 0.5rem;
}

.certiPhytoEnCoursWrapper .divInputWrapper:first-of-type {
  text-align: center;
  margin: 0 0 1rem;
  padding: 0.6rem;
  background: #fff;
  font-size: 1.1rem;
  color: #4b515e;
  font-weight: 500;
}

.certiPhytoEnCoursWrapper .divInputWrapper:first-of-type .lblItem {
  display: none;
}

.addCertiPhytoWrapper .ruSelectWrap .ruButton {
  height: auto;
}

/**/

.verifCertifWrapper .comboWrapper {
  margin: 1rem 0;
}

.verifCertifWrapper .RadInput,
.verifCertifWrapper .RadDropDownList_Sunset {
  width: 100% !important;
  max-width: 650px;
}

.verifCertifWrapper .lblInput {
  display: block;
  float: none;
  text-transform: uppercase;
  font-size: 0.85rem;
  font-weight: bold;
  padding-bottom: 0.4rem;
  color: #3e3e3e;
}

.verifCertifWrapper .RadDropDownList_Sunset .rddlInner {
  background: #fff;
  border-color: #e0e0e0;
}


/*******/
/** Button **/
.k-calendar .k-link.k-nav-fast {
  color: #7B7B7B;
}

.k-calendar, .k-calendar .k-link.k-nav-fast:hover {
  color: #fff;
}

.k-group-start
.k-button:active, .k-button.k-state-active {
  background-color: #6b1e03;
  border-color: #6b1e03;
}

.k-button:hover, .k-button.k-state-hover, .k-button:active:hover, .k-button.k-state-active:hover {
  border-color: #6b1e03;
  background-color: #6b1e03;
}

.k-button:hover, .k-button.k-state-hover, .k-button:focus, .k-button.k-state-focused, .k-textbox:hover, .k-state-hover, .k-state-hover:hover, .k-pager-wrap .k-link:hover, .k-other-month.k-state-hover .k-link, div.k-filebrowser-dropzone em, .k-draghandle:hover {
  background-image: none;
}

.k-calendar .k-nav-fast.k-state-hover {
  background-color: #6b1e03;
}

.k-state-selected, .k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-focused,
.k-state-focused:focus,
.k-state-active,
.k-state-active:active,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
  background-image: none;
  background-color: #6b1e03;
}

.k-state-hover:hover,
.k-state-border-down .k-select, .k-state-focused .k-select, .k-state-active .k-select {
  background-image: none;
  background-color: #6b1e03;
}

.k-textbox:hover, .k-tiles li.k-state-hover {
  border-color: #6b1e03;
}

.k-button:hover, .k-button:focus {
  background-color: #6b1e03;
  border-color: #6b1e03;
}

.km-header {
  background-color: #6b1e03 !important;
}

/* progress bar */
/*.dxeProgressBarIndicator_MaterialCompact,  .dxeProgressBar_MaterialCompact {
    border-radius: 2px;
}

.dxeProgressBar_MaterialCompact .dxpbVC {
    background: transparent;
    color: #000;
    text-shadow: 1px 0 0 rgba(255,255,255,.2);
}*/