body{
    margin:0px;
    
}
li { text-align: left; padding-bottom: 1em; }
img {
    border: 0px;
}

.ui-dialog-title{
    font-size:14px;
}

.mappa {
    position: relative;
    width: 100%;
}

.img_mappa {
    width: 99%;
}

.widgetIcon {
    float: left;
    position: relative;
    /*width: 35px;
    height: 35px;*/
    margin-top: 11px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    cursor: move;
}

.widgetImage {
    z-index: 100;
}
.red-cell {
   background: #F00; /* Or some other color */
}

.green-cell {
   background-color: #0F0; /* Or some other color */
}
#header-front {
    width: 100%;
    height: 57px;
    min-height: 57px;
    background-image: url(/site-media/images/header_bg.jpg);
    background-repeat:repeat-x;
    font-family: "Anivers", Arial;
    /*font-size: 18px;*/
    color: #919191;
    text-decoration: none;
    margin: 0px;
}

#toolbar-front {
    width: 100%;
    height: 57px;
    min-height: 57px;
    background-image: url(/site-media/images/header_bg.jpg);
    background-repeat:repeat-x;
    font-family: "Anivers", Arial;
    /*font-size: 18px;*/
    color: #919191;
    text-decoration: none;
    margin: 0px;
}

.toolbar-front {
    width: 100%;
    height: 57px;
    min-height: 57px;
    background-image: url(/site-media/images/header_bg.jpg);
    background-repeat:repeat-x;
    font-family: "Anivers", Arial;
    /*font-size: 18px;*/
    color: #919191;
    text-decoration: none;
    margin: 0px;
}
.separatore {
    float: left;
    margin: 10px;
    width: 1px;
    height: 41px;
    background-image: url(/site-media/images/separatore_menu.png);
    background-repeat: no-repeat;
}

#clock {
    float: left;
    margin-top: 20px;
}

#serverStatus {
    float: left;
    width: 200px;
    text-align: left;
    margin-top: 20px;
}

#serverConnected {
    color: green;
}

#serverDisconnected {
    color: red;
}

#backToMaps {
  
    margin-right: 15px;
    margin-top: 10px;
}

#logout {

    margin-right: 15px;
    margin-top: 10px;
}

.contenitore {
    float: left;
    width: 24%;
    height: 15%;
    background: #7ea8d0;
    font-family: arial;
    font-size: 20px;
    cursor: pointer;
    text-align: left;
    margin: 8px;
    border: 1px dashed grey
}

.contenitorehome {
    position: relative;
    width: 30%;
    height: 15%;
    text-align: left;
    background: #7ea8d0;
    font-family: arial;
    font-size: 20px;

}

.loginbg { background: url(/site-media/images/loginbg2.jpg) no-repeat top center; }

.loginbox {
    position:relative;
    top:325px;
    right:15px;
    width:610px;
    height:400px;
    text-align:left;
    margin:0 auto;
}

.username { position:absolute; top:29px; left:218px; width:110px; border:1px black solid; background:#FFFFFF; }

.password { position:absolute; top:55px; left:218px; width:110px; border:1px black solid; background:#FFFFFF;}

.login_btn { position:absolute; top:85px; left:218px; }

.messaggio_login { position:absolute; top:185px; left:60px; }

/* ------------ menu layout ---------------*/

#logo {
    float: left;
    margin-top: 15px;
    height: auto;
    width: 250px;
    z-index: 1000;
}