/* BASIC */
.mat-mdc-raised-button {
  background-color: #002E5F !important;
  font-family: "Open Sans" !important;
  border: 0 !important;
  border-radius: 4px !important;
  padding: 12px 16px 12px 16px !important;
  font-size: 0.9em !important;
  text-decoration: none !important;
  box-shadow: none !important;
  margin: 0;
  gap: 8px !important;
  min-width: 128px !important;
  outline-color: transparent !important;
  font-weight: 600 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
  color: #FFFFFF !important;
  height: auto !important;
  transition: none !important;
}

button.mat-mdc-raised-button .fa {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

button.mat-mdc-raised-button.inail-mat-button-link .fa {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.mat-mdc-raised-button:hover {
  background-color: #00458F !important;
}

.mat-mdc-raised-button:active {
  background-color: #002E5F !important;
  outline: 3px solid #19191a !important;
  /* Outer dark outline */
  box-shadow: 0 0 0 1px white inset, 0 0 0 2px white !important;
  /* White inner line and glow */
  // box-shadow: 0 0 0 1px white, 0 0 0 4px #19191A !important;
  // outline-color: transparent !important;
}

.mat-mdc-raised-button:focus {
  background-color: #002E5F !important;
  outline: 3px solid #19191a !important;
  outline-offset: 2px;
}

.mat-mdc-raised-button:disabled {
  background-color: #E4E5E9 !important;
  color: #54595D !important;
  pointer-events: auto !important;
  cursor: not-allowed !important;
}

/* Per il padding a sinistra quando l'icona è a destra */
.mat-mdc-raised-button .fa.right,
.mat-mdc-button .fa.right {
  padding-left: 10px !important;
}

/* Per il padding a destra quando l'icona è a sinistra */
.mat-mdc-raised-button .fa.left,
.mat-mdc-button .fa.left {
  padding-right: 10px !important;
}


/* LINK */
.mat-mdc-button {
  color: #106bda !important;
  text-transform: none !important;
  background-color: transparent !important;
  line-height: 24px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  font-family: "Open Sans semibold" !important;
  border: 0 !important;
  border-radius: 4px !important;
  font-size: 0.9em !important;
  text-decoration: none !important;
  letter-spacing: 0 !important;
}

/* LINK ACTIVE */
.mat-mdc-button:active {
  background-color: transparent !important;
  box-shadow: none !important;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

// .mat-mdc-raised-button:focus {
//   outline: 5px auto -webkit-focus-ring-color;
//   outline-offset: -2px;
// }

/* PRIMARY */
.mat-mdc-raised-button.inail-mat-success {
  background-color: #0A5C12 !important;
}

.inail-mat-success:hover {
  background-color: #0E821A !important;
}

.inail-mat-success:active {
  background-color: #0A5C12 !important;
}

.inail-mat-success:focus {
  background-color: #0A5C12 !important;
}

//New button link & remove ripple and hover
.inail-mat-button-link {
  background-color: transparent !important;
  color: #0059B8 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  text-underline-offset: 16% !important;
  text-decoration-thickness: 8% !important;
  border: none !important;
  border-radius: 4px;
  padding: 6px 4px !important;
  margin: 6px 16px;
  /*margin replaces padding of inail-button to avoid distant borders on focus*/
  min-width: max-content !important;
  letter-spacing: 0 !important;
  line-height: 24px !important;
  font-family: "Open Sans" !important;
}


button.inail-mat-button-link:disabled {
  font-weight: 700 !important;
  font-size: 16px !important;
  line-height: 24px !important;
  letter-spacing: 0 !important;
  text-decoration: underline !important;
  text-underline-offset: 16% !important;
  text-decoration-thickness: 8% !important;
  color: #54595D !important;
  background-color: transparent !important;
}

.inail-mat-button-link span.fa::before {
  font-size: 18px !important;
  color: #0059B8 !important;
}

.inail-mat-button-link:hover {
  color: #002E5F !important;
  background-color: transparent !important;
}

.inail-mat-button-link:hover span.fa::before {
  color: #002E5F !important;
}

.inail-mat-button-link:active {
  background-color: transparent !important;
  color: #0059B8 !important;
}

.inail-mat-button-link:focus {
  color: #0059B8 !important;
  background-color: transparent !important;
}

.mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  display: none !important;
}

/* General Focus Style (Default for All Browsers) */
// .mat-mdc-icon-button:focus {
//   outline: 5px auto Highlight !important;
//   outline-offset: -2px;
//   border-radius: 4px !important;
// }

//Mat-icon button 
.mat-mdc-icon-button .mat-mdc-button-touch-target {
  display: none !important;
}

.mat-mdc-icon-button .mat-mdc-focus-indicator {
  display: none !important;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  width: auto !important;
  height: auto !important;
}


/* Remove Material's hover, focus, and active effects */
.mat-mdc-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-unelevated-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-raised-button .mat-mdc-button-persistent-ripple::before,
.mat-mdc-outlined-button .mat-mdc-button-persistent-ripple::before {
  content: none !important;
  opacity: 0 !important;
}

.inail-mat-button-link:not(.mat-mdc-button-disabled):hover,
.inail-mat-button-link:not(.mat-mdc-button-disabled):focus,
.inail-mat-button-link:not(.mat-mdc-button-disabled):active {
  text-decoration: underline !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.inail-mat-table .inail-mat-button-link:not(.mat-mdc-button-disabled):focus {
  outline: 3px solid #19191a !important;
  border-radius: 1px !important;
  outline-offset: 2px !important;
  box-shadow: none !important;
}

.mat-ripple {
  display: none !important;
}

.inail-mat-button-link.inail-mat-button-danger {
  color: #C9291B !important;
}

.inail-mat-button-link.inail-mat-button-danger:disabled {
  color: #54595D !important;
  pointer-events: auto !important;
  cursor: not-allowed !important;
}

.inail-mat-button-link.inail-mat-button-danger:hover {
  color: #A22216 !important;
}

.inail-mat-button-link.inail-mat-button-danger:active {
  color: #C9291B !important;
}

.inail-mat-button-link.inail-mat-button-danger:focus {
  color: #C9291B !important;
}

button.inail-mat-button-danger span.fa::before {
  color: #C9291B !important;
}

button.inail-mat-button-danger:hover span.fa::before {
  color: #A22216 !important;
}

.inail-mat-icon-font-button {
  font-size: 18px !important;
}

.inail-mat-button-icon {
  height: 48px !important;
  width: 48px !important;
  max-width: 48px !important;
  min-width: fit-content !important;
  padding: 12px !important;
}

// button[disabled].inail-mat-button-icon.inail-mat-secondary > span{
//   pointer-events: auto !important;
//   cursor: not-allowed !important;
// }

button[disabled].mat-mdc-raised-button .fa {
  pointer-events: auto !important;
  cursor: not-allowed !important;

}