@charset "UTF-8";


body{

background: linear-gradient(to right, rgb(20,147,220),rgb(17,54,71));
text-align: center;
 color: white;
//padding-top: 65px;

}
html{
width: fit-content;

}
@media screen and (min-width: 568px){
 html{
   width:100%;
 }

}


isnput{
text-transform: uppercase;
}
h3{
color: white;
text-shadow: 2px 2px 5px black;
}

.btnadduser{

 background-color: dodgerblue;
 border: none;
 padding: 10px;

 border-radius: 10px;
 color: white;
 font-size: 15px;
 box-shadow: 2px 2px 5px rgba(0,0,0,0.3);

}
.btnadduser:hover{

  background-color: #397CDF;
  cursor: pointer;


}
.tabela {
  padding-left: 20px;
  padding-right: 20px;
}
.table-bg{
background-color: rgba(0,0,0,0.3) ;
border-radius: 15px 15px 0px 0px;

}


button2{
 background-color: red;
 border: 0px;
 padding: 5px;
 padding-left: 10px;
 padding-right: 10px;

 color: white;
 border-radius: 5px 5px ;
}
button2:hover{
 background-color: darkred;
}

.box-search{
  display: flex;
  justify-content: center;
  gap:.2%;
  width: 300px;
  padding-bottom: 10px;
  padding-left: 10px;           
}
inpsut{
 height: 35px;
 width: 100px;
}

footer {
  position: fixed;
  bottom:0;
  left:0;
}


/* Estilos para um tabela que usa o cursor  */
.redondo{ /* para arrendondar a borda superior da tabela  colocado em um DIV em volta da tabela*/
  border-radius: 20px 20px 0 0;
  overflow: hidden;
}
  
.minha-tabela {
width: 100%;

border-spacing: 0;
color: black;
font-family: Arial, sans-serif;
background-color: #FFFFFF;
}

th, td {
padding: 3px 3px;
text-align: left;
}

th {
background-color: #0D4564;
font-weight: bold;
color: white;

}

td {
      border-color: #CFCFCF;
      border-style: solid;
      border-bottom-width: 1px;
      border-top-width: 0;
      border-right-width: 0;
      border-left-width: 0;
  }

  
  tbody tr {
      cursor: default;
      
  }
  tbody td {
      user-select: none; /* Nao deixar selecionar o texto*//
    
  }
/* Estilo para a tabela */
  .table-hover tbody tr:hover:not(.selected) {
      background-color: #E8E8E8; /* Cor de hover */
      color: black; /* Cor do texto no hover */
  }


  /* Linha selecionada */
  .table-hover tbody tr.selected {
      background-color: #5E7B96 !important; /* Fundo azul */
      /*font-weight: bold;*/
      color:white;
  }
/*======================================================*/