/*
 * ╔══════════════════════════════════════════════════════════════════════╗
 * ║        VALORIZZA DESIGN SYSTEM — CSS GLOBAL                          ║
 * ║        valorizza-ds.css  v2.2                                        ║
 * ║        Gerado em: 27/Mar/2026                                        ║
 * ║        Baseado em: Guideline Oficial v1.0 + Protótipos #003 e #004   ║
 * ╠══════════════════════════════════════════════════════════════════════╣
 * ║  ÍNDICE DE SEÇÕES                                                    ║
 * ║  ─────────────────────────────────────────────────────────────────   ║
 * ║  1.  TOKENS  ──  :root — custom properties globais                   ║
 * ║  2.  RESET & BASE  ──  box-sizing, body, links, foco, scrollbar      ║
 * ║  3.  LAYOUT — SHELL EXTRANET  ──  sidebar + main-wrap + topbar       ║
 * ║  4.  LAYOUT — SHELL INTRANET  ──  topbar + topnav horizontal  v2.2   ║
 * ║  5.  BREADCRUMB & PAGE HEADER                                        ║
 * ║  6.  BOTÕES                                                          ║
 * ║  7.  FORMULÁRIOS                                                     ║
 * ║  8.  TABS                                                            ║
 * ║  9.  CARDS                                                           ║
 * ║  10. TABELAS                                                         ║
 * ║  11. ALERTAS & CALLOUTS                                              ║
 * ║  12. BADGES & TAGS                                                   ║
 * ║  13. EMPTY STATES                                                    ║
 * ║  14. COMPONENTES COMPOSTOS  ──  KPI, Stepper, Page-Header            ║
 * ║  15. COMPONENTES DE AGENTES IA  ──  Izza  v2.2                       ║
 * ║  16. COMPONENTES DE CADASTRO  ──  Tipo-switcher, Contato  v2.2       ║
 * ║  17. UTILITÁRIOS                                                     ║
 * ║  18. RESPONSIVO                                                      ║
 * ╠══════════════════════════════════════════════════════════════════════╣
 * ║  REGRAS DE GOVERNANÇA                                                ║
 * ║  • Nenhuma cor hexadecimal fora da Seção 1 (tokens).                 ║
 * ║  • Novas classes só são adicionadas com justificativa documentada.   ║
 * ║  • Cada adição deve indicar: classe, seção DS, tela de origem, v DS. ║
 * ║  • v2.2 = classe nova adicionada nesta versão.                       ║
 * ╚══════════════════════════════════════════════════════════════════════╝
 */


/* ══════════════════════════════════════════════════════════════════════
   SEÇÃO 1 — TOKENS (:root)
   Fonte de toda decisão visual. Nunca usar hexadecimal fora daqui.
══════════════════════════════════════════════════════════════════════ */

:root {
	
  /* Paleta de marca */
  --primary:           #96BF00;
  --primary-dark:      #7DA800;
  --primary-light:     #EAF3C8;

  /* Paleta de ação / link */
  --link:              #0258A4;
  --link-light:        #E2F2FD;

  /* Paleta de portais */
  --alumni:            #0891B2;
  --alumni-light:      #E0F4F8;
  --vaga:              #7C3AED;
  --vaga-light:        #EDE9FE;
  --vaga-dark:         #5B21B6;

  /* Superfícies e neutrals */
  --title:             #111111;
  --label:             #191919;
  --attr:              #707070;
  --layer:             #f5f5f5;
  --white:             #ffffff;
  --border:            #E0E0E0;
  --navy:              #0A2540;

  /* Feedback — OK */
  --ok-bg:             #EAF3E9;
  --ok-ico:            #63AA54;

  /* Feedback — Warning */
  --warn-bg:           #FFF3E0;
  --warn-ico:          #653F0E;

  /* Feedback — Erro */
  --err-bg:            #FCE7E6;
  --err-ico:           #C61922;

  /* Feedback — Info */
  --info-bg:           #E2F2FD;
  --info-ico:          #0075BE;

  /* Layout */
  --sidebar-w:         240px;
  --topbar-h:          56px;
  --topnav-h:          42px;   /* ★v2.2 — Intranet */
  --touch-min:         44px;
  --page-max-w:        1280px;

  /* Visual */
  --r:                 10px;
  --sh:                0 2px 10px rgba(0,0,0,.07);
  --sh-md:             0 4px 20px rgba(0,0,0,.10);
  --sh-lg:             0 8px 32px rgba(0,0,0,.12);
  
  /* Tipografia */
  --font-base:         Mulish, sans-serif;
}

/*
 * ──────────────────────────────────────────────────────────────────────
 * FIM DO ARQUIVO — valorizza-ds.css v2.2
 * Próxima revisão prevista: Set/2026
 * Para adicionar novas classes: seguir governança da Seção 1 do
 * Guideline Oficial v1.0 e registrar no Índice de Protótipos.
 * ──────────────────────────────────────────────────────────────────────
 */


/*================================================================================
	Item Name: Materialize - Material Design Admin Template
	Version: 5.0
	Author: PIXINVENT
	Author URL: https://themeforest.net/user/pixinvent/portfolio
================================================================================

NOTE:
------
PLACE HERE YOUR OWN CSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.

--------------------------------------------------------------------------------
ARQUIVO UNIFICADO: custom.css (Extranet) + custom-intranet.css (Intranet)
--------------------------------------------------------------------------------
Legenda de marcações:
  [IGUAL]       — Regra idêntica nos dois arquivos. Mantida uma única vez.
  [DIFERENÇA]   — Regra existe nos dois arquivos mas com valores distintos.
                  A versão de cada arquivo está sinalizada por comentário inline.
  [EXCLUSIVO-E] — Regra presente somente em custom.css (Extranet).
  [EXCLUSIVO-I] — Regra presente somente em custom-intranet.css (Intranet).
================================================================================ */


/* ============================================================
   FORMULÁRIOS - Base
   ============================================================ */

/* [IGUAL] */
.form-group.gx-form-group .gx-label{
	width: 100%!important;
	text-align: left!important;
}

/* [IGUAL] */
.form-control-static {
	padding: 0;
	min-height: 0;
}

/* [IGUAL] */
.form-group.gx-form-group .form-control-static{
	/*padding-top: 7px;*/
}

/* [IGUAL] */
INPUT + .input-group-btn {
	display: table-cell !important;
}

/* [IGUAL] */
#TABLEMAIN .form-group > div.gx-attribute, #MAINTABLE .form-group > div.gx-attribute{
    width: 100%!important;
}

/* [IGUAL] */
@media only screen and (max-width: 992px) {
	#main #MAINTABLE {
		padding-left: 18px;
		padding-right: 18px;
		padding-top: 8px;
	}
}

/* [IGUAL] */
.gx-default-form-group {
    display: block;
}

/* [EXCLUSIVO-I] — Só existe na Intranet */
#TBLSIGILO{
	margin-top: 19px;
}


/* ============================================================
   LINKS
   ============================================================ */

/* [IGUAL] */
a{
	color: inherit;
}

/* [IGUAL] */
a:hover, a:focus, a:active {	
    color: inherit;
	outline: none;
}


/* ============================================================
   CHECKBOX
   ============================================================ */

/* [IGUAL] */
[type='checkbox']:not(:checked), [type='checkbox']:checked {
    opacity: initial;
	pointer-events: auto;
	-moz-appearance:initial;
}


/* ============================================================
   LAYOUT
   ============================================================ */

/* [IGUAL] */
.row {
    margin-right: -15px;
    margin-left: -15px;
}


/* ============================================================
   ACESSIBILIDADE
   ============================================================ */

/* [IGUAL] — duplicado no custom.css (linhas 87-89 e 863-865); mantido uma vez */
body.mic-toolbox-contrast-hard {
    background-color: #000!important;
}

/* [IGUAL] */
body.mic-toolbox-contrast-hard>:not(#mic-init-access-tool) {
    background-color: unset!important;
}

/* [IGUAL] */
nav ul a:focus {
    background-color: rgba(0, 0, 0, .1);
}

/* [IGUAL] */
.brand-logo:focus-visible,
.navbar-toggler:focus-visible {
    outline: 1px solid #000000;
}


/* ============================================================
   INPUTS - Placeholders
   ============================================================ */

/* [IGUAL] */
::-webkit-input-placeholder {
   color: #1f2937 !important;
}

/* [IGUAL] */
:-moz-placeholder {
   color: #1f2937 !important;
}

/* [IGUAL] */
::-moz-placeholder {
   color: #1f2937 !important;
}

/* [IGUAL] */
:-ms-input-placeholder {
   color: #1f2937 !important;
}


/* ============================================================
   INPUTS - Estilos base e foco
   ============================================================ */

/* [IGUAL] */
input:not([type]),
input[type=text]:not(.browser-default),
input[type=password]:not(.browser-default),
input[type=email]:not(.browser-default),
input[type=url]:not(.browser-default),
input[type=time]:not(.browser-default),
input[type=date]:not(.browser-default),
input[type=datetime]:not(.browser-default),
input[type=datetime-local]:not(.browser-default),
input[type=tel]:not(.browser-default),
input[type=number]:not(.browser-default),
input[type=search]:not(.browser-default),
textarea.materialize-textarea {
	border: 1px solid var(--attr);
    border-radius: 5px;
	height: 38px;
	padding-left: 12px;
	padding-right: 12px;
}

/* [IGUAL] */
input:not([type]):focus:not([readonly]),
input[type=text]:not(.browser-default):focus:not([readonly]),
input[type=password]:not(.browser-default):focus:not([readonly]),
input[type=email]:not(.browser-default):focus:not([readonly]),
input[type=url]:not(.browser-default):focus:not([readonly]),
input[type=time]:not(.browser-default):focus:not([readonly]),
input[type=date]:not(.browser-default):focus:not([readonly]),
input[type=datetime]:not(.browser-default):focus:not([readonly]),
input[type=datetime-local]:not(.browser-default):focus:not([readonly]),
input[type=tel]:not(.browser-default):focus:not([readonly]),
input[type=number]:not(.browser-default):focus:not([readonly]),
input[type=search]:not(.browser-default):focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border: 1px solid #60a5fa;
    box-shadow: 0 0 0 1px #60a5fa;
}

/* [IGUAL] */
textarea.materialize-textarea{
	padding-top: 8px;
	padding-bottom: 8px;
}

/* [IGUAL] */
select {
	border: 1px solid var(--attr) !important;
	box-shadow: none !important;
	border-radius: 5px !important;
	height: 38px !important;
	margin-bottom: 6px;
	padding-left: 8px !important;
}

/* [IGUAL] */
textarea {
	margin-bottom: 6px;
	padding-top: 4px;
	display: block;
	transition: box-shadow .3s, border .3s;
	box-shadow: none !important;
	border: 1px solid var(--attr) !important;
	resize: none;
}

/* [IGUAL] */
select:focus{
    border: 1px solid #60a5fa !important;
    box-shadow: 0 0 0 1px #60a5fa !important;
	border-radius: 5px !important;
	font-size: 15px;
}

/* [IGUAL] */
textarea:focus{
    border: 1px solid #60a5fa !important;
    box-shadow: 0 0 0 1px #60a5fa !important;
	border-radius: 5px !important;
	font-size: 15px;
}

/* [IGUAL] */
input[type=file] {
    display: block;
	border-radius: 0px;
}

/* [IGUAL] */
label {
    font-size: 1rem;
}

/* [EXCLUSIVO-E] — Só existe na Extranet */
.BlobInputAttribute{
	width: 100%;
}


/* ============================================================
   BOTÃO REVELAR PASSWORD
   ============================================================ */

/* [IGUAL] */
.gx-pwd-reveal-btn
{
	z-index: 10;
    top: -1px;
	left: -2px;
}

/* [IGUAL] */
.gx-pwd-reveal-btn:hover BUTTON, .gx-pwd-reveal-btn:active BUTTON, .gx-pwd-reveal-btn:focus BUTTON
{
	background-color: transparent;
	border-radius: 0px;
	padding-left: 9px;
	padding-right: 9px;
	border-style: none;
	box-shadow: none;
	outline: none;
}

/* [IGUAL] */
.gx-pwd-reveal-btn BUTTON
{
	background-color: transparent !important;
	border-radius: 0px;
	border-style: none;
	padding-left: 9px;
	padding-right: 9px;
	box-shadow: none !important;
	outline: none !important;
	margin-left: 2px !important
}

/* [IGUAL] */
.gx-pwd-reveal-btn BUTTON SPAN
{
	color:var(--link);
}


/* ============================================================
   NAVEGAÇÃO GRID
   ============================================================ */

/* [IGUAL] */
.gx-grid-paging-bar BUTTON
{
	box-shadow: none !important;
	outline: none !important;
	position: relative;
	z-index:1;
}


/* ============================================================
   WHATSAPP
   ============================================================ */

/* [EXCLUSIVO-E] — Só existe na Extranet */
.whatsapp-button {
	height: 64px;
}

/* [EXCLUSIVO-E] */
.whatsapp-button img {
    position: unset;
	margin-bottom: 28px;
}

/* [EXCLUSIVO-E] */
.whatsapp-button .notifications-border{
	text-align: center;
}

/* [EXCLUSIVO-E] */
@media only screen and (max-width: 600px) {
	.whatsapp-button img {
		margin-bottom: 20px;
	}
}


/* ============================================================
   SELECT 2
   ============================================================ */

/* [IGUAL] */
.select2-search__field:focus {
    border: none !important;
    box-shadow: none !important;
}

/* [IGUAL] */
.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid var(--attr) !important;
	border-radius: 6px !important;
	font-size: 15px;
	min-height:38px;
}

/* [IGUAL] */
.select2-selection--single {
	border: 1px solid var(--attr) !important;
	border-radius: 6px !important;
	font-size: 15px;
	min-height:38px;
}

/* [IGUAL] */
.select2-container--default .select2-search--inline .select2-search__field {
	height: 20px !important;
    margin-left: 8px !important;
    margin-bottom: 3px  !important;
    margin-top: 7px  !important;
	min-width: 100px;
}

/* [IGUAL] */
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	padding: 2px 10px !important;
	margin-top:5px !important;
}

/* [IGUAL] */
.select2-results__option{
	padding: 12px !important;
}


/* ============================================================
   TOOLTIP
   ============================================================ */

/* [IGUAL] */
.material-tooltip {
  background-color: var(--info-bg);
  font-size: 13px;
  color: #1f2937;
  box-shadow: 0 2px 2px 0 rgb(0 0 0 / 14%), 0 3px 1px -2px rgb(0 0 0 / 12%), 0 1px 5px 0 rgb(0 0 0 / 20%);
}


/* ============================================================
   IFRAME
   ============================================================ */

/* [EXCLUSIVO-E] — Só existe na Extranet */
iframe{
	border:0;
}


/* ============================================================
   BARRAS DE ROLAGEM
   ============================================================ */

/* [EXCLUSIVO-I] — Só existe na Intranet */
::-webkit-scrollbar-track {
    background-color: #F4F4F4;
	border-radius: 4px;
}

/* [EXCLUSIVO-I] */
::-webkit-scrollbar {
    width: 16px;
    background: #F4F4F4;
	border-radius: 4px;
}

/* [EXCLUSIVO-I] */
::-webkit-scrollbar-thumb {
    background: #dad7d7;
	border-radius: 2px;
}

/* ============================================================
   VALORIZZA LIGHT SLIDER
   ============================================================ */

/* [EXCLUSIVO-I] — Só existe na Intranet */
img.ValorizzaLightSlider{
	max-width:100%;
}


/* ============================================================
   TELA INICIAL
   ============================================================ */

/* [IGUAL] */
.TableHome, .TableHome2Col, .TableHome3Col, .TableHomeWide, .TableHomeCurriculo, .QueryViewerBox-chart{
	box-shadow: var(--sh-md);
}


/* ============================================================
   POPUP
   ============================================================ */

/* [IGUAL] */
.PopupBorder {
	box-shadow: var(--sh-md);
}


/* ============================================================
   CAMPO JSON DESABILITADO
   ============================================================ */

/* [IGUAL] */
.jsonTextInput[disabled] {
	background-color: transparent;
	cursor: default;
	border: none !important;
	color: var(--label) !important;
}


/* ============================================================
   AJUSTE PADDING TOP
   ============================================================ */

/* [IGUAL] */
.CelulaPaddingTop5px .ImagePromptAbsolutSemLabel{
	top: 5px;
}

/* [IGUAL] */
.CelulaPaddingTop7px .ImagePromptAbsolutSemLabel{
	top: 5px;
}

/* [IGUAL] */
.SectionHomeContent .col-xs-12 {
	min-height: 0px !important;
}


/* ============================================================
   SWITCH
   ============================================================ */

/* [IGUAL] */
.AttributeSwitch INPUT:before {
    background-color: #E2E8F0;
    border-bottom-color: #E2E8F0;
    border-left-color: #E2E8F0;
    border-right-color: #E2E8F0;
    border-top-color: #E2E8F0;
    border-style: solid;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    position: absolute;
	height: 24px;
    width: 44px;
    content: ' ';
}

/* [IGUAL] */
.AttributeSwitch INPUT:checked:before {
    background-color: transparent;
    border-bottom-color: var(--link);
    border-left-color: var(--link);
    border-right-color: var(--link);
    border-top-color: var(--link);
	background-color: var(--link);
    border-style: solid;
    border-width: 2px;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
    position: absolute;
	height: 24px;
    width: 44px;
    content: ' ';
}

/* [IGUAL] */
.AttributeSwitch LABEL {
    margin-left: -4px;
    margin-right: 0;
    padding-left: 36px;
	padding-top: 2px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    user-select: none;
}

/* [IGUAL] */
.AttributeSwitch INPUT:checked:after {
    left: 16px;
	border: none;
	box-shadow: 10px 10px 5px -11px rgba(0,0,0,0.75);
}

/* [IGUAL] */
.AttributeSwitch INPUT:after {
    border-bottom: none;
    position: absolute;
    z-index: 2;
	margin-left: 6px;
    margin-top: 1px;
	height: 20px;
    width: 20px;
    content: ' ';
    transform: none;
	border-radius: var(--r);
	background-color: white;
    top: 1px;
    left: -4px;
	-webkit-transition: .4s;
	transition: .4s;
	transition-property: left;
	box-shadow: 10px 10px 5px -11px rgba(0,0,0,0.75);
}


/* ============================================================
   NOVO MENU - CORES
   ============================================================ */

/* [EXCLUSIVO-E] — Só existe na Extranet (nome de classe diferente da Intranet) */
.vanilla-navbar-extranet{
	background: linear-gradient(45deg,#111112,#111113) !important;
}

/* [EXCLUSIVO-E] */
.vanilla-sidebar-link.selected, .dropdown-item > a.selected {
	background: linear-gradient(45deg,#111112,#111113) !important;
}

/* [IGUAL] */
.vanilla-number-pending-actions{
	background-color: #111112;
}

/* [EXCLUSIVO-I] — Classes de menu vanilla específicas da Intranet */
.vanilla-navbar{
	background-color: #111112;
}

/* [EXCLUSIVO-I] */
@media only screen and (max-width: 992px) {
    .vanilla-main-navbar {
		background-color: #111112;
	}
}

/* [EXCLUSIVO-I] */
.vanilla-dropdown-content{
	background-color: #111112;
}

/* [EXCLUSIVO-I] */
.vanilla-dropdown-content-submenu{
	background-color: #111112;
}

/* [EXCLUSIVO-I] */
.vanilla-navbar a:hover, .vanilla-dropdown:hover .dropbtn, .dropbtn:focus{
	background-color: #707071;
}