/*A criação é silenciosa. Origem e resultado, toda criação está sujeita a isso*/


*{margin:0; padding:0; text-decoration:none; border:none; list-style:none; position:relative; font-size:0;}
input[type="button"]{color:transparent;}

body{font-family:Arial, Helvetica, sans-serif; background:#f1f1f1;}

.base{width:100%; margin-right:auto; margin-left:auto;}

.none{display:none;}

.inline{display:inline-block; vertical-align:top;}
.t-cell{display:table-cell;}
.v-top{vertical-align:top;}
.v-mid{vertical-align:middle;}

.a-left{text-align:left;}
.a-right{text-align:right;}
.a-center{text-align:center;}

.block{display:block;}
.tabela{display:table;}
.flex{display:flex;}
.borda{border:solid 1px;}

.b-dir{border-right:solid 1px #ccc;}

.m-top{margin-top:20px;}
.m-bot{margin-bottom:10px;}
.m-left{margin-left:10px;}
.m-l20{margin-left:20px;}
.m-t10{margin-top:10px;}

.padding{padding:20px;}
.pad-10{padding:10px;}
.pad-5{padding:5px;}
.pr-10{padding-right:10px;}

.ctitulo{position:absolute; font-size:14px; pointer-events:none; left:20px; top:20px; color:#333333;}
.bg-none{background:none !important;}
.float-r{float:right;}
.float-l{float:left;}
.mensagem{z-index:9;}

.p-timer{
	width:13px;
	height:13px;
	border-radius:50%;
	background:conic-gradient(#ffa200 100%, #dedede 0);
	display:inline-block;
	position:absolute;
	right:100px; top:50%;
	transform:translateY(-50%);
}

.title{display:none; padding:10px; background:#353c3e; z-index:2; position:absolute; left:0; top:0; min-width:130px; border-left:solid 5px #cccccc;}
	.title, .title *{font-size:14px; color:#ffffff;}
	

.w50{width:calc(50% - 10px);}



#mensagem div *{font-size:12px; color:#ffffff;}

.botao{background:#e3e3e3;}
	.botao div{color:#ffffff; font-size:24px; text-align:center; text-transform:uppercase;}

.ns{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.loading, .load{position:fixed; background:#ffffff90; height:100%; width:100%; z-index:3; text-align:center; display:none; margin-top:0; top:0;}

.loading .carregando{bottom:10px; position:fixed;}

.pg-load{position:absolute; z-index:+2; width:100%; text-align:center; display:none; bottom:0;}
	.pg-load .carregando-p{text-align:center; left:50%;}



.p-barra{width:100%; background:#dedede; margin-top:7.5px; position:absolute;}
		.p-barra .progresso{padding-top:2px; padding-bottom:2px; background:#ffa200; width:0;}
		
		li.readonly .p-barra{position:relative;}
		li.readonly:has(.p-barra){margin-bottom:10px;}
		
		
		
	.copiar{font-size:9px !important; color:#ffffff !important; padding:5px; position:absolute; right:-30px; top:-10px; z-index:1;}
		.copiar:hover{cursor:pointer;}
		.copiar input{font-size:1px !important; background:none; padding:0; margin:0; border:none; color:transparent;}
		
		.copiar div[class*="quadro-"]{border:solid 1px #333333; position:absolute; width:10px; height:13px;}
		.copiar .quadro-1{margin-top:3px; margin-left:3px;}
		
		
		.empresa{margin-top:40px;}
			.empresa h1{font-size:18px;}
			.empresa p{font-size:16px;}
			.empresa p *{font-size:1em;}
			
			.empresa p:has(.dadosban){margin-top:20px;}



.ctitulo{opacity:1; font-size:12px; color:#333333; transition:all 0.2s;}
.preenchido{opacity:1; font-size:9px; top:-5px; background:#ffffff; padding-left:3px; padding-right:3px;}
.foco{opacity:0.5;}

.formulario{
    max-width:1000px;
    margin:auto;
}

.formulario .padding{
    padding:25px;
}

.formulario .campo{
    position:relative;
    box-sizing:border-box;
}

.formulario input,
.formulario select{
    width:100%;
    height:48px;
    padding:18px 14px 8px;
    border:1px solid #d7d7d7;
    border-radius:8px;
    background:#fff;
    font-size:14px;
    color:#333;
    transition:.25s;
    box-sizing:border-box;
    outline:none;
}

.formulario input:hover,
.formulario select:hover{
    border-color:#a0a0a0;
}

.formulario input:focus,
.formulario select:focus{
    border-color:#006cff;
    box-shadow:0 0 0 3px rgba(0,108,255,.08);
}

.formulario input.erro,
.formulario select.erro{
    border-color:#d40028;
    background:#fff7f7;
}

/* LABEL FLUTUANTE */

.ctitulo{
    position:absolute;
    left:14px;
    top:15px;
    padding:0 4px;
    background:#fff;
    color:#8a8a8a;
    font-size:14px;
    pointer-events:none;
    transition:.18s ease;
    transform-origin:left center;
}

/* quando focado */

.campo:focus-within .ctitulo{
    top:-7px;
    font-size:10px;
    color:#006cff;
    background:#fff;
}

/* quando preenchido */

.campo.preenchido .ctitulo,
.campo.temValor .ctitulo,
.campo.ativo .ctitulo{
    top:-7px;
    font-size:10px;
    background:#fff;
}

/* BOTÃO */

.formulario>.botao{
    margin:25px;
    height:48px;
    border-radius:8px;
    background:#d8d8d8;
    color:#fff;
    text-align:center;
    line-height:48px;
    font-weight:bold;
    cursor:not-allowed;
    transition:.2s;
    user-select:none;
}

.formulario>.botao.ativo{
    background:#006cff;
    cursor:pointer;
}

.formulario>.botao.ativo:hover{
    background:#0058d0;
}

.formulario>.botao.loadN2{
    opacity:.6;
    pointer-events:none;
}

/* ESPAÇAMENTOS */

.m-top{
    margin-top:15px;
}

.m-left{
    margin-left:15px;
}