.gradient-custom-2 {
    /* fallback for old browsers */
    background: #fccb90;
    
    /* Chrome 10-25, Safari 5.1-6 */
    background: -webkit-linear-gradient(to right, #1d87dc, #0e82de, #008fcf, #0094d7);
    
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    background: linear-gradient(to right, #1d87dc, #0e82de, #008fcf, #0094d7);
    }
    
    @media (min-width: 768px) {
    .gradient-form {
    height: 100vh !important;
    }
    }
    @media (min-width: 769px) {
    .gradient-custom-2 {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem;
    }
    }

    .navbar-custom{
        background: linear-gradient(to right, #1d87dc, #0e82de, #008fcf, #0094d7);
        color:#fff;
    }

    *{
        font-family: 'Roboto', sans-serif;
    }

    .line-box-marquee{
        padding-top:5px; 
        padding-bottom:2px; 
        /* background-color:#4caf50e3;  */
        background-color:#1c6dae; 
        color:#fff; 
        box-shadow: rgb(0 0 0 / 7%) 7px 9px 16px 10px;
        font-size:12px;
        font-weight:500;
    }

    .card-resume{
        font-size:12px;
    }

    .text-bar-akses{
        font-size:12px;
        font-weight:600;
    }

    .form-control{
        border-radius:0px;
        font-size:14px;
    }

    .form-control{
        font-size:13px;
    }

    .form-label{
        font-size:14px;
        margin-bottom:3px;
    }

    .btn{
        border-radius:0px;
    }

    .table-content{
        font-size:14px; 
    }

    .card-login{
        font-size:13px;
    }

    .alert{
        border-radius:0px;
    }

    .alert{
        font-size:14px;
    }

    .card-content{
        font-size:14px;
    }

    .alert-content{
        font-size:12px;
    }

    .table-content-beranda{
        font-size:14px;
    }

    .table-content-beranda > tr > td {
        padding-top:3px; 
        padding-bottom:3px;
        border-bottom:5px solid red;
    }

    .navbar-content{
        text-decoration:none;
        color:black; 
    }

    .text-nav-akses-mobile{
        text-decoration:none;
        color:#949494; 
        font-size:10px;
        font-weight:600;
    }

    a{
        text-decoration:none; 
    }

    .form-text{
        font-size:11px;
    }

    .input-editor {
        border: 0px;
        background-color: transparent;
    }

    div.dataTables_wrapper  div.dataTables_filter {
        position: absolute;
        left: 100%;
        transform: translateX(-50%);
    }

    table.dataTable > tbody > tr > th, table.dataTable > tbody > tr > td {
    padding: 2px 2px;
}

.font-10{
    font-size:10px;
}

.font-11{
    font-size:11px;
}


.font-12{
    font-size:12px;
}

.font-14{
    font-size:14px;
}