/*

 * ValiSys

 * Ícones somente para Menu e Sair do cabeçalho.

 */



.valisys-header-only-action {

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 7px !important;



  width: auto !important;

  min-width: 0 !important;

}



.valisys-header-only-icon {

  --valisys-header-only-svg:

    url("/assets/svg-repo/ui/question-circle.svg");



  display: inline-block !important;

  visibility: visible !important;

  opacity: 1 !important;



  width: 18px !important;

  height: 18px !important;

  min-width: 18px !important;

  min-height: 18px !important;

  max-width: 18px !important;

  max-height: 18px !important;



  margin: 0 !important;

  padding: 0 !important;



  flex: 0 0 18px !important;



  background-color: currentColor !important;



  -webkit-mask:

    var(--valisys-header-only-svg)

    center / contain no-repeat !important;



  mask:

    var(--valisys-header-only-svg)

    center / contain no-repeat !important;

}



/*

 * Impede regras globais antigas de esconder o ícone.

 */

html body

  .valisys-header-only-action

  > .valisys-header-only-icon {

  display: inline-block !important;

  visibility: visible !important;

  opacity: 1 !important;

}



@media (max-width: 760px) {

  .valisys-header-only-action {

    gap: 5px !important;

  }



  .valisys-header-only-icon {

    width: 16px !important;

    height: 16px !important;

    min-width: 16px !important;

    min-height: 16px !important;

    max-width: 16px !important;

    max-height: 16px !important;

  }

}