.container2{
    width:90%;
    margin-top: 1%;
}
#conta-cmg{
    width: 25%;
    margin-left: 5%;
    height: 72px;
    padding: 3px;
    background-color: #57b33e;
    border: 0px;
    box-shadow: 2px 2px 2px 2px #eee;
    color: #fff;
    border-radius: 25px;
    cursor: pointer;
}
#bt-eletricos{
    width: 25%;
    margin-left: 16%;
    height: 70px;
    padding: 6px;
    background-color: #57b33e;
    border: 0px;
    box-shadow: 2px 2px 2px 2px #eee;
    color: #fff;
    border-radius: 25px;
    cursor: pointer;
}

.painel2{
    background-color: #ffffff0f;
    height: 130px;
    width: 50%;
    left: 24%;
    box-shadow: 1px 1px 2px 1px rgb(177 176 176);
    position: absolute;
    border-radius: 10px;
    top: 27%;
    padding: 10px;
    text-align: center;
    color: #ffff;
}
#back{
    float: left;
    padding:5px;
    font-size: 22px;
    color: #fff;
    cursor: pointer;
}
#data-leitura{
    float: left;
    width: 30%;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
    margin-left: 35%;
}
#watts-leitura{
    float: left;
    width: 30%;
    font-size: 15px;
    padding: 10px;
    border-radius: 5px;
    margin-left: 35%
}
.data-watts{
    display: grid;
    grid-template-areas: 
        "cabecalho"
        "conteudo"
        "rodape";
    grid-template-columns: auto;
    grid-template-rows: 50px auto auto;
    text-align: center;
    box-shadow: 1px 1px 2px 1px rgb(177 176 176);
    padding: 5px;
    width: 50%;
    margin-left: 14%;
}


#adicionar-leitura{
    float: right;
    width: 17%;
    height: 50px;
    font-size: 2vmin;
    padding: 5px;
    border-radius: 7px;
    margin-left: 68%;
    border: 0px;
    background-color: #1aae9f;
    color: #fff;
    font-weight: bold;
    margin-top: -8%;
    cursor: pointer;
}
#excluir-leitura{
    float: right;
    width: 17%;
    font-size: 22px;
    padding: 5px;
    border-radius: 5px;
    background-color: #1aae9f;
    margin-left: 2%;
    font-size: 2vmin;
    border: 0px;
    color: #fff;
    font-weight: bold;
    height: 50px;
    margin-top: 0%;
    cursor: pointer;
}




@media only screen and (max-width: 981px) {
    .painel2{
        background-color: #ffffff0f;
        height: 251px;
        width: 91%;
        margin-left: 4%;
        box-shadow: 1px 1px 2px 1px rgb(177 176 176);
        position: absolute;
        border-radius: 10px;
        top: 27%;
        padding: 10px;
        text-align: center;
        color: #ffff;
    }

    #conta-cmg{
        width: 69%;
        margin: 2%;
        height: 72px;
        padding: 3px;
        background-color: #57b33e;
        border: 0px;
        box-shadow: 2px 2px 2px 2px #eee;
        color: #fff;
        border-radius: 25px;
        cursor: pointer;
    }

    #bt-eletricos{
        width: 69%;
        margin: 3%;
        height: 70px;
        padding: 6px;
        background-color: #57b33e;
        border: 0px;
        box-shadow: 2px 2px 2px 2px #eee;
        color: #fff;
        border-radius: 25px;
        cursor: pointer;
    }

    .data-watts {
        display: grid;
        grid-template-areas:
            "cabecalho"
            "conteudo"
            "rodape";
        grid-template-columns: auto;
        grid-template-rows: 50px auto auto;
        text-align: center;
        box-shadow: 1px 1px 2px 1px rgb(177 176 176);
        padding: 5px;
        width: 138%;
        margin-left: -30%;
    }
    #table-consumo{
        width: 140%;
        margin-left: -31%;
    }
    
}