.center {
    text-align: center;
}

.settings-table{
    margin: 0px 1rem;
}

.thead-table {
    text-align: center;
}

.row-table {
    justify-content: center;
}

.p-0 {
    /* width: 48px; */
    padding: 0;
}


/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 1100px) {

    .wrapper {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        padding: 10px;
    }

    .red_sensores_title {
        display: none;
    }

    .box1 {
        grid-column: 1/2;
    }

    .box2 {
        grid-column: 1/2;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr;
        padding-bottom: 10px;
    }

    .box9 {
        grid-column: 1/2;
        /* text-align: center; */
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .box12, .box13, .box10, .box11, .box14, .box15 {
        grid-column: 1/2;
        padding-bottom: 10px;

    }

    .box12 {
        grid-row: 3/4;
    }

    .box13 {
        grid-row: 4/5;
    }

    .box16 {
        grid-column: 1/3;
        padding-bottom: 10px;
        grid-row: 5/6;
    }

    .box17 {
        grid-column: 1/3;
        padding-bottom: 10px;
    }

    .box18 {
        grid-column: 1/2;
        grid-row: 6/7;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-bottom: 10px;
    }

}

/* Medium devices (landscape tablets, 768px and up) */

@media only screen and (min-width: 1100px) {

    .wrapper {
        display: grid;
        grid-template-columns: repeat(12, 1fr);
        gap: 10px;
        padding: 10px;
    }

    .full-height {
        height: 100%;
    }

    .vertical-center {
        align-content: center;
        height: 100%;
    }

    .titles-space {
        display: flex;
        justify-content: space-around;
    }

    .box1 {
        grid-column: 1/13;
    }

    .box2 {
        grid-column: 1/7;
        display: grid;
        grid-gap: 10px;
        grid-template-columns: 1fr 1fr 1fr;
    }

    .box9 {
        display: flex;
        justify-content: center;
        align-items: center;
        grid-column: 1/4;
    }

    .box10 {
        grid-column: 7/10;
    }

    .box11 {
        grid-column: 10/13;
    }

    .box12 {
        grid-row: 3/4;
        grid-column: 1/4;
    }

    .box13 {
        grid-row: 3/4;
        grid-column: 4/7;
    }

    .box14 {
        grid-row: 3/4;
        grid-column: 7/10;
    }

    .box15 {
        grid-row: 3/4;
        grid-column: 10/13;
    }

    .box16 {
        grid-column: 1/7;
    }

    .box17 {
        grid-column: 7/13;
    }

    .box18 {
        display: none;
    }

    .productores {
        padding: 2rem;
    }

    .add_user {
        text-align: right;
    }


}

.colu-1 {width: 8.33%;}
.colu-2 {width: 16.66%;}
.colu-3 {width: 25%;}
.colu-4 {width: 33.33%;}
.colu-5 {width: 41.66%;}
.colu-6 {width: 50%;}
.colu-7 {width: 58.33%;}
.colu-8 {width: 66.66%;}
.colu-9 {width: 75%;}
.colu-10 {width: 83.33%;}
.colu-11 {width: 91.66%;}
.colu-12 {width: 100%;}

.map_wifi {
    height: 700px;
}

@media only screen and (min-width: 1800px) {
    .map_wifi {
        height: 900px;
    }
}

.cuadro {
    width: 300px;
    position: absolute;
    height: 200px;
    transform: translate(60px, -244px);
    background-color: #fff;
    z-index: 2;
}

.calendar {
    display: flex;
    justify-content: space-evenly;
}

.indicadores {
    height: 48px;
    width: 48px;
    border: 1px;
}

.img_indicadores {
    height: 48px;
    width: 48px;
}