.dock {
    position: absolute;
    left: 97%;
    top: 20%;
}

.fixed-plugin {
    height: 40px;
    width: 40px;
    border-radius: 10px;
}

#map .head {
    /* width: 37%; */
    z-index: 999;
    /* height: 40px;
    width: 501px;
    left: 32%; */
    top: 3%;
    box-shadow: 0px 4px 46px 0px #00000038;
    border-radius: 10px;
}

#map .foot {
    box-shadow: 0px 4px 46px 0px #00000038;
}

.tooltiptext {
    visibility: hidden;
    position: absolute;
    font-size: 12px;
    font: caption;
    width: 77px;
    background-color: #1E22331A;
    color: #085E8C;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    top: 6px;
    bottom: auto;
    right: 115%;
}

.fixed-plugin:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.sidebar-2.active {
    display: block!important;
}

.navigation>li.active>a,
.navigation>li.active>a:hover,
.navigation>li.active>a:focus {
    background-color: #353847;
    color: #fff;
    border-radius: 15px;
}


/* #btn-hide-all {
    transform: rotate(180deg)
}

.active>#btn-hide-all {
    transform: rotate(0deg)
} */

.navigation>li.active>#btn-hide-all {
    color: #fff;
    border-radius: 15px;
}

.tooltiptext-side {
    visibility: hidden;
    position: absolute;
    font-size: 12px;
    font: caption;
    background-color: #1E22331A;
    color: #085E8C;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s;
    top: 6px;
    bottom: auto;
}

.leaflet-container {
    background-color: rgba(255, 0, 0, 0.0);
}

.side-bar-but:hover .tooltiptext-side {
    visibility: visible;
    opacity: 1;
}

.sidebar-main {
    width: 50px;
    height: 100vh;
    background: #1E2233;
}

.sidebar-main .category-content a {
    margin-left: 5px;
    width: 27px;
    height: 27px;
}

.sidebar-main .category-content a i {
    margin-left: -7.31px;
}

body>div.page-container>div>div.sidebar.sidebar-main>div>img {
    width: 25px;
    height: 32px;
    margin: 25px 10px;
}

.nav-tabs {
    border-bottom: #353847;
}

.nav-tabs.nav-tabs-bottom>li.active>a:after {
    background-color: white!important;
}

.row-bod {
    margin-right: 1px;
}

.row-bod>.col-sm-2 {
    margin-top: 10px!important;
}

.row-bod>div:nth-child(4) {
    padding-left: 0px!important;
}

.row-bod>.col-sm-7 {
    margin-top: 7px!important;
    font-size: 8pt;
}

.row-bod>.col-sm-9 {
    margin-top: 7px!important;
    font-size: 8pt;
}

.perbaikan-dashboard {
    display: block!important;
}

.switchery-default {
    width: 30px!important;
    height: 15px!important;
}

.switchery-default>small {
    width: 15px!important;
    height: 15px!important;
}

.checkbox.checkbox-switchery {
    margin-bottom: 0px!important;
    padding-left: 0;
}

.dataTables_filter {
    position: relative;
    display: block;
    float: left;
    margin: 0 0 20px 30px;
}

#modal_detail_perbaikan>div>div>div>div.isi.text>div>div>div:nth-child(1)>span {
    font-size: 12px;
    line-height: 14px;
}

#modal_detail_perbaikan>div>div>div>div.isi.text>div>div>div:nth-child(2)>span {
    font-size: 16px;
    line-height: 19px;
    font-family: 'gilroysemibold';
}

#modal_detail_perbaikan>div>div>div>div.isi.text>div>div {
    margin-left: 40px;
    margin-bottom: 20px;
}

#modal_detail_perbaikan_dash>div>div>div>div.isi.text>div>div>div:nth-child(1)>span {
    font-size: 12px;
    line-height: 14px;
}

#modal_detail_perbaikan_dash>div>div>div>div.isi.text>div>div>div:nth-child(2)>span {
    font-size: 16px;
    line-height: 19px;
    font-family: 'gilroysemibold';
}

#modal_detail_perbaikan_dash>div>div>div>div.isi.text>div>div {
    margin-left: 40px;
    margin-bottom: 20px;
}

.hid {
    transform: rotate( 180deg);
}

#map-create-all>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(2)>div>div>a.leaflet-draw-draw-marker {
    margin-top: -20px;
    margin-left: -10px;
    width: 40px;
    height: 20px;
}

.tab_personal_information {
    margin: 10px;
}

#formmen>div>div>div>div {
    margin-bottom: 10px;
}

#formmen>div>div>div>div>div>input {
    font-family: 'gilroylight';
}

#map-edit>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div>div {
    display: none;
}

#map-for-edit>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div>div {
    display: none;
}

#map-for-delete>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div>div {
    display: none;
}


/* #user_profile>div>div>div>div>div.col-md-3>div>div.text-left>div>.active {
    border: 1pt solid #4C97DC;
    color: #4C97DC;
} */

.tab-user.active {
    border: 1pt solid #4C97DC!important;
    color: #4C97DC!important;
}

#map {
    width: auto;
    height: 100%;
}

.filter>label:after {
    content: "\e98e";
    font-family: 'icomoon';
    font-size: 12px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 12px;
    margin-top: -6px;
    color: #999999;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#searchResult {
    list-style: none;
    padding: 0px;
    width: 200px;
    position: absolute;
    margin: 0;
    z-index: 9999;
}

#searchResult li {
    background: white;
    padding: 4px;
    margin-bottom: 1px;
}

#searchResult li:nth-child(even) {
    background: white;
}

#searchResult li:hover {
    cursor: pointer;
}

#map>div.leaflet-control-container>div.leaflet-top.leaflet-left>div.leaflet-draw.leaflet-control>div>div {
    display: none;
}

#map_detail_perbaikan>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div>div {
    display: none;
}

.modal-backdrop {
    z-index: -999!important;
}

.geocoder-control {
    margin: auto;
    margin-left: 100px;
    padding-left: 200px;
}

.feature-row {
    cursor: pointer;
    width: 250px;
}

.page_loader {
    position: fixed;
    background: url('../../static/img/loadingz.gif') 50% 50% no-repeat rgb(249, 249, 249);
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: .5;
}

.search_desa,
.search_kab {
    outline: 0;
    width: 100%;
    height: 38px;
    padding: 8px 0;
    padding-right: 24px;
    font-size: 13px;
    line-height: 1.5384616;
    color: #333333;
    background-color: transparent;
    border: 1px solid transparent;
    border-width: 1px 0;
    border-bottom-color: #ddd;
}

.table_input input {
    outline: 0;
    padding: 2px 0;
    color: #333333;
    background-color: transparent;
    border: 1px solid transparent;
    border-width: 1px 0;
    border-bottom-color: #ddd;
}


/* width */

 ::-webkit-scrollbar {
    width: 5px;
}


/* Track */

 ::-webkit-scrollbar-track {
    background: #f1f1f1;
}


/* Handle */

 ::-webkit-scrollbar-thumb {
    background: #bfbfbf;
}


/* Handle on hover */

 ::-webkit-scrollbar-thumb:hover {
    background: rgb(138, 138, 138);
}

#input_perbaikan {
    padding: 60px;
    z-index: 1000;
}

.input_perbaikan {
    left: 375px;
    width: 1020px!important;
    z-index: 1000;
}

#button_hide_panel {
    line-height: 30px;
    width: 10px;
    font-size: 10pt;
    font-family: tahoma;
    margin-top: 0px;
    /* margin-right: 3px; */
    position: absolute;
    /* top: 0; */
    left: 370px;
    z-index: 998;
    display: none;
}

.navbar {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.navbar-brand {
    font-size: 20px !important;
}

.navbar-brand>[class^="icon-"],
[class*=" icon-"] {
    font-size: 24px !important;
}

.bg-none {
    background-color: #ffffff00 !important;
    /* border-color: #3F51B5; */
    /* color: #fff; */
}


/* .navbar-inverse .navbar-brand {
font-size: 20px;
color: linear-gradient(258.09deg, #D77E7C -3.66%, #AE4F88 37.2%, #7B43BD 129.85%);
background: -webkit-linear-gradient(#2c9e6a,#2495cc);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
} */

.gradient-text {
    display: inline-block;
    background-image: -webkit-gradient(linear, left top, right top, from(#2c9e6a), to(#2495cc));
    background-image: linear-gradient(to right, #2c9e6a, #2495cc);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.fa-gradient {
    background: -webkit-gradient(linear, left top, right top, from(#2c9e6a), to(#2495cc));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.navbar-inverse .navbar-nav>li>a {
    color: #2799a4 !important;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #2799a4 !important;
    /* background-color: rgba(0, 0, 0, 0.1); */
    background: linear-gradient(to right, #2c9e6a38, #2495cc2e);
}

#map {
    height: 100vh;
    width: 100%;
}

.content-wrapper {
    display: block;
    position: fixed;
    top: 0;
}

.content {
    padding: 0 !important;
}

.widget-pane {
    width: 408px;
    position: absolute;
    top: 0;
    z-index: 1002;
    opacity: 1;
    /* height: 0; */
    left: -408px;
    max-width: 100%;
    float: right;
    /* left: -5px; */
    position: absolute;
    z-index: 1000;
    display: block;
    background-color: rgba(255, 255, 255, 0.836);
    opacity: 1;
    height: 100vh;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    background: rgba(255, 255, 255, 0.801);
    overflow: auto;
    transition: all 1s ease;
}

.widget-pane-visible {
    opacity: 1;
    height: 100vh !important;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    background: #fff;
}

.panel {
    margin-bottom: 0 !important;
}

.widget-pane-toggle-button-container {
    position: absolute;
    z-index: 0;
    top: calc(50% - 24px);
    left: 100%;
    display: none;
}

.content-footer {
    background: #6f99c330;
    border-radius: 10px 10px 0px 0px;
    padding: 10px 20px 10px 20px;
    backdrop-filter: blur(8px);
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
}

#button_hide {
    padding: 5px 0px 5px 5px;
    line-height: 15px;
    text-align: center;
    width: 48px;
    font-size: 10pt;
    height: 23px;
    font-family: tahoma;
    margin-top: 3px;
    margin-right: 3px;
    position: absolute;
    top: calc(100% - 196px);
    right: calc(95% / 2);
    z-index: 99999999;
    border-radius: 8px 8px 0 0;
    border: 0;
    backdrop-filter: blur(8px);
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    background: #ffffff85;
}

#button_unhide {
    padding: 5px 0px 5px 5px;
    line-height: 15px;
    text-align: center;
    width: 48px;
    font-size: 10pt;
    height: 23px;
    font-family: tahoma;
    margin-right: 3px;
    position: absolute;
    top: calc(100% - 23px);
    right: calc(95%/2);
    z-index: 99999999;
    border-radius: 8px 8px 0 0;
    border: 0;
    backdrop-filter: blur(8px);
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    background: #ffffff85;
}

.move {
    left: 330px !important;
    transform: translate(-330px, 0);
}

.move-btn {
    transform: rotate(180deg)
}

.fixed-plugin {
    position: absolute;
    z-index: 1000;
    right: 10px;
    background: #FFFFFF;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-radius: 10px;
    margin-top: 5px;
    width: 48px;
    height: 48px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    display: inline-block;
}

.fixed-plugin .dropdown-menu {
    float: right;
    position: absolute;
    right: 0px;
    width: 550px;
    margin-left: -560px !important;
    margin-top: -40px !important;
    top: 10px;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
    border-radius: 8px 8px 8px 8px;
}

li.fixed-plugin:hover {
    transform: scale(1.3);
    right: 10px;
}

li.fixed-plugin .dropdown-menu {
    transform: scale(0.769230);
    float: right;
    position: absolute;
    right: -550px;
    width: 550px;
    margin-left: -490px !important;
    margin-top: -40px !important;
    top: 10px;
    margin-right: -550px;
}

li.fixed-plugin .fa:hover {
    transform: rotate(360deg);
    transition: all 0.3s linear;
}


/*.move-btn .caret {*/


/*    transform: rotate(90deg)!important;*/


/*    transition: all 0.3s linear;*/


/*}*/

.btn-login:hover {
    transform: scale(1.3);
}

#modal_detail_kelurahan>div>div>div>fieldset>div>div:nth-child(1)>div:nth-child(2)>div.row>div>div>div:nth-child(1) {
    margin-bottom: 5px;
}

#modal_detail_kelurahan>div>div>div>fieldset>div>div:nth-child(1)>div:nth-child(2)>div.row>div>div>div:nth-child(2) {
    margin-bottom: 10px;
    font-family: 'gilroysemibold';
}

#modal_detail_non_kelurahan>div>div>div.modal-body>fieldset>div>div:nth-child(2)>div>div>div>div:nth-child(2) {
    margin-bottom: 10px;
    font-family: 'gilroysemibold';
}

li.active>a:after {
    border-bottom: 2pt solid #60B2FD;
}

.apexcharts-menu-icon {
    width: 150px;
    color: white;
    left: -16px;
}

.apexcharts-toolbar {
    right: -50px!important;
    top: 104%!important;
    background-color: #5A9AFB;
    border-top-left-radius: 10px;
    width: 150px;
    height: 45px;
    border-bottom-right-radius: 10px;
}

.apexcharts-menu {
    top: -98px!important;
    right: 0px!important;
}

#map-insert>div.leaflet-control-container {
    display: block;
}

#map-create-admin>div.leaflet-control-container {
    display: block;
}

#map-create-admin>a.leaflet-draw-draw-polyline {
    display: none!important;
}

#map-create-admin>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(1)>div>div>a.leaflet-draw-draw-polyline,
#map-create-admin>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(2) {
    display: none;
}

#map-create-admin>div.leaflet-control-container>div.leaflet-top.leaflet-right {
    display: none!important;
}

#map-insert>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(2) {
    display: none;
}

.leaflet-draw-draw-polygon,
.leaflet-draw-draw-rectangle,
.leaflet-draw-draw-circle,
.leaflet-draw-draw-circlemarker {
    display: none!important;
}

.leaflet-draw-toolbar {
    position: absolute;
}

.leaflet-draw-actions {
    padding: 0px 0px 0px 40px;
    list-style-type: none;
}

.leaflet-container ul li a {
    color: #333333;
}

.modal-dialog {
    margin-top: 48px;
}

.navbar-nav>.dropdown-user img {
    max-height: 37px;
    max-width: 37px;
    margin-top: -4.5px;
    border-radius: 50%;
}

.modal-header {
    background-color: #1B1F2D !important;
    border: #1B1F2D;
    border-top-right-radius: 10px!important;
    border-top-left-radius: 10px!important;
    color: white;
}

.modal-header>button {
    color: white;
}

.modal-content {
    border-radius: 10px!important;
}

#modal_detail_non_kelurahan>div>div>div.modal-body>fieldset>div>div:nth-child(1)>div.gambar_keterangan>img {
    border-bottom-left-radius: 0px!important;
    border-bottom-right-radius: 10px;
}

#maps_detail_p>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div {
    display: none;
}

.icon-location3:before {
    margin-left: -14px;
}

#maps_detail_p>div.leaflet-control-container>div.leaflet-top.leaflet-left {
    display: none;
}

#map-edit-tuplah>div.leaflet-control-container>div.leaflet-top.leaflet-left>div>div>div {
    display: none;
}

#modal_bangunan_delete>div {
    width: 360px!important;
}

.apexcharts-toolbar>div.apexcharts-menu-icon>div>span {
    color: white;
    position: absolute;
    top: -22px;
    font-size: 16px;
    margin-left: 40px;
}

.apexcharts-toolbar>div.apexcharts-menu-icon>div>i {
    color: white;
}

#modal_detail_kelurahan>div>div>div>fieldset>div>div:nth-child(1)>div.tombol-edit.text-center>a {
    color: white;
}

#modal_detail_kelurahan>div>div>div>fieldset>div>div:nth-child(1)>div.tombol-edit.text-center>a:hover {
    box-shadow: 0 0 0 100px rgb(0 0 0 / 0%) inset;
}

.apexcharts-menu.apexcharts-menu-open {
    color: black!important;
}

.modal-login {
    bottom: 0;
    background-color: white;
    z-index:999;
    border-radius:8px;
    margin-bottom: 16px;
    display: block;
    position: absolute;

}

#btn-signin {
    border-radius: 5px;
    background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);
    margin-right: 8px;
    color: white;
}

.row-full-height {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.img-centered {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}

.vertical-centered {
    top: 50%;
    transform: translateY(-50%);
}

.img-features {
    position: absolute;
    background: url(/static/img/icon-1/bg4.svg);
    width: 742px;
    height: 130px;
    top: 65%;
    right: 0;
    margin-right: 24px;
}

input#change_stat {
    display: block!important;
}

#help>div:nth-child(3)>div>div.panel.panel-flat.panel-collapsed>div.panel-body>table>tbody>tr {
    border-top: 20px solid white;
}

#create,
#create-jal {
    border: transparent;
    border-radius: 5px;
    margin: 10px;
}

#map-create-all>div.leaflet-control-container>div.leaflet-top.leaflet-left>div:nth-child(1)>div>div>a.leaflet-draw-draw-marker {
    width: 100%!important;
    padding: 0px!important;
}

#informasi_create>div {
    margin: 10px;
}

.navbar .navbar-inverse {
    display: none
}

.page-content {
    display: table;
}

body>ul>li.fixed-plugin.no3d.overlay-cek>div.dropdown.show-dropdown.open>ul {
    width: 300px;
    margin-left: -270px!important;
}

#searchbar{
    margin: 16px;
    margin-top: 8px;
}


/* 
#DataTables_Table_0>thead>tr>th:nth-child(1) {
    width: 5%!important;
    ;
}

#DataTables_Table_0>thead>tr>th:nth-child(2) {
    width: 20%!important;
    
} */

@media (max-width: 1025px) {
    .dock {
        position: absolute;
        top: 35px;
        left: 95%;
    }
    #map>div.col-md-6.col-md-offset-3.input-group.content-group.foot {
        top: 50%!important;
        vertical-align: middle;
        text-align: center;
        border-radius: 8px;
    }
    #map .foot .col-md-1 img {
        margin-top: 2%!important;
        margin-left: 0px!important;
        height: 69px;
        width: 55px;
    }
    #map .foot .col-md-9 {
        margin-top: 4%;
    }
    #map .foot .col-md-2 {
        margin-top: 4%;
    }
    #map>div.col-md-6.col-md-offset-3.input-group.content-group.foot>div>div.col-md-2>button {
        right: 0px!important;
    }
    .modal-login {
        background-color: white;
        z-index: 999;
        border-radius: 8px;
        width: 90%;
        bottom: auto;
        display: block;
        position: sticky;    
    }
    #btn-signin {
        border-radius: 5px;
        background: linear-gradient(147.95deg, #4C97DC -38.4%, #4969DA 140.26%);
        color: white;
        padding-right: 16px;
    }
    .centered{        top: 50% !important;
        transform: translateY(-50%) !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 720px) {
    /* html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        height: 100vw;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    } */
    .dock {
        position: absolute;
        top: -4px;
        left: 95%;
    }
    #map>div.leaflet-control-container>div.leaflet-bottom.leaflet-right {
        right: 5px;
    }
    #map .head {
        top: 1%!important;
    }
    .dock {
        left: 93%;
    }
    .navbar .navbar-inverse {
        display: block
    }

    .user-p-nav {
        display: none
    }
    li.fixed-plugin .dropdown-menu {
        transform: scale(0.769230);
        float: right;
        position: absolute;
        right: -550px;
        width: 190px;
        margin-left: -175px !important;
        margin-top: -137px !important;
        top: 20px;
        margin-right: -550px;
    }
    li.overlay-cek .dropdown-menu {
        transform: scale(0.769230);
        float: right;
        position: absolute;
        right: -550px;
        width: 190px;
        margin-left: -175px !important;
        margin-top: -127px !important;
        top: 13px;
        margin-right: -550px;
    }
    .menu-heading {
        color: black;
    }
    .menu-list>a>img {
        min-width: 120px!important;
        min-height: 20px!important;
        max-height: 90px!important;
    }
    #bottom-tab2>div>div:nth-child(2) {
        display: none;
    }
    #panel-sm {
        width: 100%!important;
        top: 0px;
    }
    #panel-sm2 {
        width: 100%!important;
        top: 0px;
        position: absolute;
    }
    #panel-sm>div {
        margin-left: 0px
    }
    body>div.page-container>div>div.sidebar.sidebar-main {
        /* transform: rotate( 270deg);
        height: 100%;
        float: right;
        margin-left: 282px;
        top: -290px; */
        display: block;
    }
    #bottom-tab1>div {
        margin-left: 10px;
    }
    #bottom-tab1>div>div.col-sm-2 {
        display: none;
    }
    #bottom-tab2>div>div:nth-child(4) {
        margin-left: 18px;
    }
    #bottom-tab2>div>div {
        margin-left: 10px;
    }
    #panel-sm>div>div.bod>div>ul {
        background: #1B1F2D;
    }
    #panel-sm>div>div.bod>div>ul>li.active>a {
        background: #353847;
    }
    #panel-sm>div>div.bod>div>ul {
        border-top: none;
        border-left: none;
    }
    #panel-sm>div>div.bod>div>div {
        margin-left: 10px;
    }
    body>ul>li.fixed-plugin.no3d.overlay-cek>div.dropdown.show-dropdown.open>ul {
        width: 270px!important;
        margin-left: -245px!important;
    }
    body>div.page-container>div>div.sidebar.sidebar-main>div.sidebar-category.sidebar-category-visible>div>ul:nth-child(1) {
        margin-bottom: 47vh!important;
    }
    body>div.page-container>div>div.sidebar.sidebar-main>div.sidebar-category.sidebar-category-visible>div>ul:nth-child(2)>li:nth-child(1)>a {
        display: none
    }
    .modal-dialog {
        margin-top: 0px;
        top: 7%!important;
    }
    .modal-content {
        margin-left: 20px!important;
    }
    #modal_detail_non_kelurahan>div>div>div.modal-body>fieldset>div>div:nth-child(2)>div>div {
        margin-left: 5px
    }

    .modal-login{
        background-color: white;
        z-index:999;
        border-radius:8px;
        width: 90%;
        bottom: auto;
        display: block;
        position: sticky;
    
    }
    #panel-sm2>div:nth-child(2) {
        max-height: 103vh;
        height: 103vh!important;
        overflow: scroll;
        left: 50px!important;
        width: 90%!important;
    }
    #panel-sm2>div:nth-child(1) {
        display: none;
    }
    /* #modal_detail_perbaikan>div>div>div>div.isi.text {
        max-height: 93vh!important;
    }
    #modal_detail_perbaikan {
        max-height: 100vh!important;
    } */
    #modal_detail_perbaikan>div {
        top: 0%!important;
    }
    #modal_detail_perbaikan>div>div>div>div.isi.text {
        max-height: 94vh!important;
    }
    #modal_detail_perbaikan {
        max-height: 100vh!important;
    }
    #DataTables_Table_0>thead>tr>th:nth-child(4),
    #DataTables_Table_0>thead>tr>th:nth-child(5),
    #DataTables_Table_0>thead>tr>th:nth-child(6),
    #DataTables_Table_0>thead>tr>th:nth-child(7),
    #DataTables_Table_0>tbody>tr>td:nth-child(4),
    #DataTables_Table_0>tbody>tr>td:nth-child(5),
    #DataTables_Table_0>tbody>tr>td:nth-child(6),
    #DataTables_Table_0>tbody>tr>td:nth-child(7) {
        display: none;
    }
    #DataTables_Table_0>tbody>tr>td:nth-child(8)>a>td>i {
        display: none;
    }
    #DataTables_Table_0>tbody>tr>td:nth-child(8)>a {
        width: 75px!important;
    }
}

@media (min-width: 1025px) {
    #map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered {
        top: 80%;
    }
    #map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered>div>div.col-md-1 {
        padding: 20px;
        margin-left: 10px;
    }
    #map>div.col-md-6.col-md-offset-3.modal-login.input-group.content-group.foot.centered>div>div.col-md-2 {
        margin-right: 10px;
    }
}