.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;
    }

    .box{
        padding:10px;
        background-color:#fff;
        border-radius:4px; 
        box-shadow: 2px 2px 30px rgb(0 0 0 / 20%);
        font-size:14px;
    }


    .bg-lime{
        background-color:#cddc39;
    }

    .bg-yellow{
        background-color:#ffeb3b;
    }

    .bg-green{
        background-color:#8bc34a;
    }

    .bg-bluesky{
        background-color:#2196f3;
    }

    .bg-pink{
        background-color:#e91e63;
    }

    .bg-purple{
        background-color:#9c27b0;
    }

    .side-navscroll{
        overflow: scroll;
        scrollbar-color: #eee;
        scrollbar-width: thin;
    }