@charset "utf-8";
/* ==========================================
   Mobile Responsive Styles
   For free-cp-admin mobile optimization
   ========================================== */

@media screen and (max-width: 768px) {
    /* Reset body layout for mobile */
    body {
        overflow-x: hidden;
    }

    #wrapper {
        padding-top: 0;
    }

    /* Mobile menu overlay */
    .mobile-menu-overlay {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        z-index: 2000;
    }

    .mobile-menu-overlay.show {
        display: block;
    }

    /* Mobile: side menu - hidden by default */
    .navbar-default.navbar-static-side {
        position: fixed !important;
        top: 0 !important;
        left: -280px !important;
        height: 100% !important;
        width: 280px !important;
        z-index: 2001 !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        background: #2f4050;
        transition: left 0.3s ease;
    }

    /* Show menu when active */
    .navbar-default.navbar-static-side.mobile-open {
        left: 0 !important;
    }

    /* Mobile menu: show nav content when open (except submenu) */
    .navbar-default.navbar-static-side.mobile-open .nav-label,
    .navbar-default.navbar-static-side.mobile-open .fa.arrow {
        display: inline-block !important;
    }
    
    .navbar-default.navbar-static-side.mobile-open .nav-header > div:first-child {
        display: none !important;
    }

    .navbar-default.navbar-static-side.mobile-open .logo-element {
        display: none !important;
    }

    /* Submenu styles handled by metisMenu/bootstrap collapse */

    /* Mobile: nav header */
    .navbar-default.navbar-static-side .nav-header {
        padding: 0 15px;
        background: transparent !important;
        text-align: left;
        display: flex;
        align-items: center;
        height: 50px;
    }

    .navbar-default.navbar-static-side .nav-header img {
        width: 32px !important;
        height: 32px !important;
        margin: 0 10px 0 0 !important;
    }

    .navbar-default.navbar-static-side .nav-header h3 {
        margin: 0 !important;
        font-size: 16px;
        line-height: 32px;
    }

    /* Mobile: nav items */
    .navbar-default.navbar-static-side .nav > li > a {
        padding: 12px 15px;
        font-size: 14px;
        color: #a7b1c2;
    }

    .navbar-default.navbar-static-side .nav > li > a i {
        margin-right: 8px;
        font-size: 16px;
    }

    .navbar-default.navbar-static-side .nav > li > a .nav-label {
        display: inline-block;
    }

    .navbar-default.navbar-static-side .nav > li > a .fa.arrow {
        float: right;
        margin-top: 2px;
        transition: transform 0.2s;
    }

    .navbar-default.navbar-static-side .nav > li > a .fa.arrow:before {
        content: "\f105";
    }

    .navbar-default.navbar-static-side .nav > li.active > a .fa.arrow:before {
        content: "\f107";
    }

    .navbar-default.navbar-static-side .nav > li.active > a {
        color: #ffffff;
        background: #293846;
    }

    /* Mobile: submenu */
    .navbar-default.navbar-static-side.mobile-open .nav-second-level {
        background: transparent;
    }
    
    body.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav-second-level,
    body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .navbar-default.navbar-static-side.mobile-open .nav-second-level,
    .navbar-default.navbar-static-side.mobile-open .nav-second-level {
        display: none;
    }
    
    body.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav-second-level.in,
    body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .navbar-default.navbar-static-side.mobile-open .nav-second-level.in,
    .navbar-default.navbar-static-side.mobile-open .nav-second-level.in,
    .navbar-default.navbar-static-side.mobile-open .nav-second-level.collapse.in {
        display: block !important;
        position: static !important;
        width: 100% !important;
    }

    /* Reset PC hover popout behaviors on mobile */
    body.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level,
    body.fixed-sidebar.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level,
    body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level {
        position: static !important;
        display: none;
        top: auto !important;
        left: auto !important;
        background-color: transparent !important;
        min-width: 100% !important;
    }

    body.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level.in,
    body.fixed-sidebar.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level.in,
    body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level.in {
        display: block !important;
    }

    body.fixed-sidebar.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > a > span.nav-label {
        position: static !important;
        display: inline-block !important;
        background: transparent !important;
        border: none !important;
        padding: 0 !important;
        text-align: left !important;
        top: auto !important;
        left: auto !important;
    }

    body.fixed-sidebar.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav > li:hover > a {
        background-color: transparent !important;
        border-bottom: none !important;
    }
    
    body.fixed-sidebar.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav > li.active:hover > a {
        background-color: transparent !important;
    }

    .navbar-default.navbar-static-side .nav-second-level li a {
        padding: 10px 15px 10px 45px;
        font-size: 13px;
        color: #a7b1c2;
    }

    .navbar-default.navbar-static-side .nav-second-level li a:hover {
        color: #ffffff;
        background: rgba(0,0,0,0.1);
    }

    .navbar-default.navbar-static-side .nav-second-level li.active > a {
        color: #ffffff;
    }

    /* Mobile: nav close button */
    .navbar-default.navbar-static-side .nav-close {
        display: none !important;
    }

    

    /* Page wrapper adjustments */
    #page-wrapper {
        margin: 0 !important;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
    }

    /* Navbar header */
    .border-bottom {
        background: #fff;
        border-bottom: 1px solid #e7eaec;
    }

    .navbar-fixed-top,
    .navbar-static-top {
        position: relative;
        height: 50px;
    }

    .navbar > .container-fluid {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }

    .navbar-collapse {
        display: flex !important;
        padding: 0;
    }

    .navbar-top-links {
        display: flex;
        align-items: center;
        gap: 5px;
        margin-left: auto;
    }

    .navbar-top-links li {
        display: inline-block;
    }

    .navbar-top-links li.hidden-xs {
        display: none !important;
    }

    .navbar-top-links li a {
        padding: 10px 12px; /* Bigger tap area */
        min-height: auto;
        font-size: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .navbar-top-links li a i {
        font-size: 20px; /* Bigger icon for user settings */
    }

    .navbar-top-links li a span {
        display: none;
    }

    /* Show hamburger menu button */
    .navbar-minimalize {
        display: inline-block !important;
        margin: 7px 15px !important;
        padding: 5px 12px !important;
        width: auto !important;
        min-height: 36px !important;
        height: 36px !important;
        line-height: 24px !important;
        box-sizing: border-box;
    }

    /* Content area */
    .wrapper.wrapper-content {
        padding: 10px;
    }

    .content-tabs {
        display: flex !important;
        position: relative;
        height: 40px;
        line-height: 40px;
        border-bottom: 1px solid #e7eaec;
        background: #fafafa;
        overflow: hidden;
    }

    .content-tabs .roll-left {
        display: none !important;
    }

    .content-tabs .roll-right.J_tabRight {
        display: none !important;
    }
    
    .content-tabs .J_tabExit {
        display: flex !important;
        align-items: center;
        justify-content: center;
        width: 40px !important;
        position: relative;
        font-size: 0 !important; /* Hide text */
        height: 40px; /* Make sure it takes full height */
        line-height: 40px;
    }
    .content-tabs .J_tabExit i {
        font-size: 16px !important; /* Make icon slightly larger and visible */
        margin: 0 !important;
    }

    .content-tabs .roll-nav {
        display: block;
        width: 40px;
        height: 40px;
        text-align: center;
        color: #999;
        z-index: 2;
        background: #fff;
    }

    .content-tabs .J_tabClose {
        display: block !important;
        width: 40px;
    }
    
    .content-tabs .btn-group.roll-nav.roll-right {
        display: none !important;
    }

    .content-tabs button.dropdown {
        padding: 0;
        width: 40px;
        height: 40px;
        background: #fff;
        border: none;
        border-left: 1px solid #eee;
    }

    .content-tabs button.dropdown span.caret {
        display: none;
    }
    
    .content-tabs button.dropdown::after {
        content: "\f107";
        font-family: "FontAwesome";
    }
    
    /* remove text from dropdown button */
    .content-tabs button.dropdown {
        font-size: 0;
    }
    .content-tabs button.dropdown::after {
        font-size: 14px;
    }

    .page-tabs {
        flex: 1;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
        margin-left: 0 !important;
    }

    .page-tabs::-webkit-scrollbar {
        display: none;
    }

    .page-tabs-content {
        display: inline-flex;
        white-space: nowrap;
        height: 100%;
    }

    .page-tabs a {
        display: inline-flex;
        align-items: center;
        padding: 0 18px;
        height: 100%;
        font-size: 14px;
        white-space: nowrap;
        border-right: 1px solid #e7eaec;
        text-decoration: none;
    }

    

    

    .page-tabs a i {
        margin-left: 8px;
        font-size: 14px;
        padding: 8px 0 8px 8px; /* enlarge tap area of the close icon */
    }

    

    /* Main content area */
    #content-main {
        flex: 1;
        height: calc(100vh - 95px) !important;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background: #fff;
    }

    #content-main .J_iframe {
        width: 100%;
        height: 100%;
        border: none;
        display: block;
    }

    .J_mainContent {
        flex: 1;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    /* Footer */
    .footer {
        position: relative;
        flex-shrink: 0;
        padding: 10px;
        text-align: center;
        background: #fff;
        border-top: 1px solid #e7eaec;
    }

    /* Ibox (card) styles */
    .ibox {
        margin-bottom: 10px;
    }

    .ibox-title {
        padding: 10px 15px;
        min-height: auto;
    }

    .ibox-title h5 {
        font-size: 14px;
    }

    .ibox-content {
        padding: 15px;
    }

    .ibox-tools {
        float: none;
        display: block;
        margin-top: 5px;
        text-align: right;
    }

    /* Form styles */
    .gg-form {
        padding: 10px;
    }

    .gg-formGroup {
        margin-bottom: 10px;
    }

    .gg-formGroup .gg-formTitle {
        width: 100%;
        text-align: left;
        padding-right: 0;
        margin-bottom: 5px;
    }

    .gg-formGroup .gg-formDetail,
    .gg-formGroup .gg-dashed {
        width: 100% !important;
        position: relative;
    }
    
    .gg-formGroup .gg-formDetail .form-control {
        width: 100% !important;
        display: block;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 14px;
        box-sizing: border-box;
    }

    .gg-area {
        width: 100%;
        display: block;
        padding-right: 0;
    }

    .form-group {
        margin-bottom: 10px;
    }

    .form-control {
        font-size: 14px;
        padding: 8px 10px;
    }

    /* Table styles */
    .table-responsive {
        border: none;
        margin-bottom: 10px;
    }

    .table {
        font-size: 12px;
    }

    .table th,
    .table td {
        padding: 8px 5px;
        vertical-align: middle;
    }

    .bootstrap-table .table {
        border-collapse: collapse !important;
    }

    /* Button styles */
    .btn {
        padding: 8px 12px;
        font-size: 13px;
        margin-bottom: 5px;
    }

    .btn-group,
    .btn-group-vertical {
        margin-bottom: 5px;
    }

    /* Panel styles */
    .panel {
        margin-bottom: 10px;
    }

    .panel-heading {
        padding: 10px 15px;
    }

    .panel-body {
        padding: 15px;
    }

    /* Modal adjustments */
    .modal-dialog {
        margin: 10px;
        width: auto;
    }

    .modal-content {
        max-height: calc(100vh - 20px);
        overflow-y: auto;
    }

    .modal-header {
        padding: 10px 15px;
    }

    .modal-body {
        padding: 15px;
    }

    .modal-footer {
        padding: 10px 15px;
    }

    /* Nav tabs */
    .nav-tabs > li {
        float: none;
        margin-bottom: -1px;
    }

    .nav-tabs > li > a {
        padding: 10px 15px;
    }

    /* Search form */
    .navbar-form {
        padding: 10px;
        margin: 0;
        border: none;
    }

    .navbar-form-custom .form-control {
        height: 40px;
        font-size: 13px;
    }

    /* Dropdown menu */
    .dropdown-menu {
        position: absolute;
        top: 100%;
        width: 100%;
        min-width: 200px;
        max-height: 300px;
        overflow-y: auto;
    }

    .navbar-top-links .dropdown-menu {
        position: fixed;
        left: 10px;
        right: 10px;
        width: auto;
    }

    .navbar-top-links .dropdown-user {
        position: fixed;
        right: 10px;
        left: auto;
        width: 200px;
    }

    /* Toolbar */
    .toolbar {
        margin-bottom: 10px;
    }

    .toolbar .btn {
        width: 100%;
        margin-bottom: 5px;
    }

    /* Search box in toolbar */
    .toolbar .form-control {
        width: 100%;
        margin-bottom: 5px;
    }

    /* Fix select/chosen for mobile */
    .chosen-container {
        width: 100% !important;
        font-size: 14px;
    }

    .chosen-container-single .chosen-single {
        height: 34px;
        line-height: 34px;
    }

    /* Tree view */
    .ztree {
        font-size: 13px;
    }

    /* Pagination */
    .pagination {
        font-size: 12px;
        margin: 10px 0;
    }

    .pagination > li > a,
    .pagination > li > span {
        padding: 5px 8px;
    }

    /* Right sidebar */
    #right-sidebar {
        width: 100% !important;
        right: -100%;
    }

    #right-sidebar.sidebar-open {
        right: 0;
    }

    /* File upload */
    .fileinput-button {
        width: 100%;
        margin-bottom: 10px;
    }

    .fileinput-button input {
        width: 100%;
        height: 34px;
    }

    /* Dashboard cards */
    .ibox.float-e-margins {
        margin-bottom: 10px;
    }

    .stat-percent {
        font-size: 12px;
    }

    .stat-list li {
        font-size: 12px;
        padding: 5px 0;
    }

    /* Text utilities */
    .text-center-sm {
        text-align: center;
    }

    .hidden-xs-only {
        display: none;
    }

    /* Flex utilities for mobile */
    .row-flex {
        display: flex;
        flex-wrap: wrap;
    }

    .col-flex {
        flex: 1;
        min-width: 200px;
    }

    /* Touch improvements */
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea {
        min-height: 44px;
        min-width: 44px;
    }

    /* Remove fixed positioning */
    .fixed-nav #wrapper {
        padding-top: 0;
    }

    /* Toastr */
    #toast-container > div {
        max-width: 90%;
    }

    /* ==========================================
       Iframe Content / Feature Pages Optimization 
       ========================================== */

    /* Inputs & Forms */
    input[type="text"], input[type="password"], input[type="email"], 
    input[type="number"], input[type="search"], input[type="tel"], 
    input[type="url"], textarea, select {
        font-size: 16px !important; /* Prevents iOS auto-zoom on focus */
    }
    
    .form-horizontal .form-group {
        margin-left: 0;
        margin-right: 0;
    }
    .form-inline .form-group {
        display: block;
        margin-bottom: 10px;
    }
    .form-inline .form-control {
        width: 100% !important;
        display: block;
        height: 40px !important;
        line-height: 40px !important;
        font-size: 14px;
        box-sizing: border-box;
    }
    
    /* Search box and Toolbar */
    .columns.pull-right {
        float: none !important;
        display: flex;
        width: 100%;
        margin-top: 10px;
    }
    .columns.pull-right .btn-group,
    .columns.pull-right button {
        flex: 1;
    }
    
    .fixed-table-toolbar .bars,
    .fixed-table-toolbar .search,
    .fixed-table-toolbar .columns {
        float: none !important;
        width: 100% !important;
        margin-top: 10px;
        margin-bottom: 0;
    }
    
    .fixed-table-toolbar .search input {
        width: 100% !important;
        height: 40px !important;
    }

    /* Buttons inside the feature pages */
    /* Fix mismatched heights for toolbar action buttons */
    .columns.pull-right .btn-group {
        display: flex;
    }
    .columns.pull-right .btn-group > .btn {
        flex: 1;
        border-radius: 4px;
        margin: 0 2px;
        min-height: 38px; /* unify heights */
    }

        .form-group .btn, .fixed-table-toolbar .btn {
        padding: 0 12px !important;
        height: 38px !important;
        line-height: 38px !important;
        font-size: 13px !important;
        border-radius: 4px !important;
        vertical-align: middle;
        box-sizing: border-box;
    }
    
    .fixed-table-toolbar .columns button.btn,
    .fixed-table-toolbar .columns .btn-group > .btn {
        height: 38px !important;
    }

    .fixed-table-body .btn {
        padding: 4px 8px !important;
        font-size: 12px !important;
        margin: 2px !important;
        min-height: auto !important;
        min-width: auto !important;
        width: auto !important;
        height: auto !important;
        line-height: 1.5 !important;
    }
    .fixed-table-body .btn.hidden {
        display: none !important;
    }
    .fixed-table-body .btn i {
        margin-right: 0 !important;
    }
    
    /* Checkboxes (Select All etc.) */
    .bs-checkbox {
        width: 40px !important;
        text-align: center !important;
    }
    .bs-checkbox input[type="checkbox"], 
    .bs-checkbox input[type="radio"],
    .radio input[type="radio"], 
    .radio-inline input[type="radio"], 
    .checkbox input[type="checkbox"], 
    .checkbox-inline input[type="checkbox"] {
        margin: 0 !important;
    }
    input[type=checkbox], 
    input[type=radio] {
        margin-top: 2px;
        cursor: pointer;
        position: relative;
    }
    
    
    /* Bootstrap Table specific adjustments */
    
    .fixed-table-container {
        border-radius: 6px;
        overflow: hidden;
    }
    
    /* Ensure all tables are horizontally scrollable on mobile */
    .fixed-table-body,
    .bootstrap-table .fixed-table-container,
    .table-responsive {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        width: 100%;
        display: block;
    }
    .table th, .table td {
        padding: 12px 8px !important;
        white-space: nowrap; /* Prevent ugly wrapping in table cells */
    }

    /* Layer Popups (layui-layer) */
        .layui-layer-iframe, 
    .layui-layer-page {
        width: 96% !important;
        left: 2% !important;
        top: 5% !important;
        height: 90% !important;
        max-width: 100% !important;
        display: flex !important;
        flex-direction: column !important;
        border-radius: 8px !important;
        overflow: hidden !important;
    }
    
    /* Center small dialogs (alerts, confirms) better on mobile */
    .layui-layer-dialog {
        width: 86% !important;
        left: 7% !important;
        max-width: 100% !important;
        border-radius: 8px !important;
    }

    
    /* Layer content area */
        .layui-layer-iframe .layui-layer-content,
    .layui-layer-page .layui-layer-content {
        flex: 1 !important;
        height: auto !important; /* Override JS inline height */
        overflow-y: auto !important; /* Scrollable internal content */
        -webkit-overflow-scrolling: touch;
        padding: 0 !important;
    }
    
    .layui-layer-page .layui-layer-content {
        padding: 15px !important; /* Non-iframe pages need padding */
    }
    
    /* Iframe inside Layer */
    .layui-layer-content > iframe {
        width: 100% !important;
        height: 100% !important;
    }

    /* Layer Title */
    .layui-layer-title {
        height: 45px !important;
        line-height: 45px !important;
        font-size: 15px !important;
        padding: 0 15px !important;
        background-color: #f8f8f8 !important;
    }
    
    /* Layer Close/Max/Min Buttons */
    .layui-layer-setwin {
        top: 15px !important;
        right: 15px !important;
    }
    
    .layui-layer-btn {
        padding: 10px 15px !important;
        text-align: right !important;
        background-color: #f8f8f8 !important;
        border-top: 1px solid #eee !important;
    }
    
    .layui-layer-btn a {
        height: 36px !important;
        line-height: 36px !important;
        padding: 0 20px !important;
        margin: 0 0 0 10px !important;
        font-size: 14px !important;
        border-radius: 4px !important;
    }


    /* Table Pagination */
    .fixed-table-pagination {
        display: block !important;
        text-align: center;
        margin-top: 15px;
    }
    .fixed-table-pagination .pull-left,
    .fixed-table-pagination .pull-right {
        float: none !important;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }
    .fixed-table-pagination .pagination {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 5px 0;
    }
    .fixed-table-pagination .pagination li {
        margin: 2px;
    }
    .fixed-table-pagination .pagination a {
        padding: 5px 12px;
        min-width: 36px;
        height: 36px;
        line-height: 24px;
        font-size: 14px;
    }

}

@media screen and (max-width: 480px) {
    /* Extra small screens */
    body {
        font-size: 13px;
    }

    h1 { font-size: 24px; }
    h2 { font-size: 20px; }
    h3 { font-size: 16px; }
    h4 { font-size: 14px; }

    .navbar-brand {
        font-size: 14px;
        padding: 12px 10px;
    }

    .navbar-toggle {
        padding: 8px 10px;
    }

    .nav > li > a {
        padding: 12px 15px;
    }

    .nav-second-level li a {
        padding-left: 25px !important;
        font-size: 13px;
    }

    .btn:not(.fixed-table-body .btn) {
        width: 100%;
        margin-bottom: 8px;
    }

    .btn-group .btn {
        width: auto;
    }

    .form-horizontal .control-label {
        text-align: left;
        margin-bottom: 5px;
    }

    .table-responsive {
        font-size: 11px;
    }

    .modal-dialog {
        margin: 5px;
    }

    .modal-content {
        max-height: calc(100vh - 10px);
    }

    .panel-heading h3 {
        font-size: 14px;
    }

    .wrapper.wrapper-content {
        padding: 5px;
    }

    .ibox {
        margin-bottom: 5px;
    }

    .ibox-title {
        padding: 8px 10px;
    }

    .ibox-content {
        padding: 10px;
    }

    .hidden-xs-only {
        display: none;
    }

    .visible-xs-block {
        display: block !important;
    }

    /* Stack buttons on extra small screens */
    .btn-toolbar .btn,
    .btn-toolbar .btn-group {
        width: 100%;
        margin-bottom: 5px;
    }
}

/* Touch-specific improvements */
@media (pointer: coarse) {
    /* For touch devices */
    input:not([type="checkbox"]):not([type="radio"]),
    select,
    textarea,
    .form-control,
    .chosen-container {
        min-height: 44px;
    }

    .table th,
    .table td {
        padding: 10px 8px;
    }
}

/* Landscape orientation */
@media screen and (max-width: 768px) and (orientation: landscape) {
    #content-main {
        height: calc(100vh - 50px) !important;
    }

    .modal-dialog {
        max-width: 90%;
        margin: 10px auto;
    }
}

/* Print styles */
@media print {
    .navbar,
    .sidebar,
    .content-tabs,
    .footer,
    .right-sidebar,
    .gohome {
        display: none !important;
    }

    #page-wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }
}


/* =========================================================
   Mobile Green Theme Overrides
   ========================================================= */
.navbar-default.navbar-static-side {
    background: linear-gradient(135deg, #1ab394 0%, #18a689 100%) !important;
}
.navbar-default.navbar-static-side .nav > li.active > a {
    background-color: rgba(0, 0, 0, 0.15) !important;
    color: #ffffff !important;
}
.navbar-default.navbar-static-side.mobile-open .nav-second-level {
    background: rgba(0, 0, 0, 0.1) !important;
}
.navbar-default.navbar-static-side .nav-second-level li a {
    color: rgba(255, 255, 255, 0.8) !important;
}
.navbar-default.navbar-static-side .nav-second-level li a:hover,
.navbar-default.navbar-static-side .nav-second-level li.active > a {
    background-color: rgba(0, 0, 0, 0.1) !important;
    color: #ffffff !important;
}

/* Reset hover colors on mobile */
body.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level,
body.fixed-sidebar.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level,
body:not(.fixed-sidebar):not(.canvas-menu).mini-navbar .navbar-default.navbar-static-side.mobile-open .nav li:hover > .nav-second-level {
    background-color: transparent !important;
}
body.fixed-sidebar.mini-navbar .navbar-default.navbar-static-side.mobile-open .nav > li.active:hover > a {
    background-color: rgba(0, 0, 0, 0.15) !important;
}


/* Hide nav-header completely to pin menu to top */
.nav-header {
    display: none !important;
}

/* Update Right Side Tab Active State to Match Green Theme */
.page-tabs a.active {
    background: #1ab394 !important;
    color: #ffffff !important;
    border-bottom: 2px solid #1ab394 !important;
}
.page-tabs a.active:hover, 
.page-tabs a.active i:hover {
    background: #18a689 !important;
    color: #ffffff !important;
}