.table td,
.table th {
    padding: .75rem;
    font-size: 13px !important;
    vertical-align: top;
    border-top: 1px solid #dee2e6
}
.heading-title h3 {
    font-size: 22px;
}

.enter-btn {
    text-align: center;
}
.desg {
    font-size: 13px;
    margin-left: 19px;
}
.desg span{
color: red;
}
.contingency {
    font-size: 20px;
}
.notification{
    color: #0000EF;
    text-decoration: none;
    }
    .notification p {
        text-align: center;
    }
    .notification ul li {
        text-align: center;
        list-style: none;
    }
    .ddo_wise {
        font-size: 20px !important;
        color: burlywood;
    }
    .search_tips {
        color: #800504 !important;
        text-decoration: underline !important;

    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 22px;
    }
    .nav_heading h6 {
        font-size: 16px;
        font-weight: 500;
    }
    .emp_details{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
    .emp_name {
        font-size: 18px;
        font-weight: 400; 
    }
        .name_info{
            font-size: 18px;
            font-weight: 500;
            margin-left: 20px;
        }
        .mandatory span {
            color: red;
            font-weight: 400;
        }
        .mand-star{
            color: red;
        }
        /* .font_size {
            font-size: 15px !important;
        } */
        .sidebar .nav-link>p>.right {
            position: absolute;
            right: 0.5rem !important;
            top: .7rem;
        }
        .nav-sidebar .nav-link p {
            display: inline;
            margin: 0;
            white-space: normal;
            font-size: 12px !important;
           word-wrap: inherit !important;
        }
        [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:focus, [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link.active:hover {
          
            word-wrap: break-word;
        }
        /* .brand-link {
          height: 75px;
        }
        .brand-link .brand-image {
            max-height: 60px;
           
        } */
         .btn_enter{
            background-color: #5c5166;
            color: #ffffff;
         }
         .btn_enter:hover{
            background-color: #33273f;
            color: #fff;
         }
         .nav_color{
            color: #000 !important;
         }
         .nav_color:hover{
            color: #ffffff !important;
         }
         .nav-item:hover {
            background-color: #5c5166 !important;
            border-radius: 10px;
            /* color: #000 !important; */
        }
        [class*=sidebar-dark-] .nav-treeview>.nav-item>.nav-link:hover {
            background-color: rgba(255, 255, 255, .1);
            color: #000 !important;
        }
        [class*=sidebar-dark-] .nav-sidebar>.nav-item.menu-open>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item:hover>.nav-link, [class*=sidebar-dark-] .nav-sidebar>.nav-item>.nav-link:focus {
            background-color: rgba(255, 255, 255, .1);
            color: #ffffff !important;
        }
        .nav-pills .nav-link:hover {
            background: #493d55;
            border-radius: 10px;
        }
        .sub_heading{
            font-size: 14px;
            font-weight: 600;
            padding: 10px 0;
        }
       .mumbai-title h2 {
        font-size: 22px;
        color: #0056b3; 
    padding-bottom: 10px;
    margin-top: 20px;
    }
    .content{
        padding: 10px !important;
    }
    .footer_end{
        background-color: #fff;
    border-top: 1px solid #dee2e6;
    color: #869099;
    padding: 1rem
    }
    .btn-voucher {
        background: #36C2CE;
        color: #ffffff;
    }
    .btn-voucher:hover {
        background: #19676e;
        color: #ffffff;
    }
    .name_desg{
        font-weight: 500 !important;
        font-size: 15px !important;
    }
    /* .login_bg::before {
        background-image: url(../img/front/mumbai_bg.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        height: auto;

    } */
    .innerpage_section {
        position: relative; /* Ensure the parent has a position context */
        height: auto; /* Adjust the height of the parent container as needed */
    }
    
    /* .innerpage_section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url('../img/front/CAG_bg2.png');
        background-repeat: no-repeat;
        background-size: cover;
        z-index: -1; /* Ensure it's behind other content */
    /*} */
    
    .a_p{
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
   .enter_char{
    font-size: 13px;
   }
  
 /* Responsive  */
   @media screen and (min-width:320px) and (max-width:575px){
    .ddo-wise h6{
        font-size: 12px !important;
        font-weight: 600;
    }
    .logo_img {
        width: 50% !important;
        height: auto;
    }
    .div-img {
        width: 70% !important;
        margin: 0px auto;
        text-align: center !important;
    }
    .clear_all{
        margin-top: 10px;
    }
    .d-flex {
        flex-direction: column !important;
    }

    .mx-3 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }

    .form-control {
        width: 100%;
    }

    .mb-2 {
        margin-bottom: 0.5rem;
    }
    .emp_name {
        font-size: 14px;
        font-weight: 400;
    }
    .name_info {
        font-size: 18px;
        font-weight: 500;
        margin-left: 0px;
    }
    .correct p {
        font-size: 12px;
    }
    .alert-primary p {
        font-size: 12px;
        text-align: center;
    }
    .a_p {
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .img_emb{
        display: none;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 14px;
    }
    .nav_heading h6 {
        font-size: 12px;
        font-weight: 500;
    }
    .mumbai-title h2 {
        font-size: 15px;
        color: #0056b3;
        padding-bottom: 10px;
        margin-top: 0px;
    }
    .w_100{
        width: 100% !important;
    }
}

   
   @media screen and (min-width:576px) and (max-width:767px){
    .ddo-wise h6{
        font-size: 12px !important;
        font-weight: 600;
    }
    .logo_img {
        width: 50% !important;
        height: auto;
    }
    .div-img {
        width: 50% !important;
        margin: 0px auto;
        text-align: center !important;
    }
    .clear_all{
        margin-top: 10px;
    }
    .d-flex {
        flex-direction: column !important;
    }

    .mx-3 {
        margin-left: 0.75rem;
        margin-right: 0.75rem;
    }

    .form-control {
        width: 100%;
    }

    .mb-2 {
        margin-bottom: 0.5rem;
    }
    .emp_name {
        font-size: 14px;
        font-weight: 400;
    }
    .name_info {
        font-size: 18px;
        font-weight: 500;
        margin-left: 0px;
    }
    .correct p {
        font-size: 12px;
    }
    .alert-primary p {
        font-size: 13px;
        text-align: center;
    }
    .img_emb{
        display: none;
    }
    .nav_heading h6 {
        font-size: 13px;
        font-weight: 500;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 14px;
    }
    .mumbai-title h2 {
        font-size: 17px;
        color: #0056b3;
        padding-bottom: 10px;
        margin-top: 0px;
    }
    .w_100{
        width: 100% !important;
    }
   }
   @media screen and (min-width:768px) and (max-width:990px){
    .date_birth {
        margin-left: 10px;
    }
    .emp_name {
        font-size: 16px;
        font-weight: 400;
    }
    .name_info {
        font-size: 18px;
        font-weight: 500;
        margin-left: 20px;
    }
    .correct p {
        font-size: 15px;
    }
    .alert-primary p {
        font-size: 14px;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 18px;
    }
    .nav_heading h6 {
        font-size: 16px;
        font-weight: 500;
    }
    .mumbai-title h2 {
        font-size: 20px;
        margin-top: 5px;
    }
   }
   @media screen and (min-width:991px) and (max-width:1023px){
   
    .desg{
        font-size: 14px;
    }
    .date_birth {
        margin-left: 10px;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 19px;
    }
    .nav_heading h6 {
        font-size: 15px;
        font-weight: 500;
    }
   }
   @media screen and (min-width:1024px) and (max-width:1199px){
   
    .desg{
        font-size: 10px;
    }
    .date_birth {
        margin-left: 10px;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 18px;
    }
    .nav_heading h6 {
        font-size: 16px;
        font-weight: 500;
    }
   }
   @media screen and (min-width:1200px) and (max-width:1399px){
   
    .desg{
        font-size: 12px;
    }
    .date_birth {
        margin-left: 10px;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 22px;
    }
    .nav_heading h6 {
        font-size: 18px;
        font-weight: 500;
    }
    .mumbai-title h2 {
        font-size: 20px;
        color: #0056b3;
        padding-bottom: 10px;
        margin-top: 0px;
    }
   }
   @media screen and (min-width:1400px) and (max-width:1599px){
   
    .desg{
        font-size: 12px;
    }
    .date_birth {
        margin-left: 10px;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 22px;
    }
    .nav_heading h6 {
        font-size: 18px;
        font-weight: 500;
    }
   }
   @media screen and (min-width:1600px) and (max-width:1919px){
   
    .desg{
        font-size: 17px;
    }
    .date_birth {
        margin-left: 10px;
    }
    .alert-primary p {
        font-size: 18px;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 22px;
    }
    .nav_heading h6 {
        font-size: 20px;
        font-weight: 500;
    }
   }
   @media screen and (min-width:1920px) and (max-width:2300px){
  
    .desg{
        font-size: 17px;
    }
    .ddo-wise h6{
        font-size: 23px !important;
    }
    .emp_name {
        font-size: 22px;
        font-weight: 400;
    }
    .name_info {
        font-size: 22px;
        font-weight: 500;
        margin-left: 20px;
    }
    .date_birth {
        margin-left: 10px;
    }
    .correct p {
        font-size: 20px;
    }
    .alert-primary p {
        font-size: 20px;
    }
    .a_p{
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 25px;
    }
    .nav_heading h6 {
        font-size: 20px;
        font-weight: 500;
    }

   }
   @media screen and (min-width:2301px) and (max-width:2560px){
    .desg{
        font-size: 20px;
    }
    .ddo-wise h6{
        font-size: 23px !important;
    }
    .date_birth {
        margin-left: 10px;
    }
    .emp_name {
        font-size: 25px;
        font-weight: 400;
    }
    .name_info {
        font-size: 25px;
        font-weight: 500;
        margin-left: 20px;
    }
    .correct p {
        font-size: 22px;
    }
    .alert-primary p {
        font-size: 24px;
    }
    .nav_heading h3 {
        color: #415688;
        font-weight: 600;
        font-size: 27px;
    }
    .nav_heading h6 {
        font-size: 23px;
        font-weight: 500;
    }
    .mumbai-title h2 {
        font-size: 25px;
    }

   }
   html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

.container {
    flex: 1;
}

.footer-bottom {
    background-color: #f1f1f1; /* You can change this to your preferred color */
    text-align: center;
    padding: 10px 0;
    width: 100%;
}

.footer-bottom p {
    margin: 0;
    font-size: 14px;
    color: #333; /* Adjust the color as needed */
}

.footer-bottom {
    position: relative;
    bottom: 0;
    width: 100%;
}

   @media screen and (min-width:2560px){}