:root {
	--blue: #1C55A0;
	--primary-color: #004F88;
	--green-default: #52B788;
	--sidebar-width: 400px;
	--orange: #f76736;
	--red: #CF201B;
	--secundary-color: #9E4CA9;
	--sidebar-fixed-width: 85px;
	--ligth-gray: #7F7E83;
	--blue-two: #38B7EC;

	/*	--blue-default: #467FF7;*/
	--blue-default: #0054B9;
	--green-default: #B3C605;
}

*{
	padding: 0px ;
	margin: 0px ;
	user-select: none;

	font-family: "Montserrat", sans-serif;
}

html, body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-size: 16px;
}

body {
	background: #FFF;
	user-select: none;
	overflow: hidden;
}

li,
ul {
	list-style-type: none;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	color: inherit;
	text-decoration: none;
	/*	color: #fff;*/
}

.z-3 {
	z-index: 3;
}


.swal-overlay {
	z-index: 99999999999999999999999 !important;
	background: rgba(0, 0, 0, 0.8);
}

.swal-modal {

	z-index: 9999999999999999999999999999 !important;

}

.swal-text {

	text-align: center;

}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 0px rgba(0, 0, 0, 0.3);
	border-radius: 0px;
	background-color: #F5F5F5;
	border-radius: 50px;
}

::-webkit-scrollbar {
	width: 7.5px;
	background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: 0 0 0px rgba(0, 0, 0, .3);
	background-color: #666;
	/*	border-radius: 50px;*/
}

.paginaTestes{
	background-color: #0F172A;
	height: 100vh;
	overflow-y: auto;
}

.linhaSuperior{
	height: 125px;
	background-color: #fff;
	margin-left: 200px;
	margin-right: 200px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: fixed;
	width: calc(100vw - 400px);
/*	z-index: 99;*/
	box-shadow: 0px 2px 2px #ddd;
}

.linhaSuperior .btnDeslogar{
	border-radius: 10px;
	border: 2px solid var(--red);
	height: 40px;
	width: 40px;
	padding: 0px;
	color: var(--red);
	text-align: center;
	line-height: 36px;
	font-size: 1.1rem;
	margin-right: 50px;
	margin-top: 12.5px;
	cursor: pointer;
}

.areaConteudo{
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	min-height: calc(100dvh - 135px);
	max-height: calc(100dvh - 135px);
	background-color: #fff;
	margin-top: 135px;
	margin-left: 200px;
	margin-right: 200px;
	overflow-y: auto;
}

.areaConteudo .contentTabPagina{
	min-height: calc(100vh - 135px - 55px);
	max-height: calc(100vh - 135px - 55px);
	overflow-y: auto;
}

.tabsArea{
	background-color: #eee;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height: 55px;
}

.tabsArea .tabItem{
	height: 55px;
	border-bottom: 2px solid #ddd;
	color: #666;
}

.tabsArea .tabItem > .row:first-of-type{
	height: 100%;
	align-content: center;
}

.tabsArea .tabItem .icon{
	padding: 0px;
	cursor: pointer;
}

.tabsArea .tabItem .text{
	font-weight: 600;
	font-size: 0.975rem;
	padding: 0px;
	padding-left: 12.5px;
	cursor: pointer;
}

.tabsArea .tabItem.active{
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.linhaSuperior .titulo{
	padding: 0px;
	font-size: 1.7rem;
	font-weight: 700;
	color: var(--primary-color);
	margin-left: 20px;
	padding-top: 10px;
}

.linhaSuperior .titulo span{
	color: #666;
}

.linhaSuperior > .row:first-of-type{
	align-content: center;
	height: 100%;
}

.linhaSuperior .logoPsIntegra{
	background-image: url('../images/icone.webp');
	background-size: auto 60px;
	height: 60px;
	width: 60px;
	background-repeat: no-repeat;
	background-position: center left;
}

.areaFiltros{
	border-top: 2px dashed #eee;
	margin-top: 30px;
	border-bottom: 2px dashed #eee;
	min-height: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.areaFiltros > .row:last-of-type{
	align-items: end;
	height: fit-content;
}

.tabelaListarClientes{
	margin: 30px 30px 30px 30px;
}

.tabelaListarProdutos .statustrue,
.tabelaListarClientes .statustrue{
	color: var(--green-default);
	font-weight: 600;
}

.tabelaListarProdutos .statusfalse,
.tabelaListarClientes .statusfalse{
	color: var(--orange);
	font-weight: 600;
}

.areaDocumentacao{
	border-top: 2px dotted #eee;
	padding-bottom: 30px;
}

.areaDocumentacao > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.tituloSessao{
	font-weight: 700;
	margin-left: 30px;
	font-size: 1.3rem;
	color: #666;
	margin-top: 25px;
}

.tituloSessao > .row:first-of-type{
	align-content: center;
	height: fit-content;
}

.tituloSessao .icone{
	padding: 0px;
	color: var(--primary-color);
}

.tituloSessao .texto{
	padding: 0px;
	margin-left: 12.5px;
}

.areaAcoes{
/*	margin-left: 20px;*/
	margin-right: 30px;
	margin-top: 35px;
}

.areaAcoes > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.areaAcoes .btnItem{
	height: 40px;
	background-color: #eee;
	border-radius: 5px;
	cursor: pointer;
}

.areaAcoes .btnItem > .row:first-of-type{
	align-content: center;
	height: 100%;
}

.areaAcoes .btnItem .icone{
	padding: 0px;
	margin-left: 15px;
}


.areaAcoes .btnItem .texto{
	padding: 0px;
	margin-left: 10px;
	margin-right: 20px;
	text-transform: uppercase;
	font-size: 0.8rem;
	font-weight: 600;
	padding-top: 1px;
}

.areaAcoes .btnItem.btnCadastro{
	background-color: var(--green-default);
	color: #fff;
}

.areaAcoes .btnItem.btnLimpar{
	background-color: var(--red);
	color: #fff;
}

.areaAcoes .tituloSessao{
	margin-top: 0px;
}

.contentTabClientes .areaFiltros .inputTermo{
	margin-left: 30px;
}

.contentTabClientes .areaFiltros .inputTipo{
	margin-left: 10px;
}

.contentTabClientes .areaFiltros .inputStatus{
	width: 300px;
	margin-left: 10px;
}

.areaFiltros .btnDoSearch {
	height: 47.5px;
	background: var(--green-default);
	margin-left: 10px;
	border-radius: 5px;
	line-height: 47.5px;
	color: #fff;
	font-size: 1.1rem;
	cursor: pointer;
	padding: 0px;
	text-align: center;
	width: 45px;
}

.areaFiltros .btnClearFilter {
	margin-left: 5px;
	height: 47.5px;
	cursor: pointer;
	border-radius: 5px;
	background: #ddd;
	color: #666;
	padding: 0px;
	text-align: center;
	line-height: 47.5px;
	width: 45px;
	font-size: 1.3rem;
	margin-right: 30px;
}

.areaDocumentacao > .row:nth-child(2){
	margin-top: 20px;
}

.areaDocumentacao .itemDocumentacao{
	margin-left: 30px;
	margin-right: 30px;
}

.areaDocumentacao .itemDocumentacao .cabecalho{
	height: 50px;
	border: 2px solid #ddd;
	background-color: #eee;
	border-radius: 5px;
	margin-top: 7.5px;
	cursor: pointer;
}

.areaDocumentacao .itemDocumentacao .cabecalho .arrow{
	background-color: rgba(0,0,0,0.25);
	border-radius: 50%;
	width: 30px;
	height: 30px;
	margin-left: 7.5px;
	color: #fff;
	font-size: 0.9rem;
	padding: 0px;
	line-height: 30px;
	text-align: center;
	padding-left: 2.5px;
}

.areaDocumentacao .itemDocumentacao.aberto .cabecalho .arrow{
	transform: rotate(90deg);
	padding-left: 0px;
}

.areaDocumentacao .itemDocumentacao .cabecalho > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.areaDocumentacao .itemDocumentacao .cabecalho .metodo{
	background-color: #ddd;
	border-radius: 5px;
	font-weight: 600;
	padding-left: 7.5px;
	padding-right: 7.5px;
	font-size: 0.8rem;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	color: #666;
	margin-left: 10px;
}

.areaDocumentacao .itemDocumentacao .cabecalho .iconeAutenticacao{
	color: #777;
}

.areaDocumentacao .itemDocumentacao .cabecalho .url{
	padding: 0px;
	font-size: 0.85rem;
	font-weight: 600;
	margin-left: 20px;
}

.areaDocumentacao .itemDocumentacao .cabecalho .descricao{
	padding: 0px;
	margin-left: 20px;
	font-weight: 500;
	font-size: 0.95rem;
	color: #444;
}

.areaDocumentacao .itemDocumentacao[data-metodo='GET'] .cabecalho{
	background-color: #91e091;
	border-color: #5cd15c;
}

.areaDocumentacao .itemDocumentacao[data-metodo='GET'] .cabecalho .metodo{
	color: #fff;
	background-color: #5cd15c;
}

.areaDocumentacao .itemDocumentacao[data-metodo='POST'] .cabecalho{
	background-color: #85d3f9;
	border-color: #0b95db;
}

.areaDocumentacao .itemDocumentacao[data-metodo='POST'] .cabecalho .metodo{
	color: #fff;
	background-color: #0b95db;
}

.areaDocumentacao .itemDocumentacao[data-metodo='PUT'] .cabecalho{
	background-color: #feb180;
	border-color: #fe721b;
}

.areaDocumentacao .itemDocumentacao[data-metodo='PUT'] .cabecalho .metodo{
	color: #fff;
	background-color: #fe721b;
}

.areaDocumentacao .itemDocumentacao[data-metodo='DELETE'] .cabecalho{
	background-color: #f4bec0;
	border-color: #dd3c43;
}

.areaDocumentacao .itemDocumentacao[data-metodo='DELETE'] .cabecalho .metodo{
	color: #fff;
	background-color: #dd3c43;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao{
	display: none;
	border: 2px solid #ddd;
	border-radius: 5px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-top: 0px;
	padding-bottom: 17.5px;
}

.areaDocumentacao .itemDocumentacao.aberto .dadosRequisicao{
	display: block;
}

.areaDocumentacao .itemDocumentacao.aberto .cabecalho{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom: 2px solid transparent;
}

.areaDocumentacao .itemDocumentacao.aberto[data-metodo='GET'] .dadosRequisicao{
	border-color: #5cd15c;
}

.areaDocumentacao .itemDocumentacao.aberto[data-metodo='POST'] .dadosRequisicao{
	border-color: #0b95db;
}

.areaDocumentacao .itemDocumentacao.aberto[data-metodo='DELETE'] .dadosRequisicao{
	border-color: #dd3c43;
}

.areaDocumentacao .itemDocumentacao.aberto[data-metodo='PUT'] .dadosRequisicao{
	border-color: #fe721b;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .label{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.8rem;
	padding: 0px;
	margin-left: 25px;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .descricao{
	margin-top: 20px;
	margin-bottom: 15px;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .descricao > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .exemploCurl{
	margin-top: 20px;
	width: 500px;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valor{
	padding: 0px;
	margin-left: 20px;
	font-weight: 500;
	color: #666;
	font-size: 0.95rem;
	margin-right: 20px;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .headers{
	margin-top: 15px;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .headers > .row:first-of-type{
	align-items: center;
	height: fit-content;
}


.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao{
	width: 1px;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao *{
	user-select: text;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao > .row:first-of-type .valorFinal{
	margin-top: 0px;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao .valorFinal{
	width: 2px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #666;
	margin-top: 7.5px;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao .valorFinal.nw{
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao .valorFinal span{
	color: #999;
	font-weight: 600;
	font-size: 0.8rem;
	color: var(--primary-color);
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao .valorFinal span.obrigatorio{
	background: #eee;
	padding: 5px 5px 5px 5px;
	border-radius: 5px;
	text-transform: uppercase;
	margin-right: 7.5px;
	font-size: 0.7rem;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao .valorFinal i{
	font-weight: 700;
	color: #999;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao .labelOu{
	border-top: 2px dotted #ddd;
	margin-left: 15px;
	font-weight: 600;
	color: var(--primary-color);
	margin-top: 7.5px;
	margin-bottom: 0px;
	border-bottom: 2px dotted #ddd;
	font-size: 0.75rem;
	padding-top: 2.5px;
	padding-bottom: 2.5px;
	font-weight: 600;
}

.areaDocumentacao .itemDocumentacao .dadosRequisicao .valorRequisicao.naoRequer{
	color: var(--red);
	font-weight: 500;
	font-size: 0.9rem;
}

.btnModalItem {
	height: 45px;
	background: #eee;
	border-radius: 5px;
	margin-top: 20px;
	line-height: 45px;
	text-align: center;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.8rem;
	color: #666;
	cursor: pointer;
}

.btnModalItem:nth-child(2),
.btnModalItem:nth-child(3) {
	margin-left: 7.5px;
}

.btnModalItem.btnModalConfirm {
	background: var(--green-default);
	color: #fff;
}

.btnModalItem.btnModalDelete {
	background: var(--red);
	color: #fff;
}

.modalCliente .inputIncluido{
	margin-bottom: 10px;
}

.modalCliente .inputAlterado{
	margin-left: 10px;
	margin-bottom: 10px;
}

.modalCliente .inputStatus{
/*	margin-top: 10px;*/
	width: 275px;
}

.modalCliente .inputTipo{
/*	margin-top: 10px;*/
	margin-left: 10px;
}

.modalCliente .inputDocumento{
	margin-top: 10px;
	width: 275px;
}	

.modalCliente .inputTelefone{
	margin-top: 10px;
	width: 275px;
}	

.modalCliente .inputNome{
	margin-left: 10px;
	margin-top: 10px;
}

.modalCliente .inputEmail{
	margin-left: 10px;
	margin-top: 10px;
}

.modalCliente .inputCep{
	margin-top: 10px;
	width: 175px;
}

.modalCliente .inputUF{
	margin-top: 10px;
	width: 175px;
	margin-left: 10px;
}

.modalCliente .inputCidade{
	margin-top: 10px;
	margin-left: 10px;
}

.modalCliente .inputBairro{
	margin-top: 10px;
	width: 275px;
}

.modalCliente .inputLogradouro{
	margin-top: 10px;
	margin-left: 10px;
}

.btnsAreaModal{
	border-top: 2px dashed #ddd;
	margin-top: 20px;
}

.signInPage {
/*	background: rgb(167, 214, 50);*/
/*	background: linear-gradient(45deg, rgba(167, 214, 50, 1) 0%, rgba(4, 111, 192, 1) 70%);*/
	height: 100dvh;
	background: #0F172A;
}

.signInPage>.row:first-of-type {
	height: 100dvh;
	align-items: center;
}

.signInPage .formArea .logo {
	height: 80px;
	background-image: url('../images/icone.webp');
	background-repeat: no-repeat;
	background-size: auto 65px;
	background-position: center center;
	margin-top: 20px;
}

.signInPage .formArea .title {
	text-align: center;
	font-size: 1.1rem;
	color: #444;
	font-weight: 600;
	margin-top: 7.5px;
}

.signInPage .formArea .subtitle {
	text-align: center;
	font-size: 0.9rem;
	color: #999;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 0px;
}

.signInPage .formArea {
	background: #fff;
	border-radius: 10px;
	width: 500px;
	min-height: 50px;
	padding-bottom: 30px;
	border-radius: 5px;
	/*	box-shadow: 0 1px 3px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);*/
}

.signInPage .formArea .inputUser {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 25px;
}

.signInPage .formArea .inputPassword {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 10px;
}

.signInPage .formArea .btnDoAccess {
	height: 40px;
	background: var(--blue-default);
	border-radius: 5px;
	cursor: pointer;
	color: #fff;
	line-height: 40px;
/*	margin-right: 30px;*/
	margin-top: -5px;
}

.signInPage .formArea .btnDoAccess>.row:first-of-type {
	height: 100%;
	align-items: center;
}

.signInPage .formArea .btnDoAccess .text {
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.775rem;
	padding: 0px;
	margin-left: 20px;
	margin-right: 20px;
}

.signInPage .formArea .btnDoAccess .icon {
	padding: 0px;
	margin-left: 12.5px;
	font-size: 1.1rem;
	height: 32.5px;
	background: #0064DB;
	margin-right: 6.25px;
	border-radius: 5px;
	line-height: 32.5px;
	width: 35px;
	text-align: center;
}

.signInPage .formArea .btnDoAccess.loading {
	width: 60px;
	height: 45px;
	background: var(--blue-default);
	transition: all 1.5s ease;
	cursor: default;
}

.signInPage .formArea .btnDoAccess.loading .text,
.signInPage .formArea .btnDoAccess.loading .icon {
	display: none;
}

.signInPage .formArea .btnDoAccess.loading::before {
	font-family: 'Font Awesome 5 Pro';
	content: "\f3f4";
	height: 45px;
	width: 60px;
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	animation: spin 1.2s infinite;
	font-size: 1.2rem;
}

.signInPage .formArea .row.rpbta {
	height: 100%;
	align-items: center;
	margin-top: 25px;
}

.signInPage .formArea .recoverBtn {
	padding: 0px;
	margin-left: 30px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #999;
	cursor: pointer;
}

.loaderPageArea {
	background: rgb(255, 255, 255);
	background: radial-gradient(circle, rgba(255, 255, 255, 1) 0%, rgba(231, 231, 231, 1) 90%);
	width: 100vw;
	height: 100dvh;
	z-index: 999999;
	position: fixed;
	top: 0px;
	left: 0px;
	display: none;
}

.loaderPageArea>.row:first-of-type {
	height: 100%;
	align-items: center;
}

.loaderPageArea .logo {
	width: 250px;
	height: 100px;
	background-image: url('../images/logos/logoteste.png');
	background-size: auto 90px;
	background-position: center center;
	background-repeat: no-repeat;
	padding-left: 100px;
	line-height: 100px;
	font-size: 2.25rem;
	margin-left: 175px;
	color: #555;
}

.loaderPageArea .logo span {
	font-weight: 700;
}

.loaderPageArea .msg {
	height: 25px;
	margin-top: 20px;
}

.loaderPageArea .msg::before {
	content: "Carregando website";
	height: 25px;
	margin-top: 20px;
	line-height: 25px;
	font-size: 1.1rem;
	color: #999;
	font-weight: 500;
	animation: loaderPageText 1.5s linear infinite;
	width: 400px;
	text-align: center;
}

.tabelaListarRegistros{
	margin: 30px 30px 30px 30px;
}

.tabelaListarRegistros .metodoPOST{
	font-weight: 600;
	color: var(--blue-default);
}

.tabelaListarRegistros .metodoGET{
	font-weight: 600;
	color: var(--green-default);
}

.tabelaListarRegistros .metodoPUT{
	font-weight: 600;
	color: var(--orange);
}

.tabelaListarRegistros .metodoDELETE{
	font-weight: 600;
	color: var(--red);
}

.tabelaListarRegistros .status2{
	font-weight: 600;
	color: var(--green-default);
}

.tabelaListarRegistros .status5{
	font-weight: 600;
	color: var(--red);
}

.tabelaListarRegistros .status4{
	font-weight: 600;
	color: var(--orange);
}

.modalRegistro .areaPutJson{
	border: 1px solid #eee;
	border-radius: 5px;
	overflow: hidden;
	height: auto;
	margin-top: 12.5px;
}

.modalRegistro .areaPutJson .titulo{
	font-weight: 600;
	color: #666;
	text-transform: uppercase;
	font-size: 0.75rem;
	height: 37.5px;
	background: #eee;
}

.modalRegistro .areaPutJson .titulo > .row:first-of-type{
	align-items: center;
	height: 100%;
}

.modalRegistro .areaPutJson .titulo .texto{
	padding: 0px;
	padding-left: 12.5px;
}

.modalRegistro .areaPutJson .titulo .copiarColar{
	color: var(--primary-color);
	cursor: pointer;
	font-size: 0.925rem;
	padding: 0px;
	margin-right: 12.5px;
}

.modalRegistro .areaPutJson .contentJson{
	margin: 15px;
	user-select: text;
}

/* Syntax highlighting for JSON objects */
.json-body {
  margin: 10px 20px;
  font-size: 0.8rem !important;
  	font-weight: 500;
}

.json-toggle{
	font-size: 0.8rem;
}

ul.json-dict, ol.json-array {
  	list-style-type: none;
  	margin: 0 0 0 1px;
  	border-left: 1px dotted #ccc;
  	padding-left: 2em;
  	font-size: 0.8rem;
/*  	-webkit-font-smoothing: antialiased;*/
  	padding-top: 1.75px;
  	padding-bottom: 1.75px;
  	font-weight: 500;
}
.json-string {
  color: #0B7500;
}
.json-literal {
  color: #1A01CC;
/*  font-weight: bold;*/
}

/* Toggle button */
a.json-toggle {
  position: relative;
  color: inherit;
  text-decoration: none;
}
a.json-toggle:focus {
  outline: none;
}
a.json-toggle:before {
  content: "\25B6"; /* left arrow */
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  color: #d9d9d9;
  position: absolute;
  display: inline-block;
  width: 1em;
  font-size: 10px;
  left: -1.5em;
}
a.json-toggle.collapsed:before {
  content: "\25B6"; /* left arrow */
  transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  font-size: 10px;
}

/* Collapsable placeholder links */
.contentJson .json-placeholder {
  color: #aaa;
  padding: 0 1em;
  text-decoration: none;
  user-select: none;
}
.contentJson .json-placeholder:hover {
  text-decoration: underline;
}

.modalRegistro .inputResultado{
	margin-left: 10px;
}

.modalRegistro .inputMetodo{
	margin-top: 10px;
	width: 200px;
}

.modalRegistro .inputEndpoint{
	margin-top: 10px;
	margin-left: 10px;
}

.contentTabLogs .areaFiltros .inputPeriodo{
	margin-left: 30px;
}

.contentTabLogs .areaFiltros .inputModulo{
	margin-left: 10px;
	width: 220px;
}

.contentTabLogs .areaFiltros .inputMetodo{
	margin-left: 10px;
	width: 150px;
}

.contentTabLogs .areaFiltros .inputEndpoint{
	margin-left: 10px;
}

.areaDocumentacao .areaChaveBasic{
	background-color: #eee;
	border-radius: 5px;
	padding-top: 7.5px;
	padding-bottom: 7.5px;
	margin-right: 30px;
	margin-top: 25px;
}

.areaDocumentacao .areaChaveBasic .label{
	padding: 0px;
	margin-left: 12.5px;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.75rem;
	color: var(--primary-color);
}

.areaDocumentacao .areaChaveBasic > .row:first-of-type{
	align-items: center;
	height: fit-content;
}

.areaDocumentacao .areaChaveBasic .valor{
	user-select: text;
	font-size: 0.9rem;
	font-weight: 500;
	color: #666;
	padding: 0px;
	margin-left: 12.5px;
}

.areaDocumentacao .areaChaveBasic .btnCopiar{
	cursor: pointer;
	color: var(--primary-color);
	padding: 0px;
	margin-right: 12.5px;
	margin-left: 12.5px;
}

.areaDocumentacao .areaChaveBasic .valor span{
	font-weight: 700;
	color: #999;
	user-select: text;
}

.tabelaListarProdutos{
	margin: 30px;
}

.modalProduto .inputStatus{
	width: 275px;
}

.modalProduto .inputIncluido{
	margin-bottom: 10px;
}

.modalProduto .inputAlterado{
	margin-left: 10px;
	margin-bottom: 10px;
}

.modalProduto .inputTipo{
	margin-left: 10px;
}

.modalProduto .inputGrupo{
	margin-left: 10px;
}

.modalProduto .inputDescricao{
	margin-top: 10px;
}

.modalProduto .inputSku{
	margin-top: 10px;
	width: 175px;
}

.modalProduto .inputSku input{
	text-transform: uppercase;
}

.modalProduto .inputNcm{
	margin-top: 10px;
	margin-left: 10px;
}

.contentTabProdutos .areaFiltros .inputTermo{
	margin-left: 30px;
}

.contentTabProdutos .areaFiltros .inputStatus{
	width: 300px;
	margin-left: 10px;
}