@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-Thin.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-Thin.woff") format("woff");
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-ExtraLight.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-ExtraLight.woff") format("woff");
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-Light.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-Regular.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-Medium.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-SemiBold.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-SemiBold.woff") format("woff");
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-ExtraBold.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-ExtraBold.woff") format("woff");
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: "Montserrat";
    src: url("../fonts/montserrat/Montserrat-Black.woff2") format("woff2"),
        url("../fonts/montserrat/Montserrat-Black.woff") format("woff");
    font-weight: 900;
    font-style: normal;
}

* {
    font-family: "Montserrat", sans-serif;
    scroll-behavior: smooth;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
}
/* Hide scrollbar for Chrome, Safari and Opera */
body::-webkit-scrollbar {
    display: none;
}

.rounded-partner {
    border-radius: 20px;
}

/* Nav Rounded */
.nav-tabs .rounded {
    border-top-left-radius: 20px !important;
}

/* Sidebar */

/* input {
    background-color: #f15d4b !important;
} */

/* Sweetalert custom color */
.colored-toast.swal2-icon-success {
    background-color: #a5dc86 !important;
}

.colored-toast.swal2-icon-error {
    background-color: #f27474 !important;
}

.colored-toast.swal2-icon-warning {
    background-color: #f8bb86 !important;
}

.colored-toast.swal2-icon-info {
    background-color: #3fc3ee !important;
}

.colored-toast.swal2-icon-question {
    background-color: #87adbd !important;
}

.colored-toast .swal2-title {
    color: white;
}

.colored-toast .swal2-close {
    color: white;
}

.colored-toast .swal2-html-container {
    color: white;
}

/* Cell color */
.bg-success-2 {
    background-color: #b6d7a8;
}
.bg-danger-2 {
    background-color: #ea9999;
}

/* Style BJB */
.nav-pills .nav-link {
    border-radius: 20px;
    padding: 10px 20px;
    transition: background-color 0.3s ease-in-out;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #efcb13 !important;
    color: #135581 !important;
    font-weight: bold;
}

.nav-pills .nav-link.logout,
.nav-pills .show > .nav-link {
    background-color: #dc3545 !important;
    color: #fff !important;
    font-weight: bold;
}

/* Styling navbar */
.bg-primary {
    background-color: #135581 !important;
}
.bg-bjb {
    background: linear-gradient(
        to right,
        #135581 0% 35%,
        #24aae1 35% 55%,
        #efcb13 55% 100%
    ) !important;
}

.btn-bjb {
    background-color: #efcb13 !important;
    color: #135581 !important;
    border: 2px solid #efcb13 !important;
    transition: all 0.3s ease-in-out;
}

/* Hover Effect */
.btn-bjb:hover {
    background-color: #d6b317 !important;
    color: white !important;
    border-color: #d6b317 !important;
}
/* Styling sidebar */
.main-sidebar {
    background-color: #135581 !important;
}

.sidebar .nav-link {
    color: #fff !important;
}

.sidebar-custom {
    margin-bottom: 100 !important ;
    background-color: #135581 !important;
    border-top: #135581 !important;
}

.brand-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    padding: 10px;
}

.brand-link img {
    max-height: 200px;
    width: auto;
    transition: all 0.3s ease-in-out;
}

.sidebar {
    margin-top: 100px !important;
}
.sidebar-collapse .sidebar {
    margin-top: 55px !important;
}

.sidebar-collapse .brand-link img {
    max-height: 30px;
}

.table thead th {
    border: 1px solid #b1a415 !important;
    border-collapse: collapse !important;
    border-spacing: 0;
    background-color: #efcb13 !important;
    color: #135581 !important;
    text-align: center;
}