.titulo{
    background-color: #e5e5e5;
    padding: 5px;
}
.ok{
    color: green;
    font-weight: bold;
}
.n_ok{
    color:red;
    font-weight: bold;
}

.ok2{
    color: white;
    background-color: #2cba25;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}
.n_ok2{
    color:white;
    background-color: #ef674f;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px;
}
.pessoal{
    color:white;
    background-color: grey;
    font-weight: bold;
    padding: 5px;
    border-radius: 5px; 
}

.tr:nth-child(odd) {
    background-color: #fffcea;
}

.div_transition{
    transition:opacity 1s linear;
   /*background-color: #f7f7ed;*/
}

.uppercase {
    text-transform: uppercase;
}

.lowercase {
    text-transform: lowercase;
}

.capitalize {
    text-transform: capitalize;
}

.negrito{
    font-weight: bold;
}

.italico{
    font-style: italic;
}


.btn-circle {
  width: 30px;
  height: 30px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.42;
  border-radius: 15px;
}

.cirle{
    border: 2px solid #1111a1;
    padding: 10px 40px; 
    background: #dddddd;
    width: 1px;
    height: 60px;
    border-radius: 100px;
    transform: scale(0.5, 0.5);
}

.texto {
  display: block;
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

th{
    cursor: pointer;
}

/*Aumenta a margem quando a tela está grande*/
 @media (min-width: 480px) { 
        .margin-top-md{
            margin-top: 30px;
        }
        .margin-left-md{
            margin-left: -30px;
        }
        .margin-top-md-20{
            margin-top: 20px;
        }
        
        .width-80-md{
            width: 80%;
        }
    }
    
/*Aumenta a margem top quando a tela está pequena*/
 @media (max-width: 480px) { 
    .margin-top-xs{
        margin-top: 20px;
    }
    .margin-top-xs-{
        margin-top: -20px;
    }
}


/* Novo 20/05/2020, recurso para aparecer "Aguarde, carregando ..." Inicio (leo) 
 * Estou fazendo a chamada do recurso no arquivo header.php  
 */
 
div#load_screen{
    background: #000;
    opacity: 1;
    position: fixed;
    z-index:10;
    top: 0px;
    width: 100%;
    height: 1600px;
}
div#load_screen > div#loading{
    color:#FFF;
    width:220px;
    height:24px;
    margin: 300px auto;
}