.body_page {
    background-color: #E0EAFF;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 auto;
    /*min-height: 510px;
    min-width: 960px;*/
}

.body_inner_page {
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
}

.body_style {
    margin: 0 auto;
    overflow: hidden;
    background-color: #BBBBBB;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    /*min-height: 510px;
    min-width: 960px;*/
}

.separator {
    height: 30px;
    width: 1px;
    /*border-left:1px solid #999;*/
    background-color: #999;
}

#action_bar_top {
    position: absolute;
    top: 1px;
    left: 1px;
    right: 1px;
    /*background-color: #00ff26;*/
}

#action_bar_left {
    position: absolute;
    display: block;
    top: 36px;
    left: 3px;
    bottom: 36px;
    height: auto;
}

#action_bar_right {
    position: absolute;
    top: 36px;
    bottom: 36px;
    right: 1px;
    /*background-color: #004cff;*/
}

#action_bar_bottom {
    position: absolute;
    bottom: 2px;
    left: 1px;
    right: 1px;
    /*background-color: #f0c;*/
}

.box {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.td_pianificazione {
    background-color: #FFFFFF;
    border: 1px solid #000000;
    text-align: center;
    font-size: small;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    white-space: nowrap;
}

.btn_infobox {
    cursor: pointer;
}

.input_indirizzo {
    border: none;
    background-color: transparent;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    overflow: hidden;
}

.progress_div_kml {
    width: 350px;
    height: 30px;
    vertical-align: middle;
    font-size: medium;
    text-align: center;
    color: #7C7C7C;
    background-color: #FFFFFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    z-index: 100002;
}

.main_div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

.main_table {
    width: 100%;
    height: 100%;
}

.gis_kml_table {
    width: 100%;
    font-size: x-small;
    vertical-align: middle;
    /*border:1px solid black;*/
}

.gis_kml_title {
    text-align: center;
    background-color: #7193D8;
    color: #FFFFFF;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


.kml_table {
    /*width: 100%;*/
    font-size: x-small;
    vertical-align: middle;
    transition-property: width;
    transition-duration: .5s;
    -webkit-transition-property: width;
    -webkit-transition-duration: .5s;
    -o-transition-property: width;
    -o-transition-duration: .5s;
    -moz-transition-property: width;
    -moz-transition-duration: .5s;
}

    .kml_table .item {
        margin: 2px;
        background-color: #ededed;
        border-color: #cccccc;
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        transition-property: background-color;
        transition-duration: .20s;
        -webkit-transition-property: background-color;
        -webkit-transition-duration: .20s;
        -o-transition-property: background-color;
        -o-transition-duration: .20s;
        -moz-transition-property: background-color;
        -moz-transition-duration: .20s;
    }

        .kml_table .item:hover {
            background-color: #ffd798;
            border-color: #ffc975;
        }

.gis_kml_cmd img {
    cursor: pointer;
}

.kml_table .item .div_kml {
    float: left;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: block;
    max-width: 130px;
    text-align: left;
}

.kml_table .item:hover .div_kml {
    max-width: 80px;
}

.kml_table .item .gis_kml_cmd {
    float: right;
    display: none;
    width: 50px;
    text-align: right;
}

.kml_table .item:hover .gis_kml_cmd {
    display: block;
}

.div_map {
    /*position: relative;*/
    position: absolute;
    display: block;
    width: auto;
    height: auto;
    top: 38px;
    left: 185px;
    bottom: 39px;
    right: 35px;
    border: 1px solid #999999;
    overflow: hidden;
    background-color: #FFFFFF;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;*/
}

#div_map_cmd_dx {
    position: absolute;
    bottom: 50px;
    right: -1px;
    text-align: right;
    padding: 0px;
    display: block;
}

#div_map_cmd_sx {
    position: absolute;
    bottom: 50px;
    left: -1px;
    text-align: left;
    padding: 0px;
    display: block;
}

.div_map_cmd {
    position: relative;
    bottom: 0px;
    margin-bottom: 1px;
    width: 28px;
    height: 28px;
    padding: 2px;
    background-color: #BBBBBB;
    border: 1px solid #999999;
    cursor: pointer;
    vertical-align: middle;
    display: none;
    z-index: 100001;
    -webkit-transition-property: width, height, background-color;
    -webkit-transition-duration: .5s;
    -o-transition-property: width, height, background-color;
    -o-transition-duration: .5s;
    -moz-transition-property: width, height, background-color;
    transition-property: width, height, background-color;
    -moz-transition-duration: .5s;
    transition-duration: .5s;
    overflow: hidden;
}

    .div_map_cmd:hover {
        width: 40px;
    }

    .div_map_cmd .img_cmd {
        margin: 6px;
    }

    .div_map_cmd .img_cross {
        display: none;
        float: right;
        margin-top: 5px;
        margin-right: 5px;
        cursor: pointer;
    }

    .div_map_cmd .span_title {
        display: none;
        float: left;
        margin-top: 5px;
        margin-left: 5px;
        font-size: x-small;
        color: #555555;
    }

    .div_map_cmd.open {
        width: 180px;
        height: auto;
        background-color: #FFFFFF;
        cursor: default;
    }

        .div_map_cmd.open .img_cmd {
            display: none;
        }

        .div_map_cmd.open .img_cross {
            display: block;
        }

        .div_map_cmd.open .span_title {
            display: block;
        }

    .div_map_cmd .kml_table {
        width: 0px;
    }

    .div_map_cmd.open .kml_table {
        width: 100%;
    }

    .div_map_cmd .div_inner_ {
        display: none;
        overflow: hidden;
    }

    .div_map_cmd .div_inner {
        /*display: none;*/
        /*-webkit-transform: scale(0);
        -o-transform: scale(0);
        -ms-transform: scale(0);
        -moz-transform: scale(0);
        transform: scale(0);*/
    }

    .div_map_cmd.cmd_dx .div_inner {
        /*-webkit-transform-origin: right;
        -o-transform-origin: right;
        -ms-transform-origin: right;
        -moz-transform-origin: right;
        transform-origin: right;*/
    }

    .div_map_cmd.cmd_sx .div_inner {
        /*-webkit-transform-origin: left;
        -o-transform-origin: left;
        -ms-transform-origin: left;
        -moz-transform-origin: left;
        transform-origin: left;*/
    }

    .div_map_cmd.open .div_inner {
        /*display: block;*/
        /*-webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);*/
        clear: left;
    }

    .div_map_cmd .div_button {
        display: block;
    }

    .div_map_cmd.open .div_button {
        display: none;
    }

.cmd_dx {
    -moz-border-radius: 5px 0px 0px 5px;
    -webkit-border-radius: 5px 0px 0px 5px;
    border-radius: 5px 0px 0px 5px;
    text-align: left;
    float: right;
    clear: right;
    -webkit-box-shadow: -2px 2px 8px -2px #666666;
    -moz-box-shadow: -2px 2px 8px -2px #666666;
    box-shadow: -2px 2px 8px -2px #666666;
}

.cmd_sx {
    -moz-border-radius: 0px 5px 5px 0px;
    -webkit-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    text-align: right;
    float: left;
    clear: left;
    display: block;
    -webkit-box-shadow: 2px 2px 8px -2px #666666;
    -moz-box-shadow: 2px 2px 8px -2px #666666;
    box-shadow: 2px 2px 8px -2px #666666;
}

#div_cmd_manpa.open {
    width: 222px;
}

.div_main {
    font-family: Arial, Helvetica, sans-serif;
    padding: 5px;
    width: 970px;
    margin-right: auto;
    margin-left: auto;
    top: 10px;
    position: relative;
    background-color: White;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
    font-size: small;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 30px -4px #666666;
    -moz-box-shadow: 0px 0px 30px -4px #666666;
    box-shadow: 0px 0px 30px -4px #666666;
}

.td_main_container {
    width: 970px;
}

.campo_obbligatorio {
    background-color: #FCFCDE;
}

.campo {
    font-size: x-small;
    width: 200px;
    border: 1px solid #bbbbbb !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    margin: 1px;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}

    .campo:focus {
        border: 1px solid #666;
        background-color: #ebf1ff;
    }

    .campo:hover {
        border: 1px solid #666;
    }

.campo_numero {
    font-size: x-small;
    width: 200px;
    border: 1px solid #bbbbbb;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    padding: 3px;
    font-family: Arial, Helvetica, sans-serif;
    text-align: right;
}


    .campo_numero:focus {
        border: 1px solid #666;
        background-color: #ebf1ff;
    }

    .campo_numero:hover {
        border: 1px solid #666;
    }

.campo_upload {
    font-size: x-small;
    width: 200px;
    border-color: #bbbbbb;
    background-color: White;
    color: #888888;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.td_campo_titolo {
    text-align: right;
    width: 150px;
    font-size: x-small;
}

.td_campo_obbligatorio {
    color: #5279D1;
}

.td_filtro_avanzato {
    background-color: #FCB46F;
    color: #555555;
    font-weight: bold;
    text-align: center;
    height: 30px;
    font-size: x-small;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 3px;
    border-color: #FF9B39;
    border-style: solid;
    border-width: 1px;
}

.td_filtro {
    text-align: center;
    height: 30px;
    background-color: #7193D8;
    font-weight: bold;
    color: #FFFFFF;
    font-size: x-small;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.td_campo_filtro {
    width: 120px;
    font-size: x-small;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.td_header {
    text-align: center;
    height: 30px;
    background-color: #7193D8;
    font-weight: bold;
    color: #FFFFFF;
    font-size: x-small;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

a:link {
    color: #FFFFFF;
}

.td_footer {
    text-align: right;
    font-size: x-small;
    height: 30px;
    background-color: #dddddd;
    font-weight: bold;
    color: #555555;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.td_footer_button {
    position: relative;
    width: 100px;
    height: 25px;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .td_footer_button img {
        vertical-align: middle;
    }


    .td_footer_button:hover {
        cursor: pointer;
        background: #bbbbbb;
        border-color: #999999;
        border-style: solid;
        border-width: 1px;
    }

    .td_footer_button.disabled {
        cursor: default;
        pointer-events: none;
        background: #AAAAAA;
        border-color: #888888;
        border-style: solid;
        border-width: 1px;
    }

        .td_footer_button.disabled img {
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
            filter: gray; /* IE6-9 */
            -webkit-filter: grayscale(100%);
        }

    .td_footer_button:disabled {
        cursor: default;
        pointer-events: none;
        background: #AAAAAA;
        border: 1px solid #888888;
    }

        .td_footer_button:disabled img {
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
            filter: gray; /* IE6-9 */
            -webkit-filter: grayscale(100%);
        }

.td_footer_check {
    width: 25px;
    height: 25px;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .td_footer_check:hover {
        cursor: pointer;
        background: #bbbbbb;
        border-color: #999999;
    }

    .td_footer_check.checked {
        border-color: #999999;
        background-color: #BBBBBB;
        box-shadow: 3px 3px 4px -3px #888888 inset;
    }

        .td_footer_check.checked:hover {
            border-color: #bbbbbb;
            background-color: #dddddd;
        }


.center_div {
    position: absolute;
    display: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    vertical-align: middle;
    margin: auto;
}

.modal_div {
    display: block;
    background-color: White;
    border: 1px solid #888888;
    font-size: x-small;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 30px -4px #666666;
    -moz-box-shadow: 0px 0px 30px -4px #666666;
    box-shadow: 0px 0px 30px -4px #666666;
    z-index: 100004;
}

.modal_popup {
    background-color: White;
    border-color: #888888;
    border-style: solid;
    border-width: 1px;
    font-size: x-small;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0px 0px 30px -4px #666666;
    -moz-box-shadow: 0px 0px 30px -4px #666666;
    box-shadow: 0px 0px 30px -4px #666666;
    z-index: 100004;
}

    .modal_popup div.back {
        width: 100%;
        height: 100%;
        background-color: #000000;
        position: fixed;
        top: 0px;
        right: 0px;
        z-index: 100003;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
    }

.groupbox {
    font-size: x-small;
    vertical-align: top;
    border-color: #aaaaaa;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-top: 10px;
    padding-top: 20px;
}

.groupbox_title {
    border-color: #A2B7E5;
    border-style: solid;
    border-width: 1px;
    background: #C1CEEA;
    color: #555555;
    padding: 2px;
    margin-top: -29px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 8px;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.groupbox_title_avanzato {
    border-color: #FCAA5D;
    border-style: solid;
    border-width: 1px;
    background: #FFC690;
    color: #333333;
    padding: 2px;
    margin-top: -29px;
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 8px;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.gv_style {
    width: 100%;
    font-size: x-small;
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;
    background-color: #BBBBBB;
}

.gv_RowStyle td {
    border-color: #BBBBBB;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    height: 20px;
}

.gv_HeaderStyle {
    background-color: #7193D8;
    color: #FFFFFF;
    text-align: left;
}

.gv_EditRowStyle {
    background-color: #FFCC99;
}

.gv_RowStyle {
    background-color: #EFF3FB;
    text-align: left;
}

.gv_PagerStyle {
    background-color: #7193D8;
    color: #FFFFFF;
}

.select_icon td {
    background: #EFF3FB;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .select_icon td:hover {
        cursor: pointer;
        border-color: #A2B7E5;
        border-style: solid;
        border-width: 1px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
    }

.tabpage_div_main {
    padding: 2px;
    width: 970px;
    height: 600px;
    margin-right: auto;
    margin-left: auto;
    top: 10px;
    position: relative;
    background-color: White;
    border-color: #888888;
    border-style: solid;
    border-width: 1px;
    font-size: small;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 30px -4px #666666;
    -webkit-box-shadow: 0px 0px 30px -4px #666666;
    -moz-box-shadow: 0px 0px 30px -4px #666666;
}

.tabpage_tab_title {
    width: 100%;
    height: 15px;
    bottom: -2px;
    position: relative;
}

.tabpage_frame {
    width: 100%;
    height: 565px;
    border-style: none;
}

.tabpage_title {
    color: #555555;
    cursor: pointer;
    width: 100px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #CBDEF2;
    border-color: #95B7E0 #95B7E0 #AAAAAA #95B7E0;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
}

    .tabpage_title:hover {
        background-color: #D8E8F7;
    }

.tabpage_title_selected {
    color: #333333;
    background-color: #FFFFFF;
    border-color: #AAAAAA;
    border-width: 1px 1px 0px 1px;
    border-style: solid;
}

    .tabpage_title_selected:hover {
        background-color: #FFFFFF;
    }

.tabpage_container {
    background-color: #FFFFFF;
    border-color: #AAAAAA;
    border-width: 1px;
    border-style: solid;
    padding: 0px;
}

.td_foto {
    width: 200px;
    padding: 5px;
}

    .td_foto img {
        width: 200px;
        border-color: #777777;
        border-width: 1px;
        border-style: solid;
    }

.td_foto_campi_title {
    font-weight: bold;
    color: #666666;
}

.td_foto_campi {
    background-color: #FFFFE5;
    font-size: x-small;
    padding: 3px;
    width: 95%;
    color: #555555;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    font-family: Arial, Helvetica, sans-serif;
}

.tr_foto {
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.modal_panel {
    position: fixed;
    bottom: -250px;
}

.menu_table_button {
    width: 100%;
    height: 25px;
    background-color: #dddddd;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.menu_button {
    border: 1px solid #999;
    position: relative;
    min-width: 25px;
    max-width: 25px;
    height: 25px;
    max-height: 25px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -o-transition: background .25s ease-in-out;
    -moz-transition: background .25s ease-in-out;
    -webkit-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    /*-webkit-box-shadow: 1px 1px 0px -0px #999;
    -moz-box-shadow: 1px 1px 0px -0px #999;
    box-shadow: 1px 1px 0px -0px #999;*/
}

    .menu_button:hover {
        cursor: pointer;
        background: #aaaaaa;
        border: 1px solid #888888;
    }

    .menu_button.active {
        border-color: #7193D8;
        background-color: #a4bae6;
    }

        .menu_button.active:hover {
            border-color: #678BD8;
            background-color: #93AAE0;
        }

    .menu_button.disabled {
        cursor: default;
        pointer-events: none;
        background: #AAAAAA;
        border: 1px solid #888888;
    }

        .menu_button.disabled img {
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
            filter: gray; /* IE6-9 */
            -webkit-filter: grayscale(100%);
        }

.menu_input {
    border: 1px solid #999999;
    position: relative;
    min-width: 8px;
    max-width: 8px;
    height: 5px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
}

    .menu_input.y {
        background-color: #EDE35D;
        border: 1px solid #777777;
    }

    .menu_input.g {
        background-color: #8DC900;
        border: 1px solid #777777;
    }

    .menu_input.b {
        background-color: #86c4f7;
        border: 1px solid #777777;
    }

    .menu_input.pluv {
        background-color: #86c4f7 !important;
        border: 1px solid #777777;
    }

    .menu_input > div {
        /*visibility:collapse;*/
        position: absolute;
        bottom: -10000px;
        padding: 5px;
        -webkit-box-shadow: 1px 1px 10px -1px #888888;
        -moz-box-shadow: 1px 1px 10px -1px #888888;
        box-shadow: 1px 1px 10px -1px #888888;
        text-align: left;
        z-index: 100000000;
        margin-bottom: 10px;
    }

    .menu_input:hover > div {
        /*visibility:visible;*/
        position: absolute;
        background-color: #FFFFFF;
        border: 1px solid #777777;
        bottom: 5px;
        left: -5px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
    }

.filter_button {
    width: 25px;
    height: 25px;
    border-color: #ADBFE5;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .filter_button:hover {
        cursor: pointer;
        background: #ADBFE5;
        border-color: #C9D3EA;
        border-style: solid;
        border-width: 1px;
    }

.report_foto_div {
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 1px;
    width: 99%;
    background-color: #FFFFFF;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: auto;
}

#div_infobox {
    position: absolute;
    top: 51px;
    right: 48px;
    border-width: 1px;
    background-color: #FFFFFF;
    z-index: 4000;
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-box-shadow: 0px 5px 15px -4px #555;
    -moz-box-shadow: 0px 5px 15px -4px #555;
    box-shadow: 0px 5px 15px -4px #555;
    min-width: 200px;
    max-width: 400px;
    padding: 10px;
    display: none;
}

    #div_infobox .close img {
        cursor: pointer;
        float: right;
    }

.main_tr {
    height: 35px;
}

.main_td {
    font-size: x-small;
    height: 35px;
    background-color: #bbbbbb;
    color: #555555;
    /*border-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.main_td_h {
    font-size: x-small;
    width: 30px;
    background-color: #bbbbbb;
    color: #555555;
    /*border-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.main_detail {
    padding: 1px;
    font-size: x-small;
    background-color: #bbbbbb;
    color: #555555;
    border: 1px solid #999999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    max-height: 140px;
    height: 140px;
    max-width: 175px;
    width: 175px;
    display: block;
}

.main_detail_div {
    padding: 3px;
    font-size: x-small;
    width: 100%;
    background-color: #FFFFFF;
    border-color: #999999;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.main_dummy_td {
    width: 5px;
}

.main_repeater_panel {
    margin: 1px;
    padding: 2px;
    padding: 1px;
    width: 151px;
    height: 29px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid #bbbbbb;
}

.main_rep_td_img {
    width: 25px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    /*border:1px solid #999999;*/
    background- /*color*/: #FFFFFF;
    position: relative;
}


    .main_rep_td_img img {
        position: relative;
        top: 2px;
        left: 2px;
    }

.main_rep_td_ora {
    text-align: right;
    display: block;
}

.main_campo {
    font-size: x-small;
    width: 90px;
    border: 1px solid #999;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 3px;
    margin: 1px;
    font-family: Arial, Helvetica, sans-serif;
    outline: none;
}

    .main_campo:focus {
        border: 1px solid #666;
        background-color: #ebf1ff;
    }

    .main_campo:hover {
        border: 1px solid #666;
    }

.stato_invalid {
    background: #EF9595; /* Old browsers */
}

.stato_sosta {
    background: #FFDCB9; /* Old browsers */
}

.stato_movimento {
    background: #D0FFD3; /* Old browsers */
}

.stato_fermo {
    background: #F9F4BA; /* Old browsers */
}

.stato_inattivo {
    background: #E6E6E6; /* Old browsers */
}

.stato_and_attivo {
    background: #cbe3ff; /* Old browsers */
}

.stato_and_non_attivo {
    background: #FFFFFF; /* Old browsers */
}

.stato_non_trasmette {
    background: #FFFFFF; /* Old browsers */
}

.stato_buffer {
    background: #cbe3ff; /* Old browsers */
}

.highlight {
    background-color: #48e308 !important;
}

.img_gray {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
}

.div_gis {
    width: 100%;
}

.print_table {
    background-color: White;
    border-color: #555555;
    border-style: solid;
    border-width: 1px;
    font-size: x-small;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 30px -4px #666666;
    -webkit-box-shadow: 0px 0px 30px -4px #666666;
    -moz-box-shadow: 0px 0px 30px -4px #666666;
    z-index: 100004;
    padding: 5px;
    margin: 10px;
}

.gis_note {
    border: 2px dashed #C0C0C0;
}

.td_campo {
    width: 200px;
    font-size: x-small;
}

.txt_label {
    font-size: x-small;
    font-family: Arial, Helvetica, sans-serif;
}

.div_generic {
    padding: 5px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    top: 10px;
    position: relative;
    background-color: White;
    border-color: #888888;
    border-style: solid;
    border-width: 1px;
    font-size: small;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 30px -4px #666666;
    -webkit-box-shadow: 0px 0px 30px -4px #666666;
    -moz-box-shadow: 0px 0px 30px -4px #666666;
}

.td_button {
    width: 100px;
    height: 25px;
    background: #dddddd;
    border-color: #bbbbbb;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-weight: bold;
    color: #555555;
    font-size: small;
}

    .td_button:hover {
        cursor: pointer;
        background: #bbbbbb;
        border-color: #999999;
        border-style: solid;
        border-width: 1px;
    }

.td_button_filter {
    width: 100px;
    height: 25px;
    /*background: #7193D8;*/
    border-color: transparent;
    border-style: solid;
    border-width: 1px;
    text-align: center;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-weight: bold;
    color: #ffffff;
    font-size: x-small;
}

    .td_button_filter:hover {
        cursor: pointer;
        background: #4871CB;
        border-color: #315DB7;
        border-style: solid;
        border-width: 1px;
    }

.td_campagna {
    background: #e03f3f;
    border-color: #cc1e1e;
    padding: 2px;
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: x-small;
}

.td_campagna_label {
    font-weight: bold;
    color: #FFFFFF;
    margin-right: 10px;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100px;
}

.td_campagna_data {
    color: #EEEEEE;
    margin-left: 5px;
    margin-right: 5px;
}

.an_ev_div {
    position: fixed;
    bottom: 43px;
    left: 184px;
}

.div_input_indirizzo {
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    display: block;
    border-width: 0px;
}

.input_indirizzo {
    width: 100%;
    height: 100%;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    border-width: 0px;
    letter-spacing: 0px;
    line-height: 100%;
}

.menu_div {
    position: absolute;
    /*width: 120px;*/
    background-color: #bbbbbb;
    color: #555555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    z-index: 1000024;
    text-align: left;
    border: 1px solid #999999;
    display: none;
}

    .menu_div div {
        cursor: pointer;
        line-height: 30px;
        padding-right: 10px;
    }

        .menu_div div:hover {
            cursor: pointer;
            background: #aaaaaa;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

        .menu_div div > img {
            vertical-align: middle;
            margin-right: 5px;
            margin-left: 5px;
        }

    .menu_div td.disabled {
        cursor: default;
        pointer-events: none;
        background: #AAAAAA;
        border: 1px solid #888888;
        border-width: 0px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        .menu_div td.disabled img {
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
            filter: gray; /* IE6-9 */
            -webkit-filter: grayscale(100%);
        }

.menu_divisor {
    border-bottom: 1px solid #999999;
    margin: 2px 5px;
}

.menu_config {
    top: 32px;
    right: -1px;
    -moz-border-radius: 7px 0px 7px 7px;
    -webkit-border-radius: 7px 0px 7px 7px;
    border-radius: 7px 0px 7px 7px;
}

.menu_sale {
    bottom: 34px;
    left: -1px;
    -moz-border-radius: 7px 7px 7px 0px;
    -webkit-border-radius: 7px 7px 7px 0px;
    border-radius: 7px 7px 7px 0px;
}

.menu_scende {
    top: 34px;
    left: -1px;
    -moz-border-radius: 0px 7px 7px 7px;
    -webkit-border-radius: 0px 7px 7px 7px;
    border-radius: 0px 7px 7px 7px;
}

.menu_scada {
    bottom: 34px;
    left: -1px;
    -moz-border-radius: 7px 7px 7px 0px;
    -webkit-border-radius: 7px 7px 7px 0px;
    border-radius: 7px 7px 7px 0px;
}

.menu_segnalazioni {
    top: -1px;
    width: 165px;
    right: 31px; /*-154px;*/
    -moz-border-radius: 7px 0px 7px 7px;
    -webkit-border-radius: 7px 0px 7px 7px;
    border-radius: 7px 0px 7px 7px;
}

.menu_report {
    left: 32px;
    top: -1px;
    -moz-border-radius: 0px 7px 7px 7px;
    -webkit-border-radius: 0px 7px 7px 7px;
    border-radius: 0px 7px 7px 7px;
}

.menu_report_main {
    width: 120px;
    left: -1px;
    top: 32px;
    -moz-border-radius: 0px 7px 7px 7px;
    -webkit-border-radius: 0px 7px 7px 7px;
    border-radius: 0px 7px 7px 7px;
}

.visible {
    display: block;
}

.hidden {
    display: none;
}

.div_anev_cerchio {
    background-color: White;
    border-color: #888888;
    border-style: solid;
    border-width: 1px;
    font-size: x-small;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-box-shadow: 0px 0px 30px -4px #666666;
    -moz-box-shadow: 0px 0px 30px -4px #666666;
    box-shadow: 0px 0px 30px -4px #666666;
    z-index: 100004;
    width: 400px;
    height: 150px;
    top: 50%;
    right: 50%;
    margin-top: -75px;
    margin-right: -200px;
    position: absolute;
    display: none;
}

.overflow {
    overflow: hidden;
    white-space: nowrap;
    display: block;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.evav_note_overflow {
    width: 200px;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    vertical-align: middle;
    position: relative;
    display: block;
}

#td_sinottico {
    border: thin solid #999999;
    background-color: #FFFFFF;
    overflow-y: scroll;
    position: absolute;
    top: 26px;
    bottom: 150px;
    width: 177px;
}

.div_sinottico {
    width: 155px;
    font-size: xx-small;
}

.div_sinottivo_item {
    margin: 1px;
    padding: 2px;
    width: 151px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #bbbbbb;
    cursor: pointer;
    z-index: 300;
    overflow: hidden;
}

    .div_sinottivo_item.selezionato {
        border: 1px solid #444444;
    }

    .div_sinottivo_item:hover {
        border: 1px solid #666666;
        z-index: 301;
    }

    .div_sinottivo_item table {
        width: 100%;
        border-spacing: 0;
        border-collapse: collapse;
    }

    .div_sinottivo_item img {
        width: 16px;
        height: 16px;
        vertical-align: middle;
        text-align: center;
    }

    .div_sinottivo_item .img_tipo {
        width: 20px;
    }

    .div_sinottivo_item .descrizione {
        font-weight: bold;
        color: #333333;
        width: 105px;
        max-width: 105px;
        float: left;
        vertical-align: middle;
        line-height: 14px;
    }

    .div_sinottivo_item .img_stato {
        text-align: right;
        width: 20px;
        float: right;
    }

    .div_sinottivo_item .stato {
        color: #444444;
        float: left;
        line-height: 12px;
    }

    .div_sinottivo_item .ora {
        text-align: right;
        float: right;
        line-height: 12px;
    }

    .div_sinottivo_item .analog {
        border: 1px solid #BBBBBB;
        background-color: #DDDDDD;
        padding: 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin-top: 1px;
        width: 126px;
    }


        .div_sinottivo_item .analog table {
            border-spacing: 0px;
            border-collapse: separate;
            width: 100%;
        }

        .div_sinottivo_item .analog .desc {
            text-align: left;
            vertical-align: middle;
            color: #444444;
            padding: 0px;
            width: 60px;
            max-width: 60px;
        }

        .div_sinottivo_item .analog .valore {
            text-align: right;
            vertical-align: middle;
            color: #fff200;
            font-weight: bold;
            background-color: #555555;
            padding: 2px;
            padding-right: 4px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            max-width: 50px;
        }

            .div_sinottivo_item .analog .valore.allarme {
                color: #FFFFFF;
                background-color: #dd0000;
            }

    .div_sinottivo_item .operatore {
        border: 1px solid #BBBBBB;
        background-color: #FFFFFF;
        padding: 1px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin-top: 1px;
        width: 126px;
    }

        .div_sinottivo_item .operatore table {
            border-spacing: 0px;
            border-collapse: separate;
            width: 100%;
        }

        .div_sinottivo_item .operatore .desc {
            text-align: left;
            vertical-align: middle;
            color: #000000;
            padding: 0px;
            width: 60px;
            max-width: 60px;
        }

        .div_sinottivo_item .operatore .desc_no_dataora {
            text-align: left;
            vertical-align: middle;
            color: #000000;
            padding: 2px;
            width: 110px;
            max-width: 110px;
        }

        .div_sinottivo_item .operatore .valore {
            text-align: right;
            vertical-align: middle;
            color: #FFFFFF;
            font-weight: bold;
            background-color: #007BFF;
            padding: 2px;
            padding-right: 4px;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
            max-width: 50px;
        }

.div_scada_help {
    background-color: #ffffff;
    border: 1px solid #999999;
    color: #555555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 4px;
    padding: 5px;
    /*-webkit-box-shadow: 1px 1px 2px 0px #CCCCCC;
    -moz-box-shadow: 1px 1px 2px 0px #CCCCCC;
    box-shadow: 1px 1px 2px 0px #CCCCCC;*/
    text-align: center;
    font-size: x-small;
}

#div_scada_tipi {
    float: right;
    width: 250px;
    height: 260px;
    padding: 2px;
    overflow-y: auto;
}

.scada_tipo {
    background-color: #F5F5F5;
    border: 1px solid #888888;
    color: #555555;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin: 2px;
    padding: 10px;
    font-size: medium;
    font-weight: bold;
    -webkit-box-shadow: 1px 1px 2px 0px #CCCCCC;
    -moz-box-shadow: 1px 1px 2px 0px #CCCCCC;
    box-shadow: 1px 1px 2px 0px #CCCCCC;
}

    .scada_tipo:hover {
        background-color: #f0f3ff;
        border: 1px solid #4281f9;
        color: #4281f9;
        cursor: pointer;
        -webkit-box-shadow: 1px 1px 2px 0px #999999;
        -moz-box-shadow: 1px 1px 2px 0px #999999;
        box-shadow: 1px 1px 2px 0px #999999;
    }

.arrow-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 20px solid rgba(255,0,0,0.6);
}

.progress_background {
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    bottom: 00px;
    top: 00px;
    left: 0px;
    right: 0px;
    z-index: 100004;
}

.div_progress {
    border: 1px solid #333333;
    text-align: center;
    vertical-align: middle;
    padding: 20px;
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -97px;
    margin-left: -97px;
    background-color: #FFFFFF;
    color: #555555;
    font-size: small;
    border-radius: 95px;
    -moz-border-radius: 95px;
    -webkit-border-radius: 95px;
    box-shadow: 0px 0px 40px -3px #000000;
    -webkit-box-shadow: 0px 0px 40px -3px #000000;
    -moz-box-shadow: 0px 0px 40px -3px #000000;
    z-index: 100004;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}

.div_progress_total {
    border: 1px solid #555555;
    text-align: center;
    vertical-align: middle;
    position: absolute;
    padding: 5px;
    width: 90px;
    height: 30px;
    line-height: 30px;
    bottom: 50px;
    left: 50%;
    margin-left: -50px;
    background-color: #FFFFFF;
    color: #555555;
    font-size: large;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 40px -3px #000000;
    -moz-box-shadow: 0px 0px 40px -3px #000000;
    box-shadow: 0px 0px 40px -3px #000000;
    z-index: 100005;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
}


.file_upload {
    border: 1px solid #bbbbbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    margin: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    width: 250px;
    cursor: pointer;
}

.file_upload_btn {
    border: 1px solid #bbbbbb;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px;
    margin: 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: x-small;
    width: 60px;
    cursor: pointer;
}


#noti_Container {
    position: relative; /* This is crucial for the absolutely positioned element */
    /*border:1px solid blue;*/ /* This is just to show you where the container ends */
    width: 16px;
    height: 16px;
}

    #noti_Container img {
        /*position:absolute;     
   bottom:0px;
   left:0px; 
   width:16px;
   height:16px;*/
    }

.noti_bubble {
    position: absolute; /* This breaks the div from the normal HTML document. */
    /*top: -6px;
    right:-6px;*/
    top: -1px;
    right: -3px;
    padding: 1px 2px 1px 2px;
    background-color: red; /* you could use a background image if you'd like as well */
    color: white;
    /*font-weight:bold;*/
    font-size: 0.75em;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 1px 1px 3px -1px #4c4d4d;
    -moz-box-shadow: 1px 1px 3px -1px #4c4d4d;
    box-shadow: 1px 1px 3px -1px #4c4d4d;
}


#div_ready {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    z-index: 100000;
}

#div_ready2 {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: white;
    z-index: 100000;
    display: block;
}

.led {
    border: 1px solid #999999;
    position: relative;
    min-width: 8px;
    max-width: 8px;
    height: 8px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    margin: 2px;
}

    .led.y {
        background-color: #ffcc04;
        border: 1px solid #777777;
    }

    .led.g {
        background-color: #99cc00;
        border: 1px solid #777777;
    }

    .led.b {
        /*background-color: #86c4f7;*/
        background-color: #33b5e5;
        border: 1px solid #777777;
    }


.disabled {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%);
    cursor: default;
    pointer-events: none;
}


.dialog_wrapper {
    background-color: rgba(0,0,0,0.3);
    position: absolute;
    bottom: 0px;
    top: 0px;
    left: 0px;
    right: 0px;
    z-index: 100004;
    text-align: center;
    display: none;
}

    .dialog_wrapper:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        height: 100%;
    }

    .dialog_wrapper .container {
        background-color: #fff;
        -webkit-box-shadow: 0px 10px 30px -3px #333;
        -moz-box-shadow: 0px 10px 30px -3px #333;
        box-shadow: 0px 10px 30px -3px #333;
        padding: 10px;
        vertical-align: middle;
        display: inline-block;
    }