.page-wrapper {}

.container-fluid {
    padding: 25px 15px;
}

.font-size-sm {
    font-size: small;
}

.font-size-xs {
    font-size: x-small;
}

.bg-black {
    background: #343638;
}

.bg-primary-button {
    background-color: rgb(0, 151, 153);
}

.bg-primary-theme {
    /* background: rgb(118, 193, 149); */
    background-color: rgb(82, 216, 218);
}

.bg-primary-theme-secondary {
    /* background: rgb(93, 150, 116); */
    background-color: rgb(69, 181, 183);
}

.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(88, 93, 124);
}

.bg-biru-muda:hover {
    background-color: rgb(1, 82, 195);
}

.bg-biru-1 {
    background-color: rgb(17, 44, 176);
}

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

.collapse.in {
    display: block;
    background: #ffffff;
}

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: 50px;
}

@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: #ededed;
}

.card-no-border .sidebar-nav>ul>li>a.active,
.sidebar-nav>ul>li.active>a {
    background: rgb(175, 234, 235);
    color: #2a2a2a;
}

.bg-nav-blue {
    background: #4bc7da;
}

a.link {
    color: #ffffff;
}

.sidebar-nav ul li a,
.sidebar-nav ul li a i {
    color: #2a2a2a;
}

.sidebar-footer {
    border-top: 1px solid rgb(39, 124, 210);
}

.sidebar-nav .has-arrow::after {
    border-color: rgb(63, 63, 63);
}

.sidebar-nav>ul>li>a.active,
.sidebar-nav>ul>li>a:hover {
    border-left: 3px solid rgb(107, 232, 235);
    background: rgba(175, 234, 235, 1);
    color: #5d5d5d;
}

.sidebar-nav ul li a.active {
    color: #2e2e2e;
    text-decoration: underline;
}

.text-black {
    color: #000000;
}

.type-cursor {
    cursor: pointer;
}

.sidebar-nav>ul>li.active>a i,
.sidebar-nav>ul>li.active>a {
    color: #3d403f;
}

.sidebar-nav>ul>li.active>a {
    border-left: 3px solid rgb(82, 216, 218);
}

.card-no-border .page-wrapper {
    background: #eaedf3;
}

@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav #sidebarnav>li>ul {
        background: #e0e0e0;
    }
}