@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');



/* .page-wrapper {

    min-height: 670px !important;

    background: rgb(230, 235, 239) !important;

} */



.btn-gold, 

.btn-gold.disabled {

    background: #13c2aa;

    background: -moz-linear-gradient(top, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #19adaf), color-stop(50%, #20999b), color-stop(51%, #238688), color-stop(100%, #247375));

    background: -webkit-linear-gradient(top, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    background: -o-linear-gradient(top, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    background: -ms-linear-gradient(top, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    background: linear-gradient(to bottom, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebd197', endColorstr='#20999b', GradientType=0);

    border: 1px solid #f7f7f7;

}



.btn-gold:hover, 

.btn-gold.disabled {

    background: #8d8d8d;

    background: -moz-linear-gradient(top, #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #235455), color-stop(50%, #1b4d4e), color-stop(51%, #134748), color-stop(100%, #003a3b));

    background: -webkit-linear-gradient(top, #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    background: -o-linear-gradient(top, #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    background: -ms-linear-gradient(top, #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    background: linear-gradient(to bottom,  #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebd197', endColorstr='#b48811', GradientType=0);

    border: 1px solid #797979;

}

.btn-gold2, 

.btn-gold2.disabled {

    background: #13c2aa;

    background: -moz-linear-gradient(top, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #19adaf), color-stop(50%, #20999b), color-stop(51%, #238688), color-stop(100%, #247375));

    background: -webkit-linear-gradient(top, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    background: -o-linear-gradient(top, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    background: -ms-linear-gradient(top, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    background: linear-gradient(to bottom, #19adaf 0%, #20999b 50%, #238688 51%, #247375 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebd197', endColorstr='#20999b', GradientType=0);

    border: 1px solid #f7f7f7;

}



.btn-gold2:hover, 

.btn-gold2.disabled {

    background: #8d8d8d;

    background: -moz-linear-gradient(top, #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #235455), color-stop(50%, #1b4d4e), color-stop(51%, #134748), color-stop(100%, #003a3b));

    background: -webkit-linear-gradient(top, #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    background: -o-linear-gradient(top, #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    background: -ms-linear-gradient(top, #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    background: linear-gradient(to bottom,  #235455 0%, #1b4d4e 50%, #134748 51%, #094041 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebd197', endColorstr='#b48811', GradientType=0);

    border: 1px solid #797979;

}



.container-fluid {

    padding: 25px 15px;

}



.font-size-sm {

    font-size: small;

}



.font-size-xs {

    font-size: x-small;

}



.bg-shaudya {

    background: #005353 !important;

}



.bg-shaudya-light {

    background: #e0f7ff !important;

}



.bg-primary-theme {

    background: rgb(196, 229, 255);

}



.bg-primary-theme-secondary {

    background: #181c22;

}



.bg-primary-theme-tree {

    background: #1c2025;

}



.bg-primary-theme-2 {

    background: rgb(61, 59, 59);

}



.bg-primary-transparant {

    background: rgb(159, 236, 255);

}



.bg-mas {

    background: rgb(65, 64, 64);

}



.bg-yellow {

    background-color: rgb(226, 192, 42);

}



.bg-hijau {

    background-color: rgb(35, 116, 28);

}



.bg-biru-muda {

    background-color: rgb(0, 70, 169);

}



.bg-biru-muda:hover {

    background-color: rgb(1, 82, 195);

}



.bg-biru-1 {

    background-color: rgb(13, 86, 202);

}



.bg-white-50 {

    background-color: #dadada;

}



h6.text-count {

    font-weight: 500;

    color: red;

    font-size: 1.2em;

}



.card-img-cover {

    width: 100%;

    height: 160px;

    object-fit: cover;

    object-position: center;

}



.text-primary-theme {

    color: rgb(52, 120, 221) !important;

}



.text-azure {

    color: rgb(50, 128, 201) !important;

}





/* .card-no-border .sidebar-nav>ul>li>a.active {

    background: rgb(202, 238, 255);

} */



.collapse.in {

    display: block;

    background: #242527;

}



a.text-info:focus,

a.text-info:hover {

    color: #0799a2 !important;

}



.topbar .top-navbar .navbar-nav>.nav-item>.nav-link {

    padding-left: 1rem;

    padding-right: 1rem;

    font-size: 17px;

    line-height: 70px;

}



@media (max-width: 767px) {

    .topbar .top-navbar .navbar-nav>.nav-item>.nav-link {

        padding-left: 0.75rem;

        padding-right: 0.75rem;

    }

}



.notify .heartbit {

    border: 5px solid #007afb;

    margin-top: -5px;

}



.notify .point {

    background-color: #007afb;

    margin-top: -5px;

}



.text-white-60 {

    color: #d3d3d3 !important;

}



.font-semibold {

    font-weight: 500;

}



.bg-blue-dark {

    background: #149ae8 !important;

}



.custom-radio label {

    cursor: pointer;

}



.topbar .profile-pic {

    width: 30px;

    height: 30px;

    object-fit: cover;

    object-position: center;

    border-radius: 100%;

}



.user-profile .profile-img img {

    width: 50px;

    height: 50px;

    object-fit: cover;

    object-position: center;

    border-radius: 100%;

}



.img-circle-profile {

    object-fit: cover;

    object-position: center;

    border-radius: 100%;

}



.card-no-border .left-sidebar,

.card-no-border .sidebar-nav {

    background: #272727;

}



.card-no-border .sidebar-footer {

    background: #f1f6ff;

}



.sidebar-nav ul li a {

    font-family: "Josefin Sans", sans-serif;

    font-size: .9em;

    /* padding: 9px 35px 9px 15px; */

}



.font-arapey {

    font-family: "Josefin Sans", sans-serif;

}



.navbar-expand-md .navbar-nav .dropdown-menu {

    z-index: 99;

}



.navbar-dark .navbar-nav .nav-link-bottom {



    border-left: .1px solid rgb(85, 171, 253);

    border-right: .1px solid rgb(85, 171, 253);



    background: rgba(43, 140, 230, 1);

    background: -moz-linear-gradient(top, rgba(43, 140, 230, 1) 0%, rgba(0, 81, 168, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(43, 140, 230, 1)), color-stop(100%, rgba(0, 81, 168, 1)));

    background: -webkit-linear-gradient(top, rgba(43, 140, 230, 1) 0%, rgba(0, 81, 168, 1) 100%);

    background: -o-linear-gradient(top, rgba(43, 140, 230, 1) 0%, rgba(0, 81, 168, 1) 100%);

    background: -ms-linear-gradient(top, rgba(43, 140, 230, 1) 0%, rgba(0, 81, 168, 1) 100%);

    background: linear-gradient(to bottom, rgba(43, 140, 230, 1) 0%, rgba(0, 81, 168, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b8ce6', endColorstr='#0051a8', GradientType=0);



    color: rgb(255, 255, 255) !important;

    min-height: 100%;

    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

}



.navbar-dark .navbar-nav .nav-link-bottom:hover,

.navbar-dark .navbar-nav .nav-link-bottom.active {

    background: rgba(0, 95, 184, 1);

    background: -moz-linear-gradient(top, rgba(0, 95, 184, 1) 0%, rgba(1, 32, 82, 1) 100%);

    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0, 95, 184, 1)), color-stop(100%, rgba(1, 32, 82, 1)));

    background: -webkit-linear-gradient(top, rgba(0, 95, 184, 1) 0%, rgba(1, 32, 82, 1) 100%);

    background: -o-linear-gradient(top, rgba(0, 95, 184, 1) 0%, rgba(1, 32, 82, 1) 100%);

    background: -ms-linear-gradient(top, rgba(0, 95, 184, 1) 0%, rgba(1, 32, 82, 1) 100%);

    background: linear-gradient(to bottom, rgba(0, 95, 184, 1) 0%, rgba(1, 32, 82, 1) 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005fb8', endColorstr='#012052', GradientType=0);

}



a.rotate-downleft {

    transform: rotate(225deg);

}



a.rotate-downright {

    transform: rotate(135deg);

}



.round.size-sm {

    line-height: 28px;

    width: 28px;

    height: 28px;

}



.font-size-foot-nav {

    font-size: .75em;

}



/* BACKGROUND COLORING */

.bg-green-1 {

    background: rgb(21, 120, 70);

}



.border-bottom-1 {

    border-bottom: 1px solid rgb(255, 255, 255);

}



/* TEXT COLORING */

.text-green-1 {

    color: rgb(5, 125, 63);

}



.border-radius-1 {

    border-radius: 4px;

}



.sidebar-nav ul li a {

    color: #caced2;

}



.ribbon-info {

    background: #c4c4c4;

}



.ribbon-bookmark.ribbon-info:before {

    border-color: #c4c4c4;

    border-right-color: transparent;

}



.sidebar-nav>ul>li.active>a,

.sidebar-nav>ul>li>a:hover {

    border-left: 3px solid #ffffff;

    color: #dbbc6a;

}



.sidebar-nav>ul>li.active>a i,

.sidebar-nav>ul>li>a:hover i {

    color: #ffffff;

}



.sidebar-nav ul li a.active,

.sidebar-nav ul li a:hover {

    color: #dcab3d;

}



.sidebar-nav .has-arrow::after {

    border-color: #ccd0d4;

}



span.typeid {

    width: 0px;

    height: 0px;

    border-style: inset;

    border-width: 0 35px 35px 35px;

    /* border-color: transparent transparent #acacac transparent; */

    float: left;

    transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -o-transform: rotate(360deg);

    position: absolute;

    font-weight: bold;

    margin-top: -15px;

    margin-left: -21px;

    rotate: -45deg;

}



span.typeid.silver i {

    position: absolute;

    font-size: .7em;

    color: #fff;

    margin-top: 17px;

    margin-left: -21px;

}



span.typeid.gold i {

    position: absolute;

    font-size: .7em;

    color: #ffdf7d;

    margin-top: 17px;

    margin-left: -18px;

}



span.typeid.silver {

    border-color: transparent transparent #acacac transparent;

}



span.typeid.gold {

    border-color: transparent transparent #987316 transparent;

}



@media(max-width:768px) {

    span.typeid {

        margin-top: -16px;

        margin-left: -23px;

    }



    span.typeid i {

        margin-top: 17px;

        margin-left: -21px;

    }

}



@media(max-width:567px) {

    span.typeid {

        margin-top: -16px;

        margin-left: -22px;

    }



    span.typeid i {

        margin-top: 17px;

        margin-left: -21px;

    }

}



.sidebar-nav>ul>li>a.active i,

.sidebar-nav>ul>li>a:hover i {

    color: #dbbc6a;

}



.sidebar-nav>ul>li>a.active,

.sidebar-nav>ul>li>a:hover {

    border-left: 3px solid #dbbc6a;

}



.bg-dark-primary {

    background-color: #1f1c17 !important;

}



.text-gold-light {

    background: linear-gradient(to bottom, #838383 27%, #202020 40%, #413f3f 78%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    color: #fff;

}



.text-silv-light {

    background: linear-gradient(to bottom, #f0f0f0 27%, #f0f0f0 40%, #e7e7e7 78%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    color: #fff;

}



.text-gold {

    background: linear-gradient(to bottom, #cfc09f 27%, #ffecb3 40%, #674c15 78%);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;

    color: #fff;

}



.bg-gold-light {

    background: #b48811;

    background: -moz-linear-gradient(top, #ebd197 0%, #b48811 50%, #a2790d 51%, #bb9b49 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebd197), color-stop(50%, #b48811), color-stop(51%, #a2790d), color-stop(100%, #bb9b49));

    background: -webkit-linear-gradient(top, #ebd197 0%, #b48811 50%, #a2790d 51%, #bb9b49 100%);

    background: -o-linear-gradient(top, #ebd197 0%, #b48811 50%, #a2790d 51%, #bb9b49 100%);

    background: -ms-linear-gradient(top, #ebd197 0%, #b48811 50%, #a2790d 51%, #bb9b49 100%);

    background: linear-gradient(to bottom, #ebd197 0%, #b48811 50%, #a2790d 51%, #bb9b49 100%);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebd197', endColorstr='#b48811', GradientType=0);

}



.bg-gold {

    background: radial-gradient(ellipse farthest-corner at right bottom, #d8d8d8 0%, #b9b8b6 8%, #808080 30%, #a09d96 40%, transparent 80%),

        radial-gradient(ellipse farthest-corner at left top, #FFFFFF 0%, #fff8f7 8%, #bdbdbc 25%, #585858 62.5%, #c0bfbe 100%);

}



.bg-silver {

    box-shadow:

        2px 2px 0.5em rgba(122, 122, 122, 0.55),

        inset 1px 1px 0 rgba(255, 255, 255, 0.9),

        inset -1px -1px 0 rgba(0, 0, 0, 0.34);

    border: 1px solid #dedede;

    background:

        -moz-linear-gradient(-72deg,

            #dedede,

            #ffffff 16%,

            #dedede 21%,

            #ffffff 24%,

            #ffffff 27%,

            #dedede 36%,

            #ffffff 45%,

            #ffffff 60%,

            #dedede 72%,

            #ffffff 80%,

            #dedede 84%,

            #dbdada);

    background:

        -webkit-linear-gradient(-72deg,

            #dedede,

            #ffffff 16%,

            #dedede 21%,

            #ffffff 24%,

            #ffffff 27%,

            #dedede 36%,

            #ffffff 45%,

            #ffffff 60%,

            #dedede 72%,

            #ffffff 80%,

            #dedede 84%,

            #dbdada);

    background:

        -o-linear-gradient(-72deg,

            #dedede,

            #ffffff 16%,

            #dedede 21%,

            #ffffff 24%,

            #ffffff 27%,

            #dedede 36%,

            #ffffff 45%,

            #ffffff 60%,

            #dedede 72%,

            #ffffff 80%,

            #dedede 84%,

            #dbdada);

    background:

        linear-gradient(-72deg,

            #dedede,

            #ffffff 16%,

            #dedede 21%,

            #ffffff 24%,

            #ffffff 27%,

            #dedede 36%,

            #ffffff 45%,

            #ffffff 60%,

            #dedede 72%,

            #ffffff 80%,

            #dedede 84%,

            #dbdada);

}



.bg-primary-dark{

    background-color: #22211f !important;

    color: #ffffff;

}



.bg-primary-dark-dua{

    color: #000000;

    background-color: #ffffff !important;

}



.card-no-border .page-wrapper {

    background: #e7e7e7;

}



.text-light-gold{

    color: #1f1f1f;

}