:root {
    --md-muted: #5f697c;
    --md-danger: #b72b45;
}

.text-muted,
.footer {
    color: #5f697c !important;
}

a:not(.btn):not(.sidebar-link):not(.md-ui-button) {
    color: #c31636;
}

.btn-info,
.badge-info,
.bg-info {
    background-color: #d41438 !important;
    border-color: #d41438 !important;
}

.text-info,
.text-danger {
    color: #b72b45 !important;
}

.btn-success,
.badge-success,
.bg-success {
    background-color: #087a4f !important;
    border-color: #087a4f !important;
}

.btn-warning,
.badge-warning,
.bg-warning {
    background-color: #9a5700 !important;
    border-color: #9a5700 !important;
    color: #fff !important;
}

.md-nav-label,
#main-wrapper[data-layout="vertical"] .md-nav-label {
    color: #94a3b8 !important;
}

.jsgrid-header-row > .jsgrid-header-cell {
    color: #566174 !important;
}

.md-dash-kpi-copy em,
.md-dash-card-head p,
.md-flow-step small,
.md-task-list small,
.md-notification-list small,
.md-operation-time,
.md-operation-row small,
.md-work-area-list small,
.md-shortage-list small,
.md-scanner-box small,
.md-dashboard-footer,
.md-wh-kpis span,
.md-wh dt,
.md-wh-updated,
.inventory-row small {
    color: #5f697c !important;
}

.md-ui-button:not(.md-ui-button--primary) {
    color: #b72b45 !important;
}

.md-shortage-list em {
    color: #b72b45 !important;
}

.md-scanner-action {
    background: #d41438 !important;
}

.md-quick-actions-row > a.green {
    color: #087a4f !important;
}

.md-quick-actions-row > a.orange {
    color: #8b4d00 !important;
}

.md-quick-actions-row > a.cyan {
    color: #006f7a !important;
}

.md-dashboard-footer a {
    color: #566174 !important;
}

.ms-options-wrap > button > span {
    color: #566174 !important;
}

.is-warn {
    color: #7a4300 !important;
}

.logo img.app-logo {
    display: block !important;
    width: 118px !important;
    max-width: 118px !important;
    height: auto !important;
}

.navbar-brand > a {
    display: inline-flex;
    min-width: 118px;
    min-height: 44px;
    align-items: center;
}

.nav-link,
.md-ui-card > span,
.md-man-grid .md-ui-card > span {
    color: #4f596b !important;
}

.btn-outline-secondary {
    color: #505968 !important;
    border-color: #667085 !important;
}

.form-control-static strong,
.table thead th {
    color: #394150 !important;
}

.badge-danger,
.bg-danger {
    background-color: #b72b45 !important;
    border-color: #b72b45 !important;
    color: #fff !important;
}

.md-ui-status--success {
    color: #056442 !important;
}

.md-ui-status--warning {
    color: #7a4300 !important;
}

.md-ui-status--danger {
    color: #97243c !important;
}

.md-ui-status--info {
    color: #4638b8 !important;
}

.md-badge.success {
    color: #056442 !important;
}

body .md-dashboard-head p {
    color: #536075 !important;
}

body .is-warn {
    color: #704000 !important;
}

[role="region"][tabindex="0"]:focus {
    outline: 3px solid #3d2fc5 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 2px #fff !important;
}

::placeholder {
    color: #667085 !important;
    opacity: 1 !important;
}

.form-control:disabled,
.form-control[readonly],
select:disabled,
button:disabled,
.btn.disabled {
    color: #535d6d !important;
    background-color: #e9ecf1 !important;
    opacity: 1 !important;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #3d2fc5 !important;
    outline-offset: 3px !important;
    box-shadow: 0 0 0 2px #fff !important;
}

.topbar .nav-toggler {
    min-width: 44px;
    min-height: 44px;
}

.md-ui-toast-region {
    max-width: calc(100vw - 24px);
}

@media (max-width: 1199px) {
    #main-wrapper[data-layout="vertical"]:not(.show-sidebar) .left-sidebar {
        visibility: hidden !important;
        pointer-events: none !important;
    }

    #main-wrapper[data-layout="vertical"].show-sidebar .left-sidebar {
        visibility: visible !important;
        pointer-events: auto !important;
    }
}

@media (max-width: 767px) {
    .fixMobileJsGrid {
        overflow-x: hidden !important;
        min-height: 0 !important;
        border: 0 !important;
        background: transparent !important;
    }

    .fixMobileJsGrid .jsgrid-grid-header,
    .fixMobileJsGrid .jsgrid-grid-body,
    .fixMobileJsGrid .jsgrid-table {
        width: 100% !important;
        min-width: 0 !important;
        height: auto !important;
    }

    .fixMobileJsGrid .jsgrid-header-row {
        position: absolute !important;
        width: 1px !important;
        height: 1px !important;
        overflow: hidden !important;
        clip: rect(0 0 0 0) !important;
        white-space: nowrap !important;
    }

    .fixMobileJsGrid .jsgrid-filter-row,
    .fixMobileJsGrid .jsgrid-insert-row,
    .fixMobileJsGrid .jsgrid-row,
    .fixMobileJsGrid .jsgrid-alt-row {
        display: block !important;
        width: 100% !important;
        margin-bottom: 12px !important;
        padding: 10px !important;
        border: 1px solid #dce1ea !important;
        border-radius: 12px !important;
        background: #fff !important;
    }

    .fixMobileJsGrid .jsgrid-cell {
        display: grid !important;
        grid-template-columns: minmax(105px, 38%) minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 8px !important;
        width: 100% !important;
        min-height: 44px !important;
        padding: 7px 2px !important;
        border: 0 !important;
        text-align: left !important;
        overflow-wrap: anywhere;
    }

    .fixMobileJsGrid .jsgrid-cell::before {
        content: attr(data-label);
        color: #4f596b;
        font-size: 12px;
        font-weight: 750;
    }

    .fixMobileJsGrid .jsgrid-cell[data-label=""]:empty {
        display: none !important;
    }

    .fixMobileJsGrid .jsgrid-cell > .form-control,
    .fixMobileJsGrid .jsgrid-cell > select,
    .fixMobileJsGrid .jsgrid-cell > input,
    .fixMobileJsGrid .jsgrid-cell > button,
    .fixMobileJsGrid .jsgrid-cell > a {
        width: 100% !important;
        max-width: 100% !important;
    }
}