/*TABLEAU*/
.table.listeDonnees{width:100%;}
.mat-cell{font-size: 12px}
.mat-cell.cdk-column-actions .mat-button-wrapper i{color:var(--primary-color);font-size:20px;}
.mat-menu-panel .mat-menu-content .mat-menu-item{color:rgba(0, 0, 0, 0.7);}
.mat-menu-panel .mat-menu-content .mat-menu-item[disabled]{cursor: not-allowed;pointer-events: initial}
.mat-menu-panel .mat-menu-content .mat-menu-item i{
  margin-right:15px;
  color:var(--primary-color);
  font-size:20px;
  display:inline-block;
  width:27px;
  text-align:center
}
.mat-menu-panel .mat-menu-content .mat-menu-item i.align{padding-left:0px;width:27px;}

.mat-header-cell .mat-checkbox-frame {border-color:rgba(255,255,255,1)!important;}

.mat-cell .custom-switch{margin-left:8px;}

/* Positionner une colonne au centre*/
.centre.mat-cell {
  text-align: center;
  justify-content: center;
}
/* Positionner l'entete de la colonne au centre*/
.centre .mat-sort-header-container {
  display: flex;
  justify-content: center;
}

/*****************************/
/*FORMULAIRE*/
.form-item .mat-form-field{line-height:40px;}

.form-item .mat-form-field-appearance-legacy .mat-form-field-underline{background-color: var(--primary-color);}
.form-item .mat-form-field-appearance-legacy .mat-form-field-label{color: var(--primary-color);}
.form-item .mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:translateY(7%)!important;}/*postionnement des fleches de listes déroulantes*/
.mat-form-field-appearance-outline .mat-select-arrow-wrapper{transform:translateY(7%)!important;}/*postionnement des fleches de la navigation des pages*/
form{position:relative;}
.form-items-par-defaut{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:0 0 10px 0;}
.form-items-par-defaut-inner{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.form-items-avances{display:flex;justify-content:flex-start;flex-wrap:wrap;margin:10px 0px;padding:10px 0px;background:rgba(0,0,0,0.015);border:1px solid rgba(0,0,0,0.07);box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.5);}
.form-items-block{justify-content:flex-start;flex-wrap:wrap;margin:10px 0px;padding:10px 0px;background:rgba(0,0,0,0.015);border:1px solid rgba(0,0,0,0.07);box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.5);}
.form-items-block-inner{margin:10px 0px;background:rgba(0,0,0,0.015);border:1px solid rgba(0,0,0,0.07);box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.5);}

.form-items-block .form-actions{display:flex;width:100%;margin-bottom:15px}

.form-item {display:flex;flex-direction:column;padding:calc(var(--spacer) * 1) calc(var(--spacer) * 2);border:0px solid black;}
.form-item.texte {padding-top:0px;}
.form-item-non-flex {padding:calc(var(--spacer) * 1) calc(var(--spacer) * 2);border:0px solid black;margin-top: auto;}
.form-item .mat-form-field-appearance-outline .mat-form-field-outline{top:0px;}
.form-item-entete {font-size: 13px !important;}
.form-item-icone {font-size: 25px;color: var(--primary-color);display: flex;align-items: center;}
.form-item-alert {font-size: 25px;color: #E45326;display: flex;align-items: center;}
.form-item .alerte, .form-item .libelle-icone-alerte .alerte {color: orangered;}
.form-item .libelle-icone-alerte {margin-right: 350px !important;display: flex;}

.form-item-600 .form-item .mat-form-field-flex{width:600px;}
.form-item .mat-form-field-flex,.form-item-non-flex .mat-form-field-flex{width:300px;align-items:center;}
.form-item-te .mat-form-field-flex{width:30px;align-items:center;}

.form-item .mat-form-field-flex:hover .mat-form-field-outline-start,
	.form-item .mat-form-field-flex:hover .mat-form-field-outline-gap,
	.form-item .mat-form-field-flex:hover .mat-form-field-outline-end{/*border-color:var(--primary-color);*/}

.form-item .mat-form-field-appearance-outline .mat-form-field-prefix,
.form-item .mat-form-field-appearance-outline .mat-form-field-suffix{top:0px;}


.form-item .mat-form-field-infix{padding:0;}
.form-item.text-area .mat-form-field-infix{padding:.25em 0 .75em;} /* TextArea*/
.form-item .mat-form-field-suffix{height:40px;line-height:40px;}/*icones calendrier*/
.form-item .mat-error{line-height:10px;}

.form-item label{width:100%;display:block;color:rgba(0,0,0,0.7);}
.form-item.indice {font-size: 15px}
.form-item.indice.aide {font-size: 15px;display: block;}
.form-item .text {font-size: 14px;}
.form-item .info {font-size: 13px;color:rgba(0,0,0,0.7);}
.form-item.info {font-size: 13px;color:rgba(0,0,0,0.7);}


/* bouton calendrier (BUG EDGE) */
.form-item  .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-prefix .mat-icon-button,.form-item  .mat-form-field:not(.mat-form-field-appearance-legacy) .mat-form-field-suffix .mat-icon-button{
	height:40px;line-height:40px;}


/* ITEM DOUBLE (montant + date)*/
.form-item.double-item label{width:100%;}
.form-item.double-item .items{display:flex;flex-wrap:nowrap;}

.form-item.double-item .mat-form-field-flex{width:145px;}

.form-item.double-item mat-form-field + mat-form-field{margin-left:10px;}

/*label groupe item option*/
.mat-optgroup-label{
  padding-left: 10px!important;
  color:rgba(0,0,0,.7);
  font-weight: 700;
  border-top:1px solid rgba(0,0,0,0.2);}

/* LOGO BANQUE */

/* Logo Banque sur une ligne de la liste déroulante lorsqu'elle est dépliée (élément HTML 'option') */
mat-option.logoBanque{
  padding-left: 45px!important;
  background-position:10px center!important;
  background-repeat:no-repeat!important;
  background-size: 25px 20px!important;}

/* Logo Banque sur l'élément sélectionné de la liste déroulante, sur un input ou un lien 'a' */
mat-select.logoBanque:not(.mat-select-empty), input.logoBanque, a.logoBanque, span.logoBanque {
  padding-left: 30px!important;
  background-position:1px center!important;
  background-repeat:no-repeat!important;
  background-size: 25px 20px!important;}


/** Panel Liste déroulante **/
.mat-autocomplete-panel .mat-option {font-size: 13px; line-height: 3em; height: 3em;}

/* Agrandissement de la largeur du panel pour que l'intégralité du contenu soit visible */
.mat-select-panel.fit-width-to-content{max-width:initial;}
.mat-select-panel.fit-width-to-content .mat-option,
.mat-select-panel.fit-width-to-content .mat-option .mat-option-text{overflow:initial;text-overflow:initial;}
.mat-autocomplete-panel.fit-width-to-content{min-width:calc(100% + 32px);}
.mat-autocomplete-panel.fit-width-to-content .mat-option,
.mat-autocomplete-panel.fit-width-to-content .mat-option .mat-option-text{overflow:initial;text-overflow:initial;}

/* Flèche sur les listes déroulantes type "souffleur" */
.mat-form-field .mat-form-field-suffix mat-icon.mat-select-arrow.icone-souffleur {
	width: 0px;
	height: 0px;
	display: inline-block;
}
input.mat-input-element.mat-autocomplete-trigger{color:rgba(0,0,0,.87);text-overflow:ellipsis;overflow: auto;}
/*****************************/
/*BOUTONS*/
*[class*="btn_"].mat-button{
	color:#555;
	font-size:14px;
	background:#e8e8e8;
	border:2px solid white!important;
	border-radius:0px!important;
	box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.5);
	transition:all ease 0.2s;}
*[class*="actions"].mat-button {min-width:0px!important;}
.mat-button.action_annuler{border:1px solid var(--primary-color);color:var(--primary-color);background:var(--secondary-color);}
*[class*="action_"].mat-button{display: inline-block;margin: 5px;padding: 0 15px;height: 35px;line-height: 33px;border-radius:0px!important;font-size: 14px;color: var(--primary-color);white-space:nowrap;background: #fff;box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.5);border: 2px solid var(--primary-color);transition: all ease 0.2s;}
*[class*="action_"].mat-button:disabled, *[class*="action_"].mat-button[disabled]{opacity: 0.65;cursor: not-allowed;}
.mat-button.action_valider{color:white !important;background:var(--primary-color);border: 1px solid transparent;}
*[class*="btn_"].mat-button > span{display:flex;}
*[class*="btn_"].mat-button > span > i{margin-right:10px;line-height:inherit;font-size:120%;opacity:0.5;transition:all ease 0.2s;}
*[class*="btn_"].mat-button + .mat-button{margin-left:calc(var(--spacer) * 1);}
*[class*="btn_"].mat-button:hover{box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.8);}
*[class*="btn_"].mat-button:hover > span > i{opacity:1;}

*[class*="btn_"].mat-button.mat-warn{color:white;background:var(--stopper-color);}
*[class*="btn_"].mat-button.mat-primary{color:white;background:var(--continuer-color);}

.mat-tooltip.multilignes{white-space: pre-line;max-width:100%;font-size:11px;}

/*------------------- SURCHARGE INDIGO --------------------------------------------*/
.mat-card {border:1px solid var(--primary-color);margin: 15px 0 0 0;}
.mat-card-header{margin-bottom: 10px;}
.mat-card-content .card-items .item-bold {font-weight: bold;}
.mat-card-content .mat-button {color: var(--primary-color);font-size: 20px;}
.mat-card-footer .card-items .item-bold {font-weight: bold;}
.mat-card-footer .mat-button {color: var(--primary-color);font-size: 20px;}
.mat-header-cell{color:white;font-size:13px;font-weight:700;}
.mat-form-field-wrapper{padding-bottom:0px;}
.mat-form-field-subscript-wrapper{top:auto;margin-top:3px;}
.mat-form-field-appearance-outline .mat-form-field-infix{border:0px;}
.mat-expansion-panel-header {
    background: rgba(0,0,0,0.015);
}
.mat-tab-label .mat-tab-label-content .mat-icon {width:35px}
.mat-tab-label .mat-tab-label-content .mat-icon > .item .far,
.mat-tab-label .mat-tab-label-content .mat-icon > .item .fas,
.mat-tab-label .mat-tab-label-content .mat-icon > .item .fad{color:var(--primary-color);margin-right: 20px;}
.mat-checkbox-checked.mat-primary .mat-checkbox-background,.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background{background-color:var(--primary-color);}
.mat-checkbox-checked.mat-accent .mat-checkbox-background,.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background{background-color:var(--primary-color);}
.mat-checkbox-checked.mat-warn .mat-checkbox-background,.mat-checkbox-indeterminate.mat-warn .mat-checkbox-background{background-color:var(--primary-color);}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element{background:var(--primary-color);}
.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element,.mat-checkbox:active:not(.mat-checkbox-disabled).mat-warn .mat-ripple-element{background:var(--primary-color);}
.mat-dialog-container{
  padding: 0 !important;
}
.mat-expansion-panel.root-panel{border:1px solid var(--primary-color);margin: 15px 0 0 0;}
.mat-expansion-panel .item-bold { font-weight: bold}
.mat-form-field-type-mat-select .mat-form-field-label {margin-top: -12px}
.mat-menu-panel{max-width:360px!important;}
.mat-paginator{background:transparent;}
.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle{border-color:var(--primary-color)!important;}
.mat-radio-button.mat-primary .mat-radio-inner-circle,.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-primary:active .mat-radio-persistent-ripple{background-color:var(--primary-color)!important;}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:var(--primary-color)!important;}
.mat-radio-button.mat-accent .mat-radio-inner-circle,.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:var(--primary-color);}
.mat-radio-button .mat-radio-label-content{font-weight: normal !important;}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color: var(--primary-color);}
.mat-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color: rgba(var(--primary-color-rgb), 0.54);}
.form-item .mat-slide-toggle {margin-top: 15px; width: 38px} /* s'il faut mettre un autre élément comme label sur mat-slide-toggle comme dans l'agent */
.form-item > .mat-slide-toggle:first-child  {width: auto; margin-top: 28px;}  /* si le premier enfant du form-item est mat-slide-toggle */
.form-item > .mat-slide-toggle:first-child .mat-slide-toggle-label {display: flex; flex-wrap: nowrap;} /* si le premier enfant du form-item est mat-slide-toggle */


.mat-sort-header-arrow{color:white;}
.mat-sort-header-button {white-space: normal;}
.mat-snack-bar-container{background-color: var(--primary-color); color: white;}