/* 视图中的popup弹窗容器DIV样式 */
.ol-popup {
    position: absolute;
    padding: 1px;
    border-radius: 1px;
    border: 0px solid #FFF;
    bottom: 15px;
    left: -90px;
    cursor: pointer;
    /*要和.popup的width（180px）相匹配*/
}

.ol-popup-container {
    z-index: 9000 !important;
}

.ol-popup-closer {
    color: #FFF;
    text-decoration: none;
    position: absolute;
    font-family: "微软雅黑";
    top: 2px;
    left: 2px;
}

.ol-pin {
    position: absolute;
    background-color: #FFFFFF;
    font-size: 13px;
    padding: 1px;
    border-radius: 5px;
    border: 0px solid #CCCCCC;
    bottom: 10px;
    left: -15px;
    cursor: pointer;
    /*要和.popup的width（180px）相匹配*/
}

.ol-pin-container {
    z-index: 8000 !important;
}

.ol_pin_triangle {
    width: 0;
    height: 0;
    left: 10px;
    /*要和.popup的width相匹配*/
    position: absolute;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
}

/*
.ol-popup-closer:after {
            content: "✖";
            color: #FFF;
}
            
.popup-content {
            font-size: 13px;
            font-family: "微软雅黑";
}
*/

.ol-marker {
    width: 20px;
    height: 20px;
    border: 1px solid #088;
    border-radius: 10px;
    background-color: #0FF;
    cursor: pointer;
    opacity: 0.5;
}

.ol-marker-text {
    position: absolute;
    left: -18px;
    top: -8px;
    font-size: 13px;
    color: #FFF;
    text-decoration: none;
    cursor: pointer;
}

.ol-marker-text-container {
    z-index: 1000 !important;
}

.ol-mlabel-text { /*标记上的文本内容*/
    position: absolute;
    left: -18px;
    top: -28px;
    font-size: 14px;
    font-weight: bolder;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    border:0px solid #000;
}

.ol-mlabel-text-container {
    z-index: 1000 !important;
}

.ol-label-text {
    position: absolute;
    left: -18px;
    top: 5px;
    font-size: 13px;
    color: #000;
    text-decoration: none;
    cursor: pointer;
    border:0px solid #000;
}

.ol-label-text-container {
    z-index: 1000 !important;
}

/* 视图中的popup弹窗容器DIV的子元素样式 */
.popup {
    width: 180px;
    height: 100px;
    font-size: 13px;
    line-height: 20px;
}

.popup table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.popup td {
    text-align: center;
}

.popup_normal_border {
    border: 3px solid #61AA6E;
}

.popup_normal_tdborder {
    border: 1px solid #61AA6E;
}

.popup_normal_bg {
    background-color: #61AA6E;
}

.popup_normal_triangle {
    width: 0;
    height: 0;
    left: 80px;
    /*要和.popup的width相匹配*/
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #61AA6E;
    display: flex;
}

.popup_abnormal_border {
    border: 3px solid #FB981B;
}

.popup_abnormal_tdborder {
    border: 1px solid #FB981B;
}

.popup_abnormal_bg {
    background-color: #FB981B;
}

.popup_abnormal_triangle {
    width: 0;
    height: 0;
    left: 80px;
    /*要和.popup的width相匹配*/
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #FB981B;
    display: flex;
}

.popup_cease_border {
    border: 3px solid #0C090D;
}

.popup_cease_tdborder {
    border: 1px solid #0C090D;
}

.popup_cease_bg {
    background-color: #0C090D;
}

.popup_cease_triangle {
    width: 0;
    height: 0;
    left: 80px;
    /*要和.popup的width相匹配*/
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #0C090D;
    display: flex;
}

.popup_unknown_border {
    border: 3px solid #CCCCCC;
}

.popup_unknown_tdborder {
    border: 1px solid #CCCCCC;
}

.popup_unknown_bg {
    background-color: #CCCCCC;
}

.popup_unknown_triangle {
    width: 0;
    height: 0;
    left: 80px;
    /*要和.popup的width相匹配*/
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #999999;
    display: flex;
}

.popup_offline_border {
    border: 3px solid #999999;
}

.popup_offline_tdborder {
    border: 1px solid #999999;
}

.popup_offline_bg {
    background-color: #999999;
}

.popup_offline_triangle {
    width: 0;
    height: 0;
    left: 80px;
    /*要和.popup的width相匹配*/
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #999999;
    display: flex;
}

popup_danger_border {
    border: 3px solid #b0413e;
}

.popup_danger_tdborder {
    border: 1px solid #b0413e;
}

.popup_danger_bg {
    background-color: #b0413e;
}

.popup_danger_triangle {
    width: 0;
    height: 0;
    left: 80px;
    /*要和.popup的width相匹配*/
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #b0413e;
    display: flex;
}

.visiable{
    visibility:visible;
}

.hidden{
    visibility:hidden;
}

.normal{
    font-weight: normal;
    color:#FFF;
}

.unnormal{
    font-weight: bolder;
    color:#f00;
    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
}