:root {
	--primary-color: #295b90;	
	--secondary-color: #53799b;
	--inverse-color: #2f3d4a;
	--dark-color: #343a40;
	--info-color: #225eac;
	--success-color: #048104;
	--warning-color: #f69835;
	--danger-color: #e33b3b;
	--muted-color: #999eac;
}


html body .font-12 {
  font-size: 12px; }
  
.topbar .top-navbar .navbar-header .navbar-brand #imgLogo{width:215px;margin:8px 0 0}
.topbar .profile-pic img{width:25px;height:25px;border-radius:50%}
.topbar .profile-pic{width:auto}
.topbar .profile-pic #lblUser{font-size:14px}

/* ---- User / login menu polish ---- */
.topbar .navbar-nav > .nav-item.user-menu {
    margin-left: 4px;
    display: flex !important;
    align-items: center;
    background: transparent !important;
}

.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger.profile-pic,
.topbar .navbar-nav .nav-item.user-menu > a.nav-link.user-menu-trigger.profile-pic {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center;
    gap: 8px;
    height: 40px !important;
    min-height: 40px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 12px 0 6px !important;
    border-radius: 999px !important;
    background: #f5f8fb !important;
    border: 1px solid #d7e0ea !important;
    color: #243040 !important;
    box-shadow: none;
    transition: background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
}

.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger.profile-pic:hover,
.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger.profile-pic:focus,
.topbar .top-navbar .navbar-nav > .nav-item.user-menu.show > a.nav-link.user-menu-trigger.profile-pic,
.topbar .navbar-nav .nav-item.user-menu > a.nav-link.user-menu-trigger.profile-pic:hover,
.topbar .navbar-nav .nav-item.user-menu.show > a.nav-link.user-menu-trigger.profile-pic {
    background: #eaf4fc !important;
    border-color: #cfe3f5 !important;
    box-shadow: 0 0 0 3px rgba(47, 143, 219, 0.12);
    color: #1f6fad !important;
}

.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger .profile-icon,
.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger img,
.topbar .user-menu-trigger .profile-icon,
.topbar .user-menu-trigger img {
    width: 28px !important;
    height: 28px !important;
    margin: 0 !important;
    border-radius: 50% !important;
    object-fit: cover;
    border: 2px solid #ffffff;
    box-shadow: 0 0 0 1px #d7e0ea;
    flex-shrink: 0;
    display: block;
}

.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger .profile-dropdown,
.topbar .user-menu-trigger .profile-dropdown {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    font-size: 13.5px;
    font-weight: 650;
    color: #243040 !important;
}

.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger .profile-dropdown #lblUser,
.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger #lblUser,
.topbar .user-menu-trigger #lblUser,
.topbar .user-menu-trigger .profile-dropdown span {
    color: #243040 !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 13.5px !important;
    font-weight: 650;
}

.topbar .top-navbar .navbar-nav > .nav-item.user-menu.show > a.nav-link.user-menu-trigger .profile-dropdown,
.topbar .top-navbar .navbar-nav > .nav-item.user-menu.show > a.nav-link.user-menu-trigger .profile-dropdown #lblUser,
.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger:hover .profile-dropdown,
.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger:hover .profile-dropdown #lblUser,
.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger:hover #lblUser {
    color: #1f6fad !important;
}

.topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger .profile-dropdown .fa-angle-down,
.topbar .user-menu-trigger .profile-dropdown .fa-angle-down {
    font-size: 12px;
    line-height: 1;
    opacity: 0.75;
    color: inherit !important;
    position: static !important;
    margin: 0 !important;
}

.topbar .user-menu-dropdown.dropdown-menu {
    min-width: 300px;
    margin-top: 8px !important;
    padding: 0;
    border: 1px solid #d7e0ea !important;
    border-radius: 14px !important;
    box-shadow: 0 14px 36px rgba(36, 48, 64, 0.16) !important;
    overflow: hidden;
}

.topbar .user-menu-dropdown ul.dropdown-user {
    min-width: 100%;
    margin: 0;
    padding: 0;
}

.topbar .user-menu-dropdown ul.dropdown-user li.divider {
    height: 1px;
    margin: 0;
    background: #e8eef4;
}

.topbar .user-menu-dropdown .dw-user-box {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px !important;
    background: linear-gradient(180deg, #f7fafc 0%, #ffffff 100%);
}

.topbar .user-menu-dropdown .dw-user-box .u-img {
    width: 56px !important;
    flex-shrink: 0;
}

.topbar .user-menu-dropdown .dw-user-box .u-img img {
    width: 56px !important;
    height: 56px !important;
    border-radius: 14px !important;
    object-fit: cover;
    border: 2px solid #fff;
    box-shadow: 0 2px 8px rgba(36, 48, 64, 0.12);
}

.topbar .user-menu-dropdown .dw-user-box .u-text {
    display: block !important;
    padding-left: 0 !important;
    min-width: 0;
    flex: 1;
}

.topbar .user-menu-dropdown .dw-user-box .u-text h4,
.topbar .user-menu-dropdown .dw-user-box .u-text h4 span,
.topbar .user-menu-dropdown .dw-user-box .u-text #lblUser2 {
    margin: 0 0 2px 0;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #243040 !important;
    line-height: 1.3 !important;
}

.topbar .user-menu-dropdown .dw-user-box .u-text .text-muted,
.topbar .user-menu-dropdown .dw-user-box .u-text p {
    margin: 0 0 10px 0 !important;
    font-size: 12.5px;
    color: #6b7580 !important;
    word-break: break-word;
}

.topbar .user-menu-dropdown .user-menu-profile-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 14px;
    border-radius: 999px !important;
    background: #2f8fdb !important;
    border: none !important;
    color: #fff !important;
    font-size: 12px;
    font-weight: 650;
    box-shadow: 0 2px 8px rgba(47, 143, 219, 0.28);
    transition: background 0.15s ease, box-shadow 0.15s ease;
}

.topbar .user-menu-dropdown .user-menu-profile-btn:hover {
    background: #1f6fad !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(47, 143, 219, 0.35);
    text-decoration: none;
}

.topbar .user-menu-dropdown ul.dropdown-user > li > a.user-menu-link,
.topbar .user-menu-dropdown ul.dropdown-user > li > a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    padding: 12px 16px !important;
    color: #355066 !important;
    font-size: 13.5px;
    font-weight: 600;
    transition: background 0.15s ease, color 0.15s ease;
}

.topbar .user-menu-dropdown ul.dropdown-user > li > a i {
    width: 18px;
    text-align: center;
    color: #6b7580;
    font-size: 14px;
}

.topbar .user-menu-dropdown ul.dropdown-user > li > a:hover {
    background: #eaf4fc !important;
    color: #1f6fad !important;
    text-decoration: none;
}

.topbar .user-menu-dropdown ul.dropdown-user > li > a:hover i {
    color: #2f8fdb;
}

.topbar .user-menu-dropdown ul.dropdown-user > li > a.user-menu-logout:hover {
    background: #fef3f2 !important;
    color: #b42318 !important;
}

.topbar .user-menu-dropdown ul.dropdown-user > li > a.user-menu-logout:hover i {
    color: #b42318;
}

@media (max-width: 991px) {
    /* Avatar-only trigger on tablet/phone ? name/arrow stay in the dropdown */
    .topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger .profile-dropdown,
    .topbar .user-menu-trigger .profile-dropdown,
    .topbar .user-menu-trigger .profile-dropdown.hidden-md-down {
        display: none !important;
    }

    .topbar .navbar-nav > .nav-item.user-menu {
        margin-left: 2px;
    }

    .topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger.profile-pic {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 0 !important;
        overflow: hidden;
        background: #f5f8fb !important;
        border: 1px solid #d7e0ea !important;
        color: #243040 !important;
    }

    .topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger .profile-icon,
    .topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger img {
        width: 28px !important;
        height: 28px !important;
        margin: 0 !important;
    }

    .topbar .user-menu-dropdown.dropdown-menu {
        position: absolute !important;
        top: 100% !important;
        right: 0 !important;
        left: auto !important;
        width: min(300px, calc(100vw - 24px)) !important;
        min-width: 0 !important;
        max-width: calc(100vw - 24px) !important;
        margin: 8px 8px 0 0 !important;
        transform: none !important;
    }

    .topbar .user-menu-dropdown .dw-user-box {
        flex-direction: row;
        align-items: center;
        padding: 14px !important;
        gap: 10px;
    }

    .topbar .user-menu-dropdown .dw-user-box .u-img,
    .topbar .user-menu-dropdown .dw-user-box .u-img img {
        width: 44px !important;
        height: 44px !important;
    }

    .topbar .user-menu-dropdown .dw-user-box .u-text h4 {
        font-size: 14px;
    }

    .topbar .user-menu-dropdown .dw-user-box .u-text p {
        margin-bottom: 8px !important;
        font-size: 12px;
    }

    .topbar .user-menu-dropdown ul.dropdown-user > li > a {
        padding: 14px 16px !important;
        min-height: 48px;
    }
}

@media (max-width: 767px) {
    .topbar .top-navbar .navbar-nav > .nav-item.user-menu > a.nav-link.user-menu-trigger.profile-pic {
        width: 40px !important;
        height: 40px !important;
        padding: 0 !important;
        border-radius: 50% !important;
        justify-content: center;
    }

    .topbar .user-menu-dropdown.dropdown-menu {
        right: 4px !important;
        margin-right: 4px !important;
    }
}

.sidebar-nav > ul > li > a.active{background:#eef1f2}

/* ---- Horizontal / top navigation polish ---- */
.left-sidebar {
    border-bottom: 1px solid #e4ebf2;
    box-shadow: 0 1px 0 rgba(36, 48, 64, 0.03);
}

.sidebar-nav #sidebarnav {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 4px;
    padding: 6px 0;
    margin: 0;
}

.sidebar-nav #sidebarnav > li {
    position: relative;
    margin: 0 !important;
}

.sidebar-nav #sidebarnav > li > a {
    display: inline-flex !important;
    align-items: center;
    gap: 8px;
    margin: 0 !important;
    padding: 10px 16px !important;
    border-radius: 10px;
    color: #355066 !important;
    font-size: 14px;
    font-weight: 650;
    letter-spacing: 0.01em;
    background: transparent;
    border: 1px solid transparent;
    transition: background 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.sidebar-nav #sidebarnav > li > a i {
    font-size: 15px;
    width: 18px;
    text-align: center;
    color: #6b7580;
    transition: color 0.18s ease;
}

.sidebar-nav #sidebarnav > li > a:hover,
.sidebar-nav #sidebarnav > li > a:focus {
    background: #eaf4fc !important;
    color: #1f6fad !important;
    border-color: #cfe3f5;
    text-decoration: none;
}

.sidebar-nav #sidebarnav > li > a:hover i,
.sidebar-nav #sidebarnav > li > a:focus i {
    color: #2f8fdb;
}

.sidebar-nav #sidebarnav > li.active > a,
.sidebar-nav #sidebarnav > li > a.active,
.sidebar-nav #sidebarnav > li > a[aria-expanded="true"] {
    background: #eaf4fc !important;
    color: #1f6fad !important;
    border-color: #cfe3f5;
    box-shadow: inset 0 -2px 0 #2f8fdb;
}

.sidebar-nav #sidebarnav > li.active > a i,
.sidebar-nav #sidebarnav > li > a.active i,
.sidebar-nav #sidebarnav > li > a[aria-expanded="true"] i {
    color: #2f8fdb;
}

.sidebar-nav .has-arrow::after {
    border-color: #6b7580 !important;
    margin-top: -3px;
    opacity: 0.75;
}

.sidebar-nav #sidebarnav > li > a[aria-expanded="true"].has-arrow::after,
.sidebar-nav #sidebarnav > li > a:hover.has-arrow::after {
    border-color: #2f8fdb !important;
}

/* Dropdown panel */
@media (min-width: 768px) {
    .mini-sidebar .sidebar-nav > ul > li,
    .sidebar-nav #sidebarnav > li {
        float: none !important;
        margin-right: 2px !important;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul,
    .sidebar-nav #sidebarnav > li > ul {
        top: calc(100% + 4px) !important;
        min-width: 250px;
        margin-top: 0 !important;
        padding: 8px !important;
        background: #ffffff !important;
        border: 1px solid #d7e0ea !important;
        border-radius: 12px !important;
        box-shadow: 0 12px 32px rgba(36, 48, 64, 0.14) !important;
        overflow: hidden;
        z-index: 1050;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li,
    .sidebar-nav #sidebarnav > li > ul > li {
        margin: 0 !important;
        width: 100% !important;
        display: block !important;
        float: none !important;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li:hover > a,
    .sidebar-nav #sidebarnav > li:hover > a {
        background: #eaf4fc !important;
        color: #1f6fad !important;
        border-color: #cfe3f5;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a,
    .sidebar-nav #sidebarnav > li > ul > li > a {
        display: flex !important;
        align-items: center;
        gap: 2px;
        margin: 0 !important;
        padding: 10px 12px 10px 14px !important;
        border-radius: 8px;
        color: #243040 !important;
        font-size: 13.5px;
        font-weight: 600;
        line-height: 1.35;
        border-left: 3px solid transparent;
        background: transparent !important;
        transition: background 0.15s ease, color 0.15s ease, border-color 0.15s ease, padding-left 0.15s ease;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a i,
    .sidebar-nav #sidebarnav > li > ul > li > a i {
        width: 18px;
        margin-right: 8px;
        text-align: center;
        color: #6b7580;
        font-size: 13px;
        display: inline-block !important;
        flex-shrink: 0;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a:hover i,
    .sidebar-nav #sidebarnav > li > ul > li > a:hover i,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a.active i,
    .sidebar-nav #sidebarnav > li > ul > li > a.active i {
        color: #2f8fdb;
    }

    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a:hover,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a:focus,
    .sidebar-nav #sidebarnav > li > ul > li > a:hover,
    .sidebar-nav #sidebarnav > li > ul > li > a:focus,
    .mini-sidebar .sidebar-nav #sidebarnav > li > ul > li > a.active,
    .sidebar-nav #sidebarnav > li > ul > li > a.active {
        background: #eaf4fc !important;
        color: #1f6fad !important;
        border-left-color: #2f8fdb;
        padding-left: 16px !important;
        text-decoration: none;
    }
}

/* Mobile slide-out menu */
@media (max-width: 767px) {
    .sidebar-nav #sidebarnav {
        display: block;
        padding: 8px;
    }

    .sidebar-nav #sidebarnav > li > a {
        width: 100%;
        border-radius: 8px;
        margin-bottom: 4px !important;
    }

    .sidebar-nav #sidebarnav > li > ul {
        margin: 4px 0 10px !important;
        padding: 6px !important;
        background: #f5f8fb !important;
        border: 1px solid #e4ebf2 !important;
        border-radius: 10px !important;
        box-shadow: none !important;
    }

    .sidebar-nav #sidebarnav > li > ul > li > a {
        display: block;
        padding: 10px 12px !important;
        border-radius: 8px;
        color: #243040 !important;
        font-weight: 600;
    }

    .sidebar-nav #sidebarnav > li > ul > li > a:hover,
    .sidebar-nav #sidebarnav > li > ul > li > a.active {
        background: #eaf4fc !important;
        color: #1f6fad !important;
    }
}

@media (min-width: 768px){
	.mini-sidebar .sidebar-nav #sidebarnav > li > ul{box-shadow:0 12px 32px rgba(36, 48, 64, 0.14)}
}

.bread-sep::before{content:"\e649";font-family:themify;color:#a6b7bf;font-size:11px;margin:0 8px}

.alert-info{background-color:#ddf0fb;border-color:#ddf0fb}


.color-table thead th a, .color-table th a{color:#fff}
.table-striped tbody tr:nth-of-type(odd){background:#fff}
.table-striped tbody tr{background:#fafafa}

.footable-pagination-wrapper table td a,.footable-pagination-wrapper table td span{line-height:1.25;color:var(--primary-color);padding:.5rem .75rem;background-color:#fff;border:1px solid #ddd;margin-left:-2px;display:block;position:relative}
.footable-pagination-wrapper table td{padding:0;border:0}
.footable-pagination-wrapper table td span{color:#fff;background-color:var(--primary-color);border-color:var(--primary-color)}
.footable-pagination-wrapper table{margin:0}
.footable-pagination-wrapper table td:last-child a,.footable-pagination-wrapper table td:last-child span{border-radius:0 4px 4px 0}
.footable-pagination-wrapper table td:first-child a,.footable-pagination-wrapper table td:first-child span{border-radius:4px 0 0 4px}

div.dataTables_wrapper div.dataTables_filter input,div.dataTables_wrapper div.dataTables_filter select{margin-left:.5em;display:inline-block;width:auto}
div.dataTables_wrapper div.dataTables_filter label{margin-left:2em}
.btn-circle .fas.fa-eraser,.btn-circle .fas.fa-search{top:-1px;position:relative;left:1px}
.btn-circle.equipment-mail-btn{padding:0;line-height:0;width:40px;height:40px;min-width:40px;min-height:40px;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}
.btn-circle.equipment-mail-btn img{height:26px;width:26px;display:block}

.form-control:disabled,.form-control[readonly]{background-color:#f9f9f9}
.form-group{margin-bottom:1rem}

.frmEdit .user-img,.frmView .user-img{max-width:100px;border-radius:8px}

.grdbtn.btn-rounded{padding:2px;height:26px;width:26px;line-height:21px;font-size:12px}

.customtab2 li a.navlink1.nav-link.active,.customtab2 li a.navlink1.nav-link.active:focus,.customtab2 li a.navlink1.nav-link:hover{background:var(--warning-color)}
.customtab2 li a.navlink2.nav-link.active,.customtab2 li a.navlink2.nav-link.active:focus,.customtab2 li a.navlink2.nav-link:hover{background:var(--danger-color)}
.customtab2 li a.navlink3.nav-link.active,.customtab2 li a.navlink3.nav-link.active:focus,.customtab2 li a.navlink3.nav-link:hover{background-color:var(--success-color)}

.tbl-links{border-collapse:collapse;padding:0}
.tbl-links td{padding:0 3px;text-align:center;border:none}

.ajaxTabTheme .ajax__tab_header{border-bottom:solid 1px #dee2e6}
.ajaxTabTheme .ajax__tab_header .ajax__tab_active .ajax__tab_outer{background-color:var(--muted-color);color:#fff;margin:0;padding:0;border-radius:.25rem .25rem 0 0;border:solid 1px var(--muted-color)}
.ajaxTabTheme .ajax__tab_header .ajax__tab_outer{background:#fff;border:solid 1px #fff;padding:0;margin:0}
.ajaxTabTheme .ajax__tab_header .ajax__tab_tab{padding:8px 1rem 4px;margin:0;color:var(--muted-color)}
.ajaxTabTheme .ajax__tab_header .ajax__tab_active .ajax__tab_tab{color:#fff}
.ajaxTabTheme .ajax__tab_body{padding:15px;background:#fff;border:0}


.input-group .ajax__calendar_header{font-size:14px;height:24px}
.input-group .ajax__calendar_next{background-size:6px 9px;height:18px}
.input-group .ajax__calendar_prev{background-size:6px 9px;height:18px}
.input-group .ajax__calendar_body{width:255px;height:160px}
.input-group .ajax__calendar_days{width:250px;height:160px}
.input-group .ajax__calendar_months{width:250px;height:160px}
.input-group .ajax__calendar_years{width:250px;height:160px}
.input-group .ajax__calendar .ajax__calendar_container{border:1px solid #ccc;background-color:#fff;color:#555;border-radius:8px;font-family:Montserrat,sans-serif;width:265px}
.input-group .ajax__calendar_container td{font-size:14px}
.input-group .ajax__calendar_day{height:22px;width:32px}
.input-group .ajax__calendar .ajax__calendar_active .ajax__calendar_day,.ajax__calendar .ajax__calendar_hover .ajax__calendar_day{border-radius:4px}
.input-group .ajax__calendar .ajax__calendar_today .ajax__calendar_day{border-radius:4px;border-color:#a2cffb}
.input-group .ajax__calendar_dayname{height:22px;width:32px;color:#184a8c;font-weight:600}
.input-group .ajax__calendar_footer{height:23px;font-size:13px}

.dataTables_filter .ajax__calendar_header{font-size:14px;height:24px}
.dataTables_filter .ajax__calendar_next{background-size:6px 9px;height:18px}
.dataTables_filter .ajax__calendar_prev{background-size:6px 9px;height:18px}
.dataTables_filter .ajax__calendar_body{width:205px;height:145px}
.dataTables_filter .ajax__calendar_days{width:200px;height:145px}
.dataTables_filter .ajax__calendar_months{width:200px;height:145px}
.dataTables_filter .ajax__calendar_years{width:200px;height:145px}
.dataTables_filter .ajax__calendar .ajax__calendar_container{border:1px solid #ccc;background-color:#fff;color:#555;border-radius:8px;font-family:Montserrat,sans-serif;width:265px}
.dataTables_filter .ajax__calendar_container td{font-size:14px}
.dataTables_filter .ajax__calendar_day{height:19px;width:25px}
.dataTables_filter .ajax__calendar .ajax__calendar_active .ajax__calendar_day,.ajax__calendar .ajax__calendar_hover .ajax__calendar_day{border-radius:4px}
.dataTables_filter .ajax__calendar .ajax__calendar_today .ajax__calendar_day{border-radius:4px;border-color:#a2cffb}
.dataTables_filter .ajax__calendar_dayname{height:22px;width:32px;color:#184a8c;font-weight:600}
.dataTables_filter .ajax__calendar_footer{height:23px;font-size:13px}

.sidebar-nav ul li .sep{border-bottom:solid 1px #c6d2d7;margin:0 5px}


.group-row td:first-child{font-weight:600}
.group-row td:first-child a{font-weight:600}
.group-row td{background:#f4f8fb;border-top:solid 1px var(--inverse-color)}
.child-row td:first-child{font-weight:500}
.child-row td:first-child a{font-weight:500}
.child-row td:first-child{padding-left:30px}

div.dataTables_wrapper.wrap-sm  div.dataTables_filter label,div.dataTables_wrapper.wrap-sm  div.dataTables_filter select,div.dataTables_wrapper.wrap-sm div.dataTables_filter input{font-size:.85rem}
div.dataTables_wrapper.wrap-sm  div.dataTables_filter select,div.dataTables_wrapper.wrap-sm div.dataTables_filter input{padding:3px 6px}
div.dataTables_wrapper.wrap-sm  div.dataTables_filter label{margin-left:1em}


.table td.p-l-50{padding-left:50px}

.panel-contracts .color-bordered-table.inverse-bordered-table {
  border-top: 0;
}
.panel-contracts .color-bordered-table.primary-bordered-table {
	border-top: 0;
}



.table td,.table th{padding:.4rem}

/* Need this because gridview had no thead */
.color-table th{background-color:var(--info-color);color:#fff}
.color-bordered-table th{background-color:var(--info-color);color:#fff}
.full-color-table th{background-color:var(--info-color);border:0;color:#fff}

.full-color-table.full-primary-table th{background-color:var(--primary-color);border:0;color:#fff}
.full-color-table.full-success-table th{background-color:var(--success-color);border:0;color:#fff}
.full-color-table.full-info-table th{background-color:var(--info-color);border:0;color:#fff}
.full-color-table.full-warning-table th{background-color:var(--warning-color);border:0;color:#fff}
.full-color-table.full-danger-table th{background-color:var(--danger-color);border:0;color:#fff}
.full-color-table.full-inverse-table th{background-color:var(--inverse-color);border:0;color:#fff}
.full-color-table.full-dark-table th{background-color:var(--dark-color);border:0;color:#fff}
.full-color-table.full-muted-table th{background-color:var(--muted-color);border:0;color:#fff}
.color-table.primary-table th{background-color:var(--primary-color);color:#fff}
.color-table.success-table th{background-color:var(--success-color);color:#fff}
.color-table.info-table th{background-color:var(--info-color);color:#fff}
.color-table.warning-table th{background-color:var(--warning-color);color:#fff}
.color-table.danger-table th{background-color:var(--danger-color);color:#fff}
.color-table.inverse-table th{background-color:var(--inverse-color);color:#fff}
.color-table.dark-table th{background-color:var(--dark-color);color:#fff}
.color-table.muted-table th{background-color:var(--muted-color);color:#fff}
.color-bordered-table.success-bordered-table th{background-color:var(--success-color);color:#fff}
.color-bordered-table.info-bordered-table th{background-color:var(--info-color);color:#fff}
.color-bordered-table.warning-bordered-table th{background-color:var(--warning-color);color:#fff}
.color-bordered-table.danger-bordered-table th{background-color:var(--danger-color);color:#fff}
.color-bordered-table.inverse-bordered-table th{background-color:var(--inverse-color);color:#fff}
.color-bordered-table.dark-bordered-table th{background-color:var(--dark-color);color:#fff}
.color-bordered-table.muted-bordered-table th{background-color:var(--muted-color);color:#fff}




.custiconrow{margin-bottom:8px}
.custiconrow img{width:32px;margin:0 8px 0 5px}
.custiconrow .none{margin-left:10px}

.schedule .assigned {
	border-left: solid 2px var(--primary-color);
}
table img.list-icon {
	width: 32px;
}

.performPM .pmItem {
    padding: 5px 0;
}
.page-wrapper .dropify-wrapper {
	height: 110px;
}



table.jcw-form .form-group{margin-bottom:.5rem}
table.jcw-form .form-group>div{display:inline-block}
table.jcw-form .form-group>span, table.jcw-form .form-group>label{display:inline-block;margin-right:8px;min-width:160px}
table.jcw-form .row{margin-bottom:10px}
table.jcw-form .row .row{margin-bottom:0}
table.jcw-form .label-font.text-danger{border-bottom:solid 1px var(--muted-color)}

/* ============================================================
   SmartQCX ? PremierIrrigation light chrome (style-only overrides)
   ============================================================ */
.topbar {
  background: #ffffff !important;
  border-bottom: 1px solid #e4ebf2;
  box-shadow: 0 1px 0 rgba(36, 48, 64, 0.03);
}

.card-no-border .left-sidebar,
.card-no-border .sidebar-nav,
.left-sidebar,
.sidebar-nav {
  background: #ffffff !important;
}

.topbar .navbar-nav .nav-item > a.nav-link {
  color: #355066 !important;
}

.topbar .navbar-nav .nav-item > a.nav-link:hover,
.topbar .navbar-nav .nav-item > a.nav-link:focus {
  color: #1f6fad !important;
}

.topbar .top-navbar .navbar-nav > .nav-item > span {
  color: #243040 !important;
}

.topbar .navbar-header .navbar-brand .light-logo {
  display: inline-block !important;
}

.logo_vertiv {
  background-color: transparent !important;
  padding: 0 !important;
}

/* Top bar — Verify Equipment (matches theme primary / list accent) */
.topbar .navbar-nav .nav-item a.btn-verify-equipment,
.topbar a.btn-verify-equipment,
a.btn-verify-equipment {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 30px !important;
  min-height: 30px !important;
  padding: 0 12px !important;
  margin: 0 12px 0 0 !important;
  border-radius: 6px !important;
  border: none !important;
  background: linear-gradient(135deg, var(--list-accent, #2f8fdb) 0%, var(--list-accent-dark, #1f6fad) 100%) !important;
  background-color: var(--primary-color, #295b90) !important;
  background-image: linear-gradient(135deg, #2f8fdb 0%, #295b90 100%) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: 0.02em;
  line-height: 30px !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  text-transform: none !important;
  box-shadow: 0 1px 2px rgba(41, 91, 144, 0.28) !important;
  transition: filter 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease;
}

.topbar .navbar-nav .nav-item a.btn-verify-equipment:hover,
.topbar .navbar-nav .nav-item a.btn-verify-equipment:focus,
.topbar a.btn-verify-equipment:hover,
.topbar a.btn-verify-equipment:focus,
a.btn-verify-equipment:hover,
a.btn-verify-equipment:focus {
  background-image: linear-gradient(135deg, #2780c8 0%, #1f4f7d 100%) !important;
  background-color: var(--secondary-color, #53799b) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 2px 8px rgba(41, 91, 144, 0.35) !important;
  filter: none;
  opacity: 1;
}

.topbar .navbar-nav > .nav-item.d-flex.align-items-center {
  align-items: center !important;
}

/* Override legacy white active-nav rule from master inline styles */
.sidebar-nav ul li a.active,
.sidebar-nav ul li a.active i {
  color: #1f6fad !important;
}

.text-themecolor,
html body .text-themecolor {
  color: var(--primary-color) !important;
}

.btn-themecolor,
.btn-themecolor.disabled {
  background: var(--primary-color);
  border-color: var(--primary-color);
  color: #fff;
}

.btn-primary,
.btn-primary.disabled {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-primary:hover,
.btn-primary.disabled:hover {
  background: var(--primary-color-focus) !important;
  border-color: var(--primary-color-focus) !important;
  box-shadow: none !important;
}

.PageHeader {
  color: var(--primary-color) !important;
  border-bottom-color: #e4ebf2 !important;
}

#Header {
  border-color: #e4ebf2 !important;
}

.loginbtn.btn-primary,
.btn-primary.loginbtn {
  background: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}


/* ============================================================
   Vertiv list pages ? PremierIrrigation Irrigation Systems look
   Targets existing .homePage / .listFilter / GridView markup only
   ============================================================ */
:root {
  --list-accent: #2f8fdb;
  --list-accent-dark: #1f6fad;
  --list-accent-soft: #eaf4fc;
  --list-ink: #243040;
  --list-muted: #6b7580;
  --list-line: #d7e0ea;
  --list-surface: #ffffff;
  --list-radius: 12px;
  --list-shadow: 0 10px 28px rgba(36, 48, 64, 0.08);
}

/* Shared page column: Bootstrap .container caps content around 1140px.
   Both masters wrap every page in .page-wrapper > .container. */
.page-wrapper > .container {
  max-width: none;
  width: 100%;
}

/* Card shell */
.homePage {
  position: relative;
  background: var(--list-surface);
  border: 1px solid var(--list-line);
  border-radius: var(--list-radius);
  box-shadow: var(--list-shadow);
  overflow: hidden;
  margin-bottom: 24px;
  padding: 0 !important;
}

/* Blue title bar (from existing page-titles) */
.homePage > .page-titles,
.homePage > .row.page-titles {
  margin: 0 !important;
  padding: 0 20px !important;
  background: linear-gradient(135deg, var(--list-accent) 0%, var(--list-accent-dark) 100%) !important;
  border: none !important;
  min-height: 56px;
  height: 56px;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: nowrap !important;
  gap: 12px;
}

.homePage > .page-titles .col-md-5,
.homePage > .page-titles .col-md-7,
.homePage > .row.page-titles > [class*="col-"] {
  max-width: none !important;
  flex: 1 1 auto !important;
  width: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  align-self: center !important;
}

.homePage > .page-titles .col-md-7,
.homePage > .row.page-titles .col-md-7 {
  flex: 0 0 auto !important;
  justify-content: flex-end !important;
  text-align: right !important;
}

.homePage > .page-titles .breadcrumb,
.homePage > .row.page-titles .breadcrumb {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

.homePage > .page-titles h3,
.homePage > .page-titles .text-themecolor,
.homePage > .row.page-titles h3,
.homePage > .row.page-titles .text-themecolor {
  color: #ffffff !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 1.15rem !important;
  font-weight: 650 !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center !important;
}

/* Body area inside card */
.homePage .mainbody,
.homePage > .mainbody.container,
.homePage > .mainbody {
  display: block !important;
  background: transparent !important;
  min-height: 0 !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 16px 20px 20px !important;
  border: none !important;
  box-shadow: none !important;
  overflow: visible !important;
}

/* Dashboard tiles — keep Bootstrap row horizontal */
.homePage .mainbody.row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  align-items: stretch !important;
  justify-content: center !important;
  margin-left: -10px !important;
  margin-right: -10px !important;
  padding: 28px 20px 32px !important;
  min-height: 280px;
}

.homePage .mainbody.row > [class*="col-"] {
  float: none !important;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: stretch;
  padding: 12px 14px !important;
  text-align: center;
}

.homePage .mainbody.row .dashboardimage {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  max-width: 220px;
  height: 100%;
  margin: 0 auto;
  text-decoration: none !important;
  padding: 14px 14px 16px;
  border-radius: 14px;
  border: 1px solid #e4ebf2;
  background: #ffffff;
  box-shadow: 0 2px 8px rgba(36, 48, 64, 0.05);
  transition: background 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.homePage .mainbody.row .dashboardimage:hover {
  background: #f7fbfe;
  border-color: #c5dced;
  box-shadow: 0 8px 20px rgba(36, 48, 64, 0.1);
  text-decoration: none !important;
  transform: translateY(-2px);
}

.homePage .mainbody.row .dashboard-media {
  width: 100%;
  height: 140px;
  border-radius: 10px;
  overflow: hidden;
  background: #f3f7fb;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 14px 0;
}

.homePage .mainbody.row .DashboardIcon {
  width: 100% !important;
  max-width: none !important;
  height: 140px !important;
  max-height: none !important;
  border: none !important;
  border-right: none !important;
  display: block;
  margin: 0;
  object-fit: cover;
  object-position: center;
}

/* Keep legacy PNG icons (e.g. Administration) centered without cropping awkwardly */
.homePage .mainbody.row .dashboard-media.is-icon .DashboardIcon,
.homePage .mainbody.row .DashboardIcon[src*="Administration"] {
  width: auto !important;
  max-width: 90px !important;
  height: auto !important;
  max-height: 100px !important;
  object-fit: contain;
}

.homePage .mainbody.row .bold-text {
  display: block;
  margin-top: 0;
  color: var(--list-accent-dark, #1f6fad) !important;
  font-family: "Montserrat", sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.3;
}

/* Filter / toolbar strip */
.homePage .listFilter,
.mainbody .listFilter,
.listFilter.row {
  background: #f5f8fb !important;
  border: 1px solid var(--list-line) !important;
  border-radius: 10px !important;
  margin: 0 0 16px 0 !important;
  padding: 14px !important;
  align-items: flex-end !important;
}

.homePage .listFilter label,
.homePage .listFilter > div > div:first-child,
.listFilter label,
.listFilter .form-group > label,
.listFilter .col-sm-4 > div:first-child,
.listFilter .col-sm-3 > div:first-child,
.listFilter .col-sm-2 > label,
.listFilter .col-lg-2 > label {
  display: block;
  margin-bottom: 6px;
  font-size: 12px !important;
  font-weight: 650 !important;
  color: var(--list-ink) !important;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.homePage .listFilter .form-control,
.listFilter .form-control {
  height: 40px !important;
  border: 1px solid var(--list-line) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  background: #fff !important;
}

.homePage .listFilter .form-control:focus,
.listFilter .form-control:focus {
  border-color: var(--list-accent) !important;
  box-shadow: 0 0 0 3px rgba(47, 143, 219, 0.18) !important;
}

/* Elevate primary Add actions into the blue header bar */
.homePage .listFilter input[type="submit"][value^="ADD"],
.homePage .listFilter input[type="submit"][value^="Add"],
.homePage .listFilter input[type="button"][value^="ADD"],
.homePage .listFilter input[type="button"][value^="Add"],
.homePage .mainbody input[type="submit"][value^="ADD"],
.homePage .mainbody input[type="submit"][value^="Add"],
.homePage .listFilter a.btn-info[id*="Add"],
.homePage .listFilter .btn-info[id*="Add"],
.homePage .listFilter .btn-info[id*="ADD"] {
  position: absolute !important;
  top: 10px !important;
  right: 16px !important;
  z-index: 5 !important;
  background: #ffffff !important;
  color: var(--list-accent-dark) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 650 !important;
  min-height: 38px !important;
  padding: 6px 14px !important;
  box-shadow: none !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

.homePage .listFilter input[type="submit"][value^="ADD"]:hover,
.homePage .listFilter input[type="submit"][value^="Add"]:hover,
.homePage .mainbody input[type="submit"][value^="ADD"]:hover,
.homePage .mainbody input[type="submit"][value^="Add"]:hover,
.homePage .listFilter .btn-info[id*="Add"]:hover {
  background: #f0f7fc !important;
  color: var(--list-accent-dark) !important;
}

/* Keep Search / Reset / secondary actions in the toolbar */
.homePage .listFilter .btn-success,
.homePage .listFilter input[value="Reset"],
.homePage .listFilter input[value="Search"],
.homePage .listFilter .btn-info[value="Search"],
.listFilter input[value="Search"],
.listFilter input[value="Reset"] {
  position: static !important;
  height: 40px;
  border-radius: 8px !important;
  font-weight: 650;
}

.homePage .listFilter .btn-success,
.listFilter .btn-success,
.listFilter input[value="Reset"] {
  background: #048104 !important;
  border-color: #048104 !important;
  color: #fff !important;
}

.homePage .listFilter input[value="Search"],
.listFilter input[value="Search"],
.listFilter .btn-info[value="Search"] {
  background: var(--list-accent) !important;
  border-color: var(--list-accent) !important;
  color: #fff !important;
}

/* Outline icon buttons (search / clear style) */
.homePage .listFilter .btn-outline-warning,
.listFilter .btn-outline-warning {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-color: #f69835 !important;
  color: #f69835 !important;
  background: #fff !important;
}

.homePage .listFilter .btn-secondary,
.listFilter .btn-secondary {
  width: 40px;
  height: 40px;
  padding: 0;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Tables */
.homePage .table-responsive,
.homePage .px-3,
.mainbody .table-responsive,
.mainbody .px-3 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.homePage table.table,
.homePage .table,
.mainbody table.table,
.mainbody .table,
.homePage .table-bordered,
.mainbody .table-bordered {
  margin-bottom: 0 !important;
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  background: #fff !important;
  border: none !important;
}

.homePage table.table > thead > tr > th,
.homePage .table > thead > tr > th,
.mainbody table.table > thead > tr > th,
.mainbody .table > thead > tr > th,
.homePage table.table tr.HeaderStyle > th,
.homePage table.table .HeaderStyle th,
.mainbody .HeaderStyle th,
.homePage .HeaderStyle,
.mainbody .HeaderStyle {
  background: #ffffff !important;
  color: var(--list-ink) !important;
  border: none !important;
  border-bottom: 2px solid var(--list-line) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 12px 14px !important;
  white-space: nowrap;
  vertical-align: middle;
}

.homePage table.table > thead > tr > th a,
.mainbody table.table > thead > tr > th a,
.homePage .HeaderStyle a,
.mainbody .HeaderStyle a {
  color: var(--list-ink) !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.homePage table.table > tbody > tr > td,
.mainbody table.table > tbody > tr > td,
.homePage .RowStyle td,
.homePage .AltRowStyle td,
.mainbody .RowStyle td,
.mainbody .AltRowStyle td {
  padding: 12px 14px !important;
  border-top: 1px solid var(--list-line) !important;
  border-bottom: none !important;
  border-left: none !important;
  border-right: none !important;
  vertical-align: middle !important;
  color: var(--list-ink);
  background: #fff !important;
  font-size: 14px;
}

.homePage table.table > tbody > tr:nth-child(even) > td,
.mainbody table.table > tbody > tr:nth-child(even) > td,
.homePage .AltRowStyle td,
.mainbody .AltRowStyle td {
  background: #f7fafc !important;
}

.homePage table.table > tbody > tr:hover > td,
.mainbody table.table > tbody > tr:hover > td {
  background: var(--list-accent-soft) !important;
}

.homePage table.table a,
.mainbody table.table a,
.homePage table.table a:link,
.mainbody table.table a:link {
  color: var(--list-accent-dark) !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}

.homePage table.table a:hover,
.mainbody table.table a:hover {
  text-decoration: underline !important;
}

/* Row action image buttons ? circular chip look */
.homePage table.table input[type="image"],
.mainbody table.table input[type="image"],
.homePage .grdactioncols input[type="image"],
.mainbody .grdactioncols input[type="image"] {
  width: 28px !important;
  height: 28px !important;
  padding: 4px !important;
  margin: 0 3px !important;
  border-radius: 50% !important;
  border: 1px solid #cfe3f5 !important;
  background: #fff !important;
  box-shadow: 0 1px 2px rgba(36, 48, 64, 0.06);
  vertical-align: middle;
}

.homePage table.table input[type="image"]:hover,
.mainbody table.table input[type="image"]:hover {
  border-color: var(--list-accent) !important;
  background: var(--list-accent-soft) !important;
}

/* Outline-style action links/buttons in grids */
.homePage table.table .btn-outline-primary,
.mainbody table.table .btn-outline-primary,
.homePage table.table .btn-sm.btn-outline-primary {
  border-radius: 8px !important;
  font-weight: 600;
  white-space: nowrap;
  border-color: var(--list-accent) !important;
  color: var(--list-accent-dark) !important;
  background: #fff !important;
}

.homePage .recordCount,
.mainbody .recordCount {
  color: var(--list-muted) !important;
  font-size: 13px;
  padding: 12px 0 0 !important;
  text-align: right;
}

/* PageHeader sections (Administration, etc.) */
.PageHeader {
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  padding: 14px 18px !important;
  margin: 0 0 16px 0 !important;
  background: linear-gradient(135deg, var(--list-accent) 0%, var(--list-accent-dark) 100%) !important;
  border: none !important;
  border-radius: 10px !important;
  color: #fff !important;
  min-height: auto !important;
}

.PageHeader .TitleDiv,
.PageHeader .Title,
.PageHeader label,
.PageHeader span {
  color: #fff !important;
  font-size: 1.05rem !important;
  font-weight: 650 !important;
  text-transform: none !important;
  margin: 0 !important;
}

.PageHeader .HeaderNavDiv .btn,
.PageHeader .btn {
  background: #fff !important;
  color: var(--list-accent-dark) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 650 !important;
  margin-left: 6px;
}

.PageHeader .HeaderNavDiv .btn:hover,
.PageHeader .btn:hover {
  background: #f0f7fc !important;
}

/* Card wrappers used on some admin/report pages */
.homePage .card,
.page-wrapper .card.card-outline-info,
.tab-content .table-responsive {
  border-radius: 10px;
}

.tabcontent-border {
  border-color: var(--list-line) !important;
  border-radius: 0 0 12px 12px;
}

@media (max-width: 767px) {
  .homePage .listFilter input[type="submit"][value^="ADD"],
  .homePage .listFilter input[type="submit"][value^="Add"],
  .homePage .mainbody input[type="submit"][value^="ADD"],
  .homePage .mainbody input[type="submit"][value^="Add"] {
    position: static !important;
    width: 100%;
    margin-top: 10px !important;
  }

  .homePage > .page-titles,
  .homePage > .row.page-titles {
    padding: 14px 16px !important;
  }

  .homePage .mainbody {
    padding: 12px !important;
  }
}


/* Room for Add button floated into blue header ? no longer needed;
   Add button now lives in the header flow (.btn-add). */

@media (max-width: 767px) {
  .homePage > .page-titles,
  .homePage > .row.page-titles {
    padding-right: 16px !important;
  }
}

/* EquipmentList Add ? handled by .list-header-action below */
.homePage .list-header-action input[type="submit"][id*="btnAddEquip"],
.homePage .list-header-action input[type="submit"][value*="Add Equipment"] {
  position: static !important;
  top: auto !important;
  right: auto !important;
}

/* Strip Bootstrap table chrome that fights the list look */
.homePage .table-bordered td,
.homePage .table-bordered th,
.mainbody .table-bordered td,
.mainbody .table-bordered th,
.homePage .table-striped tbody tr:nth-of-type(odd),
.mainbody .table-striped tbody tr:nth-of-type(odd) {
  border-color: transparent !important;
}

.homePage .table-hover tbody tr:hover,
.mainbody .table-hover tbody tr:hover {
  background-color: transparent !important;
}

/* Pager links */
.homePage .PagesLink a,
.homePage .PagesLink span,
.mainbody .PagesLink a,
.mainbody .PagesLink span,
.homePage .pagination > li > a,
.homePage .footable-pagination-wrapper a {
  color: var(--list-accent-dark) !important;
  font-weight: 600;
}

/* Nested admin cards: white panel around grids in tabs */
.card .card-body .PageHeader + .table-responsive,
.tab-pane .PageHeader + #GrdList2,
.tab-pane .PageHeader + .table-responsive {
  background: #fff;
  border: 1px solid var(--list-line);
  border-radius: 10px;
  padding: 8px 12px 12px;
  overflow: auto;
}


/* ============================================================
   List toolbar alignment fix (Premier-style horizontal filters)
   ============================================================ */
.homePage .list-toolbar,
.homePage .listFilter.list-toolbar {
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end !important;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
}

.homePage .list-toolbar .field {
  flex: 1 1 160px;
  min-width: 140px;
  max-width: 220px;
}

.homePage .list-toolbar .field-search {
  flex: 2 1 220px;
  min-width: 180px;
  max-width: 420px;
}

.homePage .list-toolbar .actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
  padding-bottom: 0;
}

.homePage .list-toolbar .form-control,
.homePage .list-toolbar select.form-control {
  width: 100% !important;
  display: block !important;
}

.homePage .list-toolbar label {
  display: block;
  margin-bottom: 6px;
}

/* Nested listFilter must not create a second gray box / break row layout */
.homePage .listFilter .listFilter,
.listFilter .listFilter {
  background: transparent !important;
  border: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  display: flex !important;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  width: 100%;
}

/* Bootstrap columns inside toolbar ? horizontal flex items */
.homePage > .mainbody > .listFilter.row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-end !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 100% !important;
}

.homePage > .mainbody > .listFilter.row > [class*="col-"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  flex: 1 1 auto;
  padding-left: 0 !important;
  padding-right: 12px !important;
}

.homePage .listFilter .listFilter.row > [class*="col-"] {
  float: none !important;
  flex: 1 1 140px;
  max-width: 220px;
  width: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

/* Add button in blue page-titles header */
.homePage > .page-titles .btn-add,
.homePage > .row.page-titles .btn-add,
.homePage > .page-titles input.btn-add,
.homePage > .row.page-titles input.btn-add {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  color: var(--list-accent-dark) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 650 !important;
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  line-height: 1 !important;
  box-shadow: none !important;
  text-transform: none !important;
  white-space: nowrap;
  vertical-align: middle;
}

.homePage > .page-titles .btn-add:hover,
.homePage > .row.page-titles .btn-add:hover {
  background: #f0f7fc !important;
  color: var(--list-accent-dark) !important;
}

@media (max-width: 767px) {
  .homePage > .page-titles,
  .homePage > .row.page-titles {
    height: auto !important;
    min-height: 56px;
    padding: 10px 16px !important;
    flex-wrap: wrap !important;
  }
}

/* Table header alignment ? left-align like Premier */
.homePage table.table > thead > tr > th,
.homePage .table > thead > tr > th,
.homePage table.table tr.HeaderStyle > th,
.homePage .HeaderStyle th,
.homePage .HeaderStyle,
.mainbody .HeaderStyle th,
.homePage table.table th {
  text-align: left !important;
  color: var(--list-ink) !important;
  background: #fff !important;
}

.homePage table.table > thead > tr > th a,
.homePage .HeaderStyle a,
.homePage table.table th a,
.homePage .table-header a {
  color: var(--list-ink) !important;
  font-weight: 700 !important;
}

.homePage table.table > tbody > tr > td,
.homePage .RowStyle td,
.homePage .AltRowStyle td {
  text-align: left !important;
}

.homePage table.table td.grdactioncols,
.homePage .grdactioncols {
  text-align: center !important;
  white-space: nowrap;
}


/* Issues / multi-field toolbar extras */
.homePage .list-toolbar .field-search {
  flex: 2 1 200px;
  min-width: 160px;
  max-width: 360px;
}

.homePage .list-toolbar .field-checks {
  flex: 0 0 auto;
  min-width: 120px;
  max-width: 160px;
}

.homePage .list-toolbar .check-row {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 40px;
}

.homePage .list-toolbar .check-item {
  display: inline-flex !important;
  align-items: center;
  gap: 6px;
  margin: 0 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  color: var(--list-ink) !important;
  cursor: pointer;
}

.homePage .list-toolbar .check-item input[type="checkbox"] {
  margin: 0;
  width: 16px;
  height: 16px;
}

.homePage .list-toolbar .actions .btn,
.homePage .list-toolbar .actions input.btn {
  height: 40px !important;
  min-width: 88px;
  border-radius: 8px !important;
  font-weight: 650;
  position: static !important;
}

.homePage .list-toolbar .actions .btn-info,
.homePage .list-toolbar .actions input.btn-info {
  background: var(--list-accent) !important;
  border-color: var(--list-accent) !important;
  color: #fff !important;
}

/* Keep LoginView Add button styled in header */
.homePage > .page-titles .btn-add,
.homePage > .row.page-titles .btn-add,
.homePage > .page-titles input.btn-add,
.homePage > .row.page-titles input[value*="Add New Issue"],
.homePage > .row.page-titles input[value*="ADD NEW ISSUE"] {
  background: #ffffff !important;
  color: var(--list-accent-dark) !important;
  border: none !important;
}


/* Equipment (and similar) Add button ? pin into blue page header */
.homePage .list-header-action {
  position: absolute;
  top: 10px;
  right: 20px;
  z-index: 6;
  margin: 0;
  padding: 0;
}

.homePage .list-header-action .btn-add,
.homePage .list-header-action input.btn-add,
.homePage .list-header-action input[type="submit"] {
  position: static !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  background: #ffffff !important;
  color: var(--list-accent-dark) !important;
  border: none !important;
  border-radius: 8px !important;
  font-weight: 650 !important;
  height: 36px !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  margin: 0 !important;
  box-shadow: none !important;
  text-transform: none !important;
  white-space: nowrap;
  text-decoration: none !important;
}

.homePage .list-header-action .btn-add:hover,
.homePage .list-header-action input.btn-add:hover,
.homePage .list-header-action input[type="submit"]:hover {
  background: #f0f7fc !important;
  color: var(--list-accent-dark) !important;
  text-decoration: none !important;
}

@media (max-width: 767px) {
  .homePage .list-header-action {
    position: static;
    display: flex;
    justify-content: flex-end;
    margin: 0 0 10px 0;
    padding: 0 4px;
  }
}


/* ============================================================
   Compact top bar (logo row + horizontal nav)
   ============================================================ */
.topbar .top-navbar {
  min-height: 56px !important;
  max-height: 56px;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0 12px !important;
  align-items: center;
}

.topbar .top-navbar .navbar-header {
  line-height: 56px !important;
  height: 56px;
  padding-left: 4px !important;
  display: flex;
  align-items: center;
}

.topbar .top-navbar .navbar-header .navbar-brand {
  display: flex !important;
  align-items: center;
  height: 56px;
  margin: 0 !important;
  padding: 0 !important;
}

.topbar .top-navbar .navbar-header .navbar-brand b {
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center;
  height: auto !important;
  margin: 0 !important;
}

.topbar .top-navbar .navbar-header .navbar-brand .light-logo,
.topbar .navbar-header .navbar-brand .logo_vertiv .light-logo,
.logo_vertiv .light-logo,
.logo_vertiv img {
  max-height: 28px !important;
  width: auto !important;
  height: 28px !important;
  display: block !important;
}

.logo_vertiv {
  background: transparent !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center;
  line-height: 1;
}

.topbar .top-navbar .navbar-nav > .nav-item > .nav-link {
  line-height: 56px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  font-size: 15px !important;
}

.topbar .top-navbar .navbar-nav > .nav-item > span {
  line-height: 56px !important;
  font-size: 18px !important;
}

.topbar .navbar-collapse {
  padding: 0 !important;
  display: flex !important;
  align-items: center;
}

/* Slimmer horizontal menu under the logo bar */
.left-sidebar {
  min-height: 0 !important;
}

.left-sidebar .scroll-sidebar,
.mini-sidebar .scroll-sidebar {
  height: auto !important;
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0 8px !important;
}

.sidebar-nav #sidebarnav {
  padding: 4px 0 !important;
  gap: 2px !important;
  align-items: center;
}

.sidebar-nav #sidebarnav > li > a {
  padding: 7px 12px !important;
  font-size: 13px !important;
  border-radius: 8px;
  gap: 6px;
}

.sidebar-nav #sidebarnav > li > a i {
  font-size: 14px;
  width: 16px;
}

/* Project dropdown / issues text in nav area */
.left-sidebar .form-control,
.left-sidebar select {
  height: 32px !important;
  min-height: 32px !important;
  padding: 2px 8px !important;
  font-size: 13px !important;
}

@media (min-width: 768px) {
  .fix-header.fix-sidebar .left-sidebar,
  .fix-header .left-sidebar {
    padding-top: 56px !important;
  }

  .mini-sidebar .page-wrapper,
  .fix-header.fix-sidebar .page-wrapper {
    padding-top: 12px !important;
  }
}


/* Project header menu on the right of horizontal nav ? keep compact */
.left-sidebar .scroll-sidebar {
  align-items: center !important;
}

.left-sidebar #Header_Menu {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 4px 8px 4px 0;
  flex-shrink: 0;
}

.left-sidebar #Header_Project {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  gap: 2px;
  line-height: 1.2;
}

.left-sidebar #ProjectDropDown select,
.left-sidebar .topdropdown-style {
  height: 30px !important;
  min-height: 30px !important;
  max-width: 260px;
  font-size: 12px !important;
  padding: 2px 8px !important;
}

.left-sidebar #Header_Project a {
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap;
}


/* ============================================================
   Compact footer ? copyright centered, links on the right
   ============================================================ */
.footer {
  position: relative !important;
  bottom: auto !important;
  left: auto !important;
  right: auto !important;
  padding: 4px 16px !important;
  min-height: 32px !important;
  max-height: 36px !important;
  height: 36px !important;
  line-height: 28px !important;
  font-size: 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  box-sizing: border-box !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
  overflow: hidden;
}

.footer::after {
  content: none !important;
  display: none !important;
}

.footer > div {
  float: none !important;
  padding: 0 !important;
  margin: 0 !important;
  line-height: 28px !important;
}

/* Copyright text ? center of footer */
.footer > div:first-child {
  display: block !important;
  width: auto;
  text-align: center !important;
  flex: 0 0 auto;
}

/* Help / Report Issue ? stay on the right */
.footer > div:last-child {
  position: absolute !important;
  right: 16px;
  top: 0;
  bottom: 0;
  display: flex !important;
  align-items: center !important;
  text-align: right !important;
  white-space: nowrap;
  transform: none !important;
}

.footer a {
  font-size: 12px !important;
  line-height: 1.3 !important;
}

/* Stop page content from forcing a huge empty bottom area */
.page-wrapper {
  padding-bottom: 12px !important;
}

.page-wrapper.minHeight,
.minHeight {
  min-height: auto !important;
}

#main-wrapper {
  min-height: 100vh;
  display: flex !important;
  flex-direction: column !important;
}

#main-wrapper > .page-wrapper {
  flex: 1 0 auto;
}

/* Force smaller Verify Equipment button (beats Bootstrap .btn padding) */
.topbar a.btn.btn-primary.btn-sm.btn-verify-equipment,
.topbar .navbar-nav a.btn.btn-primary.btn-verify-equipment,
a#lnkVerifyEquipment.btn-verify-equipment,
a.btn-verify-equipment {
  height: 28px !important;
  min-height: 28px !important;
  max-height: 28px !important;
  padding: 0 10px !important;
  font-size: 11px !important;
  line-height: 28px !important;
  border-radius: 5px !important;
}