.layout-navbar-fixed.layout-menu-fixed body {
    color: #000 !important;
    font-weight: 500;
}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: #101010 !important;
}

.form-label {
    color: #191919 !important;
}

.layout-wrapper .app-brand {
    height: auto !important;
    margin: 0 !important;
    padding: 14px !important;
    background: #000 !important;
}

.layout-wrapper .app-brand-logo.demo {
    width: 46px;
    height: 46px;
}

.layout-wrapper .bg-menu-theme {
    background-color: #101010 !important;
    color: #B9B9B9 !important;
}

    .layout-wrapper .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle,
    .layout-wrapper .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.open > .menu-link.menu-toggle,
    .layout-wrapper .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle,
    .layout-wrapper .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item.active > .menu-link.menu-toggle {
        background: rgb(197 4 64 / 30%) !important;
    }

    .layout-wrapper .bg-menu-theme.menu-vertical .menu-item.active > .menu-link:not(.menu-toggle) {
        background: rgb(197,4,64) !important;
        background: linear-gradient(90deg, rgba(197,4,64,1) 0%, rgba(197,4,64,1) 76%, rgba(140,1,45,1) 100%) !important;
        box-shadow: 0px 2px 6px 0px rgba(140,1,45,0.6) !important;
        color: #fff !important;
    }

html:not(.layout-menu-collapsed) .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover, .layout-menu-hover.layout-menu-collapsed .bg-menu-theme .menu-inner .menu-item:not(.active) .menu-link:hover {
    background: rgb(197 4 64 / 30%) !important;
}

.bg-menu-theme .menu-inner-shadow {
    background: none !important;
}

.layout-wrapper .menu-item a {
    color: #FFF !important;
}

.box-filter {
    cursor: pointer;
}

.layout-wrapper .text-body {
    color: #000 !important;
}

    .layout-wrapper .text-body[href]:hover {
        color: #007bff !important;
    }

.td-w10 {
    max-width: 100px !important;
}

.td-w15 {
    max-width: 150px !important;
}

.td-w20 {
    max-width: 200px !important;
}

.td-w40 {
    max-width: 400px !important;
}

.layout-wrapper #frmChecklistNew [name="issueTo"] {
    width: fit-content !important;
}

.layout-wrapper #navs-comm-407 [name="issueToLabel"] {
    width: fit-content !important;
    min-width: 300px;
}

.layout-wrapper .table th {
    background-color: #000 !important;
    border: 1px solid #c3c3c3 !important;
    color: #fff !important;
    padding-top: 0.88rem !important;
    padding-bottom: 0.88rem !important;
}

.layout-wrapper .table tr:nth-child(odd) {
    background-color: #efefef !important;
}

.layout-wrapper .table tr:hover {
    background-color: rgba(179, 9, 64, 0.1) !important;
}

.layout-wrapper .table td {
    font-weight: 500 !important;
    line-height: 1.3em !important;
    border: 1px solid #c3c3c3 !important;
    padding: 8px 14px !important;
    color: #000 !important;
    text-transform: uppercase !important;
}

.layout-wrapper .table .text-muted {
    font-weight: 500 !important;
    color: #373a3d !important;
    font-size: 0.8em !important;
    line-height: 1.4em !important;
}

.layout-wrapper .table [data-bs-original-title="Customer Details"] {
    color: #000 !important;
    opacity: 1;
}

.layout-wrapper .table [data-bs-original-title="Send Whatsapp"] {
    font-size: 1em !important;
    padding: 3px 0 !important;
    display: block !important;
}

.layout-wrapper .avatar .avatar-initial {
    background-color: rgba(0, 123, 255, 0.2) !important;
    color: #007bff !important;
    border-color: transparent !important;
}

a.disabled {
    pointer-events: none;
    cursor: default;
    opacity: .4;
}

.asterisk:after {
    content: " *";
    color: red;
}

.page-item.active .page-link, .pagination li.active > a:not(.page-link) {
    background-color: #007bff !important;
    color: #FFF !important;
    border-color: #007bff !important;
}

.chat-message-image {
    /*background-color: transparent !important;
      padding: 0 !important;*/
}

    .chat-message-image > img {
        max-width: 300px;
    }

.bg-ricardo {
    background-color: #c70b47 !important;
}

.layout-wrapper .bg-primary {
    background-color: #007bff !important;
}

.layout-wrapper .bg-success {
    background: #018a4b !important;
}

.layout-wrapper .bg-warning {
    background: #f39807 !important;
}

.layout-wrapper .bg-danger {
    background: #c82333 !important;
}

.layout-wrapper .bg-info {
    background: #1142b3 !important;
}

.layout-wrapper .bg-secondary {
    background: #6c757d !important;
}

.layout-wrapper .bg-label-primary {
    color: #007bff !important;
    background-color: rgba(0, 123, 255, 0.2) !important;
    border-color: transparent;
}

.layout-wrapper .bg-label-success {
    background-color: rgb(1 138 75 / 20%) !important;
    color: #018a4b !important;
    border-color: transparent;
}

.layout-wrapper .bg-label-warning {
    background-color: rgb(243 152 7 / 20%) !important;
    color: #f39807 !important;
    border-color: transparent;
}

.layout-wrapper .bg-label-danger {
    background-color: rgb(200 35 51 / 20%) !important;
    color: #c82333 !important;
    border-color: transparent;
}

.layout-wrapper .bg-label-info {
    background-color: rgb(17 66 179 / 20%) !important;
    color: #1142b3 !important;
    border-color: transparent;
}

.layout-wrapper .bg-label-secondary {
    color: #6c757d !important;
    background: rgb(108 117 125 / 20%) !important;
    border-color: transparent !important;
}

.layout-wrapper .btn-primary {
    color: #fff;
    background-color: #007bff !important;
    border-color: #007bff !important;
}

    .layout-wrapper .btn-primary:hover {
        color: #fff !important;
        background-color: #0070e8 !important;
        border-color: #0070e8 !important;
    }

.layout-wrapper .btn-warning {
    color: #fff;
    background-color: #f39807;
    border-color: #f39807;
}

    .layout-wrapper .btn-warning:hover {
        color: #fff;
        background-color: #d38405;
        border-color: #d38405;
    }

.layout-wrapper .btn-danger {
    color: #fff;
    background-color: #c82333;
    border-color: #c82333;
}

    .layout-wrapper .btn-danger:hover {
        color: #fff !important;
        background-color: #a81e2b !important;
        border-color: #a81e2b !important;
    }

.layout-wrapper .btn-success {
    color: #fff;
    background-color: #018a4b;
    border-color: #018a4b;
}

    .layout-wrapper .btn-success:hover {
        color: #fff !important;
        background-color: #02743f !important;
        border-color: #02743f !important;
    }

.layout-wrapper .btn-info {
    color: #fff;
    background-color: #1142b3;
    border-color: #1142b3;
}

    .layout-wrapper .btn-info:hover {
        color: #fff !important;
        background-color: #0e3691 !important;
        border-color: #0e3691 !important;
    }

.layout-wrapper .btn-secondary {
    color: #fff;
    border-color: #6c757d !important;
    background: #6c757d !important;
}

    .layout-wrapper .btn-secondary:hover {
        color: #fff;
        border-color: #4b5157 !important;
        background: #4b5157 !important;
    }

.layout-wrapper .btn-label-secondary {
    color: #373a3d;
    border-color: transparent;
    background: rgb(55 58 61 / 20%);
}

    .layout-wrapper .btn-label-secondary:hover {
        border-color: transparent !important;
        background: rgb(55 58 61 / 30%) !important;
        color: #373a3d !important;
    }


.layout-wrapper .btn-check:focus + .btn-primary, .layout-wrapper .btn-primary:focus, .layout-wrapper .btn-primary.focus {
    color: #fff;
    background-color: #0070e8 !important;
    border-color: #0070e8 !important;
    box-shadow: none;
}

.layout-wrapper .btn-check:checked + .btn-primary, .layout-wrapper .btn-check:active + .btn-primary, .layout-wrapper .btn-primary:active, .layout-wrapper .btn-primary.active, .layout-wrapper .btn-primary.show.dropdown-toggle, .layout-wrapper .show > .btn-primary.dropdown-toggle {
    color: #fff !important;
    background-color: #0070e8 !important;
    border-color: #0070e8 !important;
}

.layout-wrapper .btn-primary.disabled, .btn-primary:disabled {
    color: #fff !important;
    background-color: #007bff !important;
    border-color: #007bff !important;
    box-shadow: none !important;
}

.layout-wrapper .btn-group .btn-primary,
.layout-wrapper .input-group .btn-primary {
    border-right: 1px solid #007bff !important;
    border-left: 1px solid #007bff !important;
}

.btn-label-primary.waves-effect .waves-ripple {
    background: radial-gradient(rgba(115, 103, 240, 0.2) 0, rgba(115, 103, 240, 0.3) 40%, rgba(115, 103, 240, 0.4) 50%, rgba(115, 103, 240, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}

.layout-wrapper .btn-label-primary:hover {
    border-color: transparent !important;
    background: rgba(0, 123, 255, 0.2) !important;
    color: #007bff !important;
}

.btn-label-primary:focus, .btn-label-primary.focus {
    color: #007bff;
    background: rgba(0, 123, 255, 0.2) !important;
    box-shadow: none !important;
}

.btn-label-primary:active, .btn-label-primary.active, .btn-label-primary.show.dropdown-toggle, .show > .btn-label-primary.dropdown-toggle {
    color: #007bff !important;
    background-color: rgba(0, 123, 255, 0.2) !important;
    border-color: transparent !important;
}

    .btn-label-primary:active:focus, .btn-label-primary.active:focus, .btn-label-primary.show.dropdown-toggle:focus, .show > .btn-label-primary.dropdown-toggle:focus {
        box-shadow: none;
    }

.btn-label-primary.disabled, .btn-label-primary:disabled {
    color: #007bff !important;
    border-color: transparent !important;
    background: rgba(0,123,255,0.2) !important;
    box-shadow: none;
}

.btn-group .btn-label-primary,
.input-group .btn-label-primary {
    border-right: 1px solid rgba(0, 123, 255, 0.2) !important;
    border-left: 1px solid rgba(0, 123, 255, 0.2) !important;
}

.btn-outline-primary {
    color: #007bff;
    border-color: #007bff;
    background: transparent;
}

    .btn-outline-primary.waves-effect .waves-ripple {
        background: radial-gradient(rgba(115, 103, 240, 0.2) 0, rgba(115, 103, 240, 0.3) 40%, rgba(115, 103, 240, 0.4) 50%, rgba(115, 103, 240, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
    }

.layout-wrapper .btn-outline-primary:hover {
    color: #007bff !important;
    background-color: #f4f3fe !important;
    border-color: #007bff !important;
}

.btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
    color: #007bff;
    background-color: #f4f3fe;
    border-color: #007bff;
    box-shadow: none;
}

.btn-check:checked + .btn-outline-primary, .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
    color: #007bff !important;
    background-color: #e9e7fd !important;
    border-color: #007bff !important;
}

    .btn-check:checked + .btn-outline-primary:focus, .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
        box-shadow: none;
    }

.btn-outline-primary.disabled, .btn-outline-primary:disabled {
    color: #007bff !important;
    background-color: transparent !important;
}

.btn-outline-primary .badge {
    background: #007bff;
    border-color: #007bff;
    color: #fff;
}

.btn-outline-primary:hover .badge,
.btn-outline-primary:focus:hover .badge,
.btn-outline-primary:active .badge,
.btn-outline-primary.active .badge,
.show > .btn-outline-primary.dropdown-toggle .badge {
    background: #007bff;
    border-color: #007bff;
}

.layout-wrapper ul.nav-pills li {
    margin: 3px;
}

.layout-wrapper .nav-link {
    color: #000;
}

.layout-wrapper .nav-pills .nav-link.active,
.layout-wrapper .nav-pills .nav-link.active:hover,
.layout-wrapper .nav-pills .nav-link.active:focus {
    background-color: #000;
}

.layout-wrapper .nav-tabs .nav-link:not(.active):hover,
.layout-wrapper .nav-tabs .nav-link:not(.active):focus,
.layout-wrapper .nav-pills .nav-link:not(.active):hover,
.layout-wrapper .nav-pills .nav-link:not(.active):focus {
    color: #000;
    background-color: rgb(0 0 0 / 20%);
}


.layout-wrapper .accordion .accordion-button {
    color: #000;
    font-weight: 500;
}

.layout-wrapper .accordion .text-muted {
    color: #373a3d !important
}

.layout-wrapper .accordion a:not(.btn-primary) {
    color: #ea5455;
}


.issue-amount {
    width: 150px !important;
}

.table-head {
    background: #000;
    padding: 10px;
    color: #FFF;
    font-weight: 600;
    font-size: 1em;
}

.layout-wrapper .table.table-block tr:nth-child(odd) {
    background-color: transparent !important;
}

.layout-wrapper .table.table-block tr:hover {
    background-color: transparent !important;
}

.layout-wrapper .table.table-block .text-muted {
    color: #969696 !important;
    font-size: 0.7em !important;
}

.layout-wrapper .table.table-block td {
    vertical-align: top;
}

@media screen and (max-width: 520px) {
    .table-block td {
        display: block;
        width: 100%;
        clear: both
    }
}