.fixed-top {position: fixed;top: 0;right: 0;left: 10;z-index: 1030;margin-bottom: 0px;}
    .card {margin-top:10px;padding-top:0px;border:0px solid blue;}    
    .card-header {background-color:lightblue;padding-top:0px;padding-bottom: 15px;height:30px;}
    .card-body {margin-top:20px;padding-top:0px;width:100%;height:10%;overflow-y:auto}
    .responsive-iframe {height:550px;margin-right:0px;padding-bottom:30px;padding-right: 0px;}
    .judul {font-family: Arial, Helvetica, sans-serif;font-size:11pt;font-weight:500;margin-left:10px;}
    ::-webkit-scrollbar {width:20px; white-space: pre;}
    
    img {margin-top:-10px;margin-left:0px;align-items: left; }
    .container-fluid{margin-right:5px;margin-left:5px;padding-right: 0px;}
    .isi {margin-top:30px;margin-left:5px;}

    input[type=text] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; }
    .cke_top, .cke_bottom {display: none !important;}
    .rowIsi {margin-top:-60px;border:none;}
    .cdk {height:auto !important;}

    .ck-editor_editable {
        height: auto !important;
    }

    .grow-wrap {
        display: grid;
    }
    .grow-wrap::after {
        content: attr(data-replicated-value) " ";
        white-space: pre-wrap;
        visibility: hidden;
    }
    .grow-wrap > textarea {
        resize: none;
        overflow: hidden;
    }
    .grow-wrap > textarea,
    .grow-wrap::after {
        border: 1px solid black;
        padding: 0.5rem;
        font: inherit;
        grid-area: 1 / 1 / 2 / 2;
    }

    .mb-3, .my-3 {
        margin-bottom: 0px !important;
    }
    .dt-length,.dt-paging {margin-left:10px;text-align:center;}
    .dataTables_length {
    display: block !important;
}
    .dt-search {display:none}
    div.dataTables_wrapper div.dataTables_filter { 
     	text-align:right; 
     }
     .dataTables_wrapper > .row:first-child > div:first-child { 
     	display: none;
     }
    .jenis {font-size:14pt;font-weight:600;text-align:center;vlign:center;}
    .isi {margin-top:60px;}
    .tblUtama {margin-left:10px;margin-top:30px;}

    img {margin-top:-10px;margin-left:0px;}
    @media only screen and (max-width: 600px) {
        body,input,p, .form-control {font-size:10pt;}
        body {font-size:10pt;}
        img {width: 40%;height: 40%;margin-top:10px;margin-left:0px}
        .card {margin-top:30px;padding-top:0px;border:0px solid blue;margin-right:5px}
        .card-header {background-color:lightblue;padding-top:0px;padding-bottom: 15px;height:30px;} 
        .card-body {margin-top:0px;padding-top:0px;width:100%;height:10%;overflow-y:auto}
        .responsive-iframe {height:550px;margin-right:0px;padding-bottom:30px;padding-right: 0px;padding-left:0px;margin-top: -30px;}  
        .jenis {font-size:10pt;font-weight:600;text-align:center}
        .isi {margin-top:60px;margin-left:5px;}
        .isi {margin-top:60px;}
    }