/* violet foncé : #5A3061 */
/* violet light : #884A90 */

/* route_id : front--model--rq--list */
.rq-grid-infos{ 
	width: 100%; border: solid 1px #E2E3E7; padding: 10px 10px;
	text-align: center; background-color: #F1F1F1;
}
.rq-grid-infos span{ font-size: 18px; margin-right: 5px;}
.rq-grid-infos span.rq-grid-infos--nb{ /*color:#FF6D6D;*/ /*color:#5A2E62;*/ color:#087977; }
.rq-grid-infos span.rq-grid-infos--label{}

/* route_id : front--model--rq-track--delivrance-waiting | front--model--rq-track--delivrance-accepted;  */

.rq-track-content{ padding: 10px;}

@media only screen and (max-width: 1024px) {
  
  .rq-grid-infos span{ font-size: 16px;} 
  .rq-grid-infos span.rq-grid-infos--row{ width: 100%; display: block;} 

  .rq-track-content{ padding: 0px;}

  /* TEST UNIQMENENT */
  /*.rq-track-content .da-group{ display: none !important;}*/
}


.rq-track-content .da-cartouche-infos{ display: table; width: 100%; margin-bottom:0px; padding: 5px; font-size: 18px; }

.rq-track-content .da-cartouche-infos .head-row-data{}
.rq-track-content .da-cartouche-infos .head-row-data--left{ float: left; margin-right: 10px;}
.rq-track-content .da-cartouche-infos .head-row-data--right{ float: right; margin-left: 10px;}
.rq-track-content .da-cartouche-infos .head-row-data .da-label{ float: left;}
.rq-track-content .da-cartouche-infos .head-row-data .da-value{ float: left; margin-left: 3px; font-weight: bold;}



.rq-track-content .da-cartouche-projet{
  margin-bottom:20px; padding: 5px; font-size: 22px; font-weight: bold; text-align: center;
  color: #5A3061; background-color:#FFFFFF;  border: solid 2px #5A3061;
}

@media only screen and (max-width: 1024px) {
  
  .rq-track-content .da-cartouche-projet{
    font-size: 14px;
  }
}

.rq-track-content .da-group{ margin-bottom: 20px; display: flex;}

.rq-track-content .da-groupe-title{padding:20px 7px 20px 7px; background-color: #884A90;}
.rq-track-content .da-groupe-title .da-title{font-size: 15px; color: #FFFFFF;}
.rq-track-content .da-groupe-fields {padding:20px 20px 20px 20px; background-color: #FFFFFF;}
.rq-track-content .da-groupe-fields .row-data{ font-size: 15px;}
.rq-track-content .da-groupe-fields .row-data.da-type-value{margin-bottom: 15px;}
.rq-track-content .da-groupe-fields .row-data.da-type-value.deposant_fullname{margin-bottom: 0px;}
.rq-track-content .da-groupe-fields .row-data.da-type-keyvalue{display: flex; margin-bottom: 15px;}
.rq-track-content .da-groupe-fields .row-data.da-type-keyvaluen{display: block; margin-bottom: 15px;}
.rq-track-content .da-groupe-fields .row-data.da-type-phrase{ margin-bottom: 15px;}
.rq-track-content .da-groupe-fields .row-data.da-type-officehours{ margin-bottom: 15px;}

.rq-track-content .da-groupe-fields .da-label{ color: #494949; font-weight: 600; margin-right: 5px;}
.rq-track-content .da-groupe-fields .da-value{ color: #884A90; font-weight: 600;}
.rq-track-content .da-groupe-fields .da-phrase{ color: #494949; font-weight: 600; margin-bottom: 5px;}
.rq-track-content .da-groupe-fields .da-phrase .da-value{ color: #884A90; font-weight: 600;}

.rq-track-content .da-groupe-fields .da-type-keyvaluen .da-label{ color: #494949; font-weight: 600; margin-right: 5px; margin-bottom: 5px;}
.rq-track-content .da-groupe-fields .da-type-officehours .da-phrase{ color: #884A90;}
.rq-track-content .da-groupe-fields .da-type-officehours .da-phrase i{ color: #494949;}

@media only screen and (max-width: 1024px) {
  .rq-track-content .da-group{display: block;}
  .rq-track-content .da-groupe-fields{ border: solid 2px #884A90; border-top: none;}

  .rq-track-content .da-groupe-title{padding:7px 7px 7px 7px;  width: 100% !important;}
  .rq-track-content .da-groupe-title .da-title{font-size: 20px;}

  .rq-track-content .da-groupe-fields{  width: 100% !important;}
  .rq-track-content .da-groupe-fields .da-type-keyvaluen .da-label { margin-bottom: 0;}
  .rq-track-content .da-groupe-fields .row-data.da-type-keyvalue{display: block;}
  .rq-track-content .da-groupe-fields .da-label{ width: 100%;}
  .rq-track-content .da-groupe-fields .da-value{ width: 100%;}
}


.rq-track-form{ padding: 10px;}
.rq-track-form .da-group{ background-color: #FFFFFF;}

.rq-track-form .da-group.da-group-text .da-title{ font-size: 2em; text-align: center; padding: 20px 50px 0 50px;}
.rq-track-form .da-group.da-group-text .da-text{ font-size: 1.3em; text-align: center; padding: 0 50px 20px 50px; font-weight: bold;}

.rq-track-form .da-group.da-group-action{ padding-bottom: 20px;}
.rq-track-form .da-group.da-group-action .da-group-button{ 
  width: 300px; display: table; margin-left: auto; margin-right: auto;
}

.rq-track-form .da-group.da-group-action .da-group-button.da-group-button-one{ 
  width: auto; display: table; margin-left: auto; margin-right: auto;
}

.rq-track-form .da-group.da-group-action .da-group-button .btn.da-submit--rejected{
  float: left; background-color: #DE3146; color: #FFFFFF; font-size: 16px; border: none; padding: 6px 20px; text-transform: capitalize;
}
.rq-track-form .da-group.da-group-action .da-group-button .btn.da-submit--archived{
  float: left; background-color: #DE3146; color: #FFFFFF; font-size: 16px; border: none; padding: 6px 20px; text-transform: capitalize;
}
.rq-track-form .da-group.da-group-action .da-group-button .btn.da-submit--accepted{
  float: right; background-color: #25A849; color: #FFFFFF;  font-size: 22px;  border: none;  padding: 6px 20px;  text-transform: capitalize;
}

.rq-track-form--offre-contact{ padding: 10px;}


.rq-track-form--offre-contact .da-group.da-group-text{}
.rq-track-form--offre-contact .da-group.da-group-text textarea{ height: 50px;}

.rq-track-form--offre-contact .da-group.da-group-action{ padding-bottom: 20px; margin-top: 15px;}
.rq-track-form--offre-contact .da-group.da-group-action .da-group-button{ display: table; width: 100%;}

.rq-track-form--offre-contact .da-group.da-group-action .da-group-button .btn.da-submit--send{
  float: right; padding: 6px 20px;  border: none;  border-radius: 9px;
  background-color: #5A3061; color: #FFFFFF;  
  font-size: 22px;  text-transform: capitalize;
}


.rq-track-form--ticket{ padding: 10px 20px 0px 20px; background-color: #884A90; margin: 10px;}

@media only screen and (max-width: 1024px) {
  /* TEST UNIQMENENT */
  /*#rq-track-form--ticket{ display: none;}*/

  .rq-track-form .da-group.da-group-text .da-title{ padding: 5px 10px 0 10px; font-size: 1.6em; }
  .rq-track-form .da-group.da-group-text .da-text{ padding: 5px 10px 20px 10px; }
  
  .rq-track-form .da-group.da-group-action .da-group-button{ width: 100%;}
  .rq-track-form .da-group.da-group-action .da-group-button button{ width: auto !important; padding: 6px 0px;}
  .rq-track-form .da-group.da-group-action .da-group-button button.da-submit--rejected{ font-size: 14px !important;}
  .rq-track-form .da-group.da-group-action .da-group-button button.da-submit--archived{ font-size: 14px !important;}
  .rq-track-form .da-group.da-group-action .da-group-button button.da-submit--accepted{ font-size: 22px !important;}
  
  /*.menu--free--rq-service--root{ display: none;}*/
}

.rq-track-form--ticket .da-title-form{ text-align: center; font-size: 18px; color: #FFFFFF; margin-bottom: 10px;}
.rq-track-form--ticket .da-ticket-from-title{ color: #FFFFFF; text-align: right; font-size: 18px; line-height: 30px;}
.rq-track-form--ticket .da-ticket-from{margin-bottom: 10px;}
.rq-track-form--ticket .da-group.da-group-action{ padding-bottom: 20px; margin-top: 15px;}
.rq-track-form--ticket .da-group.da-group-action .da-group-button{ display: table; width: 100%;}

.rq-track-form--ticket .da-group.da-group-action .da-group-button .btn.da-submit--send{
  float: right; padding: 6px 20px;  border: none;  border-radius: 9px;
  background-color: #5A3061; color: #FFFFFF;  
  font-size: 22px;  text-transform: capitalize;
}

/* route_id : front--model--rq-track--ticket  */

.da-content-tickets{ margin-bottom: 20px;}

article.ticket.da-front{ margin: 0 10px 10px 10px; border: #884A90 solid 1px; border-radius: 9px; padding: 10px;}
article.ticket.da-front.gerant{ background-color:#884A90; color: #FFFFFF; margin-left: 50px; }
article.ticket.da-front h2{display: none;}
article.ticket.da-front .content{}
article.ticket.da-front .content .field--name-field-ticket__date-create{float: right; text-transform: capitalize;}
article.ticket.da-front .content .field--name-field-ticket__from-lastname{ float: left; margin-right: 10px;}
article.ticket.da-front .content .field--name-field-ticket__from-firstname{ float: left; margin-right: 10px;}
article.ticket.da-front .content .field--name-field-ticket__body{ display: table; width: 100%; padding-top: 20px; }

/* formulaire acceptation/rejet de rq_track */
#rq-track-form--group-confirm{ display: none;}


@media only screen and (min-width: 300px) and (max-width: 768px){
  .rq-track-content .da-group{display: block;}       
}


@media only screen and (max-width: 1024px) {
  .rq-track-content .menu--free--rq-service--root li{width: auto;}
  .rq-track-content .menu--free--rq-service--root li:first-child{ float: left !important; margin-right: 0 !important; margin-left: 0 !important;}
  .rq-track-content .menu--free--rq-service--root li:last-child{ float: right !important; margin-right: 0 !important; margin-left: 0 !important;}
  .rq-track-content .menu--free--rq-service--root li a{ font-size: 1em;}

}