body {
    background: linear-gradient(
        to bottom,
        #FFFDF5 0%,
        #FFF8E7 40%,
        #FFF4DE 100%
    );
}

.normal {
    margin-top : 0%;
    margin-bottom : 1%;
    font-size:80%;
    text-align : justify;
}
.saffron-bg {
    background: linear-gradient(
        135deg,
        #FFE5B4 0%,
        #FFD08A 50%,
        #F6B45C 100%
    );

    color: #3E2A14;
}


/* Main Conference Title */
.saffron-bg h1 {
    color: #3A2410;

    font-size: 34px;
    font-weight: 700;

    letter-spacing: 0.3px;

    margin-bottom: 12px;

    text-shadow:
        0 1px 1px rgba(255,255,255,0.45);
}


/* Department / Government Text */
.saffron-bg p {
    color: #5C421F;

    font-size: 17px;
    font-weight: 500;

    letter-spacing: 0.2px;

    margin-bottom: 0;
}
.professional-nav {
    width: 100%;
    padding: 10px 18px;

    background: linear-gradient(
        180deg,
        #fff4dc 0%,
        #ffe7b0 50%,
        #ffd98a 100%
    ) !important;

    border-bottom: 1px solid #e8b45c;

    box-shadow:
        0 3px 0 rgba(202, 132, 25, 0.45),
        0 6px 14px rgba(120, 75, 10, 0.18);

    position: relative;
    z-index: 1000;
}


/* ================= HOME BUTTON ================= */

.professional-nav .navbar-brand {
    width: 46px;
    height: 42px;

    margin-right: 18px;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #d87900 !important;

    background: linear-gradient(
        145deg,
        #ffffff,
        #fff5df
    );

    border: 1px solid #edc77e;

    border-radius: 9px;

    box-shadow:
        inset 0 2px 3px rgba(255,255,255,0.9),
        0 4px 0 #d9a34c,
        0 6px 12px rgba(100,60,0,0.18);

    transition: all 0.2s ease;
}

.professional-nav .navbar-brand i {
    font-size: 23px;

    text-shadow:
        0 1px 1px rgba(180,100,0,0.25);
}


/* Home Hover */

.professional-nav .navbar-brand:hover {
    color: #f28c00 !important;

    transform: translateY(2px);

    box-shadow:
        inset 0 2px 3px rgba(255,255,255,0.8),
        0 2px 0 #d9a34c,
        0 4px 8px rgba(100,60,0,0.15);
}


/* ================= MENU ================= */

.professional-nav .navbar-nav {
    display: flex;

    align-items: center;

    gap: 9px;
}


/* ================= MENU BUTTON ================= */

.professional-nav .nav-link {
    display: flex;
    align-items: center;

    padding: 10px 16px !important;

    color: #704500 !important;

    font-size: 14px;
    font-weight: 600;

    white-space: nowrap;

    border-radius: 8px;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #fffaf0 45%,
        #ffeac0 100%
    );

    border: 1px solid #ebc77f;

    /* Raised 3D Effect */
    box-shadow:
        inset 0 2px 3px rgba(255,255,255,0.95),
        inset 0 -3px 5px rgba(180,110,20,0.08),
        0 4px 0 #d5a04b,
        0 6px 12px rgba(100,60,0,0.16);

    text-shadow:
        0 1px 1px rgba(255,255,255,0.8);

    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}


/* ================= ICON ================= */

.professional-nav .nav-link i {
    margin-right: 8px;

    font-size: 16px;

    color: #e58a00;

    transition: 0.2s ease;
}


/* ================= HOVER ================= */

.professional-nav .nav-link:hover {
    color: #b85f00 !important;

    background: linear-gradient(
        145deg,
        #ffffff,
        #fff6df,
        #ffdfa1
    );

    transform: translateY(-2px);

    box-shadow:
        inset 0 2px 4px rgba(255,255,255,1),
        0 6px 0 #d5a04b,
        0 9px 16px rgba(100,60,0,0.20);
}

.professional-nav .nav-link:hover i {
    color: #f28c00;

    transform: scale(1.1);
}


/* ================= ACTIVE ================= */

.professional-nav .nav-link.active {
    color: #ffffff !important;

    background: linear-gradient(
        145deg,
        #f6b84a,
        #e99a20,
        #d98200
    );

    border-color: #d68a12;

    text-shadow:
        0 1px 2px rgba(100,50,0,0.4);

    box-shadow:
        inset 0 2px 3px rgba(255,255,255,0.35),
        0 4px 0 #b86c00,
        0 6px 12px rgba(100,60,0,0.20);
}

.professional-nav .nav-link.active i {
    color: #ffffff;
}


/* ================= CLICK / PRESSED ================= */

.professional-nav .nav-link:active {
    transform: translateY(3px);

    box-shadow:
        inset 0 3px 5px rgba(120,70,0,0.18),
        0 1px 0 #d5a04b;
}


/* ================= MOBILE ================= */
/* ================= MOBILE NAVIGATION ================= */

@media (max-width: 767px) {

    .professional-nav {
        width: 100%;
        padding: 8px 10px;
    }

    /* Home button */
    .professional-nav .navbar-brand {
        width: 42px;
        height: 38px;
        margin-right: 8px;
        border-radius: 7px;
    }

    .professional-nav .navbar-brand i {
        font-size: 20px;
    }

    /* Menu container */
    .professional-nav .navbar-nav {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;

        margin-top: 8px;
        padding: 0;
    }

    /* Menu buttons */
    .professional-nav .nav-item {
        width: 100%;
        margin: 0;
    }

    .professional-nav .nav-link {
        width: 100%;

        min-height: 42px;

        padding: 9px 8px !important;

        display: flex;
        align-items: center;
        justify-content: center;

        font-size: 13px;
        font-weight: 600;

        text-align: center;

        border-radius: 7px;

        box-sizing: border-box;

        box-shadow:
            inset 0 1px 2px rgba(255,255,255,0.9),
            0 3px 0 #d5a04b,
            0 5px 9px rgba(100,60,0,0.13);
    }

    /* Icons */
    .professional-nav .nav-link i {
        font-size: 14px;
        margin-right: 6px;
        flex-shrink: 0;
    }

    /* Hover / touch */
    .professional-nav .nav-link:hover {
        transform: translateY(-1px);

        box-shadow:
            inset 0 1px 2px rgba(255,255,255,0.9),
            0 4px 0 #d5a04b,
            0 6px 10px rgba(100,60,0,0.15);
    }

    /* Active */
    .professional-nav .nav-link.active {
        box-shadow:
            inset 0 2px 3px rgba(255,255,255,0.25),
            0 3px 0 #b86c00,
            0 5px 9px rgba(100,60,0,0.16);
    }

    /* Pressed */
    .professional-nav .nav-link:active {
        transform: translateY(2px);

        box-shadow:
            inset 0 3px 4px rgba(120,70,0,0.18),
            0 1px 0 #d5a04b;
    }
}

@media (max-width: 380px) {

    .professional-nav {
        padding: 7px 8px;
    }

    .professional-nav .navbar-nav {
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .professional-nav .nav-link {
        min-height: 40px;
        padding: 8px 10px !important;
        font-size: 13px;
    }
}

.registration-form {
    background: rgba(255, 255, 255, 0.97);

    padding: 30px 35px;

    border-radius: 14px;

    border: 1px solid #efd19d;

    border-top: 5px solid #e9a13a;

    box-shadow:
        0 5px 20px rgba(120, 75, 20, 0.15),
        0 2px 5px rgba(0, 0, 0, 0.08);

    margin-bottom: 30px;
}


/* FORM GROUP */

.registration-form .form-group {
    margin-bottom: 20px;
}


/* LABEL */

.registration-form label {
    display: block;

    color: #4d351d;

    font-size: 15px;

    font-weight: 600;

    margin-bottom: 7px;
}

.registration-form label i {
    font-style: normal;
}


/* INPUT + SELECT */

.registration-form .form-control {
    height: 44px;

    border: 1px solid #d9c3a0;

    border-radius: 7px;

    background: #fffdf9;

    color: #33271c;

    font-size: 15px;

    padding: 9px 13px;

    box-shadow:
        inset 0 1px 3px rgba(100, 60, 10, 0.06);

    transition: all 0.2s ease;
}


/* INPUT FOCUS */

.registration-form .form-control:focus {
    border-color: #e5a03a;

    background: #ffffff;

    box-shadow:
        0 0 0 3px rgba(235, 165, 60, 0.18),
        0 3px 8px rgba(120, 75, 20, 0.10);

    outline: none;
}


/* PLACEHOLDER */

.registration-form .form-control::placeholder {
    color: #a39482;

    font-size: 14px;
}


/* SELECT */

.registration-form select.form-control {
    cursor: pointer;
}


/* VALIDATION */

.registration-form .valid-feedback {
    color: #27834a;

    font-size: 13px;
}

.registration-form .invalid-feedback {
    color: #c0392b;

    font-size: 13px;
}


/* LOADING / AVAILABILITY */

.registration-form #email-availability-status,
.registration-form #mobile-availability-status {
    font-size: 13px;

    font-weight: 500;
}


/* SUBMIT BUTTON */

.registration-form .btn-primary {
    min-width: 150px;

    padding: 11px 28px;

    border: none;

    border-radius: 8px;

    background: linear-gradient(
        145deg,
        #f6b84b,
        #e99a20,
        #d98200
    );

    color: #ffffff;

    font-size: 15px;

    font-weight: 600;

    letter-spacing: 0.3px;

    text-shadow:
        0 1px 2px rgba(90, 45, 0, 0.4);

    box-shadow:
        inset 0 2px 3px rgba(255,255,255,0.35),
        0 4px 0 #bd7100,
        0 7px 12px rgba(100, 60, 0, 0.18);

    transition: all 0.2s ease;
}


/* BUTTON HOVER */

.registration-form .btn-primary:hover {
    background: linear-gradient(
        145deg,
        #ffc968,
        #f0a32c,
        #dc8500
    );

    transform: translateY(-2px);

    box-shadow:
        inset 0 2px 3px rgba(255,255,255,0.4),
        0 6px 0 #bd7100,
        0 9px 16px rgba(100, 60, 0, 0.22);
}


/* BUTTON CLICK */

.registration-form .btn-primary:active {
    transform: translateY(3px);

    box-shadow:
        inset 0 3px 5px rgba(100,50,0,0.2),
        0 1px 0 #bd7100;
}


/* LOADING IMAGE */

.registration-form img {
    vertical-align: middle;
    margin-left: 5px;
}


/* MOBILE */

@media (max-width: 576px) {

    .registration-form {
        padding: 20px 18px;

        border-radius: 10px;
    }

    .registration-form .form-control {
        height: 43px;
    }

    .registration-form .btn-primary {
        width: 100%;
    }
}
/*Left Side*/
.nav-pills .nav-link.active {
    background: linear-gradient(
        135deg,
        #EBD3A5 0%,
        #DDBB7A 50%,
        #CFA35A 100%
    );

    color: #3A2B1A;
    border: 1px solid #C29A55;
    font-weight: 600;
}

.nav-pills .nav-link.active:hover {
    background: linear-gradient(
        135deg,
        #DFC18A 0%,
        #D1AA62 50%,
        #BD8E3F 100%
    );

    color: #2F2115;
}

/*Left Side*/

/* =========================================================
   EVENT HEADER
   ========================================================= */

.event-header {
    margin: 20px 0 28px;

    background: #ffffff;

    border: 1px solid #dedede;
    border-radius: 7px;

    box-shadow:
        0 3px 8px rgba(0, 0, 0, 0.07);

    overflow: hidden;
}


/* =========================================================
   BREADCRUMB
   ========================================================= */

.event-breadcrumb {
    display: flex;
    align-items: center;

    gap: 8px;

    padding: 10px 16px;

    background: #f7f7f7;

    border-bottom: 1px solid #e4e4e4;

    font-size: 13px;

    color: #666;
}

.event-breadcrumb i {
    color: #c96f16;
}

.event-breadcrumb strong {
    color: #222;
}


/* =========================================================
   EVENT INFORMATION
   ========================================================= */

.event-information {

    display: grid;

    grid-template-columns: 280px 1fr;

    column-gap: 55px;

    align-items: center;

    padding: 22px 28px;

    background: linear-gradient(
        90deg,
        #fffaf2 0%,
        #fff7eb 50%,
        #fffaf3 100%
    );
}


/* =========================================================
   EVENT ITEM
   ========================================================= */

.event-item {

    display: flex;

    align-items: flex-start;

    gap: 15px;
}


/* =========================================================
   DATE
   ========================================================= */

.event-date {
    padding-right: 25px;

    border-right: 1px solid #dfcda9;

    min-height: 55px;

    align-items: center;
}


/* =========================================================
   VENUE
   ========================================================= */

.event-venue {
    padding-left: 10px;
}


/* =========================================================
   ICON
   ========================================================= */

.event-item-icon {

    width: 42px;
    height: 42px;

    min-width: 42px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #ffffff;

    border: 1px solid #ddb36b;

    color: #c96f16;

    font-size: 17px;

    box-shadow:
        0 2px 4px rgba(0, 0, 0, 0.06);
}


/* =========================================================
   CONTENT
   ========================================================= */

.event-item-content {

    display: flex;

    flex-direction: column;

    line-height: 1.4;
}


.event-label {

    margin-bottom: 4px;

    font-size: 10px;

    font-weight: 700;

    letter-spacing: 1.2px;

    color: #a16c20;
}


.event-item-content strong {

    font-size: 15px;

    font-weight: 700;

    color: #292929;
}


.venue-subtitle {

    font-size: 13px;

    font-weight: 500;

    color: #666;

    margin-left: 3px;
}


.venue-address {

    margin-top: 5px;

    font-size: 12px;

    color: #666;

    line-height: 1.5;
}


/* =========================================================
   REGISTRATION INTRO
   ========================================================= */

.registration-intro {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;

    margin: 0 0 25px;

    padding: 14px 18px;

    background: #ffffff;

    border: 1px solid #e1e1e1;

    border-left: 4px solid #d47a20;

    border-radius: 5px;

    box-shadow:
        0 2px 5px rgba(0, 0, 0, 0.04);
}


.registration-message {

    flex: 1;

    font-size: 14px;

    color: #444;

    line-height: 1.6;
}


.registration-message i {

    margin-right: 7px;

    color: #c96f16;
}


.registration-message strong {

    color: #222;
}


/* =========================================================
   NO REGISTRATION FEE
   ========================================================= */

.fee-notice {

    display: flex;

    align-items: center;

    gap: 8px;

    padding: 7px 14px;

    background: #f3f8f4;

    border: 1px solid #c6ddca;

    border-radius: 5px;

    color: #286238;

    font-size: 12px;

    font-weight: 600;

    white-space: nowrap;
}


.fee-notice i {

    color: #2e7d32;

    font-size: 14px;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 900px) {

    .event-information {

        grid-template-columns: 1fr;

        row-gap: 22px;

    }

    .event-date {

        padding-right: 0;

        padding-bottom: 18px;

        border-right: none;

        border-bottom: 1px solid #dfcda9;

    }

    .event-venue {

        padding-left: 0;

    }

}


@media (max-width: 650px) {

    .event-information {

        padding: 18px;

    }

    .registration-intro {

        flex-direction: column;

        align-items: flex-start;

        gap: 14px;

    }

    .fee-notice {

        white-space: normal;

    }

}

.programme-details {
    margin-top: 20px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #D8BD8A;
    box-shadow: 0 3px 10px rgba(70, 50, 20, 0.08);
}

/* Programme heading */
.programme-details .programme-header {
    background: linear-gradient(
        135deg,
        #EBD3A5 0%,
        #DDBB7A 50%,
        #CFA35A 100%
    );

    color: #3A2B1A;
    border: none;
    padding: 13px 16px;

    display: flex;
    justify-content: space-between;
    align-items: center;

    font-size: 17px;
    font-weight: 700;
}

.programme-header i {
    margin-right: 8px;
}

/* Duration */
.duration-badge {
    background: rgba(255, 255, 255, 0.65);
    color: #5A401E;
    border: 1px solid #C7A365;
    padding: 5px 11px;
    border-radius: 20px;
    font-size: 13px;
    font-weight: 600;
}

/* Individual details */
.programme-details .list-group-item {
    background: #FFFDF9;
    color: #40372C;
    border-color: #E8DCC5;
    padding: 13px 16px;
    line-height: 1.6;
    font-size: 14px;
}

/* Icons */
.detail-icon {
    width: 22px;
    margin-right: 6px;
    color: #A47732;
    text-align: center;
}

/* Labels */
.programme-details strong {
    color: #594321;
}

/* Separator between date/time */
.detail-separator {
    color: #B99A62;
    margin: 0 12px;
    font-weight: 600;
}

/* Important notice */
.programme-details .notice-item {
    background: #FFF8EA;
    border-left: 4px solid #CFA35A;
}

/* Email */
.programme-details a {
    color: #8A642B;
    text-decoration: none;
}

.programme-details a:hover {
    color: #654718;
    text-decoration: underline;
}

/* Hover effect */
.programme-details .list-group-item:not(.programme-header):hover {
    background: #FCF5E9;
    transition: background 0.2s ease;
}

/* Mobile */
@media (max-width: 576px) {

    .programme-details .programme-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .duration-badge {
        font-size: 12px;
    }

    .detail-separator {
        display: none;
    }

    .programme-details .list-group-item {
        font-size: 13px;
    }
}

.steps-intro h2 {
    color: #594321;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 12px;
    padding-bottom: 10px;
    border-bottom: 2px solid #DDBB7A;
}

.steps-intro h2 i {
    color: #A47732;
    margin-right: 8px;
}

.steps-intro .normal {
    background: #FFF8EA;
    border-left: 4px solid #CFA35A;
    padding: 12px 14px;
    margin-bottom: 20px;
    color: #514536;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 0 6px 6px 0;
}

.steps-intro .normal strong {
    color: #7A5928;
}

.professional-footer {
    margin-top: 45px;
    padding: 22px 20px 20px;

    background: linear-gradient(
        180deg,
        #F2DFC0 0%,
        #E7C991 55%,
        #DDBB7A 100%
    );

    border-top: 1px solid #C29A55;

    box-shadow:
        0 -2px 0 rgba(255,255,255,0.55),
        0 -5px 12px rgba(70,50,20,0.10);

    color: #3A2B1A;
}

.footer-developed {
    margin: 0 0 7px;

    font-size: 13px;
    font-weight: 600;

    color: #76582E;
    letter-spacing: 0.2px;
}

.footer-developed i {
    margin-right: 6px;
    color: #A47732;
}

.footer-department {
    margin: 0;

    font-size: 14px;
    line-height: 1.6;

    color: #3A2B1A;
}

.footer-department strong {
    font-weight: 700;
}

.footer-department span {
    color: #594321;
    font-size: 13px;
}


/* Mobile */
@media (max-width: 576px) {

    .professional-footer {
        margin-top: 30px;
        padding: 18px 12px;
    }

    .footer-department {
        font-size: 13px;
    }

    .footer-department span {
        font-size: 12px;
    }
}

/*  list page*/


        /*
        |--------------------------------------------------------------------------
        | BODY
        |--------------------------------------------------------------------------
        */

        body {
            background: #f5f6f8;
        }


        /*
        |--------------------------------------------------------------------------
        | MAIN CONTAINER
        |--------------------------------------------------------------------------
        */

        .candidate-container {

            max-width: 1550px;

            margin: 20px auto 50px auto;

        }


        /*
        |--------------------------------------------------------------------------
        | PAGE HEADER
        |--------------------------------------------------------------------------
        */

        .page-header {

            background: #fff;

            border: 1px solid #e1e5e9;

            border-radius: 12px;

            padding: 20px 24px;

            margin-bottom: 18px;

            box-shadow:
                0 3px 10px rgba(0,0,0,.04);

        }


        .page-header h3 {

            margin: 0;

            font-size: 23px;

            font-weight: 700;

            color: #212529;

        }


        .page-header p {

            margin: 5px 0 0;

            color: #6c757d;

            font-size: 13px;

        }


        /*
        |--------------------------------------------------------------------------
        | STAT CARDS
        |--------------------------------------------------------------------------
        */

        .stat-card {

            background: #fff;

            border: 1px solid #e1e5e9;

            border-radius: 10px;

            padding: 15px 18px;

            height: 100%;

            box-shadow:
                0 2px 7px rgba(0,0,0,.04);

        }


        .stat-title {

            color: #6c757d;

            font-size: 11px;

            font-weight: 700;

            text-transform: uppercase;

            margin-bottom: 5px;

        }


        .stat-number {

            font-size: 24px;

            font-weight: 700;

            color: #212529;

        }


        /*
        |--------------------------------------------------------------------------
        | ACTION BAR
        |--------------------------------------------------------------------------
        */

        .action-bar {

            background: #fff;

            border: 1px solid #e1e5e9;

            border-radius: 10px;

            padding: 14px;

            margin: 18px 0;

            box-shadow:
                0 2px 7px rgba(0,0,0,.04);

        }


        .action-bar .form-control,
        .action-bar .form-select {

            height: 38px;

            font-size: 13px;

        }


        /*
        |--------------------------------------------------------------------------
        | TABLE WRAPPER
        |--------------------------------------------------------------------------
        */

        .candidate-table-wrapper {

            background: #fff;

            border: 1px solid #e1e5e9;

            border-radius: 12px;

            box-shadow:
                0 3px 12px rgba(0,0,0,.05);

            overflow: hidden;

        }


        /*
        |--------------------------------------------------------------------------
        | TABLE
        |--------------------------------------------------------------------------
        */

        .candidate-table {

            margin-bottom: 0;

            font-size: 13px;

        }


        .candidate-table thead th {

            background: #f7f8fa;

            color: #495057;

            font-size: 11px;

            font-weight: 700;

            text-transform: uppercase;

            letter-spacing: .3px;

            padding: 14px 12px;

            border-bottom:
                2px solid #e3e6e9;

            white-space: nowrap;

        }


        .candidate-table tbody td {

            padding: 15px 12px;

            border-color: #edf0f2;

            vertical-align: middle;

        }


        /*
        |--------------------------------------------------------------------------
        | ID
        |--------------------------------------------------------------------------
        */

        .candidate-id {

            font-size: 14px;

            color: #495057;

            white-space: nowrap;

        }


        /*
        |--------------------------------------------------------------------------
        | PROFILE
        |--------------------------------------------------------------------------
        */

        .profile-column {

            min-width: 310px;

        }


        .profile-box {

            display: flex;

            align-items: center;

            gap: 13px;

        }


        .profile-avatar {

            width: 56px;

            height: 56px;

            min-width: 56px;

            border-radius: 50%;

            display: flex;

            align-items: center;

            justify-content: center;

            background:
                linear-gradient(
                    135deg,
                    #fff0d6,
                    #f5c87a
                );

            border: 1px solid #e7ca99;

            color: #805500;

            font-size: 22px;

        }


        .profile-details {

            min-width: 0;

        }


        .candidate-name {

            color: #202124;

            font-size: 16px;

            font-weight: 700;

            line-height: 1.3;

            margin-bottom: 3px;

        }


        .candidate-designation {

            color: #6c757d;

            font-size: 12px;

            margin-bottom: 6px;

        }


        .category-badge {

            display: inline-block;

            background: #eef2f6;

            color: #495057;

            padding: 3px 8px;

            border-radius: 12px;

            font-size: 10px;

            font-weight: 600;

        }


        .profile-link {

            color: #0d6efd;

            font-size: 12px;

            text-decoration: none;

            font-weight: 600;

        }


        .profile-link:hover {

            text-decoration: underline;

        }


        /*
        |--------------------------------------------------------------------------
        | CONTACT + ACADEMIC
        |--------------------------------------------------------------------------
        */

        .contact-academic-info {

            min-width: 250px;

            color: #555;

            font-size: 12px;

        }


        .contact-academic-info
        .info-section > div {

            margin-bottom: 6px;

            line-height: 1.4;

            word-break: break-word;

        }


        .contact-academic-info i {

            width: 18px;

            color: #777;

            margin-right: 3px;

        }


        .contact-academic-info a {

            color: #0d6efd;

            text-decoration: none;

        }


        .contact-academic-info a:hover {

            text-decoration: underline;

        }


        .academic-section {

            margin-top: 10px;

            padding-top: 9px;

            border-top:
                1px solid #edf0f2;

        }


        .academic-section strong {

            color: #333;

        }


        /*
        |--------------------------------------------------------------------------
        | ORGANIZATION + CURRENT STATUS
        |--------------------------------------------------------------------------
        */

        .organization-status-info {

            min-width: 280px;

        }


        .organization-section {

            padding-bottom: 10px;

        }


        .organization-name {

            display: block;

            font-size: 13px;

            color: #333;

            line-height: 1.4;

            margin-bottom: 5px;

        }


        .organization-name i {

            width: 18px;

            color: #777;

        }


        .organization-section small {

            display: block;

            color: #777;

            line-height: 1.4;

            margin-bottom: 4px;

        }


        .organization-section small i {

            width: 18px;

            color: #888;

        }


        .address-text {

            max-width: 280px;

        }


        /*
        |--------------------------------------------------------------------------
        | CURRENT STATUS
        |--------------------------------------------------------------------------
        */

        .current-status-section {

            border-top:
                1px solid #edf0f2;

            padding-top: 9px;

            display: flex;

            align-items: center;

            gap: 8px;

            flex-wrap: wrap;

        }


        .status-label {

            font-size: 10px;

            color: #888;

            font-weight: 700;

            text-transform: uppercase;

        }


        .current-status {

            display: inline-block;

            padding: 5px 10px;

            border-radius: 15px;

            background: #eef2f6;

            color: #495057;

            font-size: 11px;

            font-weight: 700;

            white-space: nowrap;

        }


        /*
        |--------------------------------------------------------------------------
        | APPROVAL STATUS
        |--------------------------------------------------------------------------
        */

        .status-approved,
        .status-pending {

            display: inline-block;

            padding: 5px 9px;

            border-radius: 20px;

            font-size: 10px;

            font-weight: 700;

            white-space: nowrap;

        }


        .status-approved {

            background: #d1e7dd;

            color: #146c43;

        }


        .status-pending {

            background: #fff3cd;

            color: #856404;

        }


        .approval-date {

            margin-top: 5px;

            color: #777;

            font-size: 10px;

        }


        /*
        |--------------------------------------------------------------------------
        | EIC
        |--------------------------------------------------------------------------
        */

        .eic-downloaded,
        .eic-not-downloaded {

            display: inline-block;

            padding: 5px 9px;

            border-radius: 20px;

            font-size: 10px;

            font-weight: 700;

            white-space: nowrap;

        }


        .eic-downloaded {

            background: #cfe2ff;

            color: #084298;

        }


        .eic-not-downloaded {

            background: #e9ecef;

            color: #495057;

        }


        /*
        |--------------------------------------------------------------------------
        | APPROVED
        |--------------------------------------------------------------------------
        */

        .already-approved {

            color: #198754;

            font-size: 12px;

            font-weight: 700;

            white-space: nowrap;

        }


        .approved-icon {

            font-size: 18px;

        }


        /*
        |--------------------------------------------------------------------------
        | CHECKBOX
        |--------------------------------------------------------------------------
        */

        .candidate-checkbox {

            width: 17px;

            height: 17px;

            cursor: pointer;

        }


        /*
        |--------------------------------------------------------------------------
        | ACTION BUTTON
        |--------------------------------------------------------------------------
        */

        .single-approve {

            min-width: 82px;

        }


        /*
        |--------------------------------------------------------------------------
        | PAGINATION
        |--------------------------------------------------------------------------
        */

        .pagination-wrapper {

            background: #fff;

            border: 1px solid #e1e5e9;

            border-radius: 10px;

            padding: 14px;

            margin-top: 18px;

        }


        .pagination {

            margin-bottom: 0;

        }


        .page-info {

            font-size: 12px;

            color: #6c757d;

        }


        /*
        |--------------------------------------------------------------------------
        | NO RESULTS
        |--------------------------------------------------------------------------
        */

        #noResults {

            display: none;

            margin-top: 18px;

        }


        /*
        |--------------------------------------------------------------------------
        | APPROVAL MESSAGE
        |--------------------------------------------------------------------------
        */

        #approvalMessage {

            position: fixed;

            right: 20px;

            top: 80px;

            z-index: 9999;

            min-width: 300px;

            display: none;

        }


        /*
        |--------------------------------------------------------------------------
        | RESPONSIVE
        |--------------------------------------------------------------------------
        */

        @media (max-width: 992px) {

            .candidate-table {

                min-width: 1450px;

            }

            .candidate-table-wrapper {

                overflow-x: auto;

            }

        }


        @media (max-width: 767px) {

            .candidate-container {

                margin: 10px;

            }


            .action-bar .btn {

                margin-bottom: 5px;

            }


            .page-header h3 {

                font-size: 20px;

            }

        }