/*tabs title*/
 .dash-tab-pills .dash-tab-link {
   background-color: rgba(255, 255, 255, 0.15);
   color: #ffffff;
   margin-right: 0.5rem;
   border-radius: 50px;
   padding: 0.4rem 1rem;
   font-weight: 500;
   transition: all 0.3s ease;
   border: 1px solid transparent;
 }

 .dash-tab-pills .dash-tab-link:hover {
   background-color: rgba(255, 255, 255, 0.3);
   color: #fff;
 }

 .dash-tab-pills .dash-tab-link.active {
   background-color: #ffffff;
   color: #2f2c7b;
   font-weight: 600;
   border-color: #ffffff;
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
 }

 @media (max-width: 576px) {
   .dash-tab-pills .dash-tab-link {
     padding: 0.3rem 0.75rem;
     font-size: 0.9rem;
     margin-bottom: 0.4rem;
   }
 }


 /*tabs title*/

 

 .icon-wrapper {
   width: 50px;
   height: 50px;
   border-radius: 50%;
   font-size: 1.3rem;
   display: flex;
   align-items: center;
   justify-content: center;
   border: 4px solid #f1f1f1;
 }

 .bg-purple {
   background-color: #8b5cf6;
 }

 .bg-teal {
   background-color: #14b8a6;
 }

 .stat-card {
   background: #fff;
   transition: all 0.3s ease;
   position: relative;
   overflow: hidden;
 }

 .stat-card:hover {
   transform: translateY(-2px);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.06);
   background-color: rgba(187, 220, 238, 0.956);
 }

 .stat-card::after {
   content: '';
   position: absolute;
   background: url('../images/raigad_police_logo.png') no-repeat center;
   opacity: 0.095;
   top: 0;
   margin-top: -30px;
   left: 0;
   margin-left: -75px;
   width: 150px;
   height: 150px;
   background-size: contain;
   z-index: 0;
 }

 .portal-tabs .card>* {
   position: relative;
   z-index: 1;
 }




 .prcr-card .prcr-list-group-item {
   padding: 0.75rem 1rem;
   border: none;
   border-bottom: 1px solid #f1f1f1;
   background-color: transparent;
   font-size: 0.95rem;
   font-size: 0.95rem;
   transition: background 0.2s ease;
 }

 .prcr-card .prcr-list-group-item:last-child {
   border-bottom: none;
 }

 .prcr-card .prcr-list-group-item:hover {
   background-color: #f9f9f9;
 }

 .prcr-card .prcr-badge {
   display: inline-block;
   border-radius: 50%;
   width: 10px;
   height: 10px;
 }

 .prcr-card .prcr-value {
   font-size: 1rem;
   font-weight: 600;
 }

 .prcr-card .prcr-trend-up,
 .prcr-card .prcr-trend-down {
   font-size: 0.75rem;
   font-weight: 500;
   vertical-align: middle;
 }

 .prcr-card .prcr-view-link {
   font-size: 0.875rem;
   font-weight: 500;
 }

 .prcr-card .prcr-view-link:hover {
   text-decoration: underline;
 }

 /* Unique prefix: ekamitra- */
 .ekamitra-card {
   border-radius: 1rem;
   box-shadow: 0 0 12px rgba(0, 0, 0, 0.06);
   transition: transform 0.2s ease;
 }

 .ekamitra-card:hover {
   transform: translateY(-4px);
 }

 .ekamitra-card h6 {
   font-size: 0.9rem;
   color: #6b7280;
 }

 .ekamitra-card .stat-value {
   font-size: 1.8rem;
   font-weight: 600;
 }

 .ekamitra-section-title {
   font-weight: 600;
   margin: 1rem 0 0.5rem;
   font-size: 1.2rem;
 }

 .ekamitra-list-group .list-group-item {
   font-size: 0.95rem;
   padding: 0.5rem 1rem;
   display: flex;
   justify-content: space-between;
   border: none;
   border-bottom: 1px solid #f1f1f1;
 }

 .ekamitra-list-group .list-group-item:last-child {
   border-bottom: none;
 }

 .ekamitra-highlight {
   font-weight: 600;
   color: #2563eb;
 }

 .pendingapps-card {
   background: #fff;
   border-radius: 1rem;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
   padding: 2rem;
   margin-bottom: 2rem;
 }

 .pendingapps-table th {
   background-color: #f3f4f6;
   color: #374151;
 }

 .pendingapps-chart-wrapper {
   max-width: 300px;
   margin: auto;
 }

 .pendingapps-table td,
 .pendingapps-table th {
   vertical-align: middle;
 }

 .pendingapps-heading {
   font-size: 1.25rem;
   font-weight: 600;
   margin-bottom: 1.5rem;
 }

 .pendingapps-total {
   font-weight: 700;
   color: #1d4ed8;
 }


 .apptable-card {
   border-radius: 1rem;
   background: #fff;
   box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
   padding: 1.5rem;
 }

 .apptable-row {
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding: 1rem 0;
   border-bottom: 1px solid #f1f1f1;
 }

 .apptable-left {
   display: flex;
   align-items: center;
   gap: 1rem;
 }

 .apptable-avatar {
   background: linear-gradient(135deg, #7c3aed, #3b82f6);
   color: white;
   font-weight: bold;
   font-size: 1.2rem;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
 }

 .apptable-meta {
   line-height: 1.2;
 }

 .apptable-meta h6 {
   margin: 0;
   font-weight: 600;
   font-size: 1rem;
 }

 .apptable-badge {
   font-size: 0.75rem;
   font-weight: 500;
   padding: 0.2rem 0.6rem;
   border-radius: 999px;
   display: inline-block;
 }

 .apptable-badge.excellent {
   background-color: #dcfce7;
   color: #16a34a;
 }

 .apptable-badge.critical {
   background-color: #fee2e2;
   color: #dc2626;
 }

 .apptable-badge.warning {
   background-color: #fef3c7;
   color: #d97706;
 }

 .apptable-stats {
   display: flex;
   align-items: center;
   gap: 1.5rem;
 }

 .apptable-stats .stat {
   text-align: center;
 }

 .apptable-stats .stat span {
   display: block;
   font-weight: bold;
   font-size: 1.1rem;
 }

 .apptable-footer {
   padding-top: 1rem;
   font-weight: 600;
   font-size: 0.95rem;
 }


 .nirgmcard-box {
   border-radius: 1rem;
   background: #fff;
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
   padding: 1.5rem;
   margin-bottom: 1rem;
 }

 .nirgmcard-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }

 .nirgmcard-avatar {
   background: linear-gradient(135deg, #d946ef, #9333ea);
   width: 48px;
   height: 48px;
   border-radius: 50%;
   font-size: 1.3rem;
   color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
   font-weight: bold;
   margin-right: 1rem;
 }

 .nirgmcard-title {
   font-weight: 600;
   font-size: 1.15rem;
   margin-bottom: 0;
 }

 .nirgmcard-sub {
   font-size: 0.85rem;
   color: #6b7280;
 }

 .nirgmcard-stats {
   margin-top: 1.5rem;
   display: flex;
   gap: 1rem;
   justify-content: space-between;
   text-align: center;
 }

 .nirgmcard-stats .card {
   flex: 1;
   border: none;
   border-radius: 0.75rem;
   background-color: #f9fafb;
   padding: 1rem 0.5rem;
 }

 .nirgmcard-stats strong {
   font-size: 1.3rem;
   display: block;
 }

 .nirgmcard-progress {
   height: 6px;
   border-radius: 4px;
   background-color: #e5e7eb;
   overflow: hidden;
   margin-top: 0.25rem;
 }

 .nirgmcard-progress-fill {
   height: 100%;
   background-color: #10b981;
 }

 .nirgmcard-meta {
   font-size: 0.75rem;
   color: #6b7280;
   margin-left: 12px;
 }

 .nirgmcard-badge {
   background-color: #e0edff;
   color: #2563eb;
   font-size: 0.75rem;
   padding: 0.25rem 0.6rem;
   border-radius: 9999px;
 }

 .portal-tabs .table-responsive {
   border-radius: 15px;
   border: 1px solid #ededed;
 }

  .portal-tabs.table {
   border-radius: 15px !important;

 }

  .portal-tabs .table tr th:first-child,
  .portal-tabs .table tr td:first-child {
   text-align: left;

 }

  .portal-tabs .table tr td {
   padding: 5px 10px;
 }

  .portal-tabs .apptable-card h5 {
   font-weight: 600;
 }

  .portal-tabs h3{
    font-weight: 600; margin-bottom: 0px;
  }
  
  .portal-tabs .datepicker.dropdown-menu {
    font-size: 14px;
    border-radius: 8px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
    padding: 10px;
	width:250px;
	height:250px;
  }

  .dur-form .datepicker table {
    width: 240px!important;
    text-align: center;
  }

  .dur-form .datepicker-months .month,
  .dur-form .datepicker-years .year {
    padding: 10px;
    border-radius: 6px;
    transition: all 0.2s;
  }

  .dur-form .datepicker-months .month:hover,
  .dur-form .datepicker-years .year:hover {
    background-color: #007bff;
    color: white;
    cursor: pointer;
  }

  .dur-form .datepicker .datepicker-switch {
    font-weight: bold;
    font-size: 16px;
  }

  .dur-form .datepicker .prev,
  .dur-form .datepicker .next {
    font-size: 16px;
    color: #007bff;
  }

  .dur-form .datepicker .clear,
  .dur-form .datepicker .today {
    font-size: 13px;
    color: #dc3545;
    margin-top: 10px;
    cursor: pointer;
  }
  
  .duration-card {
  background: #f1f4f9;
  border-radius: 20px;
  max-width: 100%;
  margin-top: 30px;
  transition: all 0.3s ease;
  
}

.fancy-input {
  border-radius: 10px;
  border: 1px solid #ced4da;
  transition: border-color 0.3s, box-shadow 0.3s;
}

.fancy-input:focus {
  border-color: #6366f1;
  box-shadow: 0 0 0 0.2rem rgba(99, 102, 241, 0.25);
}
 .filter-form{
	 padding:6px 15px;
	 border-radius:10px;
 }

.btn-gradient:hover {
  background: linear-gradient(45deg, #4338ca, #4f46e5);
  color: #fff;
}

/* Wrapper title styling */
.dashboard-banner{background: linear-gradient(#dee9f4, #b9cada); border-radius:20px; border:1px solid #fbfbfb;     box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
.raigad-dash-wrapper{text-align:left;}
.raigad-dash-wrapper > h4 {
  font-size: 1.6rem;
  color: #2f2c7b;
  font-weight: 700;
  margin-bottom: 1rem;
}

/* Tab list container */
.raigad-dash-tab-pills {
  display: flex;
  gap: 0.75rem;
  padding: 0.5rem 0rem;
 
  border-radius: 10px;
  margin: 0;
}

/* Tab buttons */
.raigad-dash-tab-link {
  font-size: 0.95rem;
  font-weight: 600;
  color: #2f2c7b;
  background-color: #ffffff;
  border: 1px solid #ced4da;
  border-radius: 20px;
  padding: 0.4rem 1rem;
  transition: background-color 0.3s, color 0.3s, box-shadow 0.2s;
}

/* Hover state */
.raigad-dash-tab-link:hover {
  background-color: #e9ecef;
  color: #1c1b5e;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}

/* Active tab */
.raigad-dash-tab-link.active {
  background-color: #2f2c7b;
  color: #ffffff;
  border-color: #2f2c7b;
}
.heading-sec
{
	border-radius:20px;
}
/* Responsive for small devices */
@media (max-width: 576px) {
  .raigad-dash-tab-pills {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.75rem;
  }
}