.search-input {
    position: relative !important;
    border: 1px solid #00000033 !important;
    color: #b3b3b3 !important;
    font-size: 16px !important;
    border-radius: 50px !important;
    background: #fff !important;
}
.form-control{
    border-radius: 50px !important;
}
.search-table .input-group{
    background: #F3F3F3;
    border-radius: 8px;
}
.search-table .search-input {
    position: relative !important;
    border: 0 !important;
    color: #b3b3b3 !important;
    font-size: 16px !important;
    border-radius: 50px !important;
    background: transparent !important;
}
.search-input::-moz-placeholder {
    color: #b3b3b3 !important;
    font-size: 17px !important;
}

.search-input::placeholder {
    color: #b3b3b3 !important;
    font-size: 17px !important;
}

/* Add vendor prefixes for compatibility */

.search-input::-moz-placeholder {
    color: #b3b3b3 !important;
    font-size: 17px !important;
}

.form-control::-moz-placeholder {
    color: black !important;
}

.form-control::placeholder {
    color: #6c6c6c4e !important;
}

/*-----------------------
    order__tracker
-------------------------*/
.order__tracker {
    background: #f9fafb;
    border: 2px solid #e8e8ea;
    border-radius: 0.75rem;
    overflow: hidden;
}

.order__tracker__header {
    background: #fff;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    border-bottom: 1px solid #e8e8ea;
    padding: 16px 32px;
}

.order__tracker__header .status {
    font-size: 14px;
}

.order__tracker__header .status.inprogress {
    background: rgb(245 158 11 / 0.1);
}

.order__tracker__header .btn-download {
    background: #3b82f6;
    font-size: 14px
}

.order__tracker__body {
    padding: 2rem;
}

.order__tracker__body__item {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 2rem 1rem;
    border: 1px solid #e5e7eb;
    margin-bottom: 2rem;
}

.step-indicator {
    flex-wrap: wrap;
    row-gap: 1rem;
}

.step-item span.number,
.step-item span.check {
    width: 2.5rem;
    height: 2.5rem;
    font-weight: 600;
}

.step-item span.number {
    background: #d1d5db;
}

.step-item .primary-inprogress {
    background: #f3f4f6 !important;
    color: #6b7280 !important;
}

.step-item h5 {
    color: #6b7280 !important;
}

.step-item.active span.number,
.step-item span.check {
    background: #F28C1D;
}

.step-item.success span.check {
    display: flex !important;
}

.step-item.success span.number {
    display: none !important;
}

.step-item.success span.number,
.step-item span.check {
    background: rgb(16 185 129);
}

.step-item h5 {
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0.25rem;

}

.step-item.success h5,
.step-item.active h5 {
    color: #111827 !important;
}

.step-item p {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #6b7280;
    max-width: 10rem;
}

.step-item.active .primary-inprogress {
    background-color: rgb(59 130 246 / 0.1) !important;
}

.step-item.success .primary-inprogress {
    background: rgb(16 185 129) !important;
    color: #fff !important;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

.order__tracker__body__form {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    background: #ffffff;
    border-radius: 0.75rem;
    padding: 2rem 1rem;
    border: 1px solid #e5e7eb;
}

.order__tracker__body__form__body .nav {
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
}

.order__tracker__body__form__body .nav-link {
    font-size: 1.25rem;
    line-height: 1.25rem;
    border-bottom: 2px solid transparent;
    border-radius: 0;
}

.order__tracker__body__form__body .nav-link:hover {
    border: 0 !important;
}

.order__tracker__body__form__body .nav-link.active {
    color: #3b82f6;
    background-color: rgb(59 130 246 / 0.05);
    border: 0;
    border-bottom: 2px solid #3b82f6;
}

.car__card {
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
}

.car__card .card-header {
    height: 10rem;
    margin-bottom: 1rem;
}

.car__card .card-header img {
    object-fit: cover;
    border-radius: 0.5rem;
}

.car__card .card-header input {
    position: absolute;
    top: 0.5rem;
    inset-inline-start: 0.5rem;
    z-index: 11;
    width: 18px;
    height: 18px;
}

.car__card .card-title {
    color: #111827;
    font-size: 18px;
    font-weight: 700;
}

.car__card .text-muted {
    color: #4b5563;
    font-size: 16px;
}

.car__card .stock {
    font-size: 16px;
}

.car__card .stock span {
    color: #F28C1D;
    font-weight: 700;
}

.car__card .addition-text {
    color: #4b5563;
    font-size: 15px
}

.order__tracker__body__form__body__item__step {
    padding: 16px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
}

.order__tracker__body__form__body__item__step .card-item {
    padding: 1rem;
    border-radius: 0.5rem;
    background: #fff;
}

.order__tracker__body__form__body__item__step .img-details {
    width: 100%;
    height: 8rem;
    border-radius: 0.5rem;
    object-fit: cover;
}

.check-input-card {
    padding: 1rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    background: #fff;
}



.order__tracker__body__form .timeline {
    padding-inline-start: 2rem;
}
.order__tracker__body__form .timeline .timeline-step .check-circle{
    width: 2.5rem;
    min-width:2.5rem;
    max-width:2.5rem;
    height: 2.5rem;
    border-radius: 100%;
    color:#fff;
}
.order__tracker__body__form .timeline  .timeline-step__item{
    background: #f9fafb;
    border-radius: 0.5rem;
    padding: 1rem;
}
.order__tracker__body__form .timeline .timeline-step .check-circle i{
    color:#fff;
    font-size: 16px;
}
.order__tracker__body__form .timeline .timeline-step .timeline-content h6{
    color: #111827;
    font-size: 20px;
}
.order__tracker__body__form .timeline .timeline-step p{
    font-size: 15px;
}
.order__tracker__body__form .timeline .user-avatar{
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 100%;
}
.bg-sucess{
    background: #10b981;
}
.bg-blue{
    background: #3b82f6;
}
.bg-gray{
    background:#e5e7eb;
}
.h-16 {
    height: 4rem;
}
.w-0\.5 {
    width: 0.125rem;
}
.w-3 {
    width: 0.75rem;
}
.h-3 {
    height: 0.75rem;
}
.mt-2 {
    margin-top: 0.5rem;
}
.current-status{
    background-color: rgb(59 130 246 / 0.1);
    border-radius: 25px;
    font-size: 14px;
    color:#3b82f6;
}
.cost__total li:last-child{
    border-top:1px solid #e5e7eb;
    padding-top: 16px;
}
.cost__total p{
    color: #4b5563;
    font-size: 18px;
    font-weight: 700;
}
.cost__total span{
    font-weight: 500;
    color: var(--bs-dark);
}
.cost__total li:last-child p{
    color: var(--bs-dark);
}
.cost__total li:last-child span{
    font-weight: 700;
}
.track__card__show__details{
    margin-top:2rem;
    padding: 1.5rem;
    border-radius: 0.75rem;
    background: #fff;
    border: 1px solid #e5e7eb;
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
}
.track__card__show__details .card-header{
    padding: 0 0 1rem 0;
    border-bottom: 1px solid #e5e7eb;
}
.track__card__show__details .card-body p{
    color: #4b5563;
    font-weight:700;
}
.track__card__show__details .card-body span{
    font-weight:600;
}



.stats__cards__section .card__item{
    border: 1px solid #00000017;
    border-radius:16px;
    padding: 11px 14px 22px 14px
}
.stats__cards__section .card__item .icon{
    background :#F9EBE6;
    width:45px;
    height:45px;
    border-radius: 100%;
    margin-bottom: 25px;
}
.stats__cards__section .card__item .icon img{
    width: 24px;
}
.stats__cards__section .card__item .icon i{
    color: #EF5B24;
}
.stats__cards__section .card__item  span.status{
    min-width: 60px;
    max-width: 60px;
    min-height:16px;
    font-size:10px;
    border-radius:10px;
    margin-bottom:8px;
}
.stats__cards__section .card__item  span.status.sucess-status{
    background: #B5F1A380;
    color: #204842;
}
.stats__cards__section .card__item  span.status.danger-status{
    background: #FFCBD080;
    color: #EF0B21;
}
.stats__cards__section .card__item  span.status.danger-status svg path{
    stroke: #EF0B21;
}
.stats__cards__section .card__item .text .title{
    font-size: 32px;
    color: var(--bs-dark);
    margin-top:0;
    margin-bottom:8px;
    line-height: normal;
}
.stats__cards__section .card__item .text .subtitle{
    color:var(--bs-dark-opacity);
    font-size:16px;
    margin-top:0;
}
.custome-table .card-title{
    font-size: 22px;
    color: var(--bs-dark);
    min-width: max-content;
}

@media (min-width: 768px)
{
    .card-header-search{
        min-width: 250px;
    }
}
@media (max-width: 767.98px){
    .card-header-search{
        min-width: 100%;
    }
}
.card-header-search{
    display: flex;
    align-items: center;
    row-gap:0.5rem;
    column-gap:0.5rem;
    flex-wrap: wrap;
}
.card-header-search img{
    width: 18px;
}
.card-header-search .form-group{
    min-width: 150px;
}

.custome-table .table > thead{
    background: #F5F6F7;
    border: 1px solid #F5F6F7;
}
.table{
    border: 1px solid #00000017;
    vertical-align: middle;
    text-align:center;
}
.table thead tr th td{
    text-align:center;
}
.table td{
    padding: 0.5rem 0.5rem !important;
}
.custome-table .table tr{
    border-bottom: 1px solid #00000017;
}
.td-flex{
    align-items: center;
    gap:0.5rem;
}
.chat-message{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    padding: 0 !important;
    border-radius: 100%;
    background: #FFEDE6;
    min-width: 33px;
    max-width: 33px;
}
.chat-message:hover{
    background: #FFEDE6;
}
.chat-message i{
    color:#EF5B24;
}
.order-number{
    display: flex;
    align-items: center;
    justify-content: center;
    min-height:27px;
    background:#EF5B24;
    padding-inline:10px;
    border-radius:30px;
    font-size:14px;
    color:#fff;
}
.order-number:hover{
    background:#EF5B24;
    color:#fff;
}
.custom-select-wrapper{
    position:relative;
}
.custom-select-wrapper::after {
  content: "▼";
  font-size: 0.7rem;
  position: absolute;
  top: 50%;
  inset-inline-end: 1rem;
  transform: translateY(-50%);
  pointer-events: none;
  color: #999;
}
.cart-card{
    border: 1px solid #00000017;
    border-radius:16px 8px;
    padding:16px;
}
canvas#piechart{
    display:flex !important;
    align-items:center !important;
    justify-content:center;
    height: 160px !important;
    width: 160px !important;
}
.cart-card .card-header{
    border-bottom: 1px solid #0000001A
}

@media (min-width: 768px){
    .cart-card .card-header .form-control{
    width: 160px;

}
}
@media (max-width: 767.98px){
    .cart-card .card-header .form-control{
    width:100%;

}
}
.cart-card .card-header .form-control option{
    display: -webkit-box;
    line-clamp: 1;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cart-card .card-header .custom-select-wrapper::after{
    inset-inline-end: 0;
}
.cart-card .card-body{
    padding-block:32px;
}
.cart-card .footer .item{
    margin-bottom:16px;
}
.cart-card .footer .item .span-number{
    width:39px;
    min-width:39px;
    max-width:39px;
    height:18px;
    color:#FFFFFF;
    border-radius:40px;
    font-size:10px;
}
.cart-card .footer .item .span-number.primary{
    background:#EF5B24;
}
.cart-card .footer .item .span-number.p-gray{
    background:#939393;
}
.cart-card .footer .item .span-number.gray{
    background:#EAEAEA;
}
.cart-card .footer .item .total,
.cart-card .footer .item p{
    color: var(--bs-dark);
    font-size:12px;
    font-weight:500;
}
.revenue__summary{
    padding: 20px 0;
}
.revenue__summary .title{
    font-size: 20px;
    font-weight:700;
    margin-bottom:24px;
}
.revenue__summary .revenue__summary__card{
    min-height:172px;
    border: 1px solid #00000017;
    border-radius: 16px;
    padding:20px;
}
.revenue__summary .revenue__summary__card p{
    color: #00000080;
    font-weight:500;

}
.revenue__summary .revenue__summary__card .img-content{
    width: 40px;
    height: 40px;
    border-radius:100%;
}
.revenue__summary .revenue__summary__card h3{
    font-size: 32px;
    margin-bottom:28px;
    font-weight: 700;
    color:#000;
}
.revenue__summary .revenue__summary__card .trending-number{
    color: #4079ED;
    font-size:16px;
    font-weight: 500;
}
.revenue__summary .revenue__summary__card.total-income{
    background: #DCFCE7;
}
.revenue__summary .revenue__summary__card.total-income .img-content{
    background: #0FAF6240;
}
.revenue__summary .revenue__summary__card.total-expenses{
    background:#FFE2E5;
}
.revenue__summary .revenue__summary__card.total-expenses .img-content{
    background: #FA5A7D40;
}
.revenue__summary .revenue__summary__card.net-profit{
    background:#FFF4DE;
}
.revenue__summary .revenue__summary__card.net-profit .img-content{
    background: #FF947A40;
}

.orders__list__popular,
.total__stock{
    padding: 20px 0;
}
.orders__list__popular__card{
    box-shadow: 0px 4px 20px 0px #EEEEEE80;
    border: 1px solid #F8F9FA;
    border-radius:20px;
    padding:16px;

}
.orders__list__popular__card .body-part .title{
    font-size: 16px;
    font-weight:500;
    color:var(--dark-opacity-2);
}
.orders__list__popular__card .body-part .value{
    font-weight:500;
    font-size: 16px;
    color:var(--dark-opacity-2);
}
.orders__list__popular__card .body-part .value.text-sucess{
    color:#389F63;
    font-weight:700;
}
.orders__list__popular__card .body-part table{
    border-collapse: separate;
    border-spacing:  0px 10px;
    width: 100%;
}
.orders__list__popular__card .body-part table thead tr  {
  border-bottom: 1px solid #ccc;
  padding-block:0;
}
.orders__list__popular__card .body-part table.successtable tbody tr{
    background: #EFFDF4;
    border-bottom: 0.9px solid #EDF2F6;
    color: #16A349;
    font-size:14px;
    font-weight:500;
    border-color: transparent;
}
.orders__list__popular__card .body-part table tr td:first-child {
    border-radius: 0 10px 10px 0px;
}

.orders__list__popular__card .body-part table tr td:last-child {
    border-radius: 10px 0 0 10px;
}
.orders__list__popular__card .body-part table.dangertable tbody tr{
    background: #FEF1F2;
    border-bottom: 0.9px solid #EDF2F6;
    color: #DC2625;
    font-size:14px;
    font-weight:500;
    border-color: transparent;
}
.total__stock__card{
    border: 1px solid #F3F3F3;
    box-shadow: 0px 4px 20px 0px #EEEEEE80;
    padding:14px;
    border-radius:20px;
}
.total__stock__card p{
   color: var(--dark-opacity-2);
    font-size:14px;
    font-weight:700;
}
.total__stock__card h3{
   color: var(--dark-opacity-2);
    font-size:28px;
    font-weight:700;
}
.total__stock__card .img-content {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}
.total__stock__card .img-content img{
    width:16px;
}
.total__stock__card .img-content.first{
    background: #EF5B2429;
}
.total__stock__card .img-content.second{
    background: #0FAF621A;
}
.total__stock__card .img-content.third{
    background: #FFC3001A;
}
.total__stock__card .img-content.four{
   background: #00A5FF1A;
}
.total__stock__card .trending-number{
    color: var(--dark-opacity-2);
    font-size:12px;
    font-weight:500;
}
.total__stock__title{
    color: var(--bs-dark);
    font-size:20px;
    font-weight:700;
    margin-bottom:24px;
}
.header-part h3{
    font-size:18px;
    color: var(--bs-dark);
    font-weight:700;
}
[data-bs-theme=light]{
    --bs-dark:#000;
    --bs-dark-opacity:#00000080;
    --dark-opacity-2:#323232;
}
[data-bs-theme=dark]{
    --bs-dark:#fff;
    --bs-dark-opacity:#fff;
    --dark-opacity-2:#fff;
}
.custome-table .table:not(.table-bordered)> :not(:last-child)> :last-child>* {
    color: black !important;
}
.row{
    row-gap:1rem;
}

html[data-bs-theme="light"]
#kt_aside,
html[data-bs-theme="light"] .header .header-brand {
  background: #F5F5F6 !important;

}
html[data-bs-theme="light"] .header .header-brand {
  border-radius: 50px 0 0 0 !important;
  padding-top: 20px !important;
}
html[data-bs-theme="light"]
.aside-menu .menu .menu-item .menu-link .menu-title,
html[data-bs-theme="light"] .menu-item .menu-link .menu-bullet,
html[data-bs-theme="light"] .menu-icon{
    color: #8E8E93 !important;
}

.menu-item .menu-link .menu-bullet, .menu-icon,
.aside-menu .menu .menu-item .menu-link .menu-icon i{
    color: #8E8E93 !important;
}
.default-color{
    color: #EF5B24 !important;
}
.aside-menu .menu .menu-item .menu-link.active {
    color:#EF5B24 !important;
    background:#F1C3B1;
    border-bottom: 2px solid #EF5B24;
}

html[data-bs-theme="light"] .aside-menu .menu .menu-item .menu-link.active .menu-title{
    color:#EF5B24 !important;
}
.card__notification__item{
    box-shadow: 0px 4px 17px 0px #00000014;
    border-radius:16px;
    background: #fff;
    padding: 16px;
    border: 1px solid;
    border-image-source: linear-gradient(115.98deg, rgba(239, 91, 36, 0) -10.31%, #EF5B24 103.69%);
}

.card__notification__item .image__part span{
    display: flex;
    align-items: center;
    justify-content:center;
    width:32px;
    height:32px;
    border-radius:100%;
}
.notification__row__card .col__row:first-child .card__notification__item{
    background:#fef5f2 !important;
    border: 1px solid #ef5b2426 !important;
}
.notification__row__card .col__row:first-child .card__notification__item .image__part span {
    background:#EF5B24;
}
.notification__row__card .col__row:nth-of-type(2) .card__notification__item .image__part span{
    background:#FFE8DF;
}
.notification__row__card .col__row:nth-of-type(3) .card__notification__item .image__part span{
    background:#FFF4CF;
}
.notification__row__card .col__row:nth-of-type(4) .card__notification__item .image__part span{
    background:#F7E7E8;
}
.card__notification__item .image__part h3{
    font-size:16px;
    font-weight:700;
    color: #000000;
    width: calc(100% - 40px)
}
.card__notification__item .text__part p{
    font-size:40px;
    font-weight:700;
    color: #000000;
}
.card__notification__item .text__part span{
    font-size:12px;
    color: #000000;
    font-weight:500;
}
.btn__table__add{
    min-width: 155px;
    min-height:36px;
    gap:8px;
    border-radius:6px;
    font-size:18px;
    background:#EF5B24;
    color: #FFFFFF;
    padding-inline:7px;
}
.btn__table__add:hover{
    color: #FFFFFF;
    background:#EF5B24;
}
.btn__table__add i{
    color: #FFFFFF;
}
.notification__list .title{
    color:#000000;
    font-size:20px;
    font-weight:600;
}
.notification__list .count{
    font-size:16px;
    color: #8C8C8C;
    font-weight:500;
}
.btn__filteration{
    min-width: 110px;
    min-height:36px;
    gap:8px;
    border-radius:6px;
    font-size:18px;
    background:#F3F3F3;
    color: #00000099;
    padding-inline:7px;
}
.btn__filteration:hover{
    background:#F3F3F3;
    color: #00000099;
}
.btn__filteration i{
    color:#6B6B6B;
}
.button__action{
    display: flex;
    flex-wrap:wrap;
    gap:1rem;
    justify-content:end;
    align-items:end;
    margin:24px 0;
}
.button__action .btn{
    margin:24px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 110px;
    min-height:36px;
    border-radius:6px;
    font-size:18px;
    padding-inline:7px !important;
    background:#F3F3F3 !important;
    color: #00000099 !important;
    padding-inline:7px;
    margin:0;

}