html,body {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  padding: 0%;
  text-align: center;
  height: 100%;
  background-image: linear-gradient(#a2a2a2, #d2d2d2);
}
.hide{
  display:none;
}
#dialog{
  width: 200px;
  height: 200px;
}
.topnav {
  overflow: hidden;
  background-image: linear-gradient(rgb(255, 255, 255), #6B8E23);
  vertical-align: middle;
}

.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

.topnav a:hover {
  color: black;
  font-size: 16pt;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}

.topnav .icon {
  display: none;
}
#grid_cliente input[type=text]{
  margin: 0 auto;
}
#grid_cliente select{
  margin: 0 auto;
}
#grid_produto input[type=text]{
  margin: 0 auto;
}
#grid_produto select{
  margin: 0 auto;
}
#grid_credito{
  overflow-y: scroll;
  height: 40%;
  margin: 10px;
  text-align: center;
  border: #6B8E23 2px solid;
}
#grid_credito table{
  width: 100%;
}
#grid_credito td{
  border: 2px solid #177500;
  width: 49%;
  text-align: center;
  font-size: 14pt;
}
#grid_credito th{
  width: 49%;
  text-align: center;
  font-size: 14pt;
}
#grid_preco{
  overflow-y: scroll;
  height: 40%;
  margin: 10px;
  text-align: center;
  border: #6B8E23 2px solid;
}
#grid_preco table{
  width: 100%;
}
#grid_preco td{
  border: 2px solid #177500;
  width: 49%;
  text-align: center;
  font-size: 14pt;
}
#grid_preco th{
  width: 49%;
  text-align: center;
  font-size: 14pt;
}
#saudacao{
  float: right;
  margin-right: 10px;
  color: white;
  text-shadow: 0.1em 0.1em #6B8E23
}
.sauda{
  position: absolute;
  top: 5px;
  right: 30px;
}
.imgInicial{
  width: 50px;
  height: 50px;
}
.ajustaMenu{
  margin-top: 0 auto;
  vertical-align: middle;
}
table{
  text-align: center;
}
input[type=search]{
  border-radius: 10px;

}
input[type=number]{
  border-radius: 10px;

}
input[type=text]{
  border-radius: 10px;

}
input[type=password]{
  border-radius: 10px;

}
select{
  border-radius: 10px;
  
}
.container{
  background-image: linear-gradient(#a2a2a2, #d2d2d2);
  text-align: center;  
  height: 80%;
}
#divCarrega{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: black;
  opacity: 0.95;
}
#divCarrega img{
  vertical-align: middle;
  height: 50%;
}
#grid_cliente th{
  border: 2px solid #6B8E23;
}
#grid_cliente td{
  border: 2px solid #177500;
}
#grid_produto th{
  border: 2px solid #6B8E23;
}
#grid_produto td{
  border: 2px solid #177500;
}
.btn{
  width: 200px;
  height: 30px;
  border-radius: 5px;
  background-color: #177500;
  color: white;
  font-weight: bolder;
}
#loginCabe{
  width: 100%;
  background-image: linear-gradient(rgb(255, 255, 255), #6B8E23);
  height: 100px;
  top: 0;
  text-align: left;
}
#loginCabe img{
  margin: 20px;
}
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  #sauda{
    left: 40px;
    top: 50px;
    position: absolute;
  }
  table{
    font-size: 8pt;
  }
  input[type=search]{
    width: 100%;
    margin-bottom: 20px;
  }
  input[type=number]{
    width: 100%;
    margin-bottom: 20px;
  }
  input[type=text]{
    width: 100%;
    margin-bottom: 20px;
  }
  input[type=password]{
    width: 100%;
    margin-bottom: 20px;
  }
  select{
    width: 100%;
    margin-bottom: 20px;
  }
  .container{
    text-align: left;
  }
  .btn{
    width: 100%;
  }
  .table-responsive{
    width: 90%;
    margin: 0 auto;
    text-align: left;
  }
}