@font-face {
  font-family: Raleway;
  src: url('../packets/googlefonts/Raleway-VariableFont_wght.ttf');
}

@font-face {
  font-family: Roboto;
  src: url('../packets/googlefonts/Roboto/Roboto-Medium.ttf');
}

@font-face {
  font-family: Roboto Light;
  src: url('../packets/googlefonts/Roboto/Roboto-Light.ttf');
}

#iframeDiv{width: 100%;height: 600px; border-radius:5px;overflow:hidden}
 iframe{margin-top:-8%;margin-left:-0%;height:120%;width:100%;}
 
 html, body {
  width: 100%; height: 100%;
  margin: 0; padding: 0;
  font-family: 'Roboto', sans-serif;
 
}
 
 input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(1.5); /* IE */
  -moz-transform: scale(1.5); /* FF */
  -webkit-transform: scale(1.5); /* Safari and Chrome */
  -o-transform: scale(1.5); /* Opera */
  transform: scale(1.5);
  cursor:pointer;
}

.noselect
{
	-webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;
}

.optionChooseCheck {
  width:20px !important;
  height:20px !important;
  padding:0px !important;
  cursor:pointer;
}

.inputsCircle {
	text-align:left;
	width:200px !important;
	margin-top:20px !important;
	font-family: 'Roboto', sans-serif;
	font-weight:bold;
	margin-left:55px !important
}

.buttonPayChoose{
	padding: 10px 20px !important;
	border-radius:5px !important;
	cursor:pointer;
	background-color:black;
	color:white;
	font-weight:bold;
	border:none;
	font-size:14px !important;
	margin-top:20px !important;
}

.buttonPayChoose:hover{
	 transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.buttonPayChoose:focus{
    	outline: none;
}

.containerPlanosChoose{
	text-align:center;
	width:300px !important;
	margin-left:65px !important;
	margin-bottom:20px !important;
}

.containerPlanosChoose img 
{
	width:150px;
}




#snackbar {
  visibility: hidden;
  min-width: 250px;
  margin-left: -125px;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 16px;
  position: fixed;
  z-index: 1;
  left: 50%;
  bottom: 30px;
  font-size: 17px;
  display:none;
  font-family: 'Roboto', sans-serif;

}

#snackbar.show2 {
  visibility: visible;
  -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
  animation: fadein 0.5s, fadeout 0.5s 2.5s;
}













.vencimentoChoose{
	font-family: 'Roboto', sans-serif;
	text-align:center;
	margin-top:8px;
	margin-left:35px;
	color:grey;
	font-size:12px;
	position:absolute;
}

.firstTexto_a{
	font-family: 'Roboto', sans-serif;
	color:grey;
	margin-top:20px;
	margin-bottom:20px;
}










.BlockTerror{
	font-family: 'Roboto', sans-serif;
	background-color:black;
	width:200px;
	max-height:300px;
	min-height:200px;
	border:1px solid white;
	display:none;
	position:absolute;
	border-radius:0px 20px 20px 0px;
	color:white;
	padding:10px;
	margin-left:100%;
}

.interrorClass{
	position:absolute;
	background-color:black;
	color:white;
	padding:2px;
	padding-top:4px;
	padding-bottom:4px;
	width:15px;
	text-align:center;
	border-radius:30px;
	font-size:10px;
	margin-left:89%;
	margin-top:-34px;
	cursor:help;
}

.alert{
	font-family: 'Roboto', sans-serif;
}

 .loadingTitle{
	 margin-top:100px;
	 position:absolute;
	 font-family: 'Roboto', sans-serif;
	 color:grey;
	 font-size:10px;
	 font-weight:bold;
	 width:100%;
 }



.ButtonDelete{
	font-family: 'Roboto', sans-serif;
	text-align:center;
	display:inline-block;
	width:45%;
	height:30px;
	margin-bottom:10px;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	padding:10px;
	border-radius:30px;
	background-color:#cc6868;
	color:white;
	transition: transform .2s; /* Animation */
	-webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;
}

.ButtonDelete:hover {
  transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  background-color:#c92e2e;
  transition:0.3s;
}

.ButtonDelete:focus {
	outline:0;
}


.ButtonYes2{
	font-family: 'Roboto', sans-serif;
	text-align:center;
	display:inline-block;
	height:20px;
	margin-bottom:10px;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	padding:10px 30px;
	border-radius:5px;
	background-color:#575757;
	color:white;
	transition: transform .2s; /* Animation */
	-webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;
}

.ButtonYes2:hover {
  transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  background-color:black;
  box-shadow: 1px 1px 3px 5px rgba(0,0,0,0.3); 
}

.ButtonYes2:focus {
	outline:0;
}

 .buttonclickedcategoria{
	  background-color: black !important;
  }


@media print{
  .printTitle{
   display:block !important;
   font-family: 'Roboto', sans-serif;
   font-weight:bold;
   font-size:30px;
  }
  
  .printSubTitle{
   display:block !important;
   font-family: 'Roboto', sans-serif;
   font-size:18px;
   margin-top:10px;
  }
  
  .Title{
	  font-size: 20px !important;
  }
  
  .changegg{
	  pointer-events: none;
	  padding:0px !important;
	  font-size: 20px !important;
	  width:50px !important;
  }
  
  
  
  .valgg{
	  display:none;
  }
  
  
  .FEMClass{
	  display:none;
  }
  
  .FEMClass::before{
	  content:' R$: ';
  }
  
  .InputPrintGREs::after{
	  content:': ';
  }
  
  
  .fontEditMaterials{
	  font-size: 20px !important;
  }
  
  .divEditMaterials{
	  border:2px solid black !important;
	  border-radius:10px !important; 
	  padding:0px !important;
	  margin-bottom:10px;
  }
  
  .custoMaterials{
	  display:none;
	  margin-top:30px;
	  margin-bottom:30px;
	  font-size:25px;
  }
  
  .custoMaterials::before{
	  content:'Custo R$:';
  }

}


.eventoBlocks{
	background-color:#f2f2f2;
	height:70px;
	width:180px;
	display:inline-block;
	border-radius:10px;
	margin:10px;
	
}

.materialPlus{
padding:20px;
background-color:#a8a8a8;	
cursor:pointer;
border-radius:10px;
font-size:14px;
width:20px;
display:inline-block;
color:black;
font-size:16px;
}

.materialPlus:hover{
background-color:black;	
color:white;

}

.calendarioPlus{
padding:5px;
background-color:#cceeff;	
cursor:pointer;
border-radius:25px;
font-size:14px;
}

.calendarioPlus:hover{
background-color:#74cefc;	
}

.eventoDiasFaltando{
	font-size:12px;
	padding-top:5px;
	font-family: 'khula', sans-serif;
	color:grey;
}

.eventoTitle{
	background-color:#dbdbdb;
	padding:10px 20px;
	border-radius:10px;
	font-weight:bold;
	height:10px;
	height: 1.2em; 
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
	cursor:pointer;

}

.vencimentoTable{
	cursor:pointer;
}

.vencimentoDia{
	position:absolute;
	height:40px;
	width:95px;
	vertical-align:middle;
	margin-top:-65px;
	font-size:35px;
	font-weight:bold;
}

.vencimentoAno{
	position:absolute;
	height:11px;
	width:95px;
	vertical-align:middle;
	margin-top:-85px;
	font-size:10px;
	color:white;
	font-weight:bold;
}

.vencimentoMes{
	position:absolute;
	height:23px;
	width:95px;
	vertical-align:middle;
	margin-top:-25px;
	font-size:14px;
	font-weight:bold;
	color:#717171;
}

.Vencimentotitle{
	font-weight:bold;
	color:grey;
	text-align:center;
}




.changecalctipe{
	display:inline-block;
	width:30px;
	height:20px;
	border-radius:30px;
	margin-left:0%;
	margin-top:0%;
	background-color:rgba(0,0,0,0.1);
	text-align:center;
	cursor:pointer;
	padding-top:4px;
}

.changecalctipe:hover{
	background-color:rgba(0,0,0,0.3);
}


.val1{
	font-family: 'Roboto', sans-serif;
	position:absolute;
	font-weight:bold;
	font-size:20px;
	margin-top:3%;
	margin-left:5%;
	
}

.Empty{
	font-family: 'Roboto', sans-serif;
	color:grey;
	text-align:center;
	font-size:25px;
	padding:20px;
	padding-bottom:0px;
}

.val2{
	font-family: 'Roboto', sans-serif;
	position:absolute;
	font-weight:bold;
	font-size:20px;
	margin-top:-14%;
	margin-left:86%;
}

.Font{
color: grey;
font-size: 16px;
font-weight:bold;
}

.cpnext3{
	background-color:white;
	height:70%;
	width:0%;
	display:none;
	position:absolute;
	margin-top:62px;
	overflow:auto;
	font-family: 'Roboto', sans-serif;
	text-align:left;
	
	
	background:
  /* Shadow covers */
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
  /* Shadows */
  radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
  background:
  /* Shadow covers */
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
  /* Shadows */
  radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  z-index:1;
}

.cpnext3 input{
	width: 70%;
	text-align:center;
	border-radius:5px;
	padding: 5px;
	margin: 5px 0px 2px 0px;
	display: inline-block;
	border: none;
	background: #f1f1f1;
	margin-top:0px;
	margin:10px;
	padding:5px;
}

.cpnext3 .materialinit{
border:1px dashed grey;
margin:10px;
border-radius:10px;
}


.cpnext2{
	background-color:white;height:60%;width:0%;display:none;position:absolute;margin-top:80px;overflow:auto;
}
.cpnext1{
	
	height:70%;
	width:100%;
	position:absolute;
	margin-top:62px;
	overflow:auto;
	
	background:
  /* Shadow covers */
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
  /* Shadows */
  radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
  background:
  /* Shadow covers */
  linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%,
  /* Shadows */
  radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 1.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 1.2), rgba(0, 0, 0, 0)) 0 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
  /* Opera doesn't support this in the shorthand */
  background-attachment: local, local, scroll, scroll;
  z-index:1;
}

 /* width */
.cpnext1::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.cpnext1::-webkit-scrollbar-track {
  box-shadow: inset 10 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.cpnext1::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2); 
  border-radius: 10px;
}

/* Handle on hover */
.cpnext1::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.3); 
}

/* width */
.cpnext3::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.cpnext3::-webkit-scrollbar-track {
  box-shadow: inset 10 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.cpnext3::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.2); 
  border-radius: 10px;
}

/* Handle on hover */
.cpnext3::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.3); 
}
 
.letterBlock{
	 position:absolute;
	 margin-top:-37px;
	 margin-left:50px;
	 font-family: 'Roboto', sans-serif;
	 color:grey;
 }
 
.blockCheck{
	width:70px;
	height:20px;
	padding-right:80px;
	padding-top:20px;
	display:inline-block;
}
 
 .OptionProduto{
	 color:white;
	 background-color:#575757;
	 padding:10px;
	 font-family: 'Roboto', sans-serif;
	 font-size:20px;
	 width:70%;
	 display:inline-block;
	 margin-left:15px;
	 border-radius:10px;
	 margin-top:5px;
	 margin-bottom:5px;
	 cursor:pointer;
	 box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
 }
 
 .OptionProduto:hover{
	box-shadow: 1px 1px 3px 5px rgba(0,0,0,0.5); 
 }
 
 .pointbloco{
	 width:30px;
	 height:17px;
	 padding-top:13px;
	 border:1px dashed #b8b8b8;
	 color:grey;
	 font-size:5px;
	 border-radius:3px;
	 position:absolute;
 }
 
 .pointbloco#pb1{
	margin-left:27%;
	color:#9ac6f5;
	border-color:#9ac6f5;
 }
 
 .pointbloco#pb2{
	margin-left:47%;
 }
 
 .pointbloco#pb3{
	margin-left:67%;
 }
 
.ButtonDiv{
	 width:20px;
	 cursor:pointer;
	 color:#bfbfbf;
	 font-size:28px;
	 margin-bottom:5px;
	 position:absolute;
	 z-index:3;
 }
 
 .ButtonDiv:hover{
	 color:grey;
 }
 
 .ButtonDiv#next{
	margin-left:90%;
	display:none;
 }
 
 .ButtonDiv#back{
	margin-left:5%;
	display:none;
 }
 
 .ButtonDiv#go{
	margin-left:90%;
	display:none;
 }
 

 
 .changeStatusPesquisar{
	 border-radius:40px;
	 cursor:pointer;
	 margin-bottom:10px;
 }
 
 #ap-inp-description{

    width: 70%;
	height:20px;
	text-align:center;
	border-radius:30px;
	padding: 15px;
	margin: 5px 0px 22px 0px;
	display: inline-block;
	border: none;
	background: #f1f1f1;
	margin-top:0px;
}

#ap-inp-description:focus{
    	outline: none;
		background-color: #ddd;
}

 
 .searchButton{
	font-family: 'Roboto', sans-serif;
	width:40%;
	padding:10px;
	border-radius:30px;
	background-color:#42b1ff;
	transition:0.3s;
	cursor:pointer;
	color:white;
}

.searchButton:hover{
	background-color:#008ef2;
	transition:0.3s;
}

.mudarAllButton{
	font-family: 'Roboto', sans-serif;
	width:40%;
	padding:10px;
	border-radius:30px;
	background-color:#42b1ff;
	transition:0.3s;
	cursor:pointer;
	color:white;
}

.mudarAllButton:hover{
	background-color:#008ef2;
	transition:0.3s;
}

.NovoClienteButton{
	font-family: 'Roboto', sans-serif;
	width:40%;
	padding:10px;
	border-radius:30px;
	background-color:#42b1ff;
	transition:0.3s;
	cursor:pointer;
	color:white;
}

.NovoClienteButton:hover{
	background-color:#008ef2;
	transition:0.3s;
}

 
 input{
	 font-family: 'Roboto', sans-serif;
	width: 70%;
	border-radius:30px;
	padding: 15px;
	margin: 5px 0px 22px 0px;
	display: inline-block;
	border: none;
	background: #f1f1f1;
	margin-top:0px;
}


input:focus {
	background-color: #ddd;
	outline: none;
}


select{
	width: 80%;
	text-align:center;
	border-radius:30px;
	padding: 15px;
	margin: 5px 0px 22px 0px;
	display: inline-block;
	border: none;
	background: #f1f1f1;
	margin-top:0px;
}


select:focus {
	background-color: #ddd;
	outline: none;
}


 

.adicionadoSucesso{
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	background-color:#38e092;
	width:80%;
	padding:10px;
	border-radius:10px;
	text-align:center;
	color:white;
	font-weight:bold;
	margin-left:7.5%;
}

#loading_addProduto_index{
	display:none;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:grey;
	margin-top:3%;
	margin-bottom:3%;
}
#loading_addPedido_index{
	display:none;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	color:grey;
	margin-top:3%;
	margin-bottom:3%;
}


.exitIndexPhotoFront{
	position:absolute;
	width:20px;
	height:18px;
	border-radius:30px;
	margin-left:28%;
	margin-top:0%;
	background-color:rgba(0,0,0,0.1);
	text-align:center;
	cursor:pointer;
	padding-top:2px;
	color:white;
}

.exitIndexPhotoFront:hover{
	background-color:rgba(0,0,0,0.3);
}

.exitIndexPhotoBack{
	position:absolute;
	width:20px;
	height:18px;
	border-radius:30px;
	margin-left:28%;
	margin-top:0%;
	background-color:rgba(0,0,0,0.1);
	text-align:center;
	cursor:pointer;
	padding-top:2px;
	color:white;
}

.exitIndexPhotoBack:hover{
	background-color:rgba(0,0,0,0.3);
}

.imgSelectedFrontIndex{
	background-color:red;
}

.imgSelectedFrontIndex{
	max-width:100px;
	max-height:100px;
	border-radius:10px;
}


.imgSelectedBackIndex{
	max-height:100px;
	max-width:100px;
	border-radius:10px;
}


.photoProdutoIndex1{
	width:100px;
	height:63px;
	padding-top:37px;
	cursor:pointer;
	border:1px dashed #19caff;
	border-radius:20px;
	background-color:#f2fcff;
	font-size:26px;
	opacity:0.3;
	transition:0.3s;
	color:#339abd;
}

.photoProdutoIndex1:hover{
	transition:0.3s;
	opacity:1
}

.photoProdutoIndex2{
	width:100px;
	height:63px;
	padding-top:37px;
	cursor:pointer;
	border:1px dashed #19caff;
	border-radius:20px;
	background-color:#f2fcff;
	font-size:26px;
	opacity:0.3;
	transition:0.3s;
	color:#339abd;
}

.photoProdutoIndex2:hover{
	transition:0.3s;
	opacity:1
}

#ap-letter{
	position:absolute;
	width:100px;
	text-align:center;
	padding:2px;
	background-color:grey;
	border-radius:20px;
	color:white;
	margin-top:-4%;
	margin-left:12%;
}

#ap-nome{
	font-family: 'Roboto', sans-serif;
	width:100%;
}

#ap-custo{
	font-family: 'Roboto', sans-serif;
	width:50%;
	margin-left:7.5%;
}

#ap-lojaid{
	font-family: 'Roboto', sans-serif;
	width:50%;
	margin-left:7.5%;
}

#ap-fornecedor{
	font-family: 'Roboto', sans-serif;
	width:100%;
}

#ap-categoria{
	font-family: 'Roboto', sans-serif;
	width:100%;
}

.produtoCarregado_pedido{
	margin-left:19px;
	margin-top:20px;
	width:90%;
	border: 2px dashed #1e3f63;
	margin-bottom:20px;
}

.CadastrarPedido{
	margin-left:22.4%;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	width:50%;
	height:16px;
	padding:10px;
	background-color:#295687;
	color:white;
	border-radius:10px;
	cursor:pointer;
	transition:0.3s;
	margin-bottom:20px;
	font-weight:bold;
}

.CadastrarPedido:hover{
	background-color:#346ca8;
}

.AdicionarProduto_pedido:hover{
	color:#5d9bde; 
	transition:0.3s;
}

.AdicionarProduto_pedido{
	margin-left:22.4%;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	width:50%;
	height:16px;
	padding:10px;
	border: 2px dashed #295687;
	color:#1e3f63;
	border-radius:10px;
	cursor:pointer;
	transition:0.3s;
	margin-bottom:20px;
	font-weight:bold;
}

.AdicionarProduto_pedido:hover{
	border: 2px dashed #5d9bde;
	color:#5d9bde; 
	transition:0.3s;
}

.Title{
	padding:20px;
	font-size:16px;
	text-align:center;
	font-weight:bold;
	font-family: 'Roboto', sans-serif;
}


.SubName{
color: white;
font-size: 16px;
font-weight:bold;
position:absolute;
padding:5px;
margin-left:30.5%;
margin-top:-4%;
width:150px;
background-color:#1e3f63;
border-radius:50px;
font-family: 'Roboto', sans-serif;
}

.SubNumber{
color: white;
font-size: 16px;
font-weight:bold;
position:absolute;
padding:5px;
margin-left:-3.5%;
margin-top:-3.5%;
width:20px;
background-color:#1e3f63;
border-radius:50px;
font-family: 'Roboto', sans-serif;
}



.CloseProdutoSelection{
	position:absolute;
	width:15px;
	height:15px;
	border-radius:30px;
	margin-left:87.3%;
	margin-top:-14.5px;
	background-color:#e8e8e8;
	text-align:center;
	cursor:pointer;
	padding:5px;
	color:#1e3f63;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}

.CloseProdutoSelection:hover{
	background-color:#adadad;
}



.moveds{
	position:sticky;
	background-color:white;
	z-index:3;
	top: 52px;
}

.LateralMenu div{
  position: absolute;
  left: -80px;
  transition: 0.3s;
  padding: 15px;
  text-decoration: none;
  font-size: 20px;
  color: white;
  border-radius: 0 5px 5px 0;
  cursor:pointer;
   top: 52px;
}









#calendario {
  top: 200px;
  left:-120px;
  width: 140px;
  height:20px;
  background-color: rgba(0, 0, 0, 0.8);
   font-family: 'Roboto', sans-serif;
}

#calendario:hover{
  top: 200px;
  left:0px;
  height:20px;
  background-color: black;
}

#novoproduto {
  top: 260px;
  height:20px;
  left:-140px;
  width: 160px;
  background-color: rgba(0, 0, 0, 0.8);
   font-family: 'Roboto', sans-serif;
}

#novoproduto:hover{
  top: 260px;
  left:0px;
  height:20px;
  background-color: black;
}

#investimento {
  top: 320px;
  height:20px;
  left:-140px;
  width: 160px;
  background-color: rgba(0, 0, 0, 0.8);
   font-family: 'Roboto', sans-serif;
}

#investimento:hover{
  top: 320px;
  left:0px;
  height:20px;
  background-color: black;
}

#accesstoggle {
  top: 380px;
  height:20px;
  left:-90px;
  width: 110px;
  background-color: rgba(0, 0, 0, 0.8);
   font-family: 'Roboto', sans-serif;
}

#accesstoggle:hover{
  top: 380px;
  left:0px;
  height:20px;
  background-color: black;
}






	
.hiperlink{
	width:100%;
	cursor:pointer;
	padding-top:10px;
	padding-bottom:10px;
	border-radius:30px;
	margin-bottom:5px;
}
.hiperlink:hover{
	background-color:#545454;
	box-shadow: 0px 0px 10px 1px rgba(255,255,255,0.5);
}

.perfil-content{
  width:14.285%;
  display: none;
  position: absolute;
  background-color: black;
  margin-top:10px;
  min-width: 1px;
  min-height: 40px;
  box-shadow: 1px 3px 3px rgba(22,47,74,1);
  z-index: 1;
  border-radius: 0px 0px 30px 30px;
}


.button-perfil:hover 
.perfil-content {
	display: block;
	}
	
.pedidos-content{
	width:14.285%;
  display: none;
  position: absolute;
  background-color: black;
  margin-top:10px;
  min-width: 1px;
  min-height: 40px;
  box-shadow: 1px 3px 3px rgba(22,47,74,1);
  z-index: 1;
  border-radius: 0px 0px 30px 30px;
}


.button-pedidos:hover 
.pedidos-content {
	display: block;
	}
	
.produtos-content{
	width:14.285%;
  display: none;
  position: absolute;
  background-color: black;
  margin-top:10px;
  min-width: 1px;
  min-height: 160px;
  box-shadow: 1px 3px 3px rgba(22,47,74,1);
  z-index: 1;
  border-radius: 0px 0px 30px 30px;
}


.button-produtos:hover 
.produtos-content {
	display: block;
	}
	
.inicio-content{
	width:14.285%;
  display: none;
  position: absolute;
  background-color: black;
  margin-top:10px;
  min-width: 1px;
  min-height: 40px;
  box-shadow: 1px 3px 3px rgba(22,47,74,1);
  z-index: 1;
  border-radius: 0px 0px 30px 30px;
}


.button-inicio:hover 
.inicio-content {
	display: block;
	}
	
.clientes-content{
	width:14.285%;
  display: none;
  position: absolute;
  background-color: black;
  margin-top:10px;
  min-width: 1px;
  min-height: 40px;
  box-shadow: 1px 3px 3px rgba(22,47,74,1);
  z-index: 1;
  border-radius: 0px 0px 30px 30px;
}


.button-clientes:hover 
.clientes-content {
	display: block;
	}
	
.planilhas-content{
	width:14.285%;
  display: none;
  position: absolute;
  background-color: black;
  margin-top:10px;
  min-width: 1px;
  min-height: 40px;
  box-shadow: 1px 3px 3px rgba(22,47,74,1);
  z-index: 1;
  border-radius: 0px 0px 30px 30px;
}


.button-planilhas:hover 
.planilhas-content {
	display: block;
	}
	
.vendas-content{
	width:14.285%;
  display: none;
  position: absolute;
  background-color: black;
  margin-top:10px;
  min-width: 1px;
  min-height: 40px;
  box-shadow: 1px 3px 3px rgba(22,47,74,1);
  z-index: 1;
  border-radius: 0px 0px 30px 30px;
}


.button-vendas:hover 
.vendas-content {
	display: block;
	}




.Centralizer{
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}









.MenuFlutuante{
	position:sticky;
	background-color:white;
	z-index:3;
	width:100%;
	height:52px;
	align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	top: 0px;
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.4);
}


.icon-bar {
  width: 100%;
  background-color: white;
  overflow: auto;
  font-family: 'Roboto', sans-serif;
}

.icon-bar a{
  text-decoration:none;
  color:white;
}



.icon-bar #buttonTop {
  float: left;
  width: 14.285%;
  text-align: center;
  padding: 12px 0;
  color: black;
  font-size: 25px;
  height:100%;
}

.icon-bar #buttonTop:hover {
  background-color: black;
  color: white;
}







































.ButtonNo{
	font-family: 'Roboto', sans-serif;
	display:inline-block;
	text-align:center;
	width:35%;
	margin:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	padding:10px;
	border-radius:5px;
	background-color:#cccccc;
	color:white;
	transition: transform .2s; /* Animation */
	-webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;
}

.ButtonNo:hover {
  transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  background-color:#e0e0e0;
}

.ButtonNo:focus {
	outline:0;
}


.ButtonYes{
	font-family: 'Roboto', sans-serif;
	text-align:center;
	display:inline-block;
	width:35%;
	margin:10px;
	margin-bottom:10px;
	cursor:pointer;
	font-weight:bold;
	font-size:18px;
	padding:10px;
	border-radius:5px;
	background-color:#44a2eb;
	color:white;
	transition: transform .2s; /* Animation */
	-webkit-touch-callout: none;  /* iPhone OS, Safari */
    -webkit-user-select: none;    /* Chrome, Safari 3 */
    -khtml-user-select: none;     /* Safari 2 */
    -moz-user-select: none;       /* Firefox */
    -ms-user-select: none;        /* IE10+ */
    user-select: none;
}

.ButtonYes:hover {
  transform: scale(1.03); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
  background-color:#64b8fa;
}

.ButtonYes:focus {
	outline:0;
}

	





.InitOne {
 
  
  font-size: 0pt;
  position: relative;
  margin-top: 20px;
  margin-bottom: 20px;
  box-shadow: 4px 4px 5px 2px rgba(0,0,0,0.2);
  border-radius: 10px;
  background-color: #d9d9d9;
  background-repeat: no-repeat;
  background-color: white;
  overflow: visible;
  width:60%;
}

.InitTwo {
  margin: 0px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-radius: 10px;
  background-color: white;
}

.InitTree {
  font-family: Verdana, Arial, Times New Roman, sans-serif;
  font-size: 9pt;
  background-color: white;
  color: black;
  min-height: 10px;
  height: auto !important;
  border-radius: 10px;
  height: 415px;
  padding:10px;
  padding-bottom:30px;
}