@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css");
@import url("https://cdn.jsdelivr.net/npm/remixicon@3.0.0/fonts/remixicon.css");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');");
body{ background:#f3f3f9; font-family: "Poppins", sans-serif!important; color:#000!important; font-size:14px; }
.iffi-page-wrapper .iffi-page-content {
   
    position: relative;
    z-index: 2;
    width: 100%;
}

.iffi-one-bg-position {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 380px;
}

@media (max-width: 575.98px) {
    .iffi-one-bg-position {
        height: 280px;
    }
}

.iffi-one-bg {
    
    background-image: url('../../../img/bg.jpg');
    background-position: center;
    background-size: cover;
}


.iffi-one-bg .shape {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}



 input[type="text"] + .btn .ri-eye-fill::before {
    content: "\ecb6";
}

.bg-overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    top: 0;
    
    background: linear-gradient(44.43deg, #3e4eb0 -20.27%, #164e47 105%);
    opacity: .9;

}
.iffi-one-bg-position {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 380px;
}
 .shape {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
}
.particles-js-canvas-el {
    position: relative;
}
.iffi-bg-cover > .bg-overlay {
    background-image: url("../images/cover-pattern.png");
    background-position: center;
    background-size: cover;
    opacity: 1;
    background-color: transparent;
}
.iffi-one-bg .shape>svg {
    width: 100%;
    height: auto;
    fill: #f3f3f9;
}

.common-btn {
    background: linear-gradient(44.43deg, #3e4eb0 -20.27%, #164e47 105%);
    padding: 8px 24px !important;
    border-radius: 0.375rem !important;
    font-size: 16px !important;
    color: white !important;
}
.common-btn:hover {
    background: linear-gradient(44.43deg, #164e47 -20.27%, #3e4eb0 105%);
}

.footer{ padding-bottom:15px; }
.text-primary{ color:##3e4eb0!important; text-decoration:none; }

.sidebar-background{ background: linear-gradient(44.43deg, #3e4eb0 -20.27%, #164e47 105%)!important; opacity: inherit!important;}
.menu-dropdown{ background: linear-gradient(44.43deg, #3e4eb0 -20.27%, #164e47 105%)!important; opacity: inherit!important;}
 .menu-link:hover{ background: linear-gradient(44.43deg, #3e4eb0 -20.27%, #164e47 105%)!important; opacity: inherit!important;}
 .bg-logo{ background:transparent!important; padding-bottom:15px;padding-top: 15px;}
  .border-none {border-radius:0}
 .border-none li{ border-left:inherit ; border-right:inherit ; border-top:inherit; }
  .border-none li:last-child{ border-bottom:inherit; }
  .topbar-user{ background: linear-gradient(44.43deg, #3e4eb0 -20.27%, #164e47 105%)!important; opacity: inherit!important; color: #fff}
   .topbar-user .user-name-text{ color:#ffdc1c!important }
      .topbar-user .user-name-text{ color:#ffdc1c!important }
      .topbar-user .user-name-sub-text{ color:#fff!important }
.profile-wid-bg::before { background: linear-gradient(rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6))!important; }
      .mx-n4 {
    margin-right: -1.5rem !important;
    margin-left: -1.5rem !important;
}
.mt-n4 {
    margin-top: -1.5rem !important;
}
.card-body .btn-soft-secondary{ margin-top:-5px!important }
.btn-soft-secondary {
    color: #3577f1;
    background-color: rgba(53, 119, 241, .1);
    border-color: transparent;
}
.card { position:relative!important; }
.card-body table{ margin-bottom:0px; font-size:14px }
.action-btn {   }
.action-btn .dropdown{ position:absolute!important; }
.pagination a{ font-size:14px }
.pagination .active .page-link{background: linear-gradient(44.43deg, #3e4eb0 -20.27%, #164e47 105%)!important;}
.project-title{display: flex;align-items: center;justify-content: space-between;}
.filter-project label{ color:#fff }
.form-control{ font-size:14px  }
.form-select{ font-size:14px  }
.bg-primary{background: linear-gradient(44.43deg, #3e4eb0 -20.27%, #164e47 105%)!important; color: #fff}
@media screen and (min-width:320px) and (max-width:767px) {
   .action-btn { position:relative;  }
}
.navbar-menu .navbar-nav .nav-link{ color:#fff!important}
#data_list td{ padding:6px;}
#data_list .upcoming td {
    background-color: #fff3cf!important;
}

#data_list .shortlisted td {
    background-color: #cff4fc !important;
}
.shortnum {
    background-color: #cff4fc !important;
    color: #000 !important
}
.upcomingnum {
    background-color: #fff3cf !important;
    color:#000!important
}