body.fullscreen {
    overflow: hidden;
}

.map_menu.fullscreen #print_button {
    display: none;
}

#content {
    width: 100%;
}

#canvas_holder {
    position: relative;
    z-index: 0;
    width: 968px;
    height: 500px;
    display: table;
    background: #808080;
    margin: 10px 0 0 0;
}

#canvas_holder.fullscreen, #map_canvas.fullscreen, #map_canvas_os.fullscreen, #map_canvas_osmaps.fullscreen{
    top: 0;
    left: 0;
    margin: 0;
    display: table;
    position: fixed;
    width: 100%;
    height: 100%;
}



#map_canvas, #map_canvas_os, #map_canvas_osmaps {
    width: 968px;
    height: 500px;
    margin: 0 auto;
    display: block;
    position: absolute;
}

#map_canvas.show, #map_canvas_os.show, #map_canvas_osmaps.show,
#map_canvas.fullscreen.show, #map_canvas_os.fullscreen.show, #map_canvas_osmaps.fullscreen.show {
    z-index: 3000;
    visibility: visible;
    display: block;
}

#map_canvas.hide, #map_canvas_os.hide, #map_canvas_osmaps.hide,
#map_canvas.fullscreen.hide, #map_canvas_os.fullscreen.hide, #map_canvas_osmaps.fullscreen.hide {
    z-index: -999;
    visibility: hidden;
}
#resave.fullscreen {
    display: none;
}


.logo_os.show {
    /* opacity: 0;
    transition: opacity .25s ease-in-out;
    */
    display: none;

}

.logo_os.hide {
    /*opacity: 0;
    transition: opacity .25s ease-in-out;
    */
}

#map_canvas.fullscreen, #map_canvas_os.fullscreen, #map_canvas_osmaps.fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
}

.map_menu {
    border-radius: 5px;
    border: solid 1px #808080;
    background-color: #cccccc;
    position: absolute;
    float: right;
    z-index: 3001;
    display: inline-table;
    bottom: 40px;
    right: 25px;
    padding: 2px;
}

.map_menu.list {
    position: relative;
    background: none;
    border: none;
    display: table;
    white-space: nowrap;
    bottom: auto;
    right: auto;
    margin: 0;
    width: auto;
}

.map_menu.list .map_button {
    float: left;
    width: 24px;
    height: 24px;
    display: table;
    background-color: transparent;
    background-size: 90%;
}

.map_menu.list .map_button:hover {
    background-color: #dddddd;
}

.map_menu.list a.map_button {
    display: inline-block;
    white-space: nowrap;
}

.map_button, a.map_button {
    margin: 2px;
    float: right;
    position: relative;
    border: 1px solid #aaaaaa;
    border-radius: 4px;
    background-color: #dddddd;
    display: block;
    cursor: pointer;
    padding: 5px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: block;
    width: 30px;
    height: 30px;
    color: #000000;
    font: normal 10px Arial;
    text-align: center;
    line-height: 10px;
}

.map_button:hover, a.map_button:hover {
    background: #ffffff;
}

.map_button:active, a.map_button:active {
    border: 1px solid #ffffff;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
}

.map_search {
    float: left;
    padding: 0;
    margin: 0;
    display: table;
    clear: left;
}

.map_search input[type=submit] {
    height: 42px;
    width: 42px;
    font: bold 18px Arial;
    color: #000000;
}

.map_search input[type=search] {
    margin: 2px;
    padding: 0 5px;
    font: italic 22px Arial;
    color: #bbbbbb;
    height: 40px;
    border: solid 1px #aaaaaa;
}

.map_menu #cut_button {
    background-image: url(../images/icon_minus.png);
}

.map_menu #back_button {
    background-image: url(../images/icon_back.png);
}

.map_menu.fullscreen {
    position: fixed;
}

.map_menu #fullscreen_button {
    background-image: url(../images/icon_fullscreen_enter.png);
}

.map_menu #fullscreen_button.fullscreen {
    background-image: url(../images/icon_fullscreen_exit.png);
}

.map_menu #search_button {
    background-image: url(../images/icon_search.png);
}

.map_menu #search_button.enabled {
    background-image: url(../images/icon_search_enabled.png);
}

.map_menu #print_button {
    background-image: url(../images/icon_print.png);
}

.map_menu #print_png_button {
    background-image: url(../images/icon_print_png.png);
}

.map_menu #save_button {
    background-image: url(../images/icon_save.png);
}

.map_menu #reset_button {
    background-image: url(../images/icon_reset.png);
}

.map_menu #go_button {
    background-image: url(../images/icon_go.png);
}

.map_menu #open_button {
    background-image: url(../images/icon_open.png);
}

.map_menu #map_button {
    background-image: url(../images/icon_map.png);
    color: #ffffff;
    text-decoration: none;
    line-height: 90%;
    font: bold 9px Arial;
    text-align: center;
}

.map_menu #map_button.os {
    background-image: url(../images/icon_map_os.png);
}

.map_menu #map_button.gm {
    background-image: url(../images/icon_map_google.png);
}

.map_menu #edit_button {
    background-image: url(../images/icon_edit.png);
}
.map_menu #simple_button {
    background-image: url(../images/icon_simple.png);
}

.map_menu #edit_meta_button {
    background-image: url(../images/icon_edit_meta.png);
}

.map_menu #reject_button {
    background-image: url(../images/icon_reject.png);
}

.map_menu #download_button {
    background-image: url(../images/icon_download.png);
}

.map_menu #clone_button {
    background-image: url(../images/icon_add_to_my_routes.png);
}

.map_menu #world_button {
    background-image: url(../images/icon_world.png);
}

.form_search.fullscreen {
    display: none;
}

.chart.fullscreen {
    display: none;
}

.map_selected_info {
    min-width: 320px;
    display: none;
    position: absolute;
    z-index: 3001;
    top: 10px;
    left: 90px;
    box-shadow: 3px 3px 5px #888;
    background: #ffffff;
    border: solid 1px #555555;
}

.map_selected_info .buttons {
    margin: auto;
    display: table;
    position: relative;
    width: 100%;
}

.map_selected_info .map_menu.list {
    clear: both;
    float: none;
    margin: auto;
    position: relative;
}

.map_selected_info h1 {
    margin: 0 !important;
    padding: 5px 10px 0 10px;
    min-width: 280px;
    max-width: 620px;
    font: bold 17px Arial !important;
}

.map_selected_info p {
    margin: 0 !important;
    padding: 5px 15px 0 15px;
}

.map_selected_info .icon_close {
    margin: 5px;
}

.map_selected_info div .star1, .map_selected_info div .star2, .map_selected_info div .star3, .map_selected_info div .star4, .map_selected_info div .star5 {
    margin: 0 20px 0 0;
    float: right;
    display: table;
}

.map_selected_info .content h1 {
    font: bold 14px Arial;
}

.logo_os {
    width: 84px;
    height: 20px;
    background-image: url('../images/logo_os.png');
    background-position: 5px 5px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;

    right: 10px;
    top: 10px;
    z-index: 3001;
    background-color: #ffffff;
    padding: 5px;
    border: solid 1px #555555;
}

#realtime_info {
    width: 170px;
    height: 18px;
    display: none;
    position: absolute;
    right: 120px;
    top: 5px;
    z-index: 3001;
    background-color: #ffffff;
    border: solid 1px #717b87;
}

#realtime_info #lat {
    position: relative;
    float: left;
    width: 74px;
    font: bold 9px Arial;
    padding: 4px 5px; margin: 0;
}

#realtime_info #lon {
    position: relative;
    float: left;
    width: 74px;
    font: bold 9px Arial;
    padding: 4px 5px; margin: 0;
}

#container .leaflet-control-zoom-in,
#container .leaflet-control-zoom-out {
    text-decoration: none;
    color: black;
}