/* custom.css */

/* Ganti warna background utama */
.bg-primary {
    background-color: #55B2E9 !important;
}

.bg-gradient-primary {
    background-color: #55B2E9 !important;
    background-image: linear-gradient(180deg, #3a91c7 10%, #55B2E9 100%);
    background-size: cover;
}


/* Ganti warna teks */
.text-primary {
    color: #55B2E9 !important;
}

/* Ganti warna border */
.border-left-primary {
    border-left: 0.25rem solid #55B2E9 !important;
}

.border-bottom-primary {
    border-bottom: 0.25rem solid #55B2E9 !important;
}


/* Ganti warna tombol (Button) */
.btn-primary {
    color: #fff;
    background-color: #55B2E9;
    border-color: #55B2E9;
}

.btn-primary:hover {
    color: #fff;
    background-color: #246690;
    /* Warna sedikit lebih gelap untuk hover */
    border-color: #225e85;
}

.btn-primary:focus,
.btn-primary.focus {
    box-shadow: 0 0 0 0.2rem rgba(43, 120, 169, 0.5);
}

.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #225e85;
    /* Warna lebih gelap untuk active */
    border-color: #1f557a;
}

/* Ganti warna link */
a,
a:focus,
a:hover {
    color: #55B2E9;
}

.sidebar .nav-item.active .nav-link {
    color: #55B2E9;
}

/* Ganti warna pagination */
.pagination .page-item.active .page-link {
    background-color: #55B2E9;
    border-color: #55B2E9;
}

.page-link {
    color: #55B2E9;
}

.page-link:hover {
    color: #225e85;
}