.card-berita{
        border:none;
        box-shadow:none;
    }
    .bold{
        font-weight:bold;
    }
    .listing-desc{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
    }
    .listing-heading{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        height:50px !important;
    }
    .btn-outline-light:hover {
        color: #131113;
        background-color: #ececec;
        border-color: #ececec;  
    }
    .btn-outline-light {
        color: #131113;
        background-color: white;
        border-color: white !important;
    }


    .fs-8{
        font-size: 8px !important;
    }

    .fs-10{
        font-size: 10px !important;
    }

    .highcharts-point {
        stroke-width: 2px !important;
    }

    #pencapaian > td, th 
    {
        padding: 4px !important;
    }
    .bold{
        font-weight:bold;
    }
    .table td{
        padding:4px !important;
    }
    .trace {
        cursor:pointer;
    }
    .col-grid{
        display:grid;
    }
    .container-fluid.mt-3{
        padding: 1.5rem;
    }
    .preview-close
    {
        line-height:1.5;padding: 0;background: none;appearance: unset;opacity: unset;right: -40px;position: relative;top: -40px;
    }
    .preview-close > span 
    {
        border-radius: 50%;padding: 0 0.45rem 0.1rem 0.45rem;background: white;color: black;font-size: 1.2rem !important;font-weight: lighter;box-shadow:0px 1px 5px 1px #80808054
    }

    .preview-close > span:hover
    {
        color:white;
        background:red;
    }

    .preview-close > span
    {
        color:white;
        background:red;
    }
    .close{
        right: -10px !important;
        top: 25px !important;
    }

    .breadcrumb-item + .breadcrumb-item::before {
        content: ">";
    }
    .breadcrumb-item.active > a{
        font-weight:bold;
    }
    h6.card-title{
        margin-bottom: 0 !important;
    }

    h6{
        font-size: 1.25rem !important;
    }
    .highcharts-data-label-connector{
        fill: none !important;
    }
    section#header,section#main-dash{
        padding-right: 1.5rem;
        padding-left: 1.5rem;
    }
    section#header{
        margin-top: 1.5rem;
    }
    #load-more {
        display: block;
        margin: 20px auto;
        padding: 10px 20px;
        cursor: pointer;
    }

    #filter-dash-side{
        width: 0px;
        position: absolute;
        padding: 0rem;
        right: 0;
        border-left: 1px solid #d7d7d7;
        overflow: hidden;
        top:0px !important;
    }

    #filter-dash-side.show-filter-side{
        width: 40vw;
        position: absolute;
        right: 0;
        border-left: 1px solid #d7d7d7;
        overflow: hidden;
        top:0px;
    }
    #main-konten{
        margin-right: 0px;
    }
    #main-konten.show-filter-side{
        margin-right: 40vw;
    }
    #filter-dash-body{
        height: calc(100vh - 125px);
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0.85rem !important;
    }
    .sai-rpt-filter-entry-row .col-md-2.col-sm-12:nth-child(3){
        padding-right: 5px !important;
        padding-left: 5px !important;
    }
    .ellipsis-custom{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }