body{
	margin:0;
	padding:0;
}
header{
	display:flex;
	flex-direction:column;
	justify-content:center;
}
.body_login{
	width:100vw;
	height:100vh;
	background-image:URL('../images/img1.jpg');
	background-size:cover;
	background-position:right;
	background-repeat:no-repeat;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	font-size:22px;
}
.login_area{
	width:100%;
	max-width:330px;
	padding:30px;
}
.form_login_area{
	width:100%;
}
.input_login{
	text-align:center;
}
.btn_login{
	margin-top:10px;
}
.alert_login{
	width:100%;
	text-align:center;
	color:#fff;
	padding-top:10px;
}
.area_sistem{
	width:100vw;
	height:100vh;
	background-color:#F2F2F2;
}
.nav_sistem{
	height:60px;
}
.top_sistem{
	width:100%;
}
.logo_sistem{
	font-family:Century;
	font-size:30px;
}
.link_logo_sistem:hover{
	text-decoration:none;
}

.section_sistem{
	width:100%;
	height:calc(100vh - 60px);
	display:flex;
}
.date_time_sistem{
	margin-right:10px;
}
.leftside{
	width:235px;
	height:calc(100vh - 60px);
	overflow:auto;
}
.accordion_item:hover a{	
	background-color:#eee;
	color:#000;
}
.active_sistem{
	background-color:#343a40;
	color:#fff;
}
.card-body a{
	width:100%;
	text-align:left;
}
.rightside{
	width:100%;
	height:calc(100vh - 60px);
	overflow:auto;
	display:flex;
	justify-content:center;
}
.rightside_cadastro_produto{
	width:100%;
	height:calc(100vh - 60px);
	overflow:auto;
	display:flex;
	flex-direction: column;
	justify-content:center;
}
.produtos_top_sistem{
	margin-bottom:20px;
}
.table_sistem{
	width:90%;
	margin:auto;
	margin-top:20px;
}
.sistem_area{
	width:95%;
	margin:auto;
	padding:10px 8px;
}
.cons_desc_header{
	width:100%;
}
.cons_desc_body{
	width:100%;
	height:calc(100vh - 340px);
}
.table_sistem_desc table{
	text-transform:uppercase;
	text-align:center;
}
.table_sistem_desc{
	width:100%;
	max-height:calc(100vh - 400px);
}
.table_sistem_vendas{
	width:100%;
	max-height:calc(100vh - 400px);
}
.table_estoque{
	width:100%;
	height:calc(100vh - 450px);
	overflow:auto;
}
.table_cadastro_cli_area{
	width:100%;
	margin:auto;
}
.table_cons_usu{
	max-height:calc(100vh - 130px);
}
.area_cupom{
	width:100%;
	border:1px solid #aaa;
	height:calc(100vh - 250px);
	margin:auto;
	overflow:auto;
	background-color:#fff;
}
.area_cupom2{
	width:100%;
	border:1px solid #aaa;
	height:calc(100vh - 350px);
	margin:auto;
	overflow:auto;
	background-color:#fff;
}
.table_cli_area{
	width:100%;
	max-height:calc(100vh - 150px);
	overflow:auto;
}
.pdv_topo_sistem{
	height:110px;
}
.pdv_topo_sistem input{
	height: 50px;
	font-size: 25px;
}
.pdv_body{
	width:100%;
	height:calc(100vh - 242px);
	display:flex;
	justify-content:space-between;
}
.pdv_body4{
	width:100%;
	height:calc(100vh - 132px);
	display:flex;
	align-items: center;
	text-align: center;
}
.pdv_body4int{
	width: 100%;
	height: auto;
	display:flex;
	flex-direction: column;
	align-items: center;
}
.orcamento_form{
	width: 70%;
	display: flex;
}
.pdv_body2{
	width:100%;
	height:calc(100vh - 130px);
	display:flex;
	justify-content:space-between;
}
.pdv_body3{
	width:100%;
	height:calc(100vh - 132px);
	display:flex;
	justify-content:space-between;
}
.pdv_footer{
	width:100%;
	height:50px;
	background-color:#343a40;
	color:#f8f9fa;
	display:flex;
	justify-content:center;
	align-items:center;
}
.pdv_left{
	width:calc(100vw - 400px);
	height:100%;
	overflow: hidden;
}
.logo_area{
	width: 100%;
	height: calc(100vh - 242px);
}
.pdv_text{
	width:calc(100vw - 440px);
	height:calc(100vh - 310px);
	display:flex;
	justify-content:center;
	align-items:center;
}
.pdv_text h1{
	font-size:55px;
}
.pdv_right{
	width:400px;
	height:100%;
	background:#343a40;
	margin:auto;
	display:flex;
	align-items:center;
}
.form_pdv_right{
	width:100%;
}
.campo_right{
	width:100%;
	height:50px;
	background:#fff;
	color:#343a40;
	text-align:center;
	display:flex;
	align-items:center;
	justify-content:center;
}
.btn_finalizar{
	width:100%;
	height:60px;
	margin-top:10px;
	display:flex;
	justify-content:center;
	align-items:center;
}
.btn_finalizar button{
	padding:10px 147px;
}
.btn_finalizar a:hover{
	text-decoration:none;
}
.btn_finalizar span{
	color:#fff;
	font-size:20px;
	text-shadow:1px 1px #000;
}
.btn_finalizar:hover{
	cursor:pointer;
}
.btn_area{
	width:100%;
	height:40px;
	display:flex;
	justify-content:center;
	align-items: center;
	margin-top:7px;
}
.btn_area button{
	padding:8px 62px;
}
.btn_aux{
	width:49%;
	height:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
}
.btn_aux span{
	font-size:14px;
	text-shadow:1px 1px #000;
}
.btn_aux a{
	color:#f8f9fa;
}
.btn_aux:hover{
	cursor:pointer;
}
.btn_aux a:hover{
	cursor:pointer;
	text-decoration:none;
}
.table-responsive{
	height:100%;
}
.pdv_total{
	font-size:55px;
}
.close_cancel:hover{
	text-decoration:none;
}
.modal_consulta{
	max-height:400px;
	overflow:auto;
}
.finalizar_atendimento_area{
	width:100%;
	height:calc(100vh - 130px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.finalizar_atendimento_area2{
	width:100%;
	height:calc(100vh - 432px);
}
.finalizar_atendimento_area3{
	width:100%;
	height:calc(100vh - 130px);
}
.finalizar_atendimento_area4{
	width:100%;
	height:calc(100vh - 132px);
}
.crediario2_area{
	width:100%;
	height:calc(100vh - 452px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	overflow:auto;
}
.consulta_crediario2_area{
	width:100%;
	max-height:calc(100vh - 452px);
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	overflow:auto;
}
.fin_ate_form{
	width:90%;
	background-color:#343a40;
	padding:30px;
	border-radius:5px;
}
.font_size_total{
	font-size:55px;
}
.troco_area{
	width:90%;
	background-color:#088A29;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
	padding:30px;
	border-radius:5px;
}
.btn_troco_area{
	width:100%;
	display:flex;
	margin-top:30px;
}
.btn_troco_area .row{
	width:100%;
}
.btn_troco_area a{
	width:99.5%;
}
.btn_troco_area .area_right{
	display:flex;
	justify-content:flex-end;
	align-items:center;
}
.debito_dinheiro_area{
	width:90%;
	background-color:#343a40;
	color:#f8f9fa;
}
.crediario_area_select{
	width:100%;
	display:flex;
	flex-direction:column;
	align-items:center;
	background-color:#343a40;
	padding:10px;
	color:#f8f9fa;
	border-radius:5px;
}
.crediario_table_area{
	width:100%;
	height:calc(100vh - 450px);
	overflow:auto;
	margin-top:20px;
}
.table_consulta_area{
	width:100%;
	max-height:calc(100vh - 400px);
	overflow:auto;
	margin-top:20px;
}
.busca_registro_area{
	width:100%;
	max-height:calc(100vh - 300px);
	overflow:auto;
}
.table_produtos_area{
	width:100%;
	max-height:calc(100vh - 250px);
	overflow:auto;
	margin-top:20px;
}
.table_vendas_crediario{
	width:100%;
	max-height:calc(100vh - 350px);
	overflow:auto;
	margin-top:20px;
}
.table_clientes{
	width:100%;
	max-height:calc(100vh - 250px);
	overflow:auto;
}
.table_debitos_pagos{
	width:100%;
	max-height:calc(100vh - 350px);
	overflow:auto;
}
.table_cons_crediario{
	width:100%;
	max-height:calc(100vh - 350px);
	overflow:auto;
}
.deb_pag_area{
	width:100%;
	max-height:calc(100vh - 400px);
	overflow:auto;
}
.area_venda{
	padding-left: 20px;
	padding-right: 20px;
}
.area_resumo{
	width:100%;
	height:30px;
	line-height: 30px;
	border-bottom:1px solid #000;
}
.area_resumo span{
	padding:10px;
	color: #0B3B0B;
	font-weight: bold;
}
.area_venda .area_container{
	width: 100%;
	height: calc(100% - 30px);
}
.areaVendaInt{
	width: 49.5%;
	height: 100%;
}
.area_estoque{
	width: 49.5%;
	height: 100%;
}
.title_area{
	width: 100%;
	height: 20px;
	line-height: 20px;
	border-bottom: 1px solid #000;
}
.cont_area{
	width: 100%;
	height: calc(100% - 60px);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 45px;
}
.rodape_area{
	width: 100%;
	line-height:30px;
	display: flex;
	justify-content: end;
}
.area_resumo_cont{
	width: 100%;
	height: calc(100% - 70px);
	display: flex;
	flex-direction:column;
	justify-content: center;
	align-items: center;
	font-size: 45px;
}
.abas_produtos_area{
	width: 100%;
	height: 40px;
}
.registro_nome{
	font-size: 12px;
	color:#f8f9fa;
	border:1px solid #f8f9fa;
	padding:5px;
	border-radius:5px;
	text-decoration: none;
}
.registro_nome:hover{
	background-color: #f8f9fa;
	color: #343a40;
	text-decoration: none;
}

.modal_rec_busca{
	width: 100%;
	height: calc(100vh - 100px);
	overflow: auto;
}
.box-load{
	width: 100%;
	display: block;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.box-load2{
	width: 100%;
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
@keyframes load{
	to{transform: rotate(360deg);}
}
.pre{
	width:80px;
	height:80px;
	background-image: url('../images/load.png');
	background-position: center;
	background-size: contain;
	animation: load 2s infinite linear;
}
.result_venda_produto{
	width: 100%;
	height: auto;
	max-height: 200px;
	background: #ccc;
	position: absolute;
	overflow-y: auto;
	overflow-X: hidden;
}
.result_venda_produto_item{
	position:relative;
	font-size:15px;
	text-transform: uppercase;
	color: #343a40;
	border-bottom: 1px solid #aaa;
}
.result_venda_produto_int{
	font-size:20px;
	padding: 0;
	margin-top:-10px;
	color: #007bff;
	overflow: hidden;
	white-space: nowrap;
}
.result_venda_produto .a1{
	padding-top: 3px;
}
.result_venda_produto_item:hover{
	background-color: #343a40;
	color: #f8f9fa;
	cursor: pointer;
}
.consulta_preco{
	position: relative;
}
.result_consulta_preco{
	position: absolute;
	overflow: hidden;
	white-space: nowrap;
	width: 100%;
}
.modal_consulta_preco{
	max-height: calc(100vh - 200px);
}
.table_consulta_preco{
	width: 100%;
	max-height: calc(100vh - 500px);
	overflow: auto;
	white-space: nowrap;
}



.bbb{
	overflow: auto;
	height: calc(100vh - 243px);
}
.busca_produto{
	width: 100%;
	max-height: calc(100vh - 300px);
	overflow: auto;
	color: #000;
	background-color: #fff;
	position: absolute;
	z-index: 9;
	padding-left: 5px;
	padding-right: 5px;
	box-shadow:0px 2px 5px #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.area_cli_cred{
	height: calc(100vh - 400px);
}
.busca_cliente{
	width: 100%;
	height: calc(100vh - 574px);
	overflow: auto;
	color: #000;
	background-color: #fff;
	position: absolute;
	padding-left: 5px;
	padding-right: 5px;
	box-shadow:0px 2px 5px #ccc;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.area_busca{
	width: 100%;
}
.area_busca div{
	font-weight: normal;
}
.area_busca:hover{
	font-weight: bold;
}
.area_busca:hover, .area_busca:hover div{
	cursor: pointer;
	background: #343a40;
	color: #f8f9fa;
}
.atvc{
	font-weight: bold;
}
.atvc, .atvc *{
	background: #343a40;
	color: #f8f9fa;
}
.atv{
	background: #343a40;
	border-bottom: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
}
.busca_produto::-webkit-scrollbar{
	width: 0;
	display: none;
}
.campo_codigo:focus, .atv:focus{
	border: 0;
	outline: none;
	box-shadow: none;
}
.atcc{
	/*marcação não apagar*/
}
.cliente_area_registro{
	width: 100%;
}
.btn_add_cred{
	position: absolute;
	top:35px;
	right:40px;
}
.btn_add_cred:hover{
	cursor: pointer;
}
.pdv_link:hover{
	cursor: pointer;
}
.fecharCaixa_area{
	overflow: auto;
}

.btn_add_fornecedor:hover{
	cursor: pointer;

}

.atacado_area{
	width:100%;
	height:0;
	overflow:hidden;
	transition:all 0.5s linear;
}
.btn_edit_forn:hover{
	cursor: pointer;
}

.table_sangria{
	height:calc(100vh - 232px);
	overflow: auto;
}



.pdv_body_pagamento{
	width:100%;
	height:calc(100vh - 132px);
	display:flex;
	justify-content:center;
	align-items: center;
}

.pagamento_area{
	width:90%;
	border-radius: 5px;
	padding:10px;
}

.pdv_body_pagamento{
	width:100%;
	height:calc(100vh - 132px);
	display:flex;
	justify-content:center;
	align-items: center;
}