/*================================================================================
	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. */

.form-group.gx-form-group .gx-label{
	width: 100%!important;
	text-align: left!important;
}

.form-control-static {
	padding: 0;
	min-height: 0;
}

.form-group.gx-form-group .form-control-static{
	padding-top: 7px;
}

INPUT + .input-group-btn {
	display: table-cell !important;
}

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

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

.gx-default-form-group {
    display: block;
}

.navbar-toggler{
	text-decoration: none !important;
}

.navbar-fixed nav {
	top: 0;
	left: 0;
}

@media only screen and (max-width: 992px) {
	.navbar .nav-wrapper .navbar-list > li > a {
		padding: 0 8px;
	}
}

a{
	color: inherit;
}

a:hover, a:focus, a:active {	
    color: inherit;
	outline: none;
}

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

.row {
    margin-right: -15px;
    margin-left: -15px;
}

.gradient-45deg-indigo-purple {
    background: linear-gradient(45deg,#4e2157,#4e2157) !important;
}

/* acessibilidade */
body.mic-toolbox-contrast-hard {
    background-color: #000!important;
}

.sidenav li a.active {
	background: linear-gradient(45deg,#4e2157,#4e2157);
    box-shadow: none;
}

.sidenav .collapsible-header:after{
	top:0px;
}

.menu-title{
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

::-webkit-input-placeholder {
   color: #707070 !important;
}

:-moz-placeholder {
   color: #707070 !important;
}

::-moz-placeholder {
   color: #707070 !important;
}

:-ms-input-placeholder {  
   color: #707070 !important;
}

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 {
	font-size:14px;
}

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-bottom: 1px solid #0258A4;
    box-shadow: 0 1px 0 0 #0258A4;
}

select {
	margin-bottom: 6px;	
	padding-left: 0px !important;
	height: 2.1rem !important;
	display: inline-block;
	border-bottom: 1px solid #9e9e9e !important;
	transition: box-shadow .3s, border .3s;
	box-shadow: none !important;
}

textarea {
	margin-bottom: 6px;	
	padding-left: 4px !important;
	display: block;
	border-bottom: 1px solid #9e9e9e !important;
	transition: box-shadow .3s, border .3s;
	box-shadow: none !important;
	resize:none;
}

select:focus, textarea:focus {
	box-shadow: 0px 1px 0px 0px #0258A4 !important;
	border-bottom: 1px solid #0258A4 !important;
}

label {
    font-size: 1rem;
}

.BlobInputAttribute{
	width: 100%;
}

/* Tags */

.chips {
	margin-top: 14px;
}

.chip {
    color: white;
    background-color: #96BF00;
	opacity: 1;
	font-size: 14px
}

.chip:hover {
	opacity: 1;
}

.chip:focus {
	opacity: 1;
	background-color: #96BF00;
}

.chips.focus{
	border-bottom: 1px solid #0258A4;
	box-shadow: 0 1px 0 0 #0258A4;
}

.chips .input {
	font-size:14px;
}

.chip .close {
	opacity: 1;
	color:white;
}

.tag_prompt {
	top: 12px;
}

/* bot??o revelar password */

.gx-pwd-reveal-btn
{
	z-index: 10;
}

.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;
}

.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;
}

.gx-pwd-reveal-btn BUTTON SPAN
{
	color:#0258A4;
}

/* navega????o grid */

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

/* bot??o login facebook */

.BtnFacebookSemTexto, .BtnFacebookSemTexto:active, .BtnFacebookSemTexto:hover {
    background-position: 15px Center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    top: 1px;
    background-color: #3c5a98 !important;
    border-style: none;
	border-radius: 3px;
    text-decoration: none;
    color: white;
    height: 33px;
    width: 95%;
    cursor: pointer;
    outline: none !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.BtnFacebookSemTexto:active {
	position: relative;
	box-shadow: none;
}

/* bot??o login linkedin */

.BtnLinkedinSemTexto, .BtnLinkedinSemTexto:active, .BtnLinkedinSemTexto:hover {
    background-position: 15px Center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    top: 1px;
    background-color: #006599 !important;
    border-style: none;
	border-radius: 3px;
    text-decoration: none;
    color: white;
    height: 33px;
    width: 95%;
    cursor: pointer;
    outline: none !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.BtnLinkedinSemTexto:active {
	position: relative;
	box-shadow: none;
}

/* bot??o login office */

.BtnOfficeSemTexto, .BtnOfficeSemTexto:active, .BtnOfficeSemTexto:hover {
    background-position: 15px Center;
    background-repeat: no-repeat;
    margin-bottom: 10px;
    margin-right: 0;
    margin-top: 10px;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 0;
    top: 1px;
    background-color: #dd1e15 !important;
    border-style: none;
	border-radius: 3px;
    text-decoration: none;
    height: 33px;
    width: 95%;
    cursor: pointer;
    outline: none !important;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);
}

.BtnOfficeSemTexto:active {
	position: relative;
	box-shadow: none;
}

/* menu do usu??rio - avatar */

.dropdown-content {
    min-width: 288px;
}

.avatar-status {
	vertical-align: top;
	width: 38px;
    height: 38px;
	margin-top: 10px;
}

.avatar-status img {
	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%);
	max-height:100%;
}

.accessibility-button {
	line-height: 1;
	height: 64px;
	
}

.accessibility-button div {
    background-color: white;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    margin-top: 14px;
    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%);
	color: #363636;
}

.accessibility-button i {
	line-height: 24px !important;
    position: relative;
    top: 7px;
    left: 7px;
}

@media only screen and (max-width: 600px) {
	.avatar-status {
		margin-top: 7px;
	}
	.accessibility-button {
		height: 56px;
	}
	.accessibility-button div {
		margin-top: 8px;
	}	
}
/* bot??o flutuante menu mobile*/

.btn-floating, .btn-floating:hover {
    background-color: white !important;
}

.btn-floating i {
    color: #363636;
}

@media only screen and (max-width: 992px) {
	.sidenav-trigger {
		position: relative;
		top: 10px;
		left: 10px;
	}
}

@media only screen and (max-width: 600px){
	.sidenav-trigger {
		position: relative;
		top: 6px;
		left: 6px;
	}
}

/* Whatsapp */

.whatsapp-button {
	height: 64px;
}

.whatsapp-button img {
    position: unset;
	margin-bottom: 28px;
}

.whatsapp-button .notifications-border{
	text-align: center;
}

@media only screen and (max-width: 600px) {
	.whatsapp-button img {
		margin-bottom: 20px;
	}
}

/* Notifica????es */

.notification-button {
	height: 64px;
}

.navbar .notification-badge {
    background-color: #FF0000;
    box-shadow: 0 0 4px 0 #FF0000;
	top: -23px;
    right: -4px;
}

.notifications-border {
	background-color: white;
	width: 38px;
	height: 38px;
	border-radius: 19px;
	margin-top: 14px;
	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%);
}

.notifications-border i {
	line-height: 38px !important;
	color: #363636;
	margin-left: 7px
}

.notification-label 
{
	margin-top: 3px;
	width: 90%;
	margin-right: 0 !important;
	color: #363636 !important;
	font-family: Muli;
	font-weight: 400;
}

.notification-circle 
{
	background-color: #96BF00;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	border-bottom-right-radius: 14px;
	border-bottom-left-radius: 14px;
	padding-top: 3px;
	height: 28px;
	width: 28px;
	color: white;
	text-align: center;
	vertical-align: top;
	font-size: 13px !important;
}

@media only screen and (max-width: 600px) {
	
	.notification-button {
		height: 56px;
	}

	.notifications-border {
		margin-top: 8px;
	}

	.notifications-border i {
		line-height: 13px !important;
		margin-left: 5px;
	}
}

/* Mensagem de boas-vindas */

.welcome-center {
	text-align: center;
}

.header-search-wrapper span {
	margin-top: -10px;
    display: block;
	font-family: Muli;
	white-space: nowrap;
}

@media only screen and (max-width: 992px) {


	.header-search-wrapper span {
		max-width: 280px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.navbar .sideNav-lock .header-search-wrapper {
		width: auto;
		margin-left: 68px ;
	}
	
	.welcome-center {
		width: auto;
		margin-left: 112px !important;
		max-width: 330px;
	}
}

@media only screen and (max-width: 600px) {

	.header-search-wrapper span {
		max-width: 102px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		display:none;
	}
	
	.welcome-center {
		max-width: 120px;
	}
	
	.navbar .sideNav-lock .header-search-wrapper {
		margin-left: 54px;
	}
}


/* logotipo da empresa */

.brand-sidebar .logo-wrapper a.brand-logo img {
    height: auto;
	max-height: 50px;
	max-width: 175px;
}

.brand-sidebar .brand-logo {
    padding: 0px !important;
	top: 2px;
	width: 175px;
	text-align: center;
	margin-left: 38px;
}

.nav-collapsed .brand-sidebar .brand-logo {
    display: none;
}

.logotipo-mobile{
	width: 175px;
	margin-left: 42px;
}

.logotipo-mobile img {
	max-height: 50px;
	max-width: 175px;
	margin-left: auto;
    margin-right: auto;
    margin-top: 18px;
    margin-bottom: 18px;
}

/* Dropdown Menu */

.dropdown-menu {
	text-align: center;
    position: relative !important;
    display: block;
    height: 61px;
    top: 1px;
	min-width: auto;
    box-shadow: none;
    border: none;
	border-radius: 2px;
	margin-left: 6px;
	margin-right: 6px;
	overflow: hidden;
}
.dropdown-menu:hover {
	text-decoration: none;
}

#ul-horizontal-nav{
	height: 64px;
}

.dropdown-home{
    width: 80px;
    height: 61px;
    position: relative;
    top: 3px;
	margin-left: 0px;
	margin-right: 6px;	
	overflow: hidden;
}

.dropdown-home i{
	margin-left: 12px;
	border-radius: 2px;
}


.dropdown-home:hover{
	border-radius: 2px;
	text-decoration: none;
}

/* Select 2 */

.select2-search__field:focus {
    border-bottom: none !important;
    box-shadow: none !important;
}

.select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple {
	font-size: 13px;
}

.select2-container--default .select2-search--inline .select2-search__field {
	height: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
	margin-top:6px;
}

/* Tooltip */

.material-tooltip {
  background-color: #E2F2FD;
  font-size: 13px;
  color: #707070;
  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%);
}

/* Vers??o */

.versao {
	position: absolute;
    right: 28px;
    top: 18px;
    z-index: 0100;
    font-family: 'Muli';
^}

.versao a{
	color: #363636 !important;
^}

/*senha do dia*/

.senhadia {
	position: absolute;
    right: 28px;
    top: -18px;
    z-index: 0100;
    font-family: 'Muli';
	color: #363636 !important;
^}

.senhadia a{
	color: #363636 !important;
^}

#senhadia_input {
	position: absolute;
	top:0px;
	left: 0px;
	width: 1px;
	height: 1px;
}

/*licensa */

.licensa{
	background-color: red;
    height: 22px;
    position: fixed;
    bottom: 0px;
    z-index: 1000;
    width: 100%;
    text-align: center;
    color: white;
	font-family: Muli;
	font-size: 14px;
}

/* Logo valorizza */

header .brand-logo img {
	height: 34px;
}

header .brand-logo {
	top: -12px;
}

header .brand-logo .logo-text {
	position: absolute;
    top: 44px;
	font-family: Segoe UI;
}

@media only screen and (max-width: 992px) {
	header .brand-logo img {
		margin-top: 8px;
	}
}

@media only screen and (max-width: 600px){
	header .brand-logo img {
		margin-top: 3px;
	}
}

/* COR */

.gradient-45deg-light-blue-cyan{
	background: white !important;
}

@media only screen and (max-width: 992px) {
	.gradient-45deg-light-blue-cyan{
		background: #111111 !important;
	}
}

/* iframe */

iframe{
	border:0;
}

/* Tela inicial */
.TableHome, .TableHome2Col, .TableHome3Col, .TableHomeWide, .TableHomeCurriculo, .QueryViewerBox-chart{
	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%)
}

/* Popup */

.PopupBorder {
	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%);	
}

/*Regras para corrigir problemas de acessibilidade*/ 

/* > Preenche todo o fundo da p??gina no modo de cores invertidas do plugin de Acessibilidade Visual*/ 
body.mic-toolbox-contrast-hard {
    background-color: #000!important; 
} 

/* > Remove a sobreposi????o que esconde o menu mobile no modo de cores invertidas do plugin de Acessibilidade Visual*/ 
body.mic-toolbox-contrast-hard>:not(#mic-init-access-tool) { 
    background-color: unset!important; 
} 

/* > Adiciona o mesmo efeito do hover no focus nos bot??es do menu de Notifica????es e Perfil*/ 
nav ul a:focus { 
    background-color: rgba(0, 0, 0, .1); 
}  

/*> Adiciona contorno ao logo e ao bot??o de toggle do menu na navega????o pelo teclado*/ 
.brand-logo:focus-visible, 
.navbar-toggler:focus-visible { 
    outline: 1px solid #000000; 
} 



/* Novo menu - cores */

.vanilla-navbar-extranet{
	background: linear-gradient(45deg,#4e2157,#4e2157) !important;
}

.vanilla-sidebar-link.selected, .dropdown-item > a.selected {
	background: linear-gradient(45deg,#4e2157,#4e2157) !important;
}

.vanilla-number-pending-actions{
	background-color: #4e2157;
}

/* campo text area disabled para json */

.jsonTextInput[disabled] {
	background-color: transparent;
	cursor: default;
	border: none !important;
	color: #191919 !important;
}