html {
    font-family: 'Source Sans Pro', Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background: #edf1f2;
    color: #333;
    overflow: hidden;
}

main {
    min-height: calc(100vh - 80px);
    padding: 4px 5px 0 5px !important;
    margin-left: 0px !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    font-family: 'Source Sans Pro', sans-serif;
}

.uk-card-nav {
    padding: 4px;
}

#nava .uk-card {
    background-color: #000080;
}

.app-title {
    color: ghostwhite;
    font-weight: bold;
    font-size: 2.5vh;
}

.app-title-news {
    color: red;
    font-size: 2vh;
}

.ticker>ul {
    display: inline-block;
    padding: 0;
}

.uk-list {
    padding-top: 0 !important;
}

.uk-list>li:nth-child(n+2),
.uk-list>li>ul {
    margin-top: 0px;
}

.c-desc {
    padding: 5px;
    text-decoration: none;
    color: black;
    text-align: right;
}

.sub-text {
    font-size: 1.7vh;
}

.sub-value {
    font-size: 2vh;
}

.sub-text-show {
    font-size: 1.9vh;
}

.sub-value-show {
    font-size: 2.6vh;
}

.sub-text-news {
    color: #000080;
    font-size: 2vh;
}

.sikd-home-row1 {
    height: calc(30vh - 45px);
    margin-top: 0.5vh !important;
}

.sikd-home-row1 .uk-card-body {
    padding: 4px;
    height: calc(30vh - 70px) !important;
}

.sikd-home-row1 .uk-card-body .chart {
    height: calc(30vh - 70px);
    position: relative;
}

.sikd-home-row1 .uk-card-body .chart-periode {
    margin-top: -27px;
    /*-10px*/
    font-size: 0.7em;
    color: #550000;
}

.sikd-home-row1 .uk-card-body .desc {
    height: calc(30vh - 70px);
    vertical-align: middle;
}

.sikd-home-row2 {
    height: calc(53vh - 125px);
    margin-top: 2vh !important;
}

.sikd-home-row2 .uk-card-body {
    height: calc(54vh - 158px);
    padding: 4px !important;
}

.sikd-home-row2 .uk-card-body .chart {
    height: calc(33vh - 55px);
    position: relative;
}

.sikd-home-row2 .uk-card-body .chart-periode {
    margin-top: 10px;
    /*10px*/
    font-size: 0.7em;
    color: #550000;
}

.sikd-home-row3 {
    height: calc(35vh - 2px);
    margin-top: 1.5vh !important;
}

.sikd-home-row3 .uk-card-body {
    height: calc(33vh - 20px);
    padding: 4px;
}

.sikd-home-row3 .uk-card-body .chart {
    height: calc(34vh - 28px);
    position: relative;
    margin-top: -10px;
}

.sikd-home-row12 {
    height: calc(35vh - 25px);
    margin-top: 1.5vh !important;
}

.sikd-home-row12 .uk-card-body {
    padding: 4px;
    height: calc(35vh - 70px) !important;
}

.sikd-home-row12 .uk-card-body .chart {
    height: calc(30vh - 70px);
    position: relative;
}

.sikd-home-row12 .uk-card-body .chartb {
    height: calc(35vh - 70px);
    position: relative;
}

.sikd-home-row12 .uk-card-body .chart-periode {
    margin-top: -27px;
    /*-10px*/
    font-size: 0.7em;
    color: #550000;
}

.sikd-home-row12 .uk-card-body .desc {
    height: calc(30vh - 70px);
    vertical-align: middle;
}

.r2tbl {
    width: 100%;
    height: calc(30vh - 20px);
    /*calc(30vh - 20px)*/
    font-size: smaller;
}

.uk-table {
    margin-bottom: 0px !important;
}

.h_table .uk-table td {
    padding: 0px 1px;
    /*1px 1px*/
    vertical-align: middle;
}

.h_table .uk-table th {
    padding: 1px 1px;
    color: black;
}

.tbl-head {
    font-size: 1.6vh;
}

.tbl-item {
    font-size: 1.6vh;
    /*1.6vh*/
}

.m_table .uk-table td {
    padding: 1px 1px;
    /*5px 5px*/
    vertical-align: middle;
}

.m_table .uk-table th {
    padding: 1px 1px;
    color: black;
}

.tbl-item-text {
    font-size: 1.5vh;
}

.tbl-item-text-sum {
    font-weight: bold;
    font-size: 1.4vh;
    padding-left: 20px;
}

.bxslider {
    margin-top: 6px !important;
}

.div_sumber {
    padding-left: 10px;
    font-size: 1.5vh;
    font-style: italic;
}

@keyframes blinking {

    from,
    49.9% {
        opacity: 0;
    }

    50%,
    to {
        opacity: 1;
    }
}

/**toolbar button**/
select option {
    background-color: white;
    color: black;
}

/**offcanvas**/
.toolbar {
    right: 1vw;
    z-index: 1;
}

.sub_map_toolbar {
    right: 1vw;
    z-index: 5;
}

/**css peta**/
.main-r1 {
    height: 60vh !important;
}

.main-r1 .uk-card-body {
    height: calc(57vh - 10px) !important;
    padding: 5px;
}

.main-r1 .uk-card-body .map-chart {
    height: calc(52vh - 2px) !important;
    position: relative;
}

.main-r1-full {
    height: 92vh !important;
}

.main-r1-full .uk-card-body {
    height: calc(89vh - 12px) !important;
    padding: 5px
}

.main-r1-full .uk-card-body .map-chart {
    height: calc(52vh - 2px) !important;
    padding-top: 15vh;
}

.main-r2-full {
    height: 92vh !important;
}

.main-r2-full .uk-card-body {
    height: calc(89vh - 12px) !important;
    padding: 2px !important;
}

.sub-r1 {
    height: calc(33vh - 18px) !important;
}

.sub-r1 .uk-card-body {
    height: calc(28vh - 20px) !important;
    padding: 1px;
}

.sub-r1 .uk-card-body .sub-chart {
    height: calc(20vh - 10px) !important;
}

.mid {
    top: 40vh !important;
}

.filter {
    top: 30vh !important;
}

.none {
    display: none !important;
}


@media screen and (min-height:720px) and (max-height:1000px) {
    .sikd-home-row2 {
        height: calc(34vh - 5px);
    }

    .sikd-home-row2 .uk-card-body {
        height: calc(30vh - 5px);

    }

    .sikd-home-row2 .uk-card-body .chart {
        height: calc(25vh - 5px);
    }

    .sikd-home-row2 .uk-card-body .chart-periode {
        margin-top: 10px;
        /*10px*/
        font-size: 0.7em;
        color: #550000;
    }

    .sikd-home-row3 {
        height: calc(34vh - 2px);
        margin-top: 1.5vh !important;
    }

    .sikd-home-row3 .uk-card-body {
        height: calc(34vh - 40px);
        padding: 4px;
    }

    .sikd-home-row3 .uk-card-body .chart {
        height: calc(34vh - 50px);
        position: relative;
        margin-top: -10px;
    }

    .div_sumber {
        margin-top: -20px;
    }
}

@media screen and (min-height:1001px) and (max-height:1100px) {
    .sikd-home-row2 {
        height: calc(34vh - 15px);
    }

    .sikd-home-row2 .uk-card-body {
        height: calc(30vh - 15px);
    }

    .sikd-home-row2 .uk-card-body .chart {
        height: calc(25vh - 15px);
    }

    .sikd-home-row2 .uk-card-body .chart-periode {
        margin-top: 10px;
        /*10px*/
        font-size: 0.7em;
        color: #550000;
    }

    .sikd-home-row3 {
        height: calc(35vh - 2px);
        margin-top: 1.5vh !important;
    }

    .sikd-home-row3 .uk-card-body {
        height: calc(33vh - 44px);
        padding: 4px;
    }

    .sikd-home-row3 .uk-card-body .chart {
        height: calc(34vh - 68px);
        position: relative;
        margin-top: -10px;
    }

    #detail .uk-card-body {
        padding: 4px !important;
    }
}

/*Map versi2*/
.r1m {
    height: 30vh !important;
    background-color: lightblue;
}

.r1m .uk-card-body {
    height: 29vh !important;
    padding: 2px;
}

.dd_menu {
    overflow-y: scroll;
    overflow-x: hidden;
    height: 20vh !important;
    padding: 4px;
}

.active {
    background-color: white;
    color: black;
    font-weight: bold;
}

.uk-border {
    border: 1px solid darkgrey;
}

.chart_atas {
    padding: 2px;
    overflow-x: auto;
    overflow-y: hidden;
}

#chart1 {
    height: 27vh !important;
    background-color: black;
}

.r2tblchart .uk-table td {
    padding: 3px !important;
}

.r2tblchart .uk-progress {
    margin-bottom: 0 !important;
    border-radius: 0 !important;
}

.progressc {
    background-color: blue;
    color: white;
    height: 3vh;
    font-size: 1.5vh;
    vertical-align: middle !important;
    padding: 4px;
}

.txx {
    overflow-y: scroll;
    height: 25vh !important;
    position: relative;
}

.text-prog {
    font-size: 1vh !important;
}

.ss {
    margin-bottom: 2px !important;
}


/*tambahan untuk halaman login*/
main.sikd-login {
    min-height: calc(100vh - 50px);
    padding: 0 !important;
    margin: 0 !important;
}

main.sikd-login .uk-card-media-left {
    -webkit-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.uk-card-mini .uk-card-body,
.uk-card-mini.uk-card-body {
    padding: 15px 15px;
}

.sikd-login .uk-card {
    margin-top: -25px;
}

.sikd-login-title {
    position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
    margin: 0;
    line-height: normal;
    font-size: 2rem;
    color: #fff;
    font-weight: 400;
}

.sikd-login-logo img {
    height: 25px;
    width: auto;
    margin-bottom: 45px;
}

.sikd-er-mail,
.sikd-er-pwd {
    height: 20px;
    line-height: 20px;
    font-size: .875rem;
    margin-bottom: 5px;
}

.tbl-login {
    background-color: #F53B3B;
    color: #ffffff;
    font-weight: bold;
}

.tbl-login:hover {
    background-color: #00B500;
    color: #ffffff;
    font-weight: bold;
}

/*tambahan untuk halaman users*/
.user-judul {
    height: 32px;
    background-color: #F24B4B;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.0rem;
}

.user-isi {
    height: calc(100vh - 40px - 12px - 32px);
}

.user-tombol {
    margin: 20px 20px 10px 20px;
}

.user-tabel {
    margin: 0px 20px 0px 20px;
}

/*tambahan untuk halaman landing-page*/
.baris-landp {
    height: calc(100vh - 40px - 12px);
}

.baris-landp1 {
    height: calc((100vh - 40px - 12px)/3);
}

.baris-landp2 {
    height: calc((100vh - 40px - 12px)/3);
}

.baris-landp3 {
    height: calc((100vh - 40px - 12px)/3);
}

.cards {
    height: calc((100vh - 40px - 12px)/3);
}

.card0-landp {
    padding: 4px 4px 4px 4px;
    opacity: 0;
    filter: alpha(opacity=0);
    /* For IE8 and earlier */
}

.card1-landp {
    padding: 4px 4px 4px 4px;
    background-color: #FF5252;
    opacity: 0.90;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
}

.card2-landp {
    padding: 4px 4px 4px 4px;
    background-color: #90EE90;
    opacity: 0.90;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
}

.card3-landp {
    padding: 4px 4px 4px 4px;
    background-color: #FFFF94;
    opacity: 0.90;
    filter: alpha(opacity=90);
    /* For IE8 and earlier */
}

.tombol-landp {
    color: #FFFFFF;
    font-size: 1.0rem;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

.tombol-landp a {
    padding: 4px 4px 4px 4px;
    text-decoration: none;
    color: #CB0202;
    font-size: 1.5rem;
    font-weight: bold;
    display: block;
    transition: 0.3s;
}

.tombol-landp a:hover {
    color: #A00404;
    font-size: 2.25rem;
}

.app_title {
    height: 4vh;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #0e6dcd;
}

.uk-grid-small>.uk-grid-margin {
    margin-top: 5px;
}

.map_title {
    height: 4vh;
    padding-top: 2px;
    padding-bottom: 2px;
    background-color: #f24b4b;
}

.main_chart {
    height: calc(70vh - 5px);
}

.sub_chart {
    height: calc(20vh - 6px);
}

.djpk-header {
    padding: 2px;
    background-color: #f24b4b;
}

.djpk-header-trans {
    padding: 2px;
}

.djpk-body {
    padding: 2px;
}

.space {
    height: 5px;
}

.menu_kiri {
    height: calc(30vh - 5px);
}

.text_title {
    font-size: 2vh;
    color: white;
}

.text_title_trans {
    font-size: 2vh;
    color: grey;
}

.text_map_title {
    font-size: 2.5vh;
    color: white;
}