/* ===============================
   HEADER BASE
================================ */
#plrs-header {
    background: #0047a2;
    position: relative;
    z-index: 1000;
    border-bottom: 4px solid #c15d5d;
}

/* MAIN ROW */
.plrs-header-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 6px 12px;
}

/* ===============================
   LEFT GROUP (LOGO + MENU)
================================ */
.plrs-left {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

/* LOGO */
.plrs-logo {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
}

    .plrs-logo img {
        height: 55px;
        filter: brightness(0) invert(1);
    }

.plrs-logo-text {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
}

    .plrs-logo-text span {
        display: block;
        font-size: 18px;
        font-weight: 600;
    }

/* MENU (☰) */
.plrs-menu {
    display: flex;
    align-items: center;
    padding: 10px 12px;
    background: #4285f4;
    cursor: pointer;
    border-radius: 4px;
}

    .plrs-menu i {
        font-size: 18px;
        color: #fff;
    }

    .plrs-menu:hover {
        background: #2f6fe0;
    }

/* ===============================
   CENTER (REGION)
================================ */
.plrs-region {
    flex: 1;
    display: flex;
    justify-content: center;
    min-width: 0;
}

.plrs-region-bar {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #0d6efd;
    padding: 6px 8px;
    border-radius: 6px;
}

/* Change button */
.plrs-change {
    background: #43d854;
    color: #fff;
    padding: 6px 12px;
    border-radius: 4px;
    font-weight: 600;
    text-decoration: none;
}

/* Region chip */
.plrs-chip {
    background: rgba(255,255,255,0.15);
    border-left: 4px solid #ffc107;
    padding: 6px 10px;
    border-radius: 4px;
    color: #fff;
}

/* ===============================
   RIGHT (ACTIONS)
================================ */
.plrs-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0;
}

.plrs-font input {
    padding: 4px 6px;
    font-size: 12px;
}

.plrs-login {
    background: #0d6efd;
    color: #fff;
    padding: 6px 14px;
    border-radius: 6px;
    font-weight: 600;
    text-decoration: none;
}

/* ===============================
   MOBILE VIEW
================================ */
@media (max-width: 768px) {

    /* Hide logo */
    .plrs-logo {
        display: none;
    }

    /* Region → icon only */
    .plrs-chip {
        display: none;
    }

    .plrs-region {
        justify-content: flex-end;
    }

    .plrs-region-bar {
        background: transparent;
        padding: 0;
    }

    /* Compact header */
    .plrs-header-row {
        padding: 4px 10px;
    }

    /* Content spacing */
    #wrapper {
        margin-top: 8px;
    }
}



/* ===============================
   PAGE HEADING (IN REGION AREA)
================================ */
.plrs-page-title {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 4px 0;
}

/* Punjabi (1st row) */
.plrs-title-pa {
    font-size: 20px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

/* English (2nd row) */
.plrs-title-en {
    font-size: 24px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.1;
}

.plrs-note {
    font-style: italic;
    font-size: 14px;
    font-weight: 600;
    color: #e40d0d !important;
    padding: 2px;
    background-color: whitesmoke;
}

/* Punjabi (1st row) */
.plrs-title-pa_1 {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
}

/* English (2nd row) */
.plrs-title-en_1 {
    font-size: 18px;
    font-weight: 600;
    color: #ffffff;
    line-height: 1.1;
}

.plrs-note_1 {
    font-style: italic;
    font-size: 14px;
    font-weight: 500;
    color: #e40d0d !important;
    background-color: whitesmoke;
    /*line-height: 1.2;*/
}
/* Mobile adjustments */
@media (max-width: 768px) {

    .plrs-title-pa {
        font-size: 16px;
    }

    .plrs-title-en {
        font-size: 12px;
    }
}

/* ===============================
   DESKTOP FOOTER OVERLAP FIX
   (Homer theme override)
================================ */
/* Full height root */
html, body {
    height: 100%;
}

/* Wrapper must be flex */
#wrapper {
    min-height: 100vh !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: visible !important;
}

    /* Page content MUST grow */
    #wrapper .page-body {
        flex: 1 1 auto !important;
        height: auto !important;
        overflow: visible !important;
        position: relative !important;
    }

/* Content must NOT restrict height */
.content,
.animate-panel {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
}

/* Footer must never overlay */
footer.footer {
    flex-shrink: 0 !important;
    position: relative !important;
    width: 100%;
}

/* Bootstrap row negative margin fix */
footer .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

@media (max-width: 768px) {
    .page-body {
        padding-top: 70px; /* header height */
    }
}



/*footer CSS*/

/* ----------------- 
	FOOTER CSS 
 ------------------- */
.text-primaryWhite {
    color: white;
}

.digi-topBoder {
    background: #e9f3ff;
    /*background: #023577;
    padding: 5px 0; /*20px 0;*/
    /*border-bottom: solid;
    border-bottom-width: thin;*/
    border-top: solid;
    border-top-width: thin;
    border-color: #023577;
    font-weight: 600;
}

.digi-topBottomBoder {
    background: #e9f3ff;
    border-top: solid;
    border-top-width: thin;
    border-bottom: solid;
    border-bottom-width: thin;
    border-color: #023577;
    font-weight: 600;
}

.digi-topBoderThick {
    background: #e9f3ff;
    border-top: solid;
    border-top-width: thick;
    border-color: #c15d5d; /*#023577;*/
    font-weight: 600;
}

.digi-topBoderThickDis {
    border-top: solid;
    border-top-width: thick;
    border-color: #c15d5d; /*#023577;*/
    font-weight: 600;
}

.badge-pill {
    display: inline-block;
    padding: 4px 12px;
    background: #198754;
    color: #fff;
    border-radius: 999px; /* makes it fully round */
}

.badge-pill1 {
    display: inline-block;
    padding: 4px 12px;
    background: #eb5b2c;
    color: white;
    border-radius: 999px; /* makes it fully round */
}

.badge-pillLegend {
    display: inline-block;
    padding: 4px 12px;
    background: #0047a2;
    color: white;
    border-radius: 999px; /* makes it fully round */
}

.badge {
    display: inline-block; /* important for padding */
    padding: 4px 10px;
    background: #0d6efd;
    color: #fff;
    border-radius: 6px; /* rounded corners */
    font-size: 12px;
}




/* Footer notes */
.footer-notes {
    padding: 12px 20px;
    text-align: left;
}

    .footer-notes ul {
        margin: 0;
        padding-left: 20px;
        list-style-position: outside;
        color: #c62828;
        font-weight: 600;
    }

/* Footer stats row */
.footer-stats {
    padding: 10px 20px;
}

.footer-stats-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Mobile adjustments */
@media (max-width: 768px) {
    .footer-stats-row {
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .footer-notes {
        padding-left: 15px;
    }
}


/* ===============================
   PAGE TITLE RESPONSIVE SIZE
================================ */
.page-title {
    font-size: 28px;
    line-height: 1.3;
}

/* Mobile */
@media (max-width: 768px) {
    .page-title {
        font-size: 18px;
        line-height: 1.25;
    }
}

.page-title {
    word-break: break-word;
}

@media (max-width: 992px) and (min-width: 769px) {
    .page-title {
        font-size: 22px;
    }
}


.ui-datepicker {
    z-index: 99999 !important;
}






/*body {
    background: #f4f6f9;
    font-family: "Segoe UI", Tahoma, Arial;
    font-size: 14px;
}
fieldset.form-section {
    border: 1px solid #d9d9d9;
    padding: 20px;
    margin-bottom: 25px;
    border-radius: 6px;
    background: #ffffff;
}
legend.form-legend {
    width: auto;
    padding: 6px 18px;
    font-size: 15px;
    font-weight: 600;
    background: #0047a2;
    color: #fff;
    border-radius: 20px;
    border: 1px solid #003a85;
}
    */



/* Alternate row color */
table.dataTable tbody tr:nth-child(even) {
    background-color: #f5f8fc;
}

/* Odd rows */
table.dataTable tbody tr:nth-child(odd) {
    background-color: #ffffff;
}

/* Hover effect */
table.dataTable tbody tr:hover {
    background-color: #e8f1ff !important;
}

.alert-success {
    background: #e6f4ea;
    border: 1px solid #28a745;
    color: #1e7e34;
    padding: 10px;
    border-radius: 5px;
}

.alert-error {
    background: #fdecea;
    border: 1px solid #dc3545;
    color: #b02a37;
    padding: 10px;
    border-radius: 5px;
}
.btn-primary-custom {
    background: linear-gradient(to bottom,#5a95f5,#4285f4);
    border: 1px solid #2f6fd6;
    color: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 3px 0 #2f6fd6;
    text-decoration: none;
    display: inline-block;
}

    .btn-primary-custom:hover {
        background: linear-gradient(to bottom,#6aa0f6,#4a8df5);
    }

    .btn-primary-custom:active {
        transform: translateY(2px);
        box-shadow: 0 1px 0 #2f6fd6;
    }
.btn-cancel-custom {
    background: linear-gradient(to bottom,#e57373,#d9534f);
    border: 1px solid #c9302c;
    color: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 3px 0 #c9302c;
    text-decoration: none;
    display: inline-block;
}

    .btn-cancel-custom:hover {
        background: linear-gradient(to bottom,#ec7f7f,#e4605c);
    }

    .btn-cancel-custom:active {
        transform: translateY(2px);
        box-shadow: 0 1px 0 #c9302c;
    }
.btn-refresh-custom {
    background: linear-gradient(to bottom,#5bc0de,#17a2b8);
    border: 1px solid #138496;
    color: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 3px 0 #138496;
    text-decoration: none;
}

    .btn-refresh-custom:hover {
        background: linear-gradient(to bottom,#6ecbe6,#1fb5cc);
    }

    .btn-refresh-custom:active {
        transform: translateY(2px);
        box-shadow: 0 1px 0 #138496;
    }
.btn-view-custom {
    background: linear-gradient(to bottom,#6f7bd9,#4a59c4);
    border: 1px solid #3d4db3;
    color: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 3px 0 #3d4db3;
    text-decoration: none;
}

    .btn-view-custom:hover {
        background: linear-gradient(to bottom,#7f8ae0,#5665cf);
    }

    .btn-view-custom:active {
        transform: translateY(2px);
        box-shadow: 0 1px 0 #3d4db3;
    }
.btn-edit-custom {
    background: linear-gradient(to bottom,#f0ad4e,#ec971f);
    border: 1px solid #d58512;
    color: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 3px 0 #d58512;
    text-decoration: none;
}

    .btn-edit-custom:hover {
        background: linear-gradient(to bottom,#f4b963,#f0a63a);
    }

    .btn-edit-custom:active {
        transform: translateY(2px);
        box-shadow: 0 1px 0 #d58512;
    }
.btn-delete-custom {
    background: linear-gradient(to bottom,#c9302c,#a94442);
    border: 1px solid #843534;
    color: #fff;
    padding: 8px 18px;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    box-shadow: 0 3px 0 #843534;
    text-decoration: none;
}

    .btn-delete-custom:hover {
        background: linear-gradient(to bottom,#d43f3a,#b0524f);
    }

    .btn-delete-custom:active {
        transform: translateY(2px);
        box-shadow: 0 1px 0 #843534;
    }
.btn-primary-custom,
.btn-cancel-custom,
.btn-refresh-custom,
.btn-view-custom,
.btn-edit-custom,
.btn-delete-custom {
    margin-right: 6px;
    margin-bottom: 5px;
}
@media(max-width:768px) {
    .btn-primary-custom,
    .btn-cancel-custom,
    .btn-refresh-custom,
    .btn-view-custom,
    .btn-edit-custom,
    .btn-delete-custom {
        width: 100%;
        text-align: center;
    }
}