body {
      background-color: #f8f9fa;
    }
	
label{
	font-size: 13px !important;
}
 .b{
	 font-weight: bold;
 }
/* Bootstrap Text Color Utilities */
 
a.text-primary:hover, a.text-primary:focus {
  color: #0056b3 !important;
}

.text-success {
  color: #28a745 !important; /* Standard Bootstrap success color */
}

a.text-success:hover, a.text-success:focus {
  color: #1e7e34 !important;
}

.text-info {
  color: #17a2b8 !important; /* Standard Bootstrap info color */
}

a.text-info:hover, a.text-info:focus {
  color: #117a8b !important;
}

.text-warning {
  color: #ffc107 !important; /* Standard Bootstrap warning color */
}

a.text-warning:hover, a.text-warning:focus {
  color: #d39e00 !important;
}

.text-danger {
  color: #dc3545 !important; /* Standard Bootstrap danger color */
}

a.text-danger:hover, a.text-danger:focus {
  color: #b21f2d !important;
}

.text-secondary {
  color: #6c757d !important; /* Standard Bootstrap secondary color */
}

a.text-secondary:hover, a.text-secondary:focus {
  color: #495057 !important;
}

.text-muted {
  color: #6c757d !important; /* Standard Bootstrap muted color (often same as secondary) */
}

.text-lime {
  color: #cddc39 !important; /* Lime color (Material Design or custom) */
}

a.text-lime:hover, a.text-lime:focus {
  color: #afb42b !important;
}

.text-olive {
  color: #808000 !important; /* Olive color (standard web color) */
}

a.text-olive:hover, a.text-olive:focus {
  color: #555500 !important;
}

.text-purple {
  color: #800080 !important; /* Purple color (standard web color) */
}

a.text-purple:hover, a.text-purple:focus {
  color: #550055 !important;
}

.text-teal {
  color: #008080 !important; /* Teal color (standard web color) */
}

a.text-teal:hover, a.text-teal:focus {
  color: #005555 !important;
}

.text-indigo {
  color: #6610f2 !important; /* Standard Bootstrap indigo color */
}

a.text-indigo:hover, a.text-indigo:focus {
  color: #4406c2 !important;
}

.text-maroon {
  color: #800000 !important; /* Maroon color (standard web color) */
}

a.text-maroon:hover, a.text-maroon:focus {
  color: #550000 !important;
}

.text-navy {
  color: #000080 !important; /* Navy color (standard web color) */
}

a.text-navy:hover, a.text-navy:focus {
  color: #000055 !important;
}

.text-fuchsia {
  color: #ff00ff !important; /* Fuchsia color (standard web color) */
}

a.text-fuchsia:hover, a.text-fuchsia:focus {
  color: #cc00cc !important;
}

.text-blue-grey {
  color: #607d8b !important; /* Blue Grey color (Material Design) */
}

a.text-blue-grey:hover, a.text-blue-grey:focus {
  color: #455a64 !important;
}

.text-cyan {
  color: #00bcd4 !important; /* Cyan color (Material Design) */
}

a.text-cyan:hover, a.text-cyan:focus {
  color: #008394 !important;
}

.text-orange {
  color: #ff9800 !important; /* Orange color (Material Design) */
}

a.text-orange:hover, a.text-orange:focus {
  color: #f57c00 !important;
}

.text-amber {
  color: #ffc107 !important; /* Amber color (Material Design) - same as Bootstrap warning */
}

a.text-amber:hover, a.text-amber:focus {
  color: #ffb300 !important;
}

.text-deep-orange {
  color: #ff5722 !important; /* Deep Orange color (Material Design) */
}

a.text-deep-orange:hover, a.text-deep-orange:focus {
  color: #e64a19 !important;
}

.text-light-blue {
  color: #03a9f4 !important; /* Light Blue color (Material Design) */
}

a.text-light-blue:hover, a.text-light-blue:focus {
  color: #0288d1 !important;
}

.text-light-green {
  color: #8bc34a !important; /* Light Green color (Material Design) */
}

a.text-light-green:hover, a.text-light-green:focus {
  color: #689f38 !important;
}

.text-brown {
  color: #795548 !important; /* Brown color (Material Design) */
}

a.text-brown:hover, a.text-brown:focus {
  color: #5d4037 !important;
}

.text-grey {
  color: #9e9e9e !important; /* Grey color (Material Design) */
}

a.text-grey:hover, a.text-grey:focus {
  color: #616161 !important;
}

.text-pink {
  color: #e91e63 !important; /* Pink color (Material Design) */
}

a.text-pink:hover, a.text-pink:focus {
  color: #c2185b !important;
}

/* Bootstrap Extended Color System (Accents and Darker/Lighter shades) */

.text-lime-darken-3 {
  color: #827717 !important; /* Darker shade of lime */
}

a.text-lime-darken-3:hover, a.text-lime-darken-3:focus {
  color: #5b4f00 !important;
}

.text-indigo-lighten-1 {
  color: #7c4dff !important; /* Lighter shade of indigo */
}

a.text-indigo-lighten-1:hover, a.text-indigo-lighten-1:focus {
  color: #651fff !important;
}

.text-red-accent-2 {
  color: #ff5252 !important; /* Red accent color */
}

a.text-red-accent-2:hover, a.text-red-accent-2:focus {
  color: #d32f2f !important;
}

.text-blue-accent-3 {
  color: #2979ff !important; /* Blue accent color */
}

a.text-blue-accent-3:hover, a.text-blue-accent-3:focus {
  color: #0044ff !important;
}
.dashboard-card i {
  font-size: 1.4em; /* Adjust this value as needed */
} 
 .link{
	color: #0084d3 !important;
	text-decoration: none;
}
 .link:hover{
	color: #2600d3 !important;
}
.table th,td{
	padding-top:3px !important;
	padding-bottom:3px !important;
	font-size:13px !important;
}
.table th { 
	color: #70828c !important;
}
 
table.table tbody tr:hover td {
  background-color: #fffee2 !important;
}


.btn-sm{
	padding: 4px !important;
}



.txtbox {
    max-height: 30px !important;
    border: 1px solid #c0b4cf !important;
    margin-bottom: 10px;
    border-radius: 6px !important;
	background: #f9ffff;
	color: #4d7cc1 !important;
}
.custom-tab-colors .nav-link.active.tab-primary {
    background-color: darkblue !important;
    color: white !important;
}

.custom-tab-colors .nav-link.active.tab-success {
    background-color: teal !important;
    color: white !important;
}

.custom-tab-colors .nav-link.active.tab-info {
    background-color: teal !important;
    color: white !important;
}

.custom-tab-colors .nav-link.active.tab-warning {
    background-color: teal !important;
    color: white !important;
}

.custom-tab-colors .nav-link.active.tab-danger {
    background-color: teal !important;
    color: white !important;
}	
	
	 #photo-preview img {
            max-width: 100%;
            height: auto;
            border-radius: 5px;
            margin-top: 10px;
        }
    .login-container {
      max-width: 380px;
      margin: 2% auto;
    }
    .card {
      border-radius: 15px;
    }
    .nav-link:hover {
      text-decoration: underline;
    }
	@media (max-width: 768px) {
  .navbar-brand img {
    margin-right: 10px;
  }

  .navbar-brand h5 {
    text-align: center;
  }
}
.subject{
	border-radius:8px;
	font-size:18px;
	font-family: Georgia, sans-serif;
}

 .navbar.navbar-expand-lg {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
        min-height: 50px; /* optional minimum height */
    }

    .navbar .logo {
        height: 30px; /* reduce logo height */
    }

    .navbar-brand span {
        font-size: 0.9rem; /* smaller brand text */
    }

    .navbar .btn,
    .navbar span.text-white {
        font-size: 0.85rem; /* scale other text */
    }
	
    .logo {
        width: 35px;
        height: 35px;
        border-radius: 50%;
    }
    .sidebar {
        color: #000;
        min-width: 150px;
        max-width: 200px;
        position: fixed;
        top: 60px;
        bottom: 20px;
        left: -200px;
		border-radius: 5px;
		border:1px solid #77acc3;
		border-right:2px solid #77acc3;
        overflow-y: auto;
        transition: left 0.3s ease-in-out;
        z-index: 1040;
    }
    /* Existing CSS */
.sidebar.active {
    left: 0;
}
.sidebar .nav-link {
    padding: 7px 10px;
    display: flex;
    border-top: 1px solid #b3d0dd;
    align-items: center;
}
.sidebar .nav-link:hover {
    background-color: #8ea9ae;
    color: #fff !important;
    text-decoration: none;
}
.sidebar .nav-link i {
    margin-right: 8px;
    font-size: 12px;
}
.sidebar a {
    font-size: 14.5px;
}

/* NEW CSS for active/selected link */
.sidebar .nav-link.active {
    background-color: #8ea9ae; /* Set the background to red */
    color: #fff !important; /* Ensure text color is white for contrast */
    /* You might want to remove or adjust the border if it conflicts visually with red */
    border-top: 1px solid black; /* Or 'none' if you want a solid red block */
}

 
    .main-content {
        margin-top: 5px;
        padding: 15px;
        transition: margin-left 0.3s ease-in-out;
    }
    @media (min-width: 992px) {
        .sidebar {
            left: 0;
        }
        .main-content {
            margin-left: 165px;
        }
    }
.dashboard-cards {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 13px;
}




    .dashboard-card {
        background-color: #fbfcf1;
        padding: 4px;
        border-radius: 5px;
        text-align: center;
        transition: transform 0.3s ease;
        border: 1px solid #afccd3;
    }
    .dashboard-card:hover {
        transform: scale(1.05);
        background-color: #fff;
        border: 1px solid #d3caaf;
    }
    .dashboard-card i {
        font-size: 1.3rem !important;
        margin-bottom: 2px
    }
	.bg-dark-blue{
		background: #00023D;
	}