@CHARSET "ISO-8859-1";

/* PAINEL LOGIN */
#painelLogin {
	margin-top: 50px;
}

#containerLogin {
	width: 25%;
	border: 1px solid lightgray;
	box-sizing: border-box;
}

#containerLoginLogo {
	max-height: 200px;
	max-width: 100%;
	left: 2%;
	top: 5%;
}

@media only screen and (max-width : 1400px) {
	#containerLogin {
		width: 35%;
	}
}

@media only screen and (max-width : 1000px) {
	#containerLogin {
		width: 80%;
	}
}

@media only screen and (max-width : 800px) {
	#containerLogin {
		width: 70%;
	}
}

@media only screen and (max-width : 600px) {
	#containerLogin {
		width: 80%;
	}
}


@media only screen and (max-width : 450px) {
	#containerLogin {
		width: 90%;
	}
}

.containerFloat {
	display: flex;
	width: 100%
}

.containerFloatLeft {
	width: calc(100% - 350px);
}

.containerFloatLeftLogo {
	float: left;
	max-width: 120px;
	max-height: 45px;
}


@media all and (max-width:700px) {

	.containerFloatLeftLogo {
		display: none;
	}

}

.containerFloatCenter {
	text-align: center;
	margin: 0 auto;
}

.containerFloatCenterLogoW100Perc {
	max-height: 150px;
	max-width: 100%;
}

.containerFloatCenterLogoW300Px {
	width: 350px;
}

.containerFloatRight {
	width: 250px;
	text-align: right;
}

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

/* PAINEL PRINCIPAL */
#painelPrincipal {
	background-image: url(../IMG/sombra_fundo.png);
	background-repeat: no-repeat;
}

.ccontainer {
	margin: 0px auto;
	width: 90%;
	padding: 25px 0px;
}

@media all and (max-width : 700px) {
	#tb-main {
		width: 100% !important;
	}
}

/* �REA EXTENDIDA*/
body {
	padding: 0px;
	position: absolute;
	height: 100%;
	height: 100dvh;
	width: 100%;
	min-width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

body.webBaseHeightNaturalMinViewport {
	position: relative;
	height: auto;
	min-height: 100dvh;
	overflow: visible;
}

body.webBaseHeightPageControlled {
	position: static;
	height: auto;
	min-height: 0;
	overflow: visible;
}

@media print {
	body {
		height: unset !important;
	}
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
body,
* {
	font-family: humnst777_lt_btlight, sans-serif;
	line-height: 1;
}

strong {
	color: #10597A;
	font-weight: 700;
}

h1 {
	color: #10597A;
	font-size: 24px;
}

h2 {
	color: #10597A;
	font-size: 20px;
}

h3 {
	color: #10597A;
	font-size: 18px;
}

h4,
h5,
h6 {
	font-size: 16px;
}

/*
p,
body {
	font-size: 14px;
}
*/

.mainArea {
	position: relative;
	box-sizing: border-box;
	padding: 10px;
	padding-bottom: 0px;
	margin: 0 auto;
	background-color: #fff;
	border: 1px solid lightgrey;
	background-image: none;
	transition: max-width 0.2s ease-in-out, width 0.2s ease-in-out;
}

.webBaseHeightViewportBound > #tb-main {
	height: 100%;
	height: 100dvh;
	max-height: 100dvh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.webBaseHeightViewportBound > #tb-main > .webBaseContent {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	min-height: 0;
	height: 100%;
	overflow: hidden;
}

.webBaseHeightNaturalMinViewport > #tb-main {
	height: auto;
	min-height: 100dvh;
	max-height: none;
	overflow: visible;
}

.mainFullWidth {
	width: 100%;
}

.mainContainerWidthDataManager {
	max-width: 1024px;
}

.mainContainerWidth {
	max-width: 1320px;
}

.mainContainerWidthDynamicForm {
	max-width: 680px;
	min-width: 440px;
}

/* Container */
.simplePanelContainerItem {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	position: relative;
	width: 100%;
	min-height: 0;
	box-sizing: border-box;
}

.simplePanelContainerItemBar {
	flex: 0 0 auto;
	position: relative;
	height: 35px;
	width: 100%;
	line-height: 35px;
	border-bottom: 1px solid lightgray;
	margin-bottom: 5px;
	box-sizing: border-box;
}

.simplePanelContainerItemBarTitle {
	position: relative;
	float: left;
	width: calc(100% - 35px);
	font-size: 18px;
	font-weight: lighter;
}

.simplePanelContainerItemBarClose {
	position: relative;
	float: right;
	line-height: 44px;
	width: 35px;
	text-align: right;
}

.simplePanelContainerItemContent {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	position: relative;
	width: 100%;
	min-height: 0;
	box-sizing: border-box;
}

.tbDesktopPaneContainer--embedded {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	max-height: 100%;
	min-height: 0;
	overflow: hidden;
	box-sizing: border-box;
}

.tbDesktopPaneContainer--embedded > .tbDesktopPaneContent--embedded {
	flex: 1 1 auto;
}

.tbDesktopPaneContent--embedded {
	width: 100%;
	height: 100%;
	max-height: 100%;
	min-height: 0;
	box-sizing: border-box;
}

.tbDesktopPaneContent--embedded {
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

/* CABECALHO */
#painelCabecalho {
	height: 180px;
}

#cabecalho {
	max-height: 89%;
	width: 30%;
	right: 2%;
	top: 5%;
}

#cabecalho * {
	margin: 0px;
	font-style: normal;
}

#logout.logoutMargin {
	margin: 10px 10px 10px 0px;
}

/* PAINEL DO TITULO */
#painelTituloPagina {
	background-image: url(../IMG/sombra_titulo.png);
	background-repeat: no-repeat;
	height: 95px;
}

#tituloPagina {
	margin: 0px 0px 0px 20px;
	padding-top: 30px;
}

/* PAINEL DE CONTEUDO */
#painelConteudo.main {
	min-height: 300px;
}

#containerConteudo {
	border-top: 0px;
	padding: 0px;
	width: 92.9%;
}

#conteudo {
	min-height: 300px;
	padding: 20px;
}

/* PAINEL DE FORMULARIO */
#painelFormulario {
	border-top: solid 1pt #E0E0E0;
	background-color: #F9F9F9;
	padding: 20px 0px;
}

#motivoRecusar {
	width: 99.3%;
}

/* PAINEL DO RODAPE */
#rodapeFixo {
	position: fixed;
	bottom: 0px;
}

#painelAcaoAuxiliar {
	background-color: #727271;
	height: 25px;
}

#painelConteudoInformativo {
	border-top: solid 5px #FF8D11;
	background-color: #727271;
	padding: 20px 0px;
	height: 20px;
}

#rodapeInformacoesEmpresa {
	background-color: #434a4b;
	padding: 20px 0px;
}

#containerInformacoesEmpresa {
	height: 25px;
}

#containerInformacoesEmpresa span,
#containerInformacoesEmpresa span strong {
	color: #acacac;
}

#paragrafoDireitosRodape {
	margin: 0px 0px;
	width: 89%;
}

#linkSiteEmpresa {
	width: 103px;
	height: 22px;
}

#linkSiteEmpresa img {
	border: 0px;
}

/* Menu Separator */
a[data-webid="-1"] {
	background-color: #FF8D11 !important;
	padding: 0px !important;
	color: transparent !important;
	height: 2px;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border-top: 0px !important;
	border-left: 0px !important;
	border-radius: 0px;
	border-color: lightgrey;
}

/* Tiny Editor HTML */
.mce-statusbar {
	display: none !important;
}

/* Module Select */
.ui-selectmenu-button {
	margin-top: 10px !important;
	width: 100% !important;
}

.ui-menu .ui-menu-item {
	font-size: 14px;
}

.nivel1 {
	font-size: 16px;

}

.nivel2 {
	font-size: 14px;
}

.nivel3 {
	font-size: 13px;
}

/* CLASSES ESTRUTURAIS */
.elementoCentralizado {
	margin: 0 auto;
}

.posicionamentoRelativo {
	position: relative;
}

.emLinha {
	display: inline;
}

.naoRenderizado {
	display: none !important;
}

.bloco {
	display: block;
}

.flutuanteDireita {
	float: right;
}

.clear {
	clear: both;
}

.larguraMaxima {
	width: 100%;
}

.alturaMaxima {
	height: 100%;
}

.container {
	padding: 0px 11px;
	width: 71.2%;
}

.containerExtendido {
	padding: 0px 11px;
	width: 91.2%;
}

/*Estilos Divesos*/
.backgroundWhite {
	background-color: #fff;
	background-image: none;
}

.backgroundTOPTI {
	background-image: url(../IMG/topti_background.jpg);
	background-repeat: repeat;
}

.backgroundUnset {
	background: unset;
	background-color: unset;
}

/* LAYOUT MANAGERS */
.layoutOverflowAuto {
	overflow: auto;
}

.layoutOverflowVisible {
	overflow: visible;
}

[data-topbuilder-layout] {
	position: relative;
}

[data-topbuilder-layout]:focus-visible {
	outline: 2px solid #0073e6;
	outline-offset: 2px;
}

[data-topbuilder-layout][aria-disabled="true"],
.topbuilder-layout--disabled {
	opacity: 0.65;
}

[data-topbuilder-layout][aria-disabled="true"] > *,
.topbuilder-layout--disabled > * {
	pointer-events: none;
}

[data-topbuilder-layout][data-layout-title]::before {
	content: attr(data-layout-title);
	position: absolute;
	top: -0.7em;
	left: 10px;
	z-index: 1;
	max-width: calc(100% - 20px);
	padding: 0 5px;
	overflow: hidden;
	background: #fff;
	color: inherit;
	font-size: 0.9em;
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* GridLayoutConteinerManager */
.gridLayoutOverflowAuto {
	overflow: auto;
}

.gridLayoutOverflowVisible {
	overflow: visible;
}

.topbuilder-responsive-grid {
	min-width: 0;
}

.topbuilder-responsive-grid-group,
.topbuilder-responsive-grid-item,
.topbuilder-responsive-grid-content {
	min-width: 0;
	min-height: 0;
}

.topbuilder-responsive-grid-content > * {
	max-width: 100%;
}

.topbuilder-responsive-grid-label-left .topbuilder-responsive-grid-content > label {
	text-align: left !important;
}

/* PanelLayoutManager */
.flowLayout,
.boxLayout {
	display: flex;
}

.flowLayout > .item {
	flex: 0 0 100%;
	width: 100%;
}

.flowLayoutItem {
	flex: 0 0 var(--topbuilder-flow-preferred-width);
	width: var(--topbuilder-flow-preferred-width);
	max-width: 100%;
	height: var(--topbuilder-flow-preferred-height);
	min-width: 0;
	box-sizing: border-box;
}

.flowLayoutItem > * {
	width: 100%;
	height: 100%;
}

.containerItemFlexible {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.containerItemFlexible > :not(script):not(style) {
	width: 100%;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
}

.containerItemFlexible > :first-child:not(script):not(style) {
	flex: 1 1 auto;
}

.flowLayoutItem.containerItemFlexibleLayoutItem {
	flex: 1 1 100%;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
}

.flowLayoutFullLineItem {
	flex-basis: 100%;
	width: 100%;
}

.flowLayout,
.gridLayout,
.boxLayout,
.cardLayout,
.tableLayout,
.nullLayout,
.splitPane {
	min-width: 0;
	min-height: 0;
	box-sizing: border-box;
}

.splitPaneFirst,
.splitPaneSecond {
	min-width: 0;
	min-height: 0;
}

.splitPaneDivider {
	z-index: 2;
	box-sizing: border-box;
	outline: 0;
	background: #eef1f5;
	user-select: none;
}

.splitPaneHorizontal > .splitPaneDivider {
	border-right: 1px solid #d8dee7;
	border-left: 1px solid #d8dee7;
}

.splitPaneVertical > .splitPaneDivider {
	border-top: 1px solid #d8dee7;
	border-bottom: 1px solid #d8dee7;
}

.splitPaneDivider:focus-visible {
	box-shadow: inset 0 0 0 2px #1976c9;
}

.splitPaneOneTouch {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	display: flex;
	gap: 3px;
	transform: translate(-50%, -50%);
}

.splitPaneOneTouchButton {
	width: 19px;
	height: 23px;
	padding: 0;
	border: 1px solid #aeb8c5;
	border-radius: 4px;
	color: #3e4b59;
	background: #fff;
	font-size: 10px;
	line-height: 21px;
	cursor: pointer;
}

.splitPaneOneTouchButton:hover,
.splitPaneOneTouchButton:focus-visible {
	color: #fff;
	border-color: #1976c9;
	background: #1976c9;
}

@media (max-width: 760px) {
	.splitPaneHorizontal.splitPaneResponsive {
		flex-direction: column !important;
	}

	.splitPaneHorizontal.splitPaneResponsive > .splitPaneDivider {
		flex-basis: 5px !important;
		width: 100% !important;
		height: 5px !important;
		border-top: 1px solid #d8dee7;
		border-right: 0;
		border-bottom: 1px solid #d8dee7;
		border-left: 0;
		cursor: row-resize !important;
	}

	.splitPaneHorizontal.splitPaneResponsive > .splitPaneDivider > .splitPaneOneTouch {
		flex-direction: row !important;
	}

	.splitPaneHorizontal.splitPaneResponsive .splitPaneOneTouchButton {
		width: 23px;
		height: 19px;
		line-height: 17px;
	}
}

.borderLayout {
	display: grid;
	grid-template-areas:
		"page-start page-start page-start"
		"line-start center line-end"
		"page-end page-end page-end";
	grid-template-columns: auto minmax(0, 1fr) auto;
	grid-template-rows: auto minmax(0, 1fr) auto;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	box-sizing: border-box;
}

.borderLayoutPageStart {
	grid-area: page-start;
	min-width: 0;
}

.borderLayoutLineStart {
	grid-area: line-start;
	min-width: 0;
	min-height: 0;
}

.borderLayoutCenter {
	grid-area: center;
	display: flex;
	flex-direction: column;
	min-width: 0;
	min-height: 0;
}

.borderLayoutCenter > * {
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	max-width: 100%;
	max-height: 100%;
	box-sizing: border-box;
}

/* A DataTable flexível mantém controles no tamanho natural e entrega a área restante ao corpo rolável. */
.containerItemFlexible > .dataTables_wrapper,
.containerItemFlexible > .dataTables_wrapper .dataTables_scroll {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.containerItemFlexible > .dataTables_wrapper .dataTables_scrollBody {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto !important;
}

.borderLayoutLineEnd {
	grid-area: line-end;
	min-width: 0;
	min-height: 0;
}

.borderLayoutPageEnd {
	grid-area: page-end;
	min-width: 0;
}

.tbSingleSelectionLayout {
	grid-template-columns: minmax(0, 1fr) 0 auto;
}

.tbSingleSelectionLayout > .borderLayoutLineStart,
.tbSingleSelectionLayout > .borderLayoutLineEnd {
	display: flex;
	align-items: center;
	height: 100%;
	min-width: 0;
}

.tbSingleSelectionLayout > .borderLayoutLineStart > * {
	width: 100%;
	min-width: 0;
	max-width: 100%;
	overflow: auto;
	overflow-wrap: anywhere;
}

.tbSingleSelectionLayout .tbComponentButton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.tbSingleSelectionLayout .tbComponentButton > img {
	position: static !important;
	left: auto !important;
	right: auto !important;
	vertical-align: middle !important;
}

.tbMultiSelectionLayout {
	display: flex;
	align-items: stretch;
	gap: 4px;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.tbMultiSelectionTable {
	flex: 1 1 auto;
	min-width: 0;
	min-height: 0;
	height: 100%;
	overflow: hidden;
}

/* GRID_BOUNDED pertence somente ao campo embutido: nunca permita que a tabela aumente a trilha do CSS Grid. */
.tbMultiSelectionTable > .dataTables_wrapper.tbDataTableHeightGridBounded,
.tbMultiSelectionTable > .dataTables_wrapper.tbDataTableHeightGridBounded .dataTables_scroll {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
}

.tbMultiSelectionTable > .dataTables_wrapper.tbDataTableHeightGridBounded .dataTables_scrollBody {
	flex: 1 1 auto;
	min-height: 0;
	overflow: auto !important;
}

.tbMultiSelectionActions {
	flex: 0 0 auto;
}

.tbDataTableSelectionColumn {
	box-sizing: border-box;
	width: 28px;
	min-width: 28px;
	max-width: 28px;
	text-align: center;
	cursor: pointer;
}

.tbDataTableSelectionCheckbox {
	cursor: pointer;
}

.tbComponentsGroup {
	min-width: 0;
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	pointer-events: none;
}

.tbComponentsGroup > legend {
	margin-left: 6px;
	padding: 0 4px;
}

.cardLayout {
	display: block;
	width: 100%;
	height: 100%;
}

.cardLayoutItem {
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	box-sizing: border-box;
}

.tableLayout {
	display: grid;
}

.nullLayout {
	position: relative;
}


.dynamicForm {}

.needFieldLabel {
	color: #d93025;
}

.tbField {}

.tbFieldInput {
	font-size: 14px;
	padding: 6px;
	border-radius: 4px;
	box-sizing: border-box;
	min-width: 0;
}

select.tbFieldInput {
	padding: 2px 6px;
	line-height: normal;
}

.dd-selected-text {
	font-size: 14px;
}

.dd-option-text {
	font-size: 14px;
}

/* Jquery DDClick */
.dd-select,
.dd-options {
	box-sizing: border-box;
}

.dd-options {
	max-height: 260px !important;
}

.dd-select {
	border: 0px !important;
	background-color: rgb(255, 255, 255) !important;
}

.dd-selected,
.dd-option {
	font-size: 14px;
	font-weight: normal;
}

.dd-option-image,
.dd-selected-image {
	/*max-width: 16px;*/

}

/* SOMENTE LEITURA */
*[readonly="readonly"],
*[disabled="disabled"] {
	background-color: #f3f3f3;
}

/* AREA DE TEXTO */
.areaTextoEstatica {
	resize: none;
}

.tbLabelField {
	padding: 6px;
	font-weight: 600;
	font-size: 14px;
}

/*Components*/
.tbComponent {}

.tbComponentButton {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 1px 2px;
	min-width: 0;
	overflow: hidden;
	box-sizing: border-box;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.footerpadding {
	padding-top: 24px;
	padding-bottom: 24px;
}

.headerpadding {
	padding-top: 24px;
	padding-bottom: 24px;
}

.tbComponentField {}

.tbComponentFieldLabel {}

.tbComponentFieldTitle {}

.buttonGreen {
	color: white;
	background-color: green;
	border-color: darkgreen;
}

table.dataTable.no-footer {
	border-bottom: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.dialogBarCodeQRCodeTextInput {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: white;
	padding: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	z-index: 1000;
	overflow-y: auto;
	
	max-height: 80vh;    
	max-width: 80vw;
    min-width: 350px;
    min-height: 350px;  
}

#overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 999;
}


.videoQRCode,
.videoBarcode {
	width: 100%;
	height: 100%;	 
	min-width: 400px;
    min-height: 300px;  
	/* Altura definida */
	position: relative;
	object-fit: cover;
	/* Ajusta o vídeo para cobrir a área */
}

.dialogBarCodeQRCodeTextInput ul {
	list-style-type: none;
	/* Remove marcadores da lista */
	padding: 0;
	/* Remove padding */
}

.dialogBarCodeQRCodeTextInput li {
	margin: 5px 0;
	/* Espaçamento entre itens da lista */
}

.dialog-buttons {
	display: flex;
	justify-content: space-between;
	position: sticky;
	top: 0;
	/* Fixa os botões no topo do diálogo */
	background: white;
	/* Fundo branco para os botões */
	z-index: 1001;
	/* Aumenta o z-index para sobrepor ao conteúdo */
	padding: 10px 0;
	/* Espaçamento interno */
}



#manualInputField {
	margin-bottom: 10px;
}