/* Remove box shadow when input-group is focused */
.input-group:focus-within {
    box-shadow: none !important;
}


/* Align Select2 dropdown with icon */
.input-group .select2-selection--single {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    height: 38px !important; /* Match Bootstrap input height */
    display: flex;
    align-items: center;
}

/*font utk password requirement */
.font-pass {
    font-size: small;
}

/*input readonly*/
.bg-readonly {
    background-color: #DFDFE3;
}

/* background*/
.bg-senarai-1 {
    background-color: #ffddf4 !important;
}

.bg-senarai-2 {
    background-color: #D6F4F8 !important;
}

.bg-senarai-3 {
    background-color: #DEFFCA !important;
}

.bg-senarai-4 {
    background-color: #E5D5F7 !important;
}

.bg-brown {
    background-color: #eee4d8 !important;
}

.bg-turq {
    background-color: #BBD0D2 !important;
}

/* text color */
.text1 {
    color: #C9188B !important;
}

.text2 {
    color: #5647DE !important;
}

.text3 {
    color: #0F9A77 !important;
}

.text4 {
    color: #6053EE !important;
}

.textBrown {
    color: #d97126 !important;
}

.textTurq {
    color: #4D6A6D !important;
}

.hover-card {
    transition: all 0.2s ease-in-out;
    border-radius: 10px;
}

    .hover-card:hover {
        transform: scale(1.03); /* Slightly smaller zoom effect */
    }

/* Ensure Second Row Aligns to the Top */
.second-row .hover-card {
    align-self: flex-start !important;
}

.second-card {
    display: flex;
    flex-direction: column;
    height: 100%; /* Match height dynamically */
}

.scrollable-content {
    flex-grow: 1;
    overflow-y: auto;
}

.bg-tag {
    background-color: #F5DEB3;
}

.text-tag {
    color: #8B4513;
}

.btn-edit-record-custom {
    padding: 0;
    background-color: #28a745; /* Same as Bootstrap 'btn-success' */
    color: white; /* Text color */
    border: none; /* Remove border if needed */
}

table td.wrap-badges {
    white-space: normal; /* Allow wrapping */
    /*max-width: 200px;*/ /* Adjust based on layout */
    word-wrap: break-word;
}

.badge-custom-primary-bg {
    background: rgba(115, 103, 240, 0.16) !important;
    color: #7367F0 !important;
}

.text-badge {
    color: #002D7A !important;
}

.bg-norujukan {
    background-color: #E2ECFC;
    padding: 15px;
}

/*alert closed account payment*/

.scrolling-alert-container {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    background-color: #fff3cd; /* optional background */
    border: 1px solid #ffeeba;
    padding: 10px;
    border-radius: 8px;
    position: relative;
}

.scrolling-alert-text {
    display: inline-block;
    padding-left: 100%;
    animation: scroll-text 40s linear infinite;
    font-weight: bold;
    color: #856404; /* alert color */
}

@keyframes scroll-text {
    0% {
        transform: translateX(0%);
    }

    100% {
        transform: translateX(-100%);
    }
}

/*.pulse-alert {*/
/*background-color: #fffae6;*/ /* Soft yellow background */
/*color: #856404;*/ /* Dark yellow text for good contrast */
/*background-color: #856404;*/ /* Soft yellow background */
/*color: #fffae6;*/ /* Dark yellow text for good contrast */
/*animation: pulse-bg 3s infinite ease-in-out;*/ /* Smooth pulse animation */
/*padding: 12px 20px;
        border-radius: 8px;
    }

    @@keyframes pulse-bg {
        0% {
            background-color: #fffae6;
        }

        50% {
            background-color: #ffec99;
        }*/
/* Lighter yellow-orange */
/*100% {
            background-color: #fffae6;
        }
    }*/

/*Sticky button laporan*/
.sticky-print-button {
    position: sticky;
    top: 0; /* distance from the top of the screen */
    z-index: 999; /* to keep it above other content */
    background-color: white; /* to avoid overlap transparency */
    padding: 20px 10px;
}

/*Sort ASC desc report*/
th {
    cursor: pointer;
    position: relative;
}

.sort-icon {
    font-size: 0.7em;
    color: #808080; /* default light grey */
    margin-left: 5px;
    user-select: none;
}

th.active .sort-icon {
    color: #000; /* highlight active column icons */
    font-weight: bold;
}
/*
report kuota*/
#list_maklumatAkaun th,
#list_maklumatAkaun td {
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}