<style>
    .footer {
        background: #ffffff00;
        position: fixed;
        left: 0px;
        right: 0px;
        bottom: 0;
        width: 100%;
        max-width: 100%;
        overflow-x: clip;
        height: 170px;
        z-index: 999;
    }
    
    .legenda {
        background: #ffffff00;
        position: fixed;
        left: 20px;
        bottom: 0;
        height: 170px;
        z-index: 999;
    }
    
    #thisFooter>div>div>div:nth-child(3)>div {
        -webkit-text-size-adjust: 100%;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-family: "Roboto", Helvetica Neue, Helvetica, Arial, sans-serif;
        font-size: 13px;
        line-height: 1.5384616;
        color: #333333;
        box-sizing: border-box;
        position: relative;
        margin-top: 20px;
        margin-bottom: 5px;
    }
    
    .ceret {
        cursor: pointer;
        -webkit-user-select: none;
        /* Safari 3.1+ */
        -moz-user-select: none;
        /* Firefox 2+ */
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none;
    }
    
    .ceret::before {
        content: "\25B6";
        color: black;
        display: inline-block;
        margin-right: 10px;
    }
    
    .ceret-down::before {
        -ms-transform: rotate(90deg);
        /* IE 9 */
        -webkit-transform: rotate(90deg);
        /* Safari */
        transform: rotate(90deg);
    }
    
    .nasted {
        display: none;
    }
    
    .active {
        display: block;
    }
    /* #button_hide {
        line-height: 15px;
        width: 40px;
        font-size: 10pt;
        font-family: tahoma;
        margin-top: 3px;
        margin-right: 3px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 99999999;
    }
     */
    /* #button_unhide {
        line-height: 15px;
        width: 40px;
        font-size: 10pt;
        font-family: tahoma;
        right: 365px;
        position: absolute;
        bottom: 0;
        z-index: 99999999;
    } */
    
    .dataTables_length {
        margin: 0 0 0px 0px;
    }
    
    .dataTables_filter {
        position: relative;
        display: block;
        float: left;
        margin: 0 0 0px 0px;
    }
    
    .panel-body+.dataTables_wrapper,
    .panel-body+*>.dataTables_wrapper {
        border-top: 0px;
    }
    
    .datatable-header,
    .datatable-footer {
        padding: 0px 0px 0px 10px;
    }
    
    #btn_edit_kelurahan:hover {
        background-color: transparent;
    }
    
    .modal-backdrop {
        z-index: -999!important;
    }
    
    .cesium-viewer-bottom {
        display: none!important;
    }
    
    .cesium-viewer-timelineContainer,
    .cesium-viewer-animationContainer,
    .cesium-viewer-bottom {
        display: none!important;
    }
    
    .cesium-viewer-toolbar {
        display: none!important;
    }
    
    .cesium-infoBox {
        display: none!important;
    }
</style>


{% if user.is_authenticated %}
<style>
    #btn_perbaikan_jalan {
        display: block;
    }
    
    .btn_action {
        display: block;
    }
    
    #btn_edit_bangunan {
        display: block;
    }
    
    #btn_delete_bangunan {
        display: block;
    }
    
    #btn_edit_kelurahan {
        display: block;
        top: 5px;
    }
    
    #btn_edit_kelurahan :hover {
        border-color: #DADCE0;
        background-color: #F1F3F4;
    }
    
    #btn_edit_tuplah {
        display: block;
    }
    
    #btn_jalan {
        display: block;
    }
    
    #btn_edit_gl {
        display: block;
    }
    
    #btn_edit_lk {
        display: block;
    }
    
    #btn_edit_puskes {
        display: block;
    }
    
    #btn_edit_adm {
        display: block;
    }
    
    #btn_delete_adm {
        display: block;
    }
    
    #btn_edit_rs {
        display: block;
    }
    
    #btn_edit_si {
        display: block;
    }
    
    #btn_edit_sp {
        display: block;
    }
    
    #btn_edit_spbu {
        display: block;
    }
    
    #btn_edit_st {
        display: block;
    }
    
    #btn_edit_tr {
        display: block;
    }
    
    #btn_edit_cb {
        display: block;
    }
    
    #btn_detail_per_bang {
        display: block;
    }
    
    #btn_perbaikan_bangunan {
        display: block;
    }
    
    #btn_upload_tampak {
        display: block;
    }
    
    #map>div.leaflet-control-container>div.leaflet-bottom.leaflet-right {
        right: 65px;
    }
    
    #map>div.leaflet-control-container>div.leaflet-bottom.leaflet-right>div.leaflet-control-attribution.leaflet-control {
        right: 0px;
    }
</style>
{% else %}
<style>
    .tombol_save_create {
        display: none;
    }
    
    .tombol-edit {
        display: none;
    }
    
    #btn_perbaikan_jalan {
        display: none;
    }
    
    .btn_action {
        display: none;
    }
    
    #btn_edit_bangunan {
        display: none;
    }
    
    #btn_delete_bangunan {
        display: none;
    }
    
    #btn_edit_kelurahan {
        display: none;
        top: 5px;
    }
    
    #btn_edit_kelurahan :hover {
        border-color: #DADCE0;
        background-color: #F1F3F4;
    }
    
    #btn_edit_tuplah {
        display: none;
    }
    
    #modal_bangunan_edit {
        display: none;
    }
    
    #btn_jalan {
        display: none;
    }
    
    #btn_edit_gl {
        display: none;
    }
    
    #btn_edit_lk {
        display: none;
    }
    
    #btn_edit_puskes {
        display: none;
    }
    
    #btn_edit_adm {
        display: none;
    }
    
    #btn_delete_adm {
        display: none;
    }
    
    #btn_edit_rs {
        display: none;
    }
    
    #btn_edit_si {
        display: none;
    }
    
    #btn_edit_sp {
        display: none;
    }
    
    #btn_edit_spbu {
        display: none;
    }
    
    #btn_edit_st {
        display: none;
    }
    
    #btn_edit_tr {
        display: none;
    }
    
    #btn_edit_cb {
        display: none;
    }
    
    #btn_detail_per_bang {
        display: none;
    }
    
    #btn_perbaikan_bangunan {
        display: none;
    }
    
    #btn_upload_tampak {
        display: none;
    }
    
    .leaflet-popup {
        display: none;
    }
</style>

{% endif %}