/* ==========================================
   HOSPITAL MANAGEMENT PROFESSIONAL THEME
   ========================================== */

/* Sidebar */
.body-sidebar {
    background: linear-gradient(
        180deg,
        #0f4c81 0%,
        #136f9c 100%
    );
    border-right: 1px solid rgba(255,255,255,0.08);
    padding: 0 2px;
}
/* Sidebar Header */
.sidebar-header {
    background: rgba(255,255,255,0.08);
    border-bottom: 2px solid #22c55e;
    padding: 14px;
}
.header-title {
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 700;
}
.header-subtitle {
    display: none;
}
/* Sidebar Menu */
.standard-sidebar-item {
    border-radius: 10px;
    margin: 4px 8px;
    transition: all 0.3s ease;
}
.standard-sidebar-item .sidebar-item-label {
    color: #f8fafc !important;
    font-weight: 500;
}
.sidebar-item-icon svg {
    color: #dbeafe !important;
}
/* Hover Menu */
.body-sidebar .standard-sidebar-item:not(.active-sidebar):hover {
    background: linear-gradient(
        90deg,
        #22c55e,
        #4ade80
    ) !important;

    transform: translateX(4px);
    box-shadow: 0 4px 12px rgba(34,197,94,0.3);
}
.body-sidebar .standard-sidebar-item:not(.active-sidebar):hover .sidebar-item-label,
.body-sidebar .standard-sidebar-item:not(.active-sidebar):hover svg {
    color: #ffffff !important;
}
/* Active Menu */
.active-sidebar {
    background: linear-gradient(
        90deg,
        #22c55e,
        #4ade80
    ) !important;

    border-left: 4px solid #ffffff;
    box-shadow: 0 4px 15px rgba(34,197,94,0.35);
}
.active-sidebar .sidebar-item-label,
.active-sidebar svg {
    color: #ffffff !important;
}
/* Section Menu */
.section-item > .standard-sidebar-item {
    background: rgba(255,255,255,0.08);
    margin-top: 10px;
}
.section-item .sidebar-item-label {
    color: #ffffff !important;
    font-weight: 600;
}
/* User Profile */
.sidebar-user-button {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    color: #ffffff;
}
.sidebar-user-button:hover {
    background: #22c55e;
    color: #ffffff;
}
/* Collapse Button */
.sidebar-toggle-btn {
    background: #22c55e;
    color: #ffffff;
    border-radius: 50%;
}
/* Scrollbar */
.body-sidebar::-webkit-scrollbar-thumb {
    background: #22c55e;
    border-radius: 10px;
}
/* Main Background */
.main-section, .layout-main-section,
.page-container,
.desk-container, .layout-main-section-wrapper {
    background: linear-gradient(
        135deg,
        #f0f9ff,
        #ecfeff
    );
} 
/* Top Header */
.page-head {
    position: sticky;
    top: 0;
    z-index: 1000;
    background: #0f4c81 !important;
    border-bottom: 2px solid #22c55e;
    color: #ffffff;
}
/* Navbar */
.navbar-container {
    background: #0f4c81 !important;
    color: #ffffff;
}
.title-area .navbar-breadcrumbs * {
    color: #ffffff !important;
}
.title-area .navbar-breadcrumbs svg {
    fill: #ffffff !important;
}
.navbar-breadcrumbs li:last-child > a {
    color: #ffffff !important;
    font-weight: 600;
}
/* Dropdown Icons */
.sidebar-header .drop-icon svg {
    color: #0f4c81 !important;
    background: #ffffff;
    border-radius: 50%;
}
.sidebar-header .drop-icon use {
    fill: #0f4c81 !important;
}
/* Cards */
.widget {
    background: #ffffff;
    border: 1px solid #dbeafe;
    border-radius: 12px;
    padding: 10px;
    transition: all 0.3s ease;
}
.ce-block__content .widget:hover {
    transform: translateY(-6px);
    box-shadow: 0 10px 25px rgba(15,76,129,0.15);
}
/* Workspace Cards */
.widget.links-widget-box {
    border: 1px solid #cbd5e1;
    background: #ffffff;
}
.widget .widget-head .widget-label .widget-title {
    color: #0f4c81 !important;
    font-size: 15px;
    font-weight: 600;
}
/* Icons */
.widget .widget-head .widget-control.icon,
.es-icon {
    stroke: #0f4c81;
}
/* Dashboard Number Cards */
.number-card,
.report-summary {
    border-radius: 12px;
    border: 1px solid #dbeafe;
    background: #ffffff;
}
/* Form Pages */
.form-page {
    background: #f8fafc;
}
/* Buttons */
.btn-primary {
    background: #0f4c81 !important;
    border-color: #0f4c81 !important;
}
.btn-primary:hover {
    background: #136f9c !important;
    border-color: #136f9c !important;
}
/* Success Buttons */
.btn-success {
    background: #22c55e !important;
    border-color: #22c55e !important;
}
/* Tables */
.table thead {
    background: #0f4c81;
    color: #ffffff;
}
.table tbody tr:hover {
    background: #eff6ff;
}
/* Profile Text */
.avatar-name-email .text-secondary {
    color: #ffffff !important;
}
/* Search Box */
.search-bar input,
.awesomplete input {
    border: 1px solid #cbd5e1;
    border-radius: 8px;
}
/* Notifications */
.indicator-pill {
    background: #22c55e;
    color: #ffffff;
}
/* Calendar */
.fc-event {
    background: #0f4c81 !important;
    border: none !important;
}
/* Patient Dashboard Cards */
.dashboard-card,
.quick-list-widget {
    border-radius: 12px;
    border: 1px solid #dbeafe;
    background: #ffffff;
}
/* Lab & Pharmacy Highlights */
.text-success,
.indicator.green {
    color: #22c55e !important;
}
.text-danger,
.indicator.red {
    color: #ef4444 !important;
}

/* Doctor Schedule Widgets */
.widget-head {
    border-bottom: 1px solid #e2e8f0;
}

/* Smooth Animations */
* {
    transition: background-color 0.2s ease,
                border-color 0.2s ease,
                color 0.2s ease;
}
.btn-primary:hover {
    background: #28a745 !important;
    border-color: #28a745 !important;
}
.widget-head {
    border-bottom: none;
}
.for-login .page-card{
    background: #0f4c81 !important;
}
.btn-login{
    background: #28a745 !important;

}
.login-content .page-card {
    background-color: #0f4c81!important;
}
#page-login > .page-content-wrapper {
position: relative;
min-height: calc(130vh - 220px) !important;
background: url("/assets/hmis_v16/images/bg1.jpg") center center no-repeat;
background-size: cover;    

}
.page-content-wrapper::before {
    content: "";
    position: fixed;
    /* inset: 0; */
    background: rgba(0 211 235 / 0.1);
    z-index: 0;
    
}
.forgot-password-message a {
    color: #ffffff !important;
    font-weight: 600;
    text-decoration: none;
}
.forgot-password-message a:hover {
    color: #000000 !important;
    text-decoration: underline;
}

.text-muted{
    background-color: transparent;
}
.standard-actions .btn-primary{
    background: #28a745 !important;
}
.standard-actions .text-muted{
    background-color: aliceblue;
}
.dropdown-notifications .icon-md{
    stroke: #f3f3f3;
}
.custom-actions .btn-secondary{
    background: #28a745 !important;
    color: #ecfeff;
}


/* for register patient  link on login page  */
.patient-registration-link {
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

.patient-registration-link:hover {
	text-decoration: underline;
}