s        body {
            padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
        }

        #map {
            background-image: url('{{ STATIC_URL }}ms/images/pw_maze_white.png');
        }

        #map div.leaflet-tile-pane {
            opacity: 0.9;
        }

        div.leaflet-control-legend {
            width: 400px;
            max-height: 80px;
        }
        .title-map{
            background-color: #f5f5f5de;
            z-index: 1;
            float: unset;
            /* display: table-row-group; */
            width: 100%;
            height: 68px;
            position: relative;
            text-align: center;
            font-family: serig;
            font-size: 30px;
            padding: 12px;
        }
        .legend-line {
            margin-bottom: 20px;
        }

        .legend-line div.scale-bars i {
            background: none !important;
            width: 0px;
            height: 0px !important;
            vertical-align: middle;
            border-left: none !important;
        }
        .degrada{
            color: red !important;
        }

        .line-legend .legend-box {
            width: 0px;
            height: 0px !important;
            border-top: none !important;
            border-right: none !important;
        }

        .airport-icon .fa-street-view {
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            text-shadow: 2px 2px 3px #555555
        }

        .airport-icon .code {
            color: #0a1571;
            text-align: center;
            vertical-align: middle;
            display: inline-block;
            font-weight: bold;
            *background-color: rgba(255, 255, 255, 0.5);
            *border-radius: 3px;
        }
        .logos-r{
            position: absolute;
            top: -26px;
            right: 32px;
            padding: 18px;
            z-index: 2;
        }
        .logos-l{
            position: absolute;
            top: -26px;
            left: 48px;
            padding: 18px;
            z-index: 2;
        }
        .log{
            padding: 10px;
        }

        #info {
            margin: 10px;
            position: absolute;
            top: 200px;
            right: 0px;
            width: 300px;
            overflow-y: auto;
            max-height: 400px;
            z-index: 999;
        }

        #info table {
            background-color: #fff;
        }

        #info2 {
            margin: 10px;
            position: absolute;
            bottom: 12px;
            right: 0px;
            width: 150px;
            overflow-y: auto;
            max-height: 120px;
            z-index: 999;
        }

        #info3 {
            margin: 10px;
            position: absolute;
            top: 5px;
            right: 0px;
            width: 37px;
            height: 37px;
            overflow: hidden;
            max-height: 50px;
            z-index: 999;
            background-color: white;
            display: none;
        }

        #switch {
            position: absolute;
            top: 10px;
            left: 50px;
            z-index: 999;
            font-size: 20px;
        }
        #switch a {
            cursor: pointer;
        }
        #switch a#atractores {
            color: #FF4500;
        }
        #switch a#expulsores {
            color: #FF4500;
        }
        #switch a:hover {
            text-decoration:none;
        }
        
        #info2 i {
            width: 18px;
            height: 18px;
            float: left;
            margin-right: 8px;
            opacity: 0.7;
        }
        #max {
            position: absolute;
        }
        .external-link {
            color: red;
            cursor: pointer;
            font-size: 20px;
        }
        .external-link i {
            margin: 0;
            padding: 0;
            line-height: inherit;
            margin-top: -3px;
        }