/* violet foncé : #5A3061 */
/* violet light : #884A90 */
/* violet very light : #C196C6 */
/* gris foncé : #4C4C4C;*/
/* gris clair : #EEEFEF;*/
/* rouge boutons : #F26B6C */





/* Mise en forme des formulaires */

/* formulaire form_login (route_id: deposant--user--password) */

.panel-body .da-link-password{ margin-top: 10px; display: block;}

/* formulaire de node */
.da--node-form--content{
	background-color: #EEEFEF;
	border-radius: 5px;	
}

/* formulaire utilisateur drupal */
.da--user-form--content{

}

/* formulaire de node,  formulaire utilisateur drupal*/
.da--node-form--content, .da--user-form--content{
    display: table;
    width: 100%;
    margin-bottom: 15px;
}

.da--node-form--content .da--form-title, .da--user-form--content .da--form-title{
	margin: 15px;
	font-size: 1.6em; color: #F26B6C;
}

.da--node-form--content .da--form-title .da-title--icon, .da--user-form--content .da--form-title .da-title--icon{ margin-right: 5px;}
.da--node-form--content .da--form-title .da-title--text, .da--user-form--content .da--form-title .da-title--text{}

.da--node-form--content .da--form-title.rq-service--dispo--mes-besoins{ margin-bottom: 0px;} 
.da--node-form--content .da--form-title.rq-service--dispo--mes-dispos{ margin-bottom: 0px; margin-top: 0px} 


/* formulaire utilisateur (user login) */
.da--user-form--content form.user-login-form .panel-body, .da--user-form--content form.user-pass .panel-body{
    background-color: #EEEFEF;
    border-radius: 5px; 
    margin-bottom: 15px;
}

/* formulaire utilisateur (user register) */
.da--user-form--content{
    width: 100%;
}

.da--user-form--content form.user-register-form .panel-heading{
    display: none;
}

.da--user-form--content form.user-register-form .panel{
    background-color: #EEEFEF;
    border-radius: 5px; 
    margin-bottom: 15px;
}

.da--user-form--content form.user-register-form .panel-default{
    border-color: transparent;
}




.da--form-text-legend{ margin-left: 15px; margin-bottom: 15px;}
.da--form-help-txt.col{ line-height: 32px; height: 32px;}

fieldset.form-item.da--no-title legend{ display: none;}

/* mise en forme element radio */
.form-item.radio label{
    float: left;
    margin-right: 15px;
    margin-bottom: 20px;
}

form.node-form div.field--type-list-integer.da--label fieldset legend{
    max-width: 100%; margin-bottom: 5px;  display: inline-block;
    font-size: 14px; font-weight: normal; border-bottom:none;
}
form.node-form div.field--widget-options-buttons fieldset legend span{}

form.node-form div.field--widget-options-buttons.da--no-title fieldset > legend{display: none;}

/* mise en forme element sur 2 colonnes col 2*/
fieldset.form-item.da--col-2 .form-item.radio label{  width: calc(50% - 20px);}


.form-group.da--no-last-child:last-child{
    margin-bottom: 15px;
}

form.node-form{

}

form.node-form .row.da-force-margin-bottom{ margin-bottom: 15px;}

form.node-form .panel {
    background-color: transparent;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;  
    margin-bottom: 0px;
}

form.node-form label{
	font-size: 14px;
    font-weight: normal;
}

form.node-form .panel-heading{ padding: 10px 15px 0 15px;}
form.node-form .panel-heading .panel-title, form.node-form .da-panel--dotted{
 border-bottom: 2px solid #5A3061; padding: 0 0 0 0; margin: 0 0 0 0;
 font-size: 18px; font-weight: 700; color:#5A3061;
}
form.node-form .da-panel--dotted{
    border-bottom: 2px dotted #5A3061;    
}

form.node-form .panel-default {
    border-color: transparent;
}


form.node-form .panel-default > .panel-heading {
    color: #333333;
    background-color: transparent;
    border-color: transparent;
}


/* bouton de formulaire */
.da-block-form{ width: 100%;}

form.node-form button.btn-primary, form.user-login-form button.btn-primary, form.user-register-form button.btn-primary, form.user-pass button.btn-primary, form.node-form .button.btn-primary, .da-block-form .button.btn-primary {
    background-color: #F26B6C;
    border-color: #F26B6C;
    float: right;
    margin-right: 30px;
    margin-bottom: 15px;
    text-transform: uppercase;
    border-radius: 9px;
}
form.node-form button.btn-primary.da-left, form.user-login-form button.btn-primary.da-left, form.user-register-form button.btn-primary.da-left, form.user-pass button.btn-primary.da-left, form.node-form .button.btn-primary.da-left, .da-block-form .button.btn-primary.da-left {
    float: left;
    margin-left: 30px;
    margin-right: 0px;
}
form.node-form button.btn-danger.da-left, form.user-login-form button.btn-danger.da-left, form.user-register-form button.btn-danger.da-left, form.user-pass button.btn-danger.da-left, form.node-form .button.btn-danger.da-left, .da-block-form .button.btn-danger.da-left {
    float: left;
    margin-left: 30px;
    margin-right: 0px;
}

form.user-login-form button.btn-primary, form.user-register-form button.btn-primary, form.user-pass button.btn-primary {
    text-transform: none;
    width: 20%;
}


form.node-form button.btn-primary:hover, form.node-form .button.btn-primary:hover, .da-block-form .button.btn-primary:hover {
    color: #fff;
    background-color: #F26B6C;
    border-color: #F26B6C;
}

form.node-form .da--separator{ width: 100%; display: table; padding: 0 15px 0 15px; margin-bottom: 10px;}
form.node-form .da--separator span{
    display: block; width: 100%; height: 2px; margin-left: auto; margin-right: auto;
    -webkit-box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.51); 
    box-shadow: 4px 4px 7px 0px rgba(0,0,0,0.51);
    background-color: #884A90; 
}

/* confirm-form-text-danger */
form.node-form .confirm-form-text-danger{ margin: 20px;}

/* champ date */
form.node-form div[data-drupal-field-elements="date"] div.form-inline.form-item{ width: 100%;}
form.node-form div[data-drupal-field-elements="date"]  div.form-inline.form-item input{ width: 100%;}

/* champ nombre décimal */
form.node-form div.field--type-decimal div.form-inline.form-item{}
form.node-form div.field--type-decimal div.form-inline.form-item label{ width: 100%; display: block; margin-bottom: 5px;}
form.node-form div.field--type-decimal div.form-inline.form-item input{ width: 100%;}

/* champ nombre entier */
form.node-form div.field--type-integer div.form-inline.form-item{}
form.node-form div.field--type-integer div.form-inline.form-item label{ width: 100%; display: block; margin-bottom: 5px;}
form.node-form div.field--type-integer div.form-inline.form-item input{ width: 100%;}


/* champ comprenant un suffix ou un préfix */
form.node-form .input-group{ width: 100%;}

/* champ autocomplete deluxe */
form.node-form div.field--widget-autocomplete-deluxe.error label{ color:#a94442;}
form.node-form div.field--widget-autocomplete-deluxe div.autocomplete-deluxe-container{ border-radius: 5px;}
form.node-form div.field--widget-autocomplete-deluxe div.autocomplete-deluxe-container.error{ border : solid 1px #a94442;}

/* champ office hours */
form.node-form div.field--type-datetime.field--name-field-dispo__date-rdv th.field-label{ padding-left: 0; font-size: 16px; font-weight: 700;}

a.office-hours-link{
    display: block; padding: 3px; float: left; margin-right: 3px; margin-bottom: 3px; 
    background-color: #FFFFFF; border: #CCCCCC solid 1px; border-radius: 3px; 
}
a.office-hours-link:hover{ text-decoration: none; background-color:#CCCCCC !important; } 
a.office-hours-link span{ margin-left: 3px;}
a.office-hours-link.office-hours-delete-link{ background-color:#F8D7DA; }
a.office-hours-link.office-hours-copy-link{ background-color:#FFF3CD; }
/* ------ */


.form-item.form-type-vertical-tabs.form-group{ margin-bottom: 0;}



/* formulaire spécifique au metier */

/* ÉTAPE 1 Projet */
form.node-form.node-projet-form #edit-field-projet-deliv-agence-wrapper{}

/* toute entité */
div[data-drupal-selector="edit-group-principal"]:not(.da-visible-forced) .panel-heading{ display: none;}
div[data-drupal-selector="edit-group-fiche"]:not(.da-visible-forced) .panel-heading{ display: none;}

/* rq-service--dispo */
form.node-form .rq-service--dispo--field-qbparts .panel-body{ padding-top: 0;}
form.node-form #group-diffusion-offres span.da-promo{ color:red; font-size: 18px;}

/* entité : projet */

.da--field-projet--name .form-control {
    border: 1px solid #5A3061;
}

/* Form_front__model__histdmand_cru */
form.node-form.node-histdmand-form .form-actions{ display: table; width: 100%;}
form.node-form.node-histdmand-form .form-actions button{ width: 150px; float: right !important; margin: 0px 15px 15px 0px !important;}

/* GED */

.da-ged{background-color: #884A90; padding: 10px 8px 10px 8px; margin-bottom: 20px;}

.da-ged--files{}
.da-ged--files .frq-list-elem{ padding-left: 5px !important; padding-right: 10px !important;}
.da-ged--files .frq-list-content{ margin-bottom: 10px;}
.da-ged--actions{ display: table; width: 100%; padding-bottom: 3px;}
.da-ged--actions .btn{
  padding: 6px 20px;  border: none;  border-radius: 9px;
  background-color: #5A3061; color: #FFFFFF;  
  font-size: 22px;    
}
.da-ged--actions .btn:hover{ color: #FFFFFF;}

.da-ged--actions .btn.da-left{ float: left; margin-left: 3px;}
.da-ged--actions .btn.da-right{ float: right; margin-right: 3px;}

.da-ged--actions .btn i{ margin-right: 5px;}
.da-ged--actions .btn span{}

.frq-list-title{ color: #FFFFFF; font-size: 15px; text-indent: 2px;}
.frq-list-content{ width: 100%; display: table; margin-bottom: 20px;}

.frq-list-elem{ padding: 3px; padding-left: 3px !important; padding-right: 3px !important;}
/*.frq-list-elem--box{background-color: #EEECE1; border: solid 1px #D9D9D9;}*/
.frq-list-elem--box{background-color: #FFFFFF; border: solid 1px #D9D9D9;}
.frq-list-elem--box div.da-margin{margin-top: 10px; margin-left: 10px; margin-right: 10px;}
.frq-list-elem--title{ text-align: center; font-weight: bold; font-size: 0.9em; text-transform: uppercase; margin-top: 10px; margin-left: 2px; margin-right: 2px;}
.frq-list-elem--title span.frq-title{}
.frq-list-elem--title span.obligatoire{
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHBhdGggZmlsbD0iI0VFMDAwMCIgIGQ9Ik0wLDcuNTYybDEuMTE0LTMuNDM4YzIuNTY1LDAuOTA2LDQuNDMsMS42ODgsNS41OSwyLjM1QzYuMzk4LDMuNTUzLDYuMjM3LDEuNTQ0LDYuMjIsMC40NDdoMy41MTEgYy0wLjA1LDEuNTk3LTAuMjM0LDMuNi0wLjU1OCw2LjAwM2MxLjY2NC0wLjgzOCwzLjU2Ni0xLjYxMyw1LjcxNC0yLjMyNUwxNiw3LjU2MmMtMi4wNSwwLjY3OC00LjA2LDEuMTMxLTYuMDI4LDEuMzU2IGMwLjk4NCwwLjg1NiwyLjM3MiwyLjM4MSw0LjE2Niw0LjU3NWwtMi45MDYsMi4wNTljLTAuOTM1LTEuMjc0LTIuMDQxLTMuMDA5LTMuMzE2LTUuMjA2Yy0xLjE5NCwyLjI3NS0yLjI0NCw0LjAxMy0zLjE0Nyw1LjIwNiBsLTIuODU2LTIuMDU5YzEuODcyLTIuMzA3LDMuMjExLTMuODMyLDQuMDE3LTQuNTc1QzMuODQ5LDguNTE2LDEuODcyLDguMDYyLDAsNy41NjIiLz48L3N2Zz4K);
    background-size: 10px 7px;
    content: "";
    display: inline-block;
    vertical-align: super;
    line-height: 1;
    height: 7px;
    width: 10px;        
}

/* da-form-projet */
.rq-track-content .da-form-projet{ width: 100%; display:table; background-color:#EEEFEF; border-radius: 5px; margin-bottom: 10px; border: solid 2px #5A3061; }
.rq-track-content .da-form-projet h1{ margin-left: 15px; font-size: 1.6em; color: #5A3061; }
.rq-track-content .da-form-projet.da-no-visible{ display: none;}

@media only screen and (min-width: 768px) and (max-width: 1280px){
    .col-sm-3 .frq-list-elem--title{
        height: 3em;
    }       
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
    .col-sm-2 .frq-list-elem--title{
        height: 5em;
    }       
}
@media only screen and (min-width: 1024px) and (max-width: 1440px){
    .col-sm-2 .frq-list-elem--title{
        height: 3em;
    }       
}

.frq-list-elem--illustration{}
/*.frq-list-elem--illustration p{ position: absolute; display: block; width: 40px; height: 40px; margin-left: 20px;border-radius: 50%}*/
.frq-list-elem--illustration div{ position: absolute; display: block; width: calc(100% - 30px);}
/*.frq-list-elem--illustration p{ position: absolute; display: block; width: 50px; height: 50px; margin-left: 20px;border-radius: 50%}*/
.frq-list-elem--illustration p.extention{display: block; width: 50px; height: 50px; border-radius: 50%; float: left;}
.frq-list-elem--illustration p.xlsx{ background-color: #1D6D43; color: #FFFFFF;}
.frq-list-elem--illustration p.docx{ background-color: #2A5491; color: #FFFFFF;}
.frq-list-elem--illustration p.pptx{ background-color: #C94324; color: #FFFFFF;}
.frq-list-elem--illustration p.pdf{ background-color: #AD0B00; color: #FFFFFF;}
.frq-list-elem--illustration p.other{ background-color: #404040; color: #FFFFFF;}
/*.frq-list-elem--illustration p i{ display: block; margin-left: 10px; margin-top: 5px;}*/
.frq-list-elem--illustration p i{ display: block; margin-left: 15px; margin-top: 10px;}

.frq-list-elem--illustration p.obligatoire{
    display: block; width: 50px; height: 50px; border-radius: 50%; float: right;
    background-color: #C0504D; color: #FFFFFF;
}
.frq-list-elem--illustration p.obligatoire i{margin-left: 19px; margin-top: 10px;}


.frq-list-elem--illustration img{
    height: 180px; display: block; width: calc(100% - 20px); margin: 0 10px 0 10px;
}
.frq-list-elem--illustration img.da-fimg{object-fit: cover;}
.frq-list-elem--illustration img.da-fdoc{object-fit: contain;  width: calc(100% - 80px); margin: 0 40px 0 40px;}
.frq-list-elem--illustration img.da-fimg-no-image{object-fit: contain;}
.frq-list-elem--desc{}
.frq-list-elem--desc span{
    height: 24px; display: block; width: calc(100% - 20px); margin: 0 10px 0 10px;
    color:#000000; /*border: solid 1px #ADC0D2;*/ text-align: center;         
}


@media only screen and (min-width: 768px) and (max-width: 1280px){
    .col-sm-3 .frq-list-elem--desc span{
        height: 3em;
    }
}


@media only screen and (min-width: 768px) and (max-width: 1023px){
    .col-sm-2 .frq-list-elem--desc span{
        height: 5em;
    }       
}
@media only screen and (min-width: 1024px) and (max-width: 1440px){
    .col-sm-2 .frq-list-elem--desc span{
        height: 3em;
    }       
}


.frq-list-elem--action{margin-bottom: 10px;}
.frq-list-elem--action a{
    height: 24px;  display: block;  width: calc(100% - 20px); margin: 0 10px 0 10px; line-height: 24px; 
    border-radius: 5px; text-align: center; font-weight: bold; font-family: arial;
}
.frq-list-elem--action a.da-create{background-color: #5A3061; color:#FFFFFF; }
.frq-list-elem--action a.da-edit{background-color: #9BBB59; color:#000000; }
.frq-list-elem--action a.da-download{background-color: #5A3061; color:#FFFFFF; }

.frq-list-elem--action a:hover{ text-decoration: none;}

/* message drupal */
.da--node-form--content .da--drupal-messages{ padding:0 15px 0 15px;}


/* groupe de champ */
form.node-form .field-group-fieldset.da--no-title > .panel-heading:first-child{ display: none;}


/* Popper tooltip */
.popper-tooltip{ display: none;}


/* da-panier */

.da-panier{ padding: 20px;}      
.da-panier .da-element{padding: 6px;}
.da-panier .da-right{ float: right; margin-left: 6px;}
.da-panier .da-left{ float: left; margin-right: 6px;}

.da-panier .row-container{}      
.da-panier .row-container .da-prix{ text-align: right;}      
.da-panier .row-container .da-label{}      

.da-panier .row-container .coupon-code{ background-color: #FFFF00; border-radius: 5px;}


.da-panier .row-container .da-panier--header{}      
.da-panier .row-container .da-panier--header .da-label{}      
.da-panier .row-container .da-panier--header .da-prix{ color: #999;}      

.da-panier .row-container .da-panier--cmd{}
.da-panier .row-container .da-panier--cmd .da-label{font-size: 18px;}

.da-panier .row-container .da-panier--coupon-head{}
.da-panier .row-container .da-panier--coupon-head .da-label{color: #999;}
.da-panier .row-container .da-panier--coupon{}

/*
.da-panier .row-container .da-panier--coupon .da-label{}
.da-panier .row-container .da-panier--coupon .da-label span{ display: block; float:left; padding: 5px;}
.da-panier .row-container .da-panier--coupon .da-label span.coupon-code{ background-color: #FFFF00; border-radius: 5px;}
.da-panier .row-container .da-panier--coupon .da-button{ float: right;}
*/

.da-panier .row-container .da-panier--cumul{}
.da-panier .row-container .da-panier--final{ font-weight: bold;}
.da-panier .row-container .da-panier--add-coupon{}