@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: none;
    outline: none;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
	font-weight: 400;
	color: #222222;
}

html{
	height: 100%;
}

body{
	position: relative;
    height: 100%;
    min-height: 500px;
	overflow: hidden;
}

a{
	text-decoration: none;
}

ul{
	list-style: none;
}

input[type=number]::-webkit-inner-spin-button { 
    -webkit-appearance: none;
    
}
input[type=number] { 
   -moz-appearance: textfield;
   appearance: textfield;

}

.bsh1{
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.3);
}

.bsh2{
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
}

#corpo{
	width: calc(100% - 90px);
	height: calc(100% - 50px);
	float: left;
	padding: 32px;
}

#cabecalho{
	width: calc(100% - 90px);
	height: 50px;
	float: left;
}

#texto_cabecalho{
	width: calc(100% - 50px);
	height: 100%;
	margin: 0 25px;
	padding: 20px 16px 0 16px;
	border-bottom: 1px solid #CCCCCC;
}

#texto_cabecalho h1{
	font-size: 22px;
	font-weight: 500;
	/*color: #8B7459;	*/
}

#container_modal{
	width: 100%;
	height: 100%;
	float: left;
}

#texto_cabecalho_modal{
	width: calc(100% - 30px);
    margin: 0 15px;
    padding: 20px 10px 3px 10px;
    border-bottom: 1px solid #DDB987;
}

#texto_cabecalho_modal h1{
	font-size: 16px;
	color: #8B7459;	
}

.botao_padrao{
	width: 130px;
	height: 40px;
	border-radius: 25px;
	font-size: 15px;
	cursor: pointer;
	margin-right: 8px;
}

.botao_padrao:last-child{
	margin-right: 0;
}

.botao_padrao i{
	font-size: 15px;
	margin-right: 5px;
}

.botao_padrao_redondo{
	width: 40px;
	height: 40px;
	border-radius: 100%;
	font-size: 15px;
	cursor: pointer;
	margin-right: 8px;	
}

.botao_padrao_redondo:last-child{
	margin-right: 0;
}

.botao_branco_marrom{
	color: #DDB987;
	background: #FFF;
	border: 1px solid #DDB987;
}

.botao_marrom_claro{
	color: #FFF;
	background: #C1A784;
}

.botao_verde{
	color: #3c8438;
	background: #FFFFFF;
	border: 1px solid #3c8438;
}

.botao_verde:hover{
	color: #FFFFFF;
	background: #3c8438;
}

.botao_amarelo{
	color: #9c892b;
	background: #FFFFFF;
	border: 1px solid #9c892b;
}

.botao_amarelo:hover{
	color: #FFFFFF;
	background: #9c892b;
}

.botao_vermelho{
	color: #a92121;
	background: #FFFFFF;
	border: 1px solid #a92121;
}

.botao_vermelho:hover{
	color: #FFFFFF;
	background: #a92121;
}

.botao_azul{
	color: #6060dc;
	background: #FFFFFF;
	border: 1px solid #6060dc;
}

.botao_azul:hover{
	color: #FFFFFF;
	background: #6060dc;
}

.botao_cinza{
    color: #666;
    background: #FFFFFF;
    border: 1px solid #666;
}

.botao_cinza:hover{
	color: #FFFFFF;
	background: #666;
}

.botao_impressao{
    width: 145px;
}

.botao_impressao i{
	margin-right: 7px;
	font-size: 14px;
}

#janela_modal{
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.7;
	z-index: 1;
}

#conteudo_modal{
	display: none;
	z-index: 2;
}

.align_vt_center{
	position: absolute;
	top: 0; 
	bottom: 0;
	left: 0; 
	right: 0;
	margin: auto;
}

.wh_medio{
	width: 400px;
	height: 435px;
	background: #FFFFFF;
}

.wh_medio_2{
	width: 450px;
	height: 505px;
	background: #FFFFFF;
}

.wh_medio_3{
	width: 450px;
	height: 590px;
	background: #FFFFFF;
}

.wh_medio_4{
	width: 485px;
	height: 440px;
	background: #FFFFFF;
}

.wh_pequeno{
	width: 312px;
	height: 170px;
	background: #FFFFFF;
}

.wh_pequeno_2{
	width: 312px;
	height: 160px;
	background: #FFFFFF;
}

.wh_pequeno_3{
	width: 312px;
	height: 410px;
	background: #FFFFFF;
}

.wh_pequeno_4{
	width: 312px;
	height: 465px;
	background: #FFFFFF;
}

.wh_pequeno_5{
	width: 500px;
	height: 210px;
	background: #FFFFFF;
}

.wh_pequeno_6{
	width: 300px;
	height: 150px;
	background: #FFFFFF;
}

.wh_pequeno_7{
	width: 150px;
	height: 175px;
	background: #FFFFFF;
}

.wh_pequeno_8{
	width: 400px;
	height: 200px;
	background: #FFFFFF;
}

.wh_pequeno_9{
	width: 205px;
	height: 190px;
	background: #FFFFFF;
}

.wh_pequeno_10{
	width: 380px;
	height: 160px;
	background: #FFFFFF;
}

.wh_pequeno_11{
	width: 312px;
	height: 190px;
	background: #FFFFFF;
}

.wh_pequeno_12{
	width: 224px;
    height: 400px;
    background: #FFFFFF;
}

.wh_medio_10{
	width: 365px;
	height: 555px;
	background: #FFFFFF;
}

.wh_medio_11{
	width: 410px;
	height: 630px;
	background: #FFFFFF;
}

.botoes_modal{
	position: absolute;
	/*bottom: 0;*/
	bottom: -20px;
	width: 100%;
    height: 80px;
	/*padding: 20px;*/
    padding: 0 20px 20px 20px;
    text-align: right;
}

.botoes_centro{
	text-align: center;
}

#corpo_cadastro{
    position: absolute;
	width: 100%;
    height: calc(100% - 125px);
    padding: 25px;
}

#corpo_cadastro span{
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
}

.texto_input{
	width: 100%;
	float: left;
	font-size: 13px;
	font-weight: 500;
	/*color: #383838;*/
}

/*.input_padrao{
	width: 100%;
	height: 40px;
	border: 1px solid #929292;
	border-radius: 2px;
}*/

.input_padrao{
    width: 100%;
    float: left;
    height: 40px;
    border: 1px solid #aaa;
    font-size: 15px;
    padding: 0 10px;
    border-radius: 4px;
}

.input_cadastro{
	height: 35px;
	padding: 0 8px;
	font-size: 15px;
}

.texto_input_cadastro{
    font-size: 14px;
	font-weight: 500;
}

.input_cadastro option{
	font-family: 'Roboto', sans-serif;
	font-size: 15px;
}

thead, tbody{
  display: block; 
}

tbody{
	float: left;  
	overflow-y: scroll;
	max-height: 460px;
}

.linha_tabela{
	cursor: pointer;
}

.linha_tabela:hover{
	background: #C8C8C8;
}

#cbox_duas_formas_pagamentos{
	margin-right: 5px;
}

.texto_padrao{
	font-size: 13px;
	/*color: #383838;*/
}

.txt_cod_venda{
	position: absolute;
    top: 54px;
    right: 40px;
    font-size: 14px;
    color: #666666;
}