body{
    padding: 0px;
    margin: 0px;
    text-align: center;
}
.leaflet-container{
    touch-action: none;
}
.td1{
    width: 80px;
    color: #686868;
}
.tr1{
    border-bottom: 1px dotted lightgray;
}
.panel-title{
    font-size: 16px;
    font-weight: bold;
    color: #626262;
}
.panel-content{
    font-size: 16px;
    color: #686868;
}
.panel-content-cell{
    padding-left: 4px;
    padding-right: 4px;
}
hr{
    margin-top: 10px;
    margin-bottom: 10px;
}
.typhoonYuntuan{
    background-image: url('../images/typhoonstatic.png');
    width:35px;
    height:35px;
    background-repeat: no-repeat;
    background-position:0px 0px;
    -webkit-transform: rotate(139deg); -moz-transform:rotate(139deg);
}
.typhoonYuntuan-14{
    background-image: url('../images/typhoonstatic.png');
    background-position:-140px 0px;
    -webkit-transform: rotate(139deg); -moz-transform:rotate(139deg);
}
.leaflet-popup-content{
    margin: 0px !important;
    /*box-shadow: 2px 2px 2px #888888;*/
    /*border-radius: 8px;*/

}
.leaflet-popup-content-inner-header{
    text-align: left;
    padding: 6px;
    border-radius: 8px 8px 0px 0px;
}
.leaflet-popup-content-inner-content{
    padding: 6px;
    border-radius: 0px 0px 8px 8px;

}
.leaflet-popup-content-wrapper{
    background: transparent;
}
.leaflet-text-marker-wrapper{
    width: 32px !important;
    height: 18px !important;
    background: transparent !important;
    /* color: whitesmoke !important; */
    color: black !important;
    font-size: 14px;
}
.leaflet-text-marker-wrapper-jjx24{
    width: 32px !important;
    height: 18px !important;
    background: transparent !important;
    color: red !important;
    font-size: 10px;
}
.leaflet-text-marker-wrapper-jjx48{
    width: 32px !important;
    height: 18px !important;
    background: transparent !important;
    color: green !important;
    font-size: 10px;
}
.leaflet-text-marker-wrapper-jwx-label{
    width: 32px !important;
    height: 18px !important;
    background: transparent !important;
    color: #b5b9bd !important;
    font-size: 10px;
}
#layerTitle{
    text-align:center;
    width: 100%;
}
#varHeading{
    margin: 20px auto;
    background: transparent;
    width: auto;
    border-radius:5px;
    color: #e40a0c;
    font-size: 24px;
    /* -webkit-text-stroke: 0.5px white; */
    /* -text-stroke: 2px white; */
    font-weight: bold;
}
.border-selected{
    border: #0a1015 2px solid;
}
.border-unselected{
    border: 0px;
}
.border-baseLayer-selected{
    border: #0a1015 2px solid;
}
.border-baseLayer-unselected{
    border: 0px;
}
.modal-header-font{
    font-size: 16px;
    padding: 6px;
    line-height: 32px;
    font-weight: bold;
    background: rgba(255, 255, 255, 0.8);
}
.modal-font{
    font-size: 16px;
    line-height: 24px;
    padding: 4px;
    background: rgba(255, 255, 255, 0.8);
}
.modal-line{
    border-bottom: solid #b5b9bd 1px;
    padding: 4px;
}
.modal-line:last-child{
    border-bottom: 0px !important;
    padding: 4px;
}
.menu-header{
    font-size: 18px;
    font-weight: bold;
    color: #626262;
}