/* DARK MODE - TABLET */
/*font-family: "Roboto Condensed", sans-serif;*/


@media only screen and (max-width: 800px) {
    * {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
        font-family: "Roboto", sans-serif;
    }

    .hide {
        display: none !important;
    }

    .break {
        word-wrap: break-word;
        table-layout: fixed;

    }


    .flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;

    }

    .sidebar {
        overflow: auto !important;
    }

    table {
        width: 100%;
    }

    /* ADD-USER */

    .add-user-form {
        font-size: 1.2rem !important;
    }

    .add-user-form>div>div {
        width: 80% !important;
    }


    .all-users {
        width: 100% !important;
    }

    .sidebar {
        overflow: auto !important;
    }

    .beekeeper-dashboard {
        flex-wrap: wrap !important;
    }

    .colony_box {
        margin: auto;
    }

    .inspection-details {
        width: 100% !important;
    }


    .addInspection {
        width: 100% !important;
    }

    #move div.dataTables_wrapper,
    #move2 div.dataTables_wrapper {
        width: 95vw;
        margin: auto !important;
    }


}

@media only screen and (max-width: 1280px) {

    .hide {
        display: none !important;
    }

    .flex {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 100%;
        margin: auto;
    }

    .todo-and-alarm {
        display: flex;
        flex-wrap: wrap !important;

    }


}

@media screen and (max-width: 992px) and (max-width: 1280px) {

    .total {
       
        margin: auto !important;
        justify-content: center!important;
    
    }
}

@media screen and (min-width: 700px) and (max-width: 1280px) {

    .total {
        width: 55% !important;
        margin: auto !important;
    }

 
}