/* 
    Created on : 31/08/2022, 11:01:45
    Author     : BRUNO
*/

/* Novo relatório*/

#display-conteiner{
   z-index: 5;
   padding: 0;
   background-color: #fff;
}
.fx{
    /*medidas*/
    font-size: 40px;
    /*posição*/
    position: absolute;
    font-weight: 600;
    top:6%;
    right: 5%;

    /*Aparência*/
    color: #fff;
    text-decoration: none;
    z-index: 5;
}
.fx:hover{
    font-weight: 600;
    color: red;
}

#display{
    width: 90%;
    background-color: #fff;
    margin: 10px 5%;
    float: left;
}
#folha-1{
    background-color: #fff;
    padding: 20px;
}
.tr h2{
    text-align: center;
    background-color: #0099cc;
    color: #fff;
    margin: 0;
    padding: 10px;
}
.tr{
    border: 1px #ccc solid;
    text-align: center;
    padding: 15px;
}
.tr ul{
    padding: 10px 0;
}
.tr ul li label{
    font-weight: 600;
}
.tr ul li{
    padding: 10px;
    display: inline-flex;
}
li{
    list-style: none;
}
.tr table{
    width: 100%;
    border-collapse: collapse;
    margin: 10px auto;
    border: 1px #dcdcdc solid;
    padding: 10px;
}
.tr table th{
    height: 45px;
    background-color: #0099cc;
    color: #fff;
}

.tr table td{
    padding: 5px 0; 
    text-align: center;
}
.campo-input{
    padding: 8px 0 0;
}

#txt{
    height: 120px;
    width: 95%;
    margin: 10px auto;
    display: block;
}

/* 
    Created on : 25/08/2022, 14:07:08
    Author     : BRUNO
*/

#ord-display{
    border: 1px #dcdcdc solid;
    width: 99%;
    border-collapse: collapse;
    background-color: rgba(255,255,255,.8);
}
#ord-display td{
    padding: 15px 0;
    text-align: center;
}
#ord-display th{
    padding: 15px 0;
    background-color: #0099cc;
         color: #fff;
}

.bt{
    line-height: 40px;
    width: 100px;
    border: none;
    background-color: #00cc00;
    color: #fff;
}
.bt:hover{
    transition-delay: .3s;
    background-color: #4CAF50;
    
}

.img-ord{
    width: 15px;
    
}
.baloon span{
    background-color: rgba(0,0,0,.8);
    color: #fff;
    padding: 5px 5px;
    border-radius: 15px;
   position: relative;
   top: -50px;
   display: none;
}
.baloon:hover span{
    display: block;
}