.basic-input {
  & .material-symbols-outlined {
    font-family: 'Material Symbols Outlined' !important;
  }
}

.content-button.btn {
  width: unset !important;

  & #btn-config-reportes {
    width: 125px !important;
    gap: 4px;
    background-color: var(--color-suite) !important;
  }


  & #btn-bloqueo-ms {
    width: 225px !important;
    gap: 4px;
    background-color: var(--color-bnt-danger-S360) !important;
  }
}

#btn_ingresar {
  background-color: var(--color-grupo-unirse) !important;
}

#btn_editar_contacto, #btn_editar_contacto_grupo {
  background-color: #17A2B8 !important
}

#btn_crear_contacto, #btn_crear_contacto_grupo {
  background-color:var(--color-grupo-unirse) !important;
}

.button-opc {
  &.cancel {
    background-color: #AB0505 !important;
  }
}