/*
 * ????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????
 * ???        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,#4e2157,#4e2157) !important;
}

/* [EXCLUSIVO-E] */
.vanilla-sidebar-link.selected, .dropdown-item > a.selected {
	background: linear-gradient(45deg,#4e2157,#4e2157) !important;
}

/* [IGUAL] */
.vanilla-number-pending-actions{
	background-color: #4e2157;
}

/* [EXCLUSIVO-I] ??? Classes de menu vanilla espec??ficas da Intranet */
.vanilla-navbar{
	background-color: #4e2157;
}

/* [EXCLUSIVO-I] */
@media only screen and (max-width: 992px) {
    .vanilla-main-navbar {
		background-color: #4e2157;
	}
}

/* [EXCLUSIVO-I] */
.vanilla-dropdown-content{
	background-color: #4e2157;
}

/* [EXCLUSIVO-I] */
.vanilla-dropdown-content-submenu{
	background-color: #4e2157;
}

/* [EXCLUSIVO-I] */
.vanilla-navbar a:hover, .vanilla-dropdown:hover .dropbtn, .dropbtn:focus{
	background-color: #707071;
}
