.transfer-desc {
            text-align: justify;
            font-size: 18px;
            font-weight: 600;
            padding-inline: 5rem;
            padding-block: 1rem;
        }

        tbody td, tbody td .btn{
            padding-block: 2px;
        }

        .modal-header {
            background: linear-gradient(to right, #000000, #333333);
            color: white;
        }
        .modal-title { 
            font-weight: bold; 
        }
        #noticeModal .modal-footer .modal-action-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 42px;
            height: 38px;
            padding: 0;
        }

        #noticeModalBody {
            position: relative;
            z-index: 1;
            font-size: 1.05rem;
            line-height: 1.6;
            color: #111827;
        }

        .notice-modal-body-wrap {
            position: relative;
            max-height: 60vh;
            overflow-y: auto;
            padding: 1rem;
            background: #fff;
        }

        .notice-content-frame {
            position: relative;
            border: 2px solid #94a3b8;
            border-radius: 6px;
            padding: 1.25rem 1.5rem;
            background: #fff;
            overflow-x: auto;
            overflow-wrap: anywhere;
            word-break: break-word;
        }

        .notice-modal-watermark {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 280px;
            max-width: 65%;
            height: auto;
            opacity: 0.12;
            pointer-events: none;
            z-index: 0;
            user-select: none;
        }

        #noticeModalBody.notice-details table {
            max-width: 100%;
            table-layout: fixed;
            word-break: break-word;
        }

        #noticeModalBody.notice-details img {
            max-width: 100%;
            height: auto;
        }
        .modal-content { border-radius: 10px; }
        /*         .table tbody tr, .notice-row { */
        /*             cursor: pointer; */
        /*             position: relative; */
        /*         } */
        .notice-details p, .notice-details li {
            margin-bottom: 8px;
        }
        .notice-details table {
            width: 100%;
            border-collapse: collapse;
        }
        .notice-details table, .notice-details th, .notice-details td {
            border: 1px solid #aaa;
            padding: 6px;
        }   

        .table tbody tr::after, .notice-row::after {
            content: "Click for more details";
            position: absolute;
            left: 50%;
            top: -25px;
            transform: translateX(-50%);
            background: #333;
            color: #fff;
            font-size: 12px;
            padding: 3px 6px;
            border-radius: 4px;
            white-space: nowrap;
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.2s;
        }
/*         .table tbody tr:hover::after, .notice-row:hover::after { */
/*             opacity: 1; */
/*         } */
        
        /* New code start: Style for the active row */
        .active-row, .active-row td {
            /* background-color: #fba21b  !important; */
           /* background-color: #0891b2  !important;  A light blue color from Bootstrap's info alert */
            background-color: #087326  !important;

            font-weight: bold;
            color: #fff;
        }

        .breadcrumb {
            margin: 0;
            padding-bottom: 0 !important;
            border: none;
        }
/* 
        #detailsTable thead th{
            background: #123b9f !important;
        } */

        .active-row td svg{
            color: #fff !important;
        }

        
        td {
            width: auto !important;
        }

        #noticeSearchBtn, #fuzzySearchBtn{
            background-color: #0b7a2a !important;
            border-color: #0b7a2a !important;
        }

        .btn-primary, .btn-info{
            background-color: #0b7a2a !important;
            border-color: #0b7a2a !important;
        }

        .notice-month-table-card { padding: 0; overflow: auto; }
        #monthYearTable { min-width: 22rem; }
        #monthYearTable thead th { position: sticky; top: 0; z-index: 1; }
        #detailsTable { min-width: 28rem; }

        /* New code end */
        
        @media (max-width: 1400px) {
            .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
                max-width: 1780px !important;
            }
        }

        @media (max-width: 1400px) {

            #leftSection{
                padding-inline: 2rem !important;
            }
        }

        @media (max-width: 768px) {
            .container, .container-sm { max-width: 1000px; }

        }

        @media (max-width: 768px) {

            #leftSection{
                padding-inline: 0 !important;
            }
        }
        @media (max-width: 992px) {
            .search-btn{
                position: relative !important;
                justify-self: center !important;
            }

            .document-list{
                margin-bottom: 3rem;
            }
        }


.csp-722bd396c5 { width: 300px; right: 6rem; }

.csp-e56fc19cd2 { width: 300px; right: 1rem; top: -20px; z-index: 99; }

.csp-fb5ec070f2 { text-align: center; }

.csp-56c8497865 { width: 1.5rem; height: 1.5rem; color: #087326; }

.csp-3d8f225b32 { width: 10%; }
.notice-download-link { color: blue; }
.notice-print-frame {
    position: fixed;
    width: 0;
    height: 0;
    border: 0;
    visibility: hidden;
}
.notification-list-centered {
    padding-inline: clamp(0px, 3vw, 3rem);
}