/*****
 * 
 *** Datatables css
 * 
 *******/

 * {
    margin:0;
    padding: 0;
    box-sizing: border-box;
}

body{
    font-family: "Poppins", sans-serif;
    width: 100vw;
    height: 100vh;
    background-color: white;
    color: black;
    -webkit-user-select: none !important;
    -moz-user-select: -moz-none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}

/*::-webkit-scrollbar {
  width:3px;
  background-color: rgba(0, 0, 0, 0.788);
}

html{
  -ms-overflow-style:-ms-autohiding-scrollbar;  
   scrollbar-width: 0px; 
}*/

@media screen and (max-width:3200px) and (min-width:641px) {
    html{
      font-size: 0.9rem;
    }
    .dataTables_wrapper {  
      font-size: 0.9rem;
      margin-right: 5px;

    }  
    table.dataTable thead th, table.dataTable thead td {
      padding: 5px 15px;
      border-bottom: 1px solid #111;
      font-size: 0.9rem;
    }  
    
}

@media screen and (max-width:640px) and (min-width:1px) {
    html{
        font-size: 0.7rem;/*2vw;*/
      }
      .dataTables_wrapper {
        font-size: 1rem;
        margin-right: 15px;
      }
      table.dataTable thead th, table.dataTable thead td {
        padding: 5px 5px;
        border-bottom: 1px solid #111;
      }  
  }

  .txtShdw2{
    text-shadow: 0px -1px 0px rgb(220, 220, 220),
                 0px -2px 1px rgb(196, 217, 255);
  }

  .sombraTexto
{
  text-shadow: rgba(85, 85, 255, 0.788) 1px 1px 5px;
  /*text-shadow:0 1px 0 #000030;*/
}


.content{
    /*min-width: 360px;
    max-width: 100vw;*/
    max-height: 94vh;
    margin-top: 4rem;
}

.btnRound{
    border-radius: 0.5rem;
}

button { outline: none;}

.icon{
    margin-left: 0.4rem;
}



/*table.display tbody tr:nth-child(even){
  background-color:rgb(255, 238, 208) !important;
}

table.display tbody tr:nth-child(odd){
  background-color: rgb(239, 248, 228) !important;
}

#myTable tr:nth-child(odd) { background-color: #FFC }
*/
/*table.display tbody tr:nth-child(even):hover td{
  background-color: red !important;
}

table.display tbody tr:nth-child(odd):hover td {
  background-color: blue !important;
}*

/*
  .table{
      height: 70vh;
  }

  

  table tr{
    background-color: #333;
  }
*/