/*---------------------------------------------- responsive -----------------------------------------------*/

@media(max-width:2000px) {
    table.custom_table div.deployment_table_boxes_container div.container_box{
        margin-right: 1%;
        width: 49.5%;
    }
    table.custom_table div.deployment_table_boxes_container div.container_box:nth-child(2n){margin-right: 0px;}
    div.donut_data_container div#timing_gauge{width: 15%;}
    div.donut_data_container div.table_container{width: 85%;}
    div.donut_data_container div.chart{width: 30%;}
    div.donut_data_container div.data_container{width: 70%;}
}

@media(max-width:1800px) {
    div.container_box span.bigger_number{font-size: 80px;}
}

@media(max-width:1440px) {
    div.donut_data_container div.chart{width: 50%;}
    div.donut_data_container div.data_container{width: 50%;}
}

@media(max-width:1280px) {
    div.donut_data_container div#timing_gauge{width: 23%;}
    div.donut_data_container div.table_container{width: 77%;}
    div.donut_data_container div.chart{width: 30%;}
    div.donut_data_container div.data_container{width: 70%;}
    div.ce_boxes_container div.container_box.flex_container_box.box_1{width: 50%;}
    div.ce_boxes_container div.container_box.flex_container_box.box_2{width: 100%;}
    div.ce_boxes_container div.container_box.flex_container_box.box_3{width: 100%;}
    div.ce_boxes_container div.container_box.flex_container_box.box_4{width: 100%;}
}

@media(max-width:991px) {
    div.general_graph_container div.graph_container.compact_graph{width: 100%;}
}

@media(min-width:630px and max-width:900px) {
    .wrap > .green_column { width: 130px; }
    .wrap > .container { left: 215px; }
    div.side_sections.one_box div.box,
    div.boxes_container.two_boxes div.box,
    div.boxes_container.three_boxes_up div.box,
    div.boxes_container.four_boxes div.box{
        border: none !important;
        width: 100% !important;
        margin-bottom: 10px;
    }
    div.box h3.value{font-size: 16px;}
    div.box h3.value span.number{font-size: 22px;}
    span.item_filtro{margin: 0 0 10px -10px;}
    span.item_filtro.active,
    span.item_filtro:hover{margin: 0 0 10px 0px;}
}

@media(max-width:630px) {
    /* div.menu{
        position: fixed;
        display: none;
        width: 100%;
        bottom: 0px;
        right: 0px;
        z-index: 1;
        left: 0px;
        top: 50px;
    }
    div.menu ul li{
        float: left;
        width: 50%;
    }
    div.menu ul li a{
        height: 100px;
        width: 100%;
    }
    div.menu ul li.logout {
        position: relative;
        bottom: auto;
    }
    header nav div.toggle_menu{display: block !important;}
    header nav a.logo_container {
        width: 30px;
        overflow: hidden;
    }
    header nav div.realTime_storico_container {margin: -50px 0 0 0;}
    header nav div.realTime_storico_container div.green_container a {padding: 0 10px;}
    header nav div.language_btn_container{margin: -40px 65px 0 15px;}
    header nav a.notification_btn {display: none;} */
    .wrap {margin: 0px;}
    .wrap > .green_column {
        position: relative;
        width: 100%;
        left: 0px;
        top: 0px;
    }
    .wrap > .container {
        position: relative;
        left: 0px;
    }
}

@media(max-height:550px) {
    div.menu ul li a img,
    div.menu ul li a span.fa {display: none;}
    div.menu ul li a {
        min-height: 60px;
        padding: 5px 0;
    }
}

@media(max-height:400px) {
    div.menu ul li a {
        min-height: 40px;
        padding: 5px 0;
    }
}