/**************************************************************************************
VARIABLES CSS
**************************************************************************************/
:root{
  --mdc-typography-body1-font-size:13px;
  --mdc-typography-body2-font-size:13px;
  --mat-paginator-container-text-size:12px;
  --mdc-typography-button-letter-spacing:normal;
  --mdc-typography-caption-line-height:10px; /* line-height pour message d'erreur d'input */
  --mat-paginator-container-size: 56px;
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
  --mat-expansion-header-text-size:15px;

  --mat-stepper-line-color:rgba(0,0,0,.12);
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-selected-state-label-text-size:14px;
  --mat-stepper-header-height:72px;

  --mdc-outlined-text-field-disabled-input-text-color:rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-label-text-color:rgba(0, 0, 0, 0.50);
  --mdc-outlined-text-field-focus-label-text-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-color:#3f51b5;
  --mdc-outlined-text-field-focus-outline-width:2px;
  --mdc-outlined-text-field-hover-outline-color:black;
  --mdc-outlined-text-field-outline-width:1px;
  --mdc-outlined-text-field-container-shape:4px;
  --mat-form-field-container-height:40px;
  --mat-menu-container-color:#fff;
  --mat-menu-item-label-text-size:14px;
  --mat-tab-header-inactive-label-text-color:rgba(0, 0, 0, 0.6);
  --mdc-tab-indicator-active-indicator-height:2px;
  --mat-tab-header-divider-height:1px;
  --mat-tab-header-divider-color:rgba(0, 0, 0, 0.2);
  --mat-select-panel-background-color:white;
  --mat-select-enabled-arrow-color:rgba(0,0,0,.54);
  --mat-select-disabled-arrow-color:rgba(0,0,0,.38);
  --mdc-outlined-card-container-color:white;
  --mdc-snackbar-container-color:var(--primary-color);
  --mat-slide-toggle-label-text-weight:700;
  --mdc-secondary-navigation-tab-container-height:48px;
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-subscript-text-size:9px;

  --mat-datepicker-calendar-date-selected-state-background-color:#3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(63, 81, 181, .4);
  --mat-datepicker-calendar-date-selected-state-text-color:#fff;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(0, 0, 0, 0.38);
  --mat-datepicker-toggle-icon-color:rgba(0,0,0,.54);

  --mat-table-row-item-label-text-font: 'Open Sans', sans-serif;
  --mat-table-header-headline-font: 'Open Sans', sans-serif;

  --mdc-switch-unselected-icon-size:20px;
  --mdc-switch-selected-icon-size:20px;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-state-layer-size:40px;

  --mat-divider-width:1px;
  --mat-menu-item-hover-state-layer-color:rgba(0,0,0,.04);
  --mat-option-label-text-colo:rgba(0,0,0,.87);
  --mat-option-label-text-size:16px;
  --mat-option-hover-state-layer-color:rgba(0,0,0,.04);
  --mat-option-focus-state-layer-color:rgba(0,0,0,.04);

  --mdc-chip-container-height:32px;
  --mdc-chip-container-shape-radius: 16px;
}

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

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

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

/* Positionner une colonne au centre*/
.centre.mat-mdc-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-appearance-legacy .mat-mdc-form-field-underline{background-color: var(--primary-color);}
.form-item .mat-form-field-appearance-legacy .mat-mdc-form-field-label{color: var(--primary-color);}
.form-item .mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper{transform:translateY(7%)!important;}/*postionnement des fleches de listes déroulantes*/
.mat-form-field-appearance-outline .mat-mdc-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-mdc-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-mdc-form-field-flex{width:600px;}
.form-item .mat-mdc-form-field-flex,.form-item-non-flex .mat-mdc-form-field-flex{width:280px;align-items:center;}
.form-item-te .mat-mdc-form-field-flex{width:30px;align-items:center;}

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

.form-item .mat-mdc-form-field-infix{padding:0;}
.form-item.text-area .mat-mdc-form-field-infix{padding:.25em 0 .75em;} /* TextArea*/
.form-item .mat-mdc-form-field-suffix{height:40px;line-height:40px;}/*icones calendrier*/
.form-item .mat-mdc-form-field-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-mdc-form-field:not(.mat-mdc-form-field-appearance-legacy) .mat-mdc-form-field-prefix .mat-mdc-icon-button,.form-item  .mat-mdc-form-field:not(.mat-mdc-form-field-appearance-legacy) .mat-mdc-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-mdc-form-field-flex{width:130px;}

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

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

.mat-mdc-optgroup-label .mdc-list-item__primary-text {
  color:rgba(0,0,0,.7);
}

/* 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-mdc-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;}


.mat-button-toggle-group {
  display: flex;
  height: 44px;
  padding: 4px;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  border-radius: 44px !important;
  border: 1px solid var(--bouton-toggle-border) !important;
  background: white;
  color: var(--bouton-toggle-texte);
}

.mat-button-toggle-appearance-standard {
  display: flex;
  height: 36px;
  padding: 8px 0;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: rgba(255, 255, 255, 0.00);
  border-radius: 50px;

  color: var(--bouton-toggle-texte);
  font-family: var(--font-familly-secondaire);
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.5px;
}

.mat-button-toggle-checked {
  background-color: var(--primary-color) !important;
}

.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: var(--bouton-toggle-texte-selectionne) !important;
  color: white;
}


/** Mat chip dans le souffleur multi sélection */
.souffleur-multi-selection .mat-mdc-chip.mat-mdc-standard-chip {
  color: var(--souffleur-multi-selection-chip-texte-color);
  letter-spacing: 0.5px;
}

.souffleur-multi-selection .mat-chip-list {
  display: inline-block;
  height: fit-content;
  width: 100%;
}

.souffleur-multi-selection .mat-mdc-chip.mat-mdc-standard-chip,
.souffleur-multi-selection .mat-mdc-chip.mat-mdc-standard-chip:hover,
.souffleur-multi-selection .mat-mdc-chip.mat-mdc-standard-chip:focus,
.souffleur-multi-selection .mat-mdc-chip.mat-mdc-standard-chip:active,
.souffleur-multi-selection .mat-mdc-chip.mat-mdc-standard-chip::after {
  background-color: var(--souffleur-multi-selection-chip-color);
}

.souffleur-multi-selection .mat-form-field-infix {
  min-height: 44px;
  max-height: 150px;
  overflow-x: hidden;
  overflow-y: auto;
}

.souffleur-multi-selection .mat-form-field-flex {
  padding: 0 0 0 0.75em !important; /* Permet d'avoir l'ascenseur du scroll collé à la bordure */
}

.souffleur-multi-selection .fas {
  font-size: 18px;
}

.souffleur-multi-selection {
  height: 36px;
  width: 100%;
}

.souffleur-multi-selection .mat-mdc-form-field-flex,
.souffleur-multi-selection .mdc-evolution-chip-set__chips {
  height: 40px;
  width: 100%;
  align-items: center !important;
}
.souffleur-multi-selection .mdc-evolution-chip-set__chips input {
  font-size: 14px;
}

.souffleur-multi-selection .mat-input-element {
  height: 40px;
}
.souffleur-multi-selection > mat-form-field,
.souffleur-multi-selection > mat-form-field > div{
	width: 100%;
}

/** Panel Liste déroulante **/
.mat-mdc-autocomplete-panel.mdc-menu-surface.mdc-menu-surface--open {background:white;}
.mat-mdc-autocomplete-panel .mat-mdc-option {font-size: 13px; line-height: 3em; height: 3em;}
.mat-mdc-option {min-height:40px !important;}
.mat-mdc-option:hover {background-color:rgba(0,0,0,.04) !important;}
.mat-mdc-option .mat-divider {--mat-divider-width:0px;}
.mat-mdc-option span.mdc-list-item__primary-text {line-height:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

/* Agrandissement de la largeur du panel pour que l'intégralité du contenu soit visible */
.cdk-overlay-pane:has(.mat-mdc-select-panel.fit-width-to-content) {
  overflow: visible;
}
.mat-mdc-select-panel.fit-width-to-content{
  position: absolute;
  min-width: 100% !important; /* La largeur minimale correspond à celle du champ input */
  width: auto !important; /* Permet à la dropdown de s'élargir si nécessaire */
  overflow: visible;
  overflow-y: auto;
}
.mat-mdc-select-panel.fit-width-to-content.mdc-menu-surface--open {background: white;}
.mat-mdc-select-panel.fit-width-to-content .mat-mdc-option .mdc-list-item__primary-text {overflow:visible;}
.mat-mdc-select-panel.fit-width-to-content .mat-mdc-option,
.mat-mdc-autocomplete-panel.fit-width-to-content .mat-mdc-option .mat-mdc-option-text{overflow:initial;text-overflow:initial;}
.mat-mdc-select-panel.mdc-menu-surface.mdc-menu-surface--open {background: white;}

.mat-mdc-autocomplete-panel.fit-width-to-content{min-width:calc(100% + 32px);}
.mat-mdc-autocomplete-panel.fit-width-to-content .mat-mdc-option,
.mat-mdc-autocomplete-panel.fit-width-to-content .mat-mdc-option .mat-mdc-option-text{overflow:initial;text-overflow:initial;}

/* Flèche sur les listes déroulantes type "souffleur" */
.mat-mdc-form-field .mat-mdc-form-field-input-control::placeholder{color: rgba(0, 0, 0, 0.50) !important;}
.mat-mdc-form-field .mat-mdc-form-field-suffix mat-icon.mat-mdc-select-arrow.icone-souffleur {
  width: 0px;
  height: 0px;
  display: inline-block;
}
input.mat-input-element.mat-mdc-autocomplete-trigger{color:rgba(0,0,0,.87);text-overflow:ellipsis;overflow: auto;}
/*****************************/
/*BOUTONS*/
*[class*="btn_"].mat-mdc-button{
  color:#555 !important;
  font-size:14px;
  background:#e8e8e8;
  padding: 0 16px 0 16px !important;
  border:2px solid white;
  border-radius:0px!important;
  box-shadow: 0px 3px 5px -3px rgba(0,0,0,0.5);
  line-height: 30px;
  transition:all ease 0.2s;}
*[class*="actions"].mat-mdc-button {min-width:0px!important;}
*[class*="action"].mat-mdc-button{--mdc-text-button-label-text-color:white;}

.mat-mdc-button.action_annuler{border:1px solid var(--primary-color);color:var(--primary-color);background:var(--secondary-color);}
*[class*="action_"].mat-mdc-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-mdc-button:disabled, *[class*="action_"].mat-mdc-button[disabled]{opacity: 0.65;cursor: not-allowed;}
.mat-mdc-button.action_valider{color:white !important;background:var(--primary-color);border: 1px solid transparent;}
/**[class*="btn_"].mat-mdc-button > span{display:flex;}*/
*[class*="btn_"].mat-mdc-button .mdc-button__label{vertical-align:middle;}
*[class*="btn_"].mat-mdc-button > span > i{margin-right:10px;line-height:inherit;font-size:120%;opacity:0.5;transition:all ease 0.2s;}
*[class*="btn_"].mat-mdc-button + .mat-mdc-button{margin-left:calc(var(--spacer) * 1);}
*[class*="btn_"].mat-mdc-button:hover{box-shadow: 3px 3px 5px -2px rgba(0,0,0,0.8);}
*[class*="btn_"].mat-mdc-button:hover > span > i{opacity:1;}

*[class*="btn_"].mat-mdc-button.mat-warn{color:white !important;background:var(--stopper-color);}
*[class*="btn_"].mat-mdc-button.mat-primary{color:white !important;background:var(--continuer-color);}
*[class*="btn_"].mat-mdc-button:disabled .mdc-button__label {color: rgba(0,0,0,.26);}

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

/*------------------- SURCHARGE INDIGO --------------------------------------------*/
.mat-mdc-card {border:1px solid var(--primary-color) !important; margin: 15px 0 0 0; padding: 16px;}
.mat-mdc-card-header{margin-bottom: 10px;}
.mat-mdc-card-content .card-items .item-bold {font-weight: bold;}
.mat-mdc-card-content .mat-mdc-button {color: var(--primary-color);font-size: 20px;}
.mat-mdc-card-footer .card-items .item-bold {font-weight: bold;}
.mat-mdc-card-footer .mat-mdc-button {color: var(--primary-color);font-size: 20px;}
.mat-mdc-header-cell{color:white;font-size:13px;font-weight:700 !important;}

.mat-mdc-form-field-has-icon-suffix .mat-mdc-text-field-wrapper{padding-right:16px !important;}
.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
  min-height: 0;
}

.mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--outlined{background:white}
.mat-mdc-form-field-wrapper{padding-bottom:0px;}
.mat-mdc-form-field-subscript-wrapper{top:auto;height:0;font-size: 75%;}
.mat-form-field-appearance-outline .mat-mdc-form-field-infix{border:0px;}

.mat-mdc-tab-label .mat-mdc-tab-label-content .mat-icon {width:35px}
.mat-mdc-tab-label .mat-mdc-tab-label-content .mat-icon > .item .far,
.mat-mdc-tab-label .mat-mdc-tab-label-content .mat-icon > .item .fas,
.mat-mdc-tab-label .mat-mdc-tab-label-content .mat-icon > .item .fad{color:var(--primary-color);margin-right: 20px;}

.mat-mdc-checkbox{
  --mdc-checkbox-ripple-size: 40px;
  --mdc-checkbox-state-layer-size: 24px;
  --mdc-checkbox-touch-target-size: 40px;
}
.mat-mdc-checkbox-checked.mat-primary .mat-mdc-checkbox-background,.mat-mdc-checkbox-indeterminate.mat-primary .mat-mdc-checkbox-background{background-color:var(--primary-color);}
.mat-mdc-checkbox-checked.mat-accent .mat-mdc-checkbox-background,.mat-mdc-checkbox-indeterminate.mat-accent .mat-mdc-checkbox-background{background-color:var(--primary-color);}
.mat-mdc-checkbox-checked.mat-warn .mat-mdc-checkbox-background,.mat-mdc-checkbox-indeterminate.mat-warn .mat-mdc-checkbox-background{background-color:var(--primary-color);}
.mat-mdc-checkbox-checked:not(.mat-mdc-checkbox-disabled).mat-accent .mat-ripple-element,.mat-mdc-checkbox:active:not(.mat-mdc-checkbox-disabled).mat-accent .mat-ripple-element{background:var(--primary-color);}
.mat-mdc-checkbox-checked:not(.mat-mdc-checkbox-disabled).mat-warn .mat-ripple-element,.mat-mdc-checkbox:active:not(.mat-mdc-checkbox-disabled).mat-warn .mat-ripple-element{background:var(--primary-color);}
.mat-mdc-checkbox-touch-target { height: 24px !important; }
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control { width: var(--mdc-checkbox-state-layer-size); height: var(--mdc-checkbox-state-layer-size); }
.mat-mdc-checkbox .mdc-checkbox { padding: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2); margin: calc((var(--mdc-checkbox-state-layer-size) - var(--mdc-checkbox-state-layer-size)) / 2); }
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background { top: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2); left: calc((var(--mdc-checkbox-state-layer-size) - 18px) / 2); }
.mat-mdc-dialog-container{
  padding: 0 !important;
}
.mat-mdc-dialog-container, .mat-mdc-dialog-container .mdc-dialog__container, .mat-mdc-dialog-container .mdc-dialog__surface {
  min-width:800px !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-expansion-panel .mat-expansion-panel-header, .mat-expansion-panel .mat-expansion-panel-content {background:white;}
.mat-expansion-panel .mat-expansion-panel-header.mat-expanded:focus, .mat-expansion-panel .mat-expansion-panel-header.mat-expanded:hover {background:white;}
.mat-expansion-panel .mat-expansion-indicator {color:rgba(0,0,0,.60);}

.mat-mdc-form-field-type-mat-select .mat-mdc-form-field-label {margin-top: -12px}
.mat-mdc-menu-panel{max-width:380px!important;}
.mat-mdc-paginator{background:transparent;}
.mat-mdc-paginator .mat-mdc-paginator-range-label {color:rgba(0,0,0,.54);}
.mat-mdc-radio-button .mat-radio-label-content{font-weight: normal !important;}
.mat-mdc-radio-button .mat-mdc-radio-touch-target{ height: 24px !important; }
.mat-mdc-radio-button{ --mdc-radio-state-layer-size: 20px; }

.mat-mdc-slide-toggle.mat-checked .mat-slide-toggle-thumb{background-color: var(--primary-color);}
.mat-mdc-slide-toggle.mat-checked .mat-slide-toggle-bar{background-color: rgba(var(--primary-color-rgb), 0.54);}
.form-item .mat-mdc-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-mdc-slide-toggle:first-child  {width: auto; margin-top: 28px;}  /* si le premier enfant du form-item est mat-slide-toggle */
.form-item > .mat-mdc-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-mdc-snack-bar-container{background-color: var(--primary-color); color: white;}
.mat-mdc-snack-bar-label.mdc-snackbar__label{text-align:center;}

.mat-mdc-slide-toggle.mat-accent{
  --mdc-switch-disabled-selected-handle-color:#CCD4DC;
  --mdc-switch-disabled-unselected-handle-color:#CCD4DC;
  --mdc-switch-disabled-selected-track-color:#CCD4DC;
  --mdc-switch-disabled-unselected-track-color:#CCD4DC;
  --mdc-switch-selected-focus-state-layer-color:var(--primary-color);
  --mdc-switch-selected-handle-color:var(--primary-color);
  --mdc-switch-selected-hover-state-layer-color:var(--primary-color);
  --mdc-switch-selected-pressed-state-layer-color:var(--primary-color);
  --mdc-switch-selected-focus-handle-color:var(--primary-color);
  --mdc-switch-selected-hover-handle-color:var(--primary-color);
  --mdc-switch-selected-pressed-handle-color:var(--primary-color);
  --mdc-switch-selected-focus-track-color:var(--primary-color);
  --mdc-switch-selected-hover-track-color:var(--primary-color);
  --mdc-switch-selected-pressed-track-color:var(--primary-color);
  --mdc-switch-selected-track-color:var(--primary-color);
}

.mat-mdc-radio-button.mat-primary,
.mat-mdc-radio-button.mat-accent{
  --mdc-radio-selected-focus-icon-color: var(--primary-color);
  --mdc-radio-selected-hover-icon-color: var(--primary-color);
  --mdc-radio-selected-icon-color: var(--primary-color);
  --mdc-radio-selected-pressed-icon-color: var(--primary-color);
  --mat-mdc-radio-ripple-color: var(--primary-color);
  --mat-mdc-radio-checked-ripple-color: var(--primary-color);
}

.mat-mdc-checkbox.mat-accent{
  --mdc-checkbox-selected-focus-icon-color: var(--primary-color);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-color);
  --mdc-checkbox-selected-icon-color: var(--primary-color);
  --mdc-checkbox-selected-pressed-icon-color: var(--primary-color);
}


.mdc-button .mdc-button__label {position: initial !important}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: rgba(0,0,0,.87);
}
.mat-mdc-table .mdc-data-table__row {height: 48px;}
.mat-mdc-tab-header, .mat-mdc-tab-nav-bar {border-bottom: 1px solid rgba(0,0,0,.12);}
.mat-mdc-icon-button.mat-mdc-button-base {padding: 0;}
.mat-mdc-icon-button.mat-mdc-button-base i {font-size:20px;}

.mat-mdc-form-field-bottom-align::before {display: initial !important;}
.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-icon {width: 18px !important; height: 18px !important;}
.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {font-size:13px;width:130%;}

.mat-mdc-form-field {display:inline-block !important;}
.mat-mdc-text-field-wrapper{width:inherit !important;}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {top: 50%;}
.mat-mdc-text-field-wrapper .mdc-notched-outline {color: rgba(0,0,0,.12);}
.mat-mdc-text-field-wrapper.mdc-text-field--outlined{margin: .25em 0;}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {height:40px;}

.mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input:not(.mat-mdc-form-field-textarea-control),
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control:not(.mat-mdc-form-field-textarea-control) {height:24px !important;}
.mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control.mat-mdc-form-field-textarea-control {line-height:40px;}

.mat-datepicker-content .mat-calendar {background-color:white;}
.mat-datepicker-content .mat-calendar-next-button:disabled,.mat-datepicker-content .mat-calendar-previous-button:disabled,.mat-datepicker-content .mat-calendar-period-button:disabled{
  color:rgba(0, 0, 0, .26);

}
.mat-datepicker-content .mat-calendar-next-button:not(:disabled):hover,.mat-datepicker-content .mat-calendar-previous-button:not(:disabled):hover,.mat-datepicker-content .mat-calendar-period-button:not(:disabled):hover{
  background-color:rgba(0,0,0,.12) !important;
}
.mat-calendar-body-cell-content {border-style:none !important;}
.mat-calendar-body-cell:not(.mat-calendar-body-disabled)>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical):hover{
    background-color:rgba(0,0,0,.12) !important;
}

.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-width:2px;
}

.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: #f44336 !important;
  --mdc-outlined-text-field-outline-width:2px;
}

[mat-sort-header].cdk-keyboard-focused .mat-sort-header-container, [mat-sort-header].cdk-program-focused .mat-sort-header-container {
  border: none !important;
}