html, body {
    font-family: 'Avenir Light', Verdana, Geneva, sans-serif;
}




.custom-widget {
    width: 300px;
    background-color: white;
}

.custom-widget-header {
    padding: 7px;
}

.custom-widget-body {
    padding: 7px;
    max-height: 350px;
    overflow-y: auto;
}

span .layer-name {
    font-size: 0.75rem !important;
}

.ico_lt:after {
    content: '';
    display: block;
    height: 20px;
    width: 200px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/lt1.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_lt_width:after {
    content: '';
    display: block;
    height: 32px;
    width: 128px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0) url(../images/lt-width.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_lv:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/lv.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_lv_width:after {
    content: '';
    display: block;
    height: 32px;
    width: 128px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0) url(../images/lv-width.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_lu:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/lu.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_lu_width:after {
    content: '';
    display: block;
    height: 32px;
    width: 128px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0) url(../images/lu-width.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_ld:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/ld.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_ld_width:after {
    content: '';
    display: block;
    height: 32px;
    width: 128px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0) url(../images/ld-width.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_ci:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/ci.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_ci_width:after {
    content: '';
    display: block;
    height: 32px;
    width: 128px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255, 255, 255, 0) url(../images/ci-width.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_js:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/js.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_osm:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/osm.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_tm:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/tm.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_kantah:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/bpn_logo_1.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_lc:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/lc.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_pt:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/pt.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_kanwil:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/kanwil.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_jakpus:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/jakpus.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_jaksel:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/jaksel.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_jakbar:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/jakbar.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_jaktim:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/jaktim.png) no-repeat 0px 0px;
    background-size: contain;
}

.ico_jakut:after {
    content: '';
    display: block;
    height: 20px;
    width: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
    background: rgba(255, 255, 255, 0) url(../images/jakut.png) no-repeat 0px 0px;
    background-size: contain;
}

.font-12px {
    font-size: 12px;
}

.font-11px {
    font-size: 11px;
}

.v-align-top {
    vertical-align: top;
}

@media screen and (max-width: 767px) {
    html, body {
        font-family: 'Avenir Light', Verdana, Geneva, sans-serif;
        /* margin-left: 40px;  */
        /* width: 428px;
        height: 100px; */
        transform-origin:50% 2000px;
        /* transform: scale(0.89); */
    }

    .navbar-nav {
        flex-direction: row;
        justify-content: center;
        padding-top: 10px;
    }
 
  }