.fixed-top {position: fixed;top:0;right: 0;left: 0;z-index: 1030;margin-bottom: 0px;}
.card {margin-top:30px;padding-top:0px;border:0px solid blue;margin-left:-7px;margin-right:-30px;}
.card2 {padding-top: 0px;border: 0px solid blue;margin-right:-25px;margin-left: -10px;}
.card-body {margin-top:0px;padding-top:0px;width:100%;height:10%;overflow-y:auto}
.card-header {
    background-color: lightblue;
    padding-top: 5px;
    padding-bottom: 0px;
    height: 40px;
}
.card-tools {background-color:lightblue;height:20px}
.responsive-iframe {height:550px;margin-right:0px;padding-bottom:30px;}
.judul {font-family: Arial, Helvetica, sans-serif;font-size:11pt;font-weight:500;margin-left:10px;}
::-webkit-scrollbar {width: 10px; white-space: pre;}
.dt-input {border:2px solid blue;}
.dt-container .dt-search {margin-top: 0.5em;display: none;}
.dt-container .dt-length, .dt-container .dt-search {float: none;text-align: center;padding-bottom: -10px;padding-bottom: 0px;margin-bottom: 10px;margin-top: 0px;}
div.dt-container .dt-length, div.dt-container .dt-search, div.dt-container .dt-info, div.dt-container .dt-processing, div.dt-container .dt-paging {color: inherit;margin-left: 10px;margin-right: 30px;}
.dt-layout-row {margin-top: 10px;}
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a { color: inherit; }
img {margin-top:-10px;margin-left:0px;}
.jdl {font-size: 12pt;font-weight: 600;}
tr {margin-bottom: 0px;}
.ruangIsi {margin-top:0px;margin-bottom:-20px;}

@media only screen and (max-width: 600px) {
    .card-header {margin-top:0px;}
    .collapsed-card {margin-top:-20px}
    .card2 {padding-top: 0px;border: 0px solid blue;margin-right:-55px;margin-left: -10px;}
    tr,td {font-size:10pt;}
    .dt-layout-row {margin-top: 40px;margin-bottom: 0px;}
    img {width: 40%;height: 40%;margin-top:-10px;margin-left:0px}
    .dt-layout-row {margin-top: 50px;margin-bottom: -40px;}
    .jdl {font-size: 10pt;font-weight: 600;}
}