/*
 * @Author: Ira.Sellars at noaa.gov 
 * @Date: 2022-09-09 16:00:44 
 * @Last Modified by: mikey.zhaopeng
 * @Last Modified time: 2023-01-30 18:31:31
 */

#ncnMap {
    height: 450px;
    width: 100%;
}

#ncnChartSitesByYear {
    height: 450px;
    width: 100%;
    background: #fff;
}

/*legend*/
.legend {
    line-height: 18px;
    color: #555;
}

.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}


/*leaflet*/
.leaflet-popup-content {
    font-size: 12px !important;
}

/*Force leaflet to display icon at 16x16*/
.icon-ncn {
    width: 12px !important;
    height: 12px !important;
}

/*leaflet popup*/
ul.map-info {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
}

ul.map-info li {
    display: table;
    table-layout: fixed;
    width: 100%;
    height: 2em;
}

ul.map-info li.map-info-header {
    font-weight: bold;
    text-align: center;
}

ul.map-info li span:first-child {
    width: 35%;
}

ul.map-info li span {
    display: table-cell;
}

#ncnMapSlider {
    padding: 0px;
}

#ncnMapSlider li {
    display: inline-block;
    width: auto;
    list-style: outside none none;
    padding-left:5px;
    padding-right:5px;
    cursor: pointer;
}



/*ncnToday*/
#divNCNToday {
    max-height: 200px;
}

@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {


    /* Fading animation */
    .fade {
        -webkit-animation-name: fade;
        -webkit-animation-duration: 1.5s;
        animation-name: fade;
        animation-duration: 1.5s;
    }

    @-webkit-keyframes fade {
        from {
            opacity: .4
        }

        to {
            opacity: 1
        }
    }

    @keyframes fade {
        from {
            opacity: .4
        }

        to {
            opacity: 1
        }
    }
}