/* KTC pearl steel shell theme */
:root {
    --ktc-shell-header-start: #fbfcfd;
    --ktc-shell-header-end: #e9eef3;
    --ktc-shell-sidebar-start: #ffffff;
    --ktc-shell-sidebar-end: #f1f5f7;
    --ktc-shell-border: #cfd8df;
    --ktc-shell-soft-border: #e1e8ed;
    --ktc-shell-text: #24313a;
    --ktc-shell-muted: #64727c;
    --ktc-shell-accent: #247c88;
    --ktc-shell-accent-dark: #185965;
    --ktc-shell-active: #e3f1f3;
    --ktc-shell-hover: #edf5f7;
}

.navbar-bg {
    background: linear-gradient(180deg, #d9e2e8 0%, #edf2f5 100%) !important;
    box-shadow: inset 0 -1px 0 rgba(39, 60, 72, 0.14);
}

.main-navbar {
    background: linear-gradient(180deg, var(--ktc-shell-header-start) 0%, var(--ktc-shell-header-end) 100%) !important;
    border-bottom: 1px solid var(--ktc-shell-border);
    box-shadow: 0 10px 24px rgba(34, 51, 63, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.95) !important;
}

.main-navbar .nav-link,
.main-navbar .nav-link .feather {
    color: var(--ktc-shell-text) !important;
}

.main-navbar .nav-link:hover,
.main-navbar .nav-link:hover .feather {
    color: var(--ktc-shell-accent-dark) !important;
}

.main-navbar .btn-outline-primary {
    background: linear-gradient(180deg, #ffffff 0%, #eef4f6 100%);
    border-color: #9bb8c0;
    box-shadow: 0 2px 5px rgba(36, 124, 136, 0.12);
    color: var(--ktc-shell-accent-dark);
    font-weight: 700;
}

.main-navbar .btn-outline-primary:hover,
.main-navbar .btn-outline-primary:focus {
    background: linear-gradient(180deg, #2f8d9a 0%, #1f6875 100%) !important;
    border-color: #1f6875 !important;
    color: #ffffff !important;
}

.main-navbar #quickBookingJourneyInput {
    background: #ffffff;
    border-color: #cbd9df;
    box-shadow: inset 0 1px 2px rgba(36, 49, 58, 0.06);
    color: var(--ktc-shell-text);
}

.main-navbar #quickBookingJourneyInput:focus {
    border-color: #74a9b3;
    box-shadow: 0 0 0 3px rgba(36, 124, 136, 0.12);
}

.main-navbar #quickBookingJourneyForm .btn-primary {
    background: linear-gradient(180deg, #2f8d9a 0%, #206d79 100%);
    border-color: #206d79;
    box-shadow: 0 3px 8px rgba(36, 124, 136, 0.22);
}

.main-sidebar {
    background: linear-gradient(180deg, var(--ktc-shell-sidebar-start) 0%, var(--ktc-shell-sidebar-end) 100%) !important;
    border-right: 1px solid var(--ktc-shell-border);
    box-shadow: 8px 0 24px rgba(34, 51, 63, 0.09), inset -1px 0 0 rgba(255, 255, 255, 0.95);
}

.main-sidebar .sidebar-brand {
    background: linear-gradient(180deg, #ffffff 0%, #eef4f6 100%);
    border-bottom: 1px solid var(--ktc-shell-soft-border);
    box-shadow: 0 5px 14px rgba(34, 51, 63, 0.08), inset 0 -1px 0 rgba(255, 255, 255, 0.95);
}

.main-sidebar .sidebar-brand .logo-name {
    color: #151f26;
    letter-spacing: 1.4px;
    text-shadow: 0 1px 0 #ffffff;
    white-space: normal;
    overflow: visible;
    min-width: 0;
    line-height: 1.08;
    text-align: left;
    overflow-wrap: anywhere;
}

.main-sidebar .sidebar-brand .brand-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-width: 0;
    height: 100%;
    padding: 0 8px 0 14px;
}

.main-sidebar .sidebar-brand .brand-logo-img {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    border-radius: 8px;
    object-fit: contain;
    background: #ffffff;
    border: 1px solid rgba(34, 51, 63, 0.12);
    box-shadow: 0 2px 8px rgba(34, 51, 63, 0.12);
}

.main-sidebar .sidebar-brand .brand-logo-img + .logo-name {
    letter-spacing: 1px;
    font-size: 18px;
    max-width: calc(100% - 44px);
}

.main-sidebar .input-group {
    border-radius: 6px;
    box-shadow: 0 3px 8px rgba(34, 51, 63, 0.08);
}

.main-sidebar .input-group-text,
.main-sidebar #sidebar-module-search {
    background: #ffffff;
    border-color: #d3dde3;
    color: var(--ktc-shell-muted);
}

.main-sidebar #sidebar-module-search:focus {
    border-color: #7eafb8;
    box-shadow: 0 0 0 3px rgba(36, 124, 136, 0.1);
}

.main-sidebar .sidebar-menu .menu-header {
    color: #7a8790;
    font-weight: 800;
    letter-spacing: 0.8px;
}

.main-sidebar .sidebar-menu li a {
    color: var(--ktc-shell-text);
}

.main-sidebar .sidebar-menu li a i {
    color: #677984;
}

.main-sidebar .sidebar-menu li a:hover {
    background: linear-gradient(180deg, #f8fbfc 0%, var(--ktc-shell-hover) 100%);
    color: var(--ktc-shell-accent-dark);
    box-shadow: inset 3px 0 0 rgba(36, 124, 136, 0.24);
}

.main-sidebar .sidebar-menu li a:hover i {
    color: var(--ktc-shell-accent);
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a,
.main-sidebar .sidebar-menu li.active > a,
.main-sidebar .sidebar-menu li > a.toggled,
.main-sidebar .sidebar-menu li > a:focus,
.main-sidebar .sidebar-menu li > a:active {
    background: linear-gradient(180deg, #f0f8fa 0%, var(--ktc-shell-active) 100%) !important;
    color: var(--ktc-shell-accent-dark) !important;
    box-shadow: inset 4px 0 0 var(--ktc-shell-accent), 0 3px 10px rgba(36, 124, 136, 0.13);
}

body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li.active > a:before,
body:not(.sidebar-mini) .sidebar-style-2 .sidebar-menu > li > a.toggled:before {
    background-color: var(--ktc-shell-accent) !important;
}

.main-sidebar .sidebar-menu li.active > a i,
.main-sidebar .sidebar-menu li > a.toggled i,
.main-sidebar .sidebar-menu li > a:focus i,
.main-sidebar .sidebar-menu li > a:active i,
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a,
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a i {
    color: var(--ktc-shell-accent-dark) !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a,
body.sidebar-mini .main-sidebar .sidebar-menu > li > a.toggled {
    background: linear-gradient(180deg, #f0f8fa 0%, var(--ktc-shell-active) 100%) !important;
    box-shadow: inset 4px 0 0 var(--ktc-shell-accent), 0 4px 10px rgba(36, 124, 136, 0.18) !important;
    color: var(--ktc-shell-accent-dark) !important;
}

body.sidebar-mini .main-sidebar .sidebar-menu > li.active > a i,
body.sidebar-mini .main-sidebar .sidebar-menu > li > a.toggled i,
body.sidebar-mini .main-sidebar .sidebar-menu > li ul.dropdown-menu li.active > a {
    color: var(--ktc-shell-accent-dark) !important;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu {
    background: rgba(255, 255, 255, 0.42);
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a.nav-link {
    color: #435761;
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a.nav-link,
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a.nav-link:hover,
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a.nav-link:focus,
.main-sidebar .sidebar-menu li ul.dropdown-menu li.active > a.nav-link:active {
    background: linear-gradient(180deg, #f2f9fb 0%, var(--ktc-shell-active) 100%) !important;
    color: var(--ktc-shell-accent-dark) !important;
    box-shadow: inset 4px 0 0 var(--ktc-shell-accent), 0 3px 8px rgba(36, 124, 136, 0.1);
}

.main-sidebar .sidebar-menu li ul.dropdown-menu li a.nav-link:hover {
    background: #eef6f8 !important;
}

/*# sourceMappingURL=data:application/json;charset=utf8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY3VzdG9tLmNzcyIsInNvdXJjZXMiOlsiY3VzdG9tLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9 */

/*# sourceMappingURL=custom.css.map */