/*tamanho da fonte em todo o projeto*/
 *{
	font-size: 13px;
	border-radius: 0 !important;

}

body {
	margin-top: 20px;
	margin-bottom: 200px !important;
}


.upload {

	margin-top: 35px !important;
	margin-bottom: 35px;
	
}

.margem-enviar {

	margin-left: 25px !important;
}

.marginbottom {

	
}

.mini {
	text-transform: uppercase !important;
}

.sucesso {

	color:green;
}

.largura {
	width: 1200px  !important;
}

.medio {
	color: orange;
}

.baixo {
	color: red;
}

.desconhecido {
	color: blueviolet;
}

.corpo {

	margin-right: 30px;
	margin-left: 13em;
	margin-top: 0.5em;
}

.fbc {

	text-transform: uppercase;

}

/* menu */
nav {

	/*float: left;*/
	
	/*position: fixed;*/
	/*width: 180px;*/
	margin-top: 15px;
	margin-left: 52px;
}

.logo {

	width: 10em;

}

.menu {
	margin-top: 10px !important;

}

/* fim menu */

.cabecalhopedidos
{
	padding-left: 4em;	
	/*padding-top: 4em;*/
}
.magin-left
{
	padding-left: 5em;	
	/*padding-top: 4em;*/
}

.card-body {

	margin:auto;
}

table {

	margin-right: 5px !important;
	text-transform: uppercase;

}

.selecao {

	height: 1000px !important;
}

.formulario {

	width: 600px;
	height: 800px;
	margin-left: 6em;
	border-radius: 15px;
	background-color: #F2F8F6;
	padding: 80px;
}

.form-control {
	margin-bottom: 5px;
	width: 500px;
	margin: auto;
	margin-top: 15px !important;
}

.form-control-login {
	margin-bottom: 5px;
	width: 250px !important;
	margin: auto;
	margin-top: 15px !important;
	border-radius: 0px !important;
}

.form-control2 {
	width: 450px !important;
}
.nav-link:hover {
	background-color:  #FFD700 !important;
}
.nav-link:hover {
	background-color: #000000 !important;
	color: #FFD700;
}

.nav-link, li, ul, a {
	color: black;

}

.nav-link:hover{
	background-color: #4682B4;
}


.centromenu {
	text-align: center;
}
.botaoloja{

	text-align: left;
}



.listamenu {
	display: inline !important;
}
.icoconfig {
	height:30px;
	width: 30px;
}
.margem-top {
	margin-top: 15px;
}
.formulariocorpo {
	width: 500px;
	padding: 15px;
	border-radius: 15px;
}
.indexnotas {
	color:#ffffff !important;
	text-decoration: none;
	font-size: 16px;
}
.form_forn_chave{
	width: 80% !important;
	margin-top: 20px;
	margin-left:0px !important;
}
.alert {
	width: 400px !important;
}
.tabelaindex {
	width: 550px;
	margin-top: 0px;
	padding: 0px !important;

}


.tabelaindex2 {
	width: 1000px;
	margin-top: 0px;
	padding: 0px !important;

}


.margin_top_avarias {


	margin-top: 50px;
	margin-bottom: 25px;
}


/*estilo magro*/
table tr, th, td {
	padding: 4px !important;

}

.flutuar {
	float: left;
}

.cortotal {
	background-color: #ffffff;
	font-weight: bold;

}

.margemindex {
	margin-top: 35px !important;
}

.campoCompra {

	text-align: center;
	width: 80px;
	border-style:none;

}

.campoCompra2 {

	text-align: center;
	width: 80px;
	border-style:none;
}


.pedidoscbc {
	background-color: #4682B4;
	color: #ffffff;
}
.a {
	color: black;
}

.linha {
	width: 550px;
}

.login {
	margin-top: 5em !important;
	margin-left: 35em !important;
	width: 430px;
	height: 430px;
	text-align: center;
	background-color:#ffffff;
	/*border-radius:15px !important;*/
	padding:25px;
	box-shadow: 2px 2px 3px 1.5px rgba(0, 0, 0, 0.5);
}

.login-pessoa {
	width:150px;
	/*color: #ffffff;*/
	font-size:24px;	
}

.enviar {
	margin-left: 0px !important;
	heigth:145px !important;
}
.loja {
	background-color: #ffffff;
	border: none;
	border-radius: 0;
	width: 120px;
	color: #050505;
	text-transform: uppercase;
}

.user {
	text-align: left !important;
	
}
.spacobottom {
	margin-bottom: 150px !important;
}

.form_forn {
	margin-left: 0px !important;
}


.relato {
	margin-right: 15px !important;
}


.largura {
	width: 450px !important;
}

.form-select {

	width: 45em !important;
	margin-bottom: 2em;
}

.bg-dark {
	
	background-color:red !important;
}

.margin-bottom {
	margin-bottom:  150px;
}

.tabelapagamento {
	margin-top: 1500px !important;
}

/*MENU*/
button[name="drop"]{
	border: none;
	cursor: pointer;
	background-color: #FFD700;
	padding: 10px;
	font-size: 15px;
	color:black;
	
	
	width: 135px;
	height: 40px;;
  }


  .menucentro {
	margin-left: 50px;
	margin-top:20px;
	margin-bottom: 20px;
  }

  .afastar {
	margin-right: 20px !important;
  }


  .menu-drop{
	display: inline-block;
	position: relative;

  }
  .drop-content{
	display: none;

	/*COR DE FUNDO DO LINK*/
	background-color: black;

	position: absolute;
	z-index: 1;

	width: 150px;
	font-size: 12px;
	
  }
  .drop-content a{
	
	color: white;
	padding: 8px 10px;
	text-decoration: none;
	display: block;
		
  }
  .drop-content a:hover{
	background-color: #FFD700;
  }
  
  .menu-drop:hover .drop-content{
	display: block;
  }
  .menu-drop:hover button[name="drop"]{
	background-color: #FFD700;
  }

.mobile-avaria {
	height: 45px !important;
	width: 650px;
}

.mobile-avaria-lang {

	height: 35px !important;
	width: 650px;
	border-style:solid;

}

.pdf {

	margin-right: 10px !important;

}


.area {
	margin: 0 !important;

}

.alingcenter {

	text-align: center !important;

}
.comprastr{

	padding: 0 !important;
}

.fieldset{

	border-style: solid !important;
	border-width: 0.5px;
	padding: 10px;
	margin-bottom: 10px;
	width: 550px;
	border-color: rgb(194, 174, 154);

}

.topo {

	width: 1010px;
}

.alinhar-direita {

	margin-left:  180px;
	display: inline;
	


}

.menu2 {

	margin-left: 45px !important;
	margin-bottom: 15px;
}

.botaomenu {

	font-size: 16px !important;
}

.dropdown-menu li a {

	font-size: 13px;
	background-color: #000000 !important;
	color: #ffffff;

}

.afastar2 {

	margin-left:20px;
}

.dropdown-item:hover, .dropdown-item:focus {
  color: #e0d9d9;
  text-decoration: none;
  background-color: #e9ecef; /* ← esse é o fundo mais escuro no hover */
}


.contagem {
	width: 90px;
	text-align: center;
	border-style: dashed;
}

@media (max-width: 600px) {

.login {

	margin-top: 0em !important;
	margin-left: 0em !important;
	width:100%;
	text-align: center;

	border-radius: 0px !important;
	padding:25px;
	
}

.mobile-avaria {
	padding:35px !important;
	margin-left: 0em !important;
}

.mobile-avaria-lang {

	height: 45px !important;
	width: 450px !important;
}



}


