@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,700;1,100&display=swap');

*{
    margin:0;
    padding: 0;
    box-sizing: border-box;
    
    
}
*:focus{
    outline: 0;
}
html,body,#app{
    height: 100%;
    width:100%;
    padding: 0;
    margin: 0;
   box-sizing: border-box;
   
}
body{
    padding: 0;
    margin: 0;
    font-size: 14px 'Roboto' sans-serif;
    box-sizing: border-box;
    background-image: url("/public/assets/bgs/bg-gestor.png");
    background-color: rgb(250, 250, 249);
    background-repeat: no-repeat;
    background-position: center;
}

a{
    text-decoration: none;
    transition: opacity 0.2s ease;
}
a:visited {
    color:  inherit;
    text-decoration: none;
}
 a:hover{
    opacity: 0.7;
    
  }
a:focus{
    outline: 0;
    
}
ul{
    list-style: none;
}
.button{
    width:80%;
    background-color: #5F0609;
    color:#fff;
    /*color:yellowgreen;*/
    font-weight:bold;
    margin-bottom: 15px;
    height: 35px;
    border:0;
    border-radius: 3px;
    padding: 10px;
    font-size: 15px;
    text-align: center;
    cursor:pointer;
}
.bt_salvar{
    position:fixed;
    bottom:0;
    left: 50%;
    transform: translate(-50% , 0);
    width:50%;
    z-index: 1;
}
form{
    width: 95%;
    margin:0 auto;
}
legend{
    margin:10px;
}
legend h3{
  color:#003300;
}
form h1{
    text-align: center;
    margin-bottom: 0.5em;
    color: #fff;
  }
input{
    margin-bottom: 15px;
    height: 35px;
    border:0;
    border-radius: 3px;
    padding: 10px;
    margin:10px;
    font-size: 15px;
    background-color: #FFF;
    text-align: center;
  }



.versao{
    color:gray;
    font-size: 10px;
}
.add-button {
  
    background-color:#003300;
    color:#ffff00;
    border-radius:8px;
    box-sizing: border-box;
    display :none;
    padding:10px;
    width:80%;
    font-weight:bold;
    text-overflow: auto;
    text-align:center;
    margin: 10px auto;
    cursor:pointer;
    /*position: absolute;*/
    /*top: 5px;
    left: 50%;*/
    
    /*top:50%;
    left: 50%;*/
    /*transform: translate(-50% , 0);*/
 
 
}
.bt_adicionar{
    width:200px;
    margin:10px auto;
    background-color:#003300;
    color:#ffff00;
    padding:10px;
    text-align:center;
    border-radius:8px;
    
}
.clientes_container{
   /*overflow-y: hidden;*/
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
}
.clientes_container input{
    position:absolute;
    top:0;
    width: 95%;
    margin:3px;
    
 }
.clientes_margem{
    margin-top:41px;
    margin-bottom:10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 97%;
    height:100%;
    border-radius: 5px;
    border: 2px solid #fff;
    overflow-y: auto;
    padding-bottom: 100px;
}
.clientes_margem h4{
    color:#fff;
}
.clientes_card{
    border-radius: 5px;
    align-items: center;
    margin:5px;
    background-color: rgb(255, 255, 255); 
    padding:8px;
    width: 95%;
    max-width:550px;
    display: flex;
        
}
.clientes_container_content{
    text-align: left;
    width:100%;
        
} 
.clientes_container_content p{
    font-size: 18px;
    font-weight: normal;
   
    
}
.clientes_container_content h5{
    background-color: rgb(204, 204, 204);
    margin: 2px;
    margin-top: 4px;
    
}
.clientes_container_cod{
    text-align: center;
}
.clientes_container_cod h5{
    background-color: none;
}
.clientes_container_cod p{
    text-align: center;
    font-weight: bold;
}
.img{
    width:auto;
    width:150px;
    max-height:150px;
    height:auto;
    border-radius:15px;
    margin:0 10%;
    transform: translate(-10% , 0%);
    text-align:center;
}
input[type='file'] {
  display: none
}
.LabelImg{
    display:block;
    padding:10px;
    border-radius:5px;
    cursor:pointer;
    width:90%;
}

.login_container_center{
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
 /* background-color:#FFC800;*/
  
  
}

.login_area{
  z-index:11;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin:7px;
  padding:10px;
  background-color: rgba(255, 255, 255,0.5);  
  text-align: center;
   
}
.login_container_center h2{
    padding:0;
    margin:0;
    text-align:center;  
    color:#5F0609;
    display:inline-block;
   /* position:relative;
    top:-85px;
    z-index:10;*/
}
.login_area form label{
    font-weight:bold;
    display:block;
    margin:0;
    padding:5px;
   /* background-color:gold;*/
}
.login_area form input{
    padding:5px;
    border:1px solid black;
    width:90%;
    
}
.login_logo{
  background-color:none;
    margin:0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index:2;
    width:200px;
    height:auto;
    position:relative;
    top:-60px;
    
}
.login_btn{
  width: auto;
  background-color: #5F0609;
  color:#fff;
}
.chao{
    width:100%;
    height: 100%;
  /*  background-color:#5F0609;*/
    position: absolute;
    left:0;
    bottom:0;
    height:60%;
}
.formulario{
    padding:20px;
    width:100%;
    
}
.btfiltrar{
   cursor:pointer; 
   font-weight: bold;
   /*display:inline-block;*/
   text-align:center;
   background-color:gray;
}
.filtro{
    background-color:#E5E5E5;
    text-align: center;
}
.filtro div input[type="date"],input[type="number"]{
    min-width:140px;
    
}
.filtro div select{
    padding:10px;
    margin:10px 0;
    cursor:pointer;
}
.tabela {
  border-collapse: collapse;
  font-weight: bold;
  margin:0 auto;
}
.tabela th {
    padding: 2px 10px;
    color: #fff;
    background-color:#5F0609;
    text-align:center;
    border:solid 1px black;
}
.tabela2{
  background-color:#000;
}
.tabela2 td {
  
  text-align: center;
   border: 0 1px solid #ddd;
   background-color:#ddd;
}
.tabela td, .tabela th {
  
  text-align: center;
   border-bottom:20px solid #fff;
}
.tabela tr:hover {background-color: #ddd;}
tr{
   background-color: #E5E5E5;
   padding:5px 0;
}
  .pedidos_container_status{
    width: 100%;
    text-align: right;
    cursor:pointer;
    margin:0 auto;
    text-align:center;
}
.pedidos_container_status p{
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    padding: 4px;
    border-radius: 5px;
    margin:0 auto;
    text-align:center;
    width: 90%;
    
}
.pedidos_analise{
    border:rgb(70, 144, 230) 3px solid;
    color:rgb(70, 144, 230);
}
.pedidos_aprovado{
    border:rgb(10, 153, 10) 3px solid;
    color:rgb(10, 153, 10);
}
.pedidos_transito{
    border:rgb(201, 114, 0) 3px solid;
    color:rgb(201, 114, 0);
}
.pedidos_entregue{
    border:rgb(7, 21, 211) 3px solid;
    color:rgb(7, 21, 211);
}
.pedidos_naoentregue{
    border:rgb(97, 95, 95) 3px solid;
    color:rgb(97, 95, 95) ;
}
.pedidos_inadimplente{
    border:rgb(149, 7, 231) 3px solid;
    color:rgb(149, 7, 231) ;
}
.pedidos_cancelado{
    border:rgb(231, 0, 0) 3px solid;
    color:rgb(231, 0, 0) ;
}
.blue{
    color:#0866e0;
    cursor:pointer;
    padding:5px;
}
.gold{
    color:#ffa500;
    cursor:pointer;
    padding:5px;
}
.red{
    color:#ba0909;
    cursor:pointer;
    padding:5px;
}
.black{
    color:#000;
    cursor:pointer;
    padding:5px;
}
.novocliente_container{
    overflow-y: hidden;
     height: 100%;
     width: 100%;
     display: flex;
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }
 .novocliente_container h1{
    background-color: black;
     color: antiquewhite;
     width: 100%;
     text-align: center;
     margin-bottom: 3px;
 }
 
 .novocliente_margem{
     display: flex;
     flex-direction: column;
     align-items:center;
     justify-content:flex-start;
     width: 98%;
     height:98%;
     border-radius: 5px;
     border: 2px solid #fff;
     overflow-y: auto;
     padding-bottom: 100px;
     max-width: 800px;
     margin-bottom:5px;
        
 }
  .novocliente_form_control {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 7px;
  background-color: rgb(255, 255, 255);
  margin:3px;
  
}
.novocliente_form_control label {
  width: 95%;
}

.novocliente_form_control input {
  border: 1px solid rgb(0, 0, 0);
  border-radius: 5px;
  padding: 0.7em;
  width:95%;
 text-align: left;
 
}
.novocliente_form_control label span {
  font-weight: bold;
  font-size: 0.8em;
  margin: 0.3em;
  display: block;
  text-align: left;
  width: 95%;
}