@import url('https://fonts.googleapis.com/css2?family=Arapey&display=swap');

.page-wrapper {
    min-height: 670px !important;
    background: rgb(230, 235, 239) !important;
}

.container-fluid {
    padding: 25px 15px;
}

.font-size-sm {
    font-size: small;
}

.font-size-xs {
    font-size: x-small;
}

.bg-shaudya {
    background: #3BB6E3 !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);
}

.sidebar-nav ul li a.active {
    color: #0582cf;
}

.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: #edf5ff;
}

.card-no-border .sidebar-footer {
    background: #f1f6ff;
}

.sidebar-nav ul li a {
    font-family: 'Arapey', serif;
    font-size: 1em;
    padding: 9px 35px 9px 15px;
}

.font-arapey {
    font-family: 'Arapey', 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: 2px solid rgb(4, 126, 69);
}

/* TEXT COLORING */
.text-green-1{
    color: rgb(5, 125, 63);
}

.border-radius-1{
    border-radius: 4px;
}