/* BASIC */
.mat-mdc-raised-button {
  background-color: #002e5f !important;
  color: #fff !important;
  font-family: "Open Sans semibold", sans-serif !important;
  text-transform: uppercase !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 6px 34px !important;
  font-size: 0.9em !important;
  text-decoration: none !important;
  box-shadow: none !important;
  margin: 0 !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: 1.92857em !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
  font-family: "Open Sans semibold", sans-serif !important;
  border: 0 !important;
  border-radius: 0 !important;
  font-size: 0.9em !important;
  text-decoration: none !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: #0e821a !important;
}

//New button link & remove ripple and hover
.inail-mat-button-link {
  background: transparent !important;
  letter-spacing: 0 !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: 0 !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;
}




/* 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-button-link:not(.mat-mdc-button-disabled):focus {
  text-decoration: underline !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

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

button.inail-mat-button-link.btn.btn-link.mat-mdc-button[disabled] {
  background-color: transparent !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  color: rgba(16, 107, 218) !important;
  opacity: 0.65 !important;

  cursor: not-allowed !important;
  pointer-events: auto !important;
  /* Allows hover effects */
}

/* Ensure hover effect works */
button.inail-mat-button-link.btn.btn-link.mat-mdc-button[disabled]:hover {
  color: #777777 !important;
  text-decoration: none !important;
}

button.mat-mdc-raised-button[disabled] {
  background: #d2d2d2 !important;
  border-color: #d2d2d2 !important;
  color: #002e5f !important;
  cursor: not-allowed !important;
  pointer-events: auto !important;
  /* Allows hover effects */
}

button.mat-mdc-raised-button[disabled]:hover {
  background-color: #337ab7 !important;
  border-color: #337ab7 !important;
}