.row-com .card{
        padding: 5px 16px 5px 16px;
        display: block;
        background: #00a4aa;
        border-radius: 20px;
        color: #fff;
        font-weight: 600;
        text-transform: uppercase;
    }
    .row-com .card h4{
        color: #fff;
        font-weight: 600;
        font-size: 23px;
        text-transform: capitalize;
    }
    .row-com .card p{
        font-size: 11px;
        font-weight: 200;
        padding: 0px;
        margin: 0px;
    }
    .dash-card .card-title{
        display: flex;
        align-items: center;
    }
    .dash-card .card-title img{
        width: 29px;
        position: relative;
        top: -4px;
        margin-right: 8px;
    }

    .right-bar ul{
        list-style: none;
    }
    .vertical-scroll {
        height: calc(100% - 60px);
    }

    .dash-card{
        border: none;
        box-shadow: none;
        background-color: #F5F8F9;
        margin-bottom: 0px;
    }
    .dash-card .card-header{
        background-color: #F5F8F9;
    }

    .dash-card-body{
        background-color: #F5F8F9;
    }
    .dash-card-body .avatar-title{
        background-color: transparent !important;
    }
    body[data-sidebar=colored] .mm-active{
        background:#141516 !important;
    }
    body[data-sidebar=colored] .navbar-brand-box {
        background-color: #141516;
    }
    .C11327{
       background-color: #141516;
    }
   .form-control{
    border: 1px solid #8a94a3;
   }
   .form-control:focus {
        border: 1px solid #b94e28;
    }
    .login-row .card{
        border-radius: 15px 0px 0px 15px !important;
    }
    /* .login-row .card{
        -webkit-box-shadow: -6px 4px 39px -8px rgb(0 0 0 / 31%);
        box-shadow: -6px 4px 39px -8px rgb(0 0 0 / 31%);
    } */

    .nav-tabs-custom .nav-item .nav-link.active{
        color: #1f0000;
        font-weight: 400;
    }
    .nav-tabs-custom .nav-item .nav-link.active {
        background-color: rgb(255 37 37 / 30%);
    }
    .nav-tabs-custom .nav-item .nav-link::after {
        background: #141516;
    }
    .nav-pills>li>a, .nav-tabs>li>a {
        font-weight: 400;
        color: #0b132b;
    }
    .nav-tabs-custom .nav-item .nav-link {
        border: none;
        background: #ffd0d0;
        border-radius: 0;
    }
    .nav {
        --bs-nav-link-padding-y: .7rem;
    }

    .tab-content .card-header{
        background: #ededed;
        padding: 9px 2px 2px 12px;
        color: #0b132b;
    }   
    .tab-content .card-title{
        font-weight: 400;
    }   
    .tab-content .card-title-desc {
        color: #262b43;
        margin-bottom: 6px;
    }
    
    label {
        font-weight: 400;
        color: #393e4c;
    }
    .navbar-brand-box {
        padding: 0 0.5rem;
    }    

    .modal {
        --bs-modal-width: 700px;
    }
    .btn-primary {
        --bs-btn-color: #fff;
        --bs-btn-bg: #141516;
        --bs-btn-border-color: #141516;
        --bs-btn-hover-color: #fff;
        --bs-btn-hover-bg: #141516;
        --bs-btn-hover-border-color: #141516;
        --bs-btn-focus-shadow-rgb: 48,139,156;
        --bs-btn-active-color: #fff;
        --bs-btn-active-bg: #0b6d7f;
        --bs-btn-active-border-color: #0b6d7f;
        --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
        --bs-btn-disabled-color: #fff;
        --bs-btn-disabled-bg: #0c768a;
        --bs-btn-disabled-border-color: #0c768a;
    }
    
    .table td:hover {
        cursor: pointer;
    }
    .table th {
        font-weight: 400;
        background: #515151;
        color: #ffffff;
    }
    .table-m td .btn {
        float: right;
        display: none;
    }
    .table-m tr:hover .btn {
        display: block;
    }
    .table-m tr .btn:hover {
        top: 0px;
    }
    /* .simplebar-mask .simplebar-content-wrapper{
        background: #141516 !important;
    } */
    .right-bar .simplebar-content-wrapper{
        background-color: #fff !important;
    }

    .inv .signature{
        font-family: 'Kaushan Script', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
        color: #323232;
    }

    .inv .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid transparent;
        background: #323232;
        color: #fff;
    }
    .inv .font-weight-lighter{
        font-weight: 300;
        background: #141516;
        color: #fff;
        font-size: 25px;
        padding: 11px 0px;
    }
    .inv{
        background: #E6E4E7;
    }
    .inv td{
        border: none;
    }
    
    .select2-container--default .select2-selection--single {
        height: 37px !important;
        border: 1px solid #8a94a3 !important;
    }

    .select2{
        width: 100% !important;
    }
    .cash-in-hand .card-title span{
        font-size: 23px;
        color: #04a400;
    }

    .search-product{
        height: 75vh;
    }
    .search-product .btn{
        background-color:#141516;
        border-radius: 0 16px 16px 0px;
    }
    .search-product input{
       border-radius: 16px 0px 0px 16px;
    }
    .search-product img{
        width: 181px;
    }
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 35px !important;
    }
    .btn-close {
        opacity: 0.7 !important;
        border-radius: 18px !important;
        background-color: #fff;
        font-size: 10px;
        position: relative;
        right: 10px;
    }
    .modal-title {
        margin-bottom: 0;
        line-height: var(--bs-modal-title-line-height);
        color: #fff4f6;
        font-weight: 400;
    }
    .modal-header {
        background: #141516;
        padding-top: 12px;
        padding-bottom: 12px;
    }
    .modal-content {
        border: none !important;
    }
    .swal2-icon.swal2-warning {
        border-color: #f4ba40;
        color: #f4ba40;
    }
    .swal2-icon .swal2-icon-content {
        display: flex;
        align-items: center;
        font-size: 3.75em;
    }
    .swal2-icon {
        position: relative;
        box-sizing: content-box;
        justify-content: center;
        width: 5em;
        height: 5em;
        margin: 1.25em auto 1.875em;
        border: 0.25em solid transparent;
        border-radius: 50%;
        font-family: inherit;
        line-height: 5em;
        cursor: default;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .copy-mdl .modal-header {
        background: #333333;
    }

    .user-profile ul{
        padding-left: 16px;
    }
    .user-profile a{
        font-size: 15px;
        color: #3b3b3b;
        font-weight: 400;
        display: block;
        margin-bottom: 9px;
    }
    .user-profile a:hover{
        color: #141516;
    }
   
    .user-profile .fa-solid{
        border: 1px solid;
        width: 34px;
        height: 34px;
        line-height: 30px;
        text-align: center;
        border-radius: 50%;
        background: #086070;
        color: #fff;
    }

    .md-alert{
        font-size: 12px;
        color: #141516 !important;
    }
    #validationResult{
        width: 100% !important;
        margin: 0px;
        padding: 0px;
    }

    .alert p{
        margin: 0px !important;
        padding: 0px !important;
    }

    .header-tab .card-title-desc{
        padding: 0px;
        margin: 0px;
    }
    .header-tab .card-title{
        padding: 0px;
        margin: 0px;
    }
    .header-tab .card-header{
        background: #ededed;
        padding: 7px 2px 9px 12px;
        color: #0b132b;
    }