/* backgroud */
        .bg-primary{
            background: #0a51bf;
        }
        .bg-success{
            background: rgb(149,202,104);
            background: linear-gradient(90deg, rgba(149,202,104,1) 0%, rgba(149,202,104,1) 50%, rgba(175,216,141,1) 100%);
        }
        .bg-warning{
            background: rgb(255,179,71);
            background: linear-gradient(90deg, rgba(255,179,71,1) 1%, rgba(255,190,101,1) 44%, rgba(255,201,131,1) 100%);
        }
        .bg-danger{
            background: rgb(255,105,98);
            background: linear-gradient(90deg, rgba(255,105,98,1) 0%, rgba(255,121,116,1) 50%, rgba(255,137,134,1) 100%);
        }
        .bg-info{
            background: rgb(115,146,186);
            background: linear-gradient(90deg, rgba(115,146,186,1) 1%, rgba(150,175,205,1) 44%, rgba(184,204,224,1) 100%);
        }
        .bg-blue-ebook{
            background: rgb(255,255,255);
            background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        }
        .bg-green-ebook{
            background: rgb(149,202,104);
            background: linear-gradient(90deg, rgba(149,202,104,1) 0%, rgba(149,202,104,1) 50%, rgba(175,216,141,1) 100%);
        }
        .bg-orange-ebook{
            background: rgb(255,255,255);
            background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        }
        .bg-red-ebook{
            background: rgb(255,105,98);
            background: linear-gradient(90deg, rgba(255,105,98,1) 0%, rgba(255,121,116,1) 50%, rgba(255,137,134,1) 100%);
        }
        .bg-purple-ebook{
            background: rgb(115,146,186);
        }
        /* text */
        .text-primary{
            color: #0a51bf;
        }

        .text-c-blue{
            color: #0A51BF;
        }
        /* button */
        .btn{
            border-radius: 8px;
        }

        .swal-button--confirm{
            background: #0a51bf;
            border-radius: 8px;
        }
        .btn-primary{
            background: #0a51bf;
            /* border-radius: 25px; */
        }
        .btn-success{
            background: rgb(149,202,104);
            background: linear-gradient(90deg, rgba(149,202,104,1) 0%, rgba(149,202,104,1) 50%, rgba(149,202,104,1) 100%);
            /* border-radius: 25px; */
        }
        .btn-warning{
            background: rgb(255,179,71);
            background: linear-gradient(90deg, rgba(255,179,71,1) 1%, rgba(255,190,101,1) 44%, rgba(255,190,101,1) 100%);
            /* border-radius: 25px; */
        }
        .btn-danger{
            background: rgb(255,105,98);
            background: linear-gradient(90deg, rgba(255,105,98,1) 0%, rgba(255,121,116,1) 50%, rgba(255,121,116,1) 100%);
            /* border-radius: 25px; */
        }
        .btn-info{
            background: rgb(115,146,186);
            background: linear-gradient(90deg, rgba(115,146,186,1) 1%, rgba(150,175,205,1) 44%, rgba(150,175,205,1) 100%);
            /* border-radius: 25px; */
        }
        .btn-secondary{
            background: rgb(115,146,186);
            background: linear-gradient(90deg, rgba(115,146,186,1) 1%, rgba(150,175,205,1) 44%, rgba(150,175,205,1) 100%);
            /* border-radius: 25px; */
        }
        .btn-default{
            /* border-radius: 25px; */
        }
        .btn-blue-ebook{
            color: #fff;
            background: #0a51bf;
        }
        .btn-green-ebook{
            color: #fff;
            background: rgb(149,202,104);
            background: linear-gradient(90deg, rgba(149,202,104,1) 0%, rgba(149,202,104,1) 50%, rgba(149,202,104,1) 100%);
        }
        .btn-orange-ebook{
            color: #fff;
            background: rgb(255,179,71);
            background: linear-gradient(90deg, rgba(255,179,71,1) 1%, rgba(255,190,101,1) 44%, rgba(255,190,101,1) 100%);
        }
        .btn-red-ebook{
            color: #fff;
            background: rgb(255,105,98);
            background: linear-gradient(90deg, rgba(255,105,98,1) 0%, rgba(255,121,116,1) 50%, rgba(255,121,116,1) 100%);
        }
        .btn-purple-ebook{
            color: #fff;
            background: #0a51bf;
        }
        .btn-outline-primary{
            color: rgb(46,88,148);
            border-color: rgb(46,88,148);
            /* border-radius: 25px; */
        }
        .btn-outline-primary:hover{
            background: #0a51bf;
            /* border-radius: 25px; */
        }
        /* navbar */
        .header-navbar .navbar-wrapper .navbar-logo[logo-theme=theme6] {
            color: rgb(46,88,148);
            background-color: #fff;
         */
            /* background: #0a51bf; */
        }
        .pcoded-inner-navbar{
            background: rgb(255,255,255);
            background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        }
        .pcoded-mtext{
            color: #0A51BF;
            font-weight: bold;
        }
        .feather{
            color: #2E5894;
            font-weight: bold;
        }
        .pcoded-submenu{
            background: rgb(255,255,255);
            background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%);
        }
        /* card */
        .card{
            border-radius: 50px;
            padding-top: 25px;
        }
        .bg-c-blue{
            background: #0a51bf;
        }
        .bg-c-green{
            background: rgb(119,221,102);
            background: linear-gradient(90deg, rgba(119,221,102,1) 0%, rgba(143,227,129,1) 50%, rgba(167,233,156,1) 100%);
        }
        .bg-c-red{
            background: rgb(255,105,98);
            background: linear-gradient(90deg, rgba(255,105,98,1) 0%, rgba(255,121,116,1) 50%, rgba(255,137,134,1) 100%);
        }
        .modal-content{
            border-radius: 50px;
            padding-top: 25px;
            padding-bottom: 25px;
        }
        /* logo perpus */
        .header-image{
            background: #0a51bf;
            border-radius: 50px;
        }
        /* font */
        a{
            font-weight: bold;
            /* text-shadow: -0.2px -0.2px 0 #fff, 0.2px -0.2px 0 #fff, -0.2px 0.2px 0 #fff, 0.2px 0.2px 0 #fff; */
        }
        button{
            font-weight: bold;
            /* text-shadow: -0.2px -0.2px 0 #fff, 0.2px -0.2px 0 #fff, -0.2px 0.2px 0 #fff, 0.2px 0.2px 0 #fff; */
        }

        .image-form{
            width: 100%;
            height: 100vh;
            object-fit: cover;
            display: block;
        }

        /* .nav-link{
            color: #0a51bf;
            background: #fff;
        }
        
        .nav-link .active{
            color: #fff;
            background: #0a51bf;
        } */