/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 16-Feb-2026, 9:21:45 am
    Author     : akashkolte
*/


    #linkForPensionOnHigherWages{
        font-size: 90%;
        /*font-weight: bold;*/
        color: white;
        /*transition: 0.0001s;*/
        background-color: red;
        text-align: center;
        /*animation: animate 1.5s linear infinite;*/

    }

    @keyframes animate {
        0% {
            opacity: 0;
        }

        50% {
            opacity: 0.7;
        }

        100% {
            opacity: 0;
        }
    }

    .blink {
        animation: blink 1s steps(1, end) infinite;
    }
    @keyframes blink {
        0% {
            opacity: 1;
        }
        50% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }


    .card-shadow {
        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
        border-radius: 0.75rem;
    }

    .section-header {
        background: #098585;
        color: #fff;
        padding: 0.75rem 1rem;
        border-radius: 0.75rem 0.75rem 0 0;
    }

    .section-header i {
        margin-right: 0.5rem;
    }

    .notice-item {
        font-weight: 600;
        margin-bottom: 0.75rem;
    }

    .notice-item i {
        color: #fd7e14;
    }

    .notice-scroll {
        overflow: hidden;
        white-space: nowrap;
    }

    .notice-scroll span {
        display: inline-block;
        animation: scrollText 35s linear infinite;
        font-weight: 700;
    }

    @keyframes scrollText {
        0% {
            transform: translateX(100%);
        }
        100% {
            transform: translateX(-100%);
        }
    }

/*    .login-avatar {
        width: 90px;
        height: 90px;
        border: 4px solid #098585;
        border-radius: 50%;
        margin: -45px auto 10px;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        
        
        
    }*/
    .login-avatar {
  width: 80px;
  height: 80px;
  margin: 0 auto 0px;
  border: 4px solid #098585;
  border-radius: 50%;
  background: url("data:image/png;base64,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") no-repeat center;
  background-size: 50px 50px;
  border: 2px solid #dee2e6;
}


    .important-links li {
        margin-bottom: 0.5rem;
    }

    .important-links i {
        color: #fd7e14;
    }

    
    
            .epfo-services {
                padding: 2rem 0;
/*                margin-left: 20%;
                margin-right: 20%;*/
            }
            
            .epfo-services .section-header {
                display: flex;
                justify-content: space-between;
                align-items: center;
                margin-bottom: 2rem;
                flex-wrap: wrap;
            }

            .epfo-services .section-title {
                font-size: 1.8rem;
                font-weight: 700;
                color: #264287;
            }

            .epfo-services .section-title span {
                color: #DD6B00;
            }

            .epfo-services .sub-heading p {
                margin: 0;
                color: #555;
                font-size: 0.95rem;
            }

            .search-box {
                display: flex;
                gap: 0.5rem;
            }

            .search-box input {
                border: 1px solid #ccc;
                padding: 0.5rem 0.75rem;
                border-radius: 6px;
                min-width: 280px;
            }

            .search-btn {
                background: #264287;
                border: none;
                color: #fff;
                padding: 0.5rem 1rem;
                border-radius: 6px;
            }

            /* Grid layout */
            .service-grid {
                display: grid;
                grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
                gap: 1.25rem;
            }

            /* Service cards */
            .service-card {
                background: #fff;
                border-radius: 14px;
                padding: 1.25rem;
                box-shadow: 0 6px 18px rgba(0,0,0,0.08);
                transition: all 0.3s ease;
            }

            .service-card:hover {
                transform: translateY(-6px);
                box-shadow: 0 12px 28px rgba(0,0,0,0.15);
            }

            .service-card .icon {
                width: 52px;
                height: 52px;
                display: flex;
                align-items: center;
                justify-content: center;
                border-radius: 10px;
                margin-bottom: 0.75rem;
                font-size: 1.5rem;
                color: #fff;
            }

            .service-card h3 {
                font-size: 1.1rem;
                font-weight: 700;
                margin-bottom: 0.4rem;
            }

            .service-card p {
                font-size: 0.85rem;
                color: #666;
                margin-bottom: 0.75rem;
            }

            .service-card .cta {
                font-weight: 600;
                font-size: 0.85rem;
                text-decoration: none;
                display: inline-flex;
                align-items: center;
                gap: 6px;
            }

            /* Color themes */
            .service-card.orange .icon {
                background:#DD6B00;
            }
            .service-card.teal .icon   {
                background:#008484;
            }
            .service-card.blue .icon   {
                background:#0066CC;
            }
            .service-card.green .icon  {
                background:#008000;
            }
            .service-card.purple .icon {
                background:#800080;
            }

            /* CTA colors */
            .service-card.orange .cta {
                color:#DD6B00;
            }
            .service-card.teal .cta   {
                color:#008484;
            }
            .service-card.blue .cta   {
                color:#0066CC;
            }
            .service-card.green .cta  {
                color:#008000;
            }
            .service-card.purple .cta {
                color:#800080;
            }

            /* View all */
            .view-all {
                text-align: center;
                margin-top: 2rem;
            }

            .view-all-btn {
                background: #264287;
                color: #fff;
                padding: 0.6rem 1.5rem;
                border-radius: 30px;
                font-weight: 600;
                text-decoration: none;
            }

            .view-all-btn:hover {
                background: #1b2f66;
            }

        /* Extra small devices: phones (<576px) */
        @media (max-width: 575.98px) {
            .epfo-services {
                padding: 1rem;
            }

            .epfo-services .section-title {
                font-size: 1.4rem;
                text-align: center;
                margin-bottom: 1rem;
            }

            .epfo-services .sub-heading p {
                font-size: 0.85rem;
                text-align: center;
            }

            .search-box {
                flex-direction: column;
                gap: 0.5rem;
                align-items: stretch;
            }

            .search-box input {
                min-width: 100%;
            }

            .service-grid {
                grid-template-columns: 1fr;
                gap: 1rem;
            }

            .service-card h3 {
                font-size: 1rem;
            }

            .service-card p {
                font-size: 0.8rem;
            }

            .view-all-btn {
                width: 100%;
                text-align: center;
            }
        }

        /* Small devices: phones landscape / small tablets (576px - 767px) */
        @media (min-width: 576px) and (max-width: 767.98px) {
            .service-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1rem;
            }

            .epfo-services .section-title {
                font-size: 1.5rem;
            }

            .search-box {
                flex-direction: column;
                gap: 0.5rem;
            }
        }

        /* Medium devices: tablets (768px - 991px) */
        @media (min-width: 768px) and (max-width: 991.98px) {
            .service-grid {
                grid-template-columns: repeat(2, 1fr);
                gap: 1.25rem;
            }

            .epfo-services .section-title {
                font-size: 1.6rem;
            }
        }

        /* Large devices: desktops (992px - 1199px) */
        @media (min-width: 992px) and (max-width: 1199.98px) {
            .service-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        /* Extra large devices: large desktops (1200px+) */
        @media (min-width: 1200px) {
            .service-grid {
                grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
            }
        }
        
        
        
.password-wrapper {
  position: relative;
}

.toggle-password {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #555;
}
/* Inputs */
.form-control {
    height: auto;
    border-radius: 0.375rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    box-shadow: none;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
}

/* Labels */
label,
.form-label {
    font-weight: 600;
    margin-bottom: .5rem;
    color: #212529;
    font-size: 1rem;
}
.btn-success {
    color: #fff;
    background-color: #098585;
    border-color: #198754;
    border-radius: 0.375rem;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.btn-success:hover {
    background-color: #157347;
    border-color: #146c43;
}

.btn-success:active,
.btn-success:focus {
    background-color: #146c43;
    border-color: #13653f;
    box-shadow: 0 0 0 .25rem rgba(25,135,84,.5);
}

/* Make Reset and Sign In look identical */
.btn-logging {
    min-width: 90px;
    height: 40px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 0.375rem;
    font-family: inherit;   /* important */
}
span.mandatory {
    color: red;
    font-weight: bold;
}


  .helpline {
        font-weight: bold;
    }
    .modal-xl-custom {
        max-width: 1000px; /* You can increase this further if needed */
    }
    #dUanAllotModal .modal-content {
        border-radius: 15px;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        border: none;
    }

    #dUantitle{
        font-size: 20px;
    }

    #dUanAllotModal .modal-header {
        color: white;
        border-top-left-radius: 15px;
        border-top-right-radius: 15px;
        padding: 1rem 1.5rem;
    }

    #dUanAllotModal .modal-title {
        font-weight: 600;
        font-size: 1.25rem;
    }

    #dUanAllotModal .modal-body {
        padding: 1.5rem;
        font-size: 1rem;
        color: #333;
    }

    #dUanAllotModal .modal-footer {
        justify-content: center;
        border-top: none;
        padding: 1rem 1.5rem;
    }
    
    #errorBox{     
        padding-left: 20px;
        padding-right: 0px; 
        margin-left: 0px;
    }
    #rowDiv{
        padding:5px;
        padding-bottom: 5%; 
    }
    
    #loginLabel{
        text-align: left;  
        margin-left: 2%;      
    }

    /* Match font size and weight of login labels to the notice text (.notice-item) */
    #loginBoxId label {
        font-size: inherit;
        font-weight: 600;
    }
    #forgerPass{
         color:#2874f0; 
        font-weight:500;
        float:left;
        margin-top: 1%;
    }

/* =====================================================
   FONT STANDARDIZATION
   All text on the login page uses the same font family
   ===================================================== */
body,
input,
button,
select,
textarea,
label,
.form-label,
.form-control,
.btn,
.btn-logging,
h1, h2, h3, h4, h5, h6,
.notice-item,
.qc-title,
.qc-desc,
.section-header,
.modal-title,
.modal-body,
.alert,
a,
p,
span,
li {
    font-family: "Proxima Nova Regular", "Segoe UI", Roboto, "Droid Sans", "Helvetica Neue", Arial, sans-serif;
}