/*alinhamento imagens dos tipos de trabalhos*/
/*
.l1 {
    vertical-align: top;
    display: flex;
    position: relative;
    /*  display:inline;
     padding: 10px;
    width: 30%;
}

.image_1l {
    flex: 1;
    padding: 5px;
    display: inline;
    width: 30px;
}*/
.l1 {
    vertical-align: top;
    position: relative;
    display:inline-flex;
    
    width: 30%;
}

.image_1l {
    padding: 5px;
    display: inline;
    
}


.c1 {
    vertical-align: top;
    display: inline;
    position: relative;
    width: 95%;
    left: 2.5%;
}

.c1_2 {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 45%;
    left: 2.5%;
}

.c2_2 {
    vertical-align: top;
    display: inline-block;
    clip: rect(auto, 0px, auto, auto);
    width: 45%;
    left: 50%;
}

.c1_3 {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 30%;
    left: 2.5%;
}

.c2_3 {
    vertical-align: top;
    display: inline-block;
    clip: rect(auto, 0px, auto, auto);
    width: 30%;
    left: 38%;
}

.c3_3 {
    vertical-align: top;
    display: inline-block;
    width: 30%;
    left: 70%;
}

.c1_4 {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 15%;
    left: 5%;
}

.c2_4 {
    vertical-align: top;
    display: inline-block;
    width: 15%;
    left: 20%;
}

.c3_4 {
    vertical-align: top;
    display: inline-block;
    width: 15%;
    left: 50%;
}

.c4_4 {
    vertical-align: top;
    display: inline-block;
    width: 15%;
    left: 70%;
}

.c21_3 {
    vertical-align: top;
    display: inline-block;
    position: relative;
    left: 0px;
    width: 20%;
}

.c22_3 {
    vertical-align: top;
    display: inline-block;
    position: relative;
    left: 25%;
    width: 20%;
}

.c23_3 {
    vertical-align: top;
    display: inline;
    position: relative;
    left: 50%;
    width: 20%;
}

.c2 {
    width: 100%;
    left: 0px;
    vertical-align: top;
    position: relative;
    display: flex;
    flex-flow: row;
}

.c {
    flex: 1;
    padding: 0px;
    display: inline;
    width: 25%;
}

.c21_4 {
    vertical-align: top;
    position: relative;
    left: 0px;
    width: 25%;
}

.c22_4 {
    vertical-align: top;
    width: 25%;
}

.c23_4 {
    vertical-align: top;
    width: 25%;
}

.c24_4 {
    vertical-align: top;
    width: 25%;
}

.c331_3 {
    vertical-align: top;
    display: inline-block;
    position: relative;
    width: 60px;
}

.c332_3 {
    vertical-align: top;
    display: inline-block;
    text-align: center;
    width: 60px;
}

.c333_3 {
    vertical-align: top;
    display: inline-block;
    width: 60px;
}

#img1, #img2 {
    width: 30px;
    height: 30px;
}

.inicio {
    border-color: aqua;
    background-color: purple;
    width: 100%;
    height: 500px;
}

.inicio1 {
    display: inline;
    border-color: red;
    background-color: blue;
}

.inicio2 {
    display: inline;
    border-color: green;
    background-color: green;
}

.tabela {
    max-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 20px;
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.col_geral_ativa {
    /* color: #bfbfbf;
       visibility: visible; */
    background-color: #bfbfbf;

}

.col_geral_inativa {
    
    background-color: transparent;
}

.col_altura_ativa {
 
    background-color: #334f65;
}

.col_altura_inativa {
    background-color: transparent;
    
}
.col_loto_ativa {
    background-color: #9ab03c;
}

.col_loto_inativa {
    background-color: transparent;
}
.col_quente_ativa {
    background-color: #e13f48;
}

.col_quente_inativa {
    background-color: transparent;
}
.col_esp_conf_ativa {
    background-color: #cd4569;
}

.col_esp_conf_inativa {
    background-color: transparent;
}

.col_escava_ativa {
    background-color: #52b89b;
}

.col_escava_inativa {
    background-color: transparent;
}
.col_maq_a_p_ativa {
    background-color: #be5108;
}

.col_maq_a_p_inativa {
    background-color: transparent;
}

.tooltip1 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}
    /* Tooltip arrow */
    .tooltip1 .tooltiptext::after {
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: #555 transparent transparent transparent;
    }

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip1:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}
/*
table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;visibility:hidden;
    visibility:visible;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 20px
}
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f9f9f9
}
.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-left: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}
*/