body {
    direction: rtl !important;
}
.no-internet {
    background-color: rgb(2 6 23);
    padding: 10px;
}

.disabled-paginate-btn {
    cursor: no-drop;
    background: #fcfafa;
    color: #ccc;
}
.disabled-paginate-btn:hover {
    background: #fcfafa !important;
    color: #ccc;
}
.ticket-created-at {
    float: inline-end;
    margin-top: -30px;
    font-weight: normal;
}
.btn-disabled {
    background: #ccc;
    border-radius: 5px;
    cursor: no-drop;
}
.bg-red-300 {
    background-color: #fecaca;
}
.notinventory {
    font-size: 13px;
    position: absolute;
    right: 0;
    text-align: center;
    left: 0;
    bottom: -5px;
    font-weight: normal;
    color: red;
}
.bg-orange-300 {
    background-color: rgb(253 186 116);
}
.bg-orange-200 {
    background-color: rgb(254 215 170);
}

.bg-green-300 {
    background-color: rgb(134 239 172);
}
.pr-pl-8 {
    padding-right: 8px;
    padding-left: 8px;
}
.pt-0 {
    padding-top: 0 !important;
}
.h-410 {
    height: 410px;
}
.h-325 {
    height: 325px !important;
}
.b-radius {
    border-radius: 12px;
}
.wh-75 {
    width: 75px;
    height: 75px;
}
.color-side {
    width: 100%;
    height: 37px;
    border-radius: 10px 10px 0 0;
}
.color-name-side {
    text-align: center;
    font-size: 13px;
    padding: 2px;
    margin-top: 5px;
}
.f-size-22 {
    font-size: 22px !important;
}
.place-content-end {
    place-content: end;
}
.next-gallery-image {
    top: -13px;
    left: 0;
    right: 0;
    text-align: center;
}
.next-gallery-image svg{
    margin: 0 auto;
}
.prev-gallery-image{
    bottom: -8px;
  left: 0;
  right: 0;
}
.prev-gallery-image svg{
    margin: 0 auto;
}
.h-290{
    height: 290px;
} 

@media only screen and (max-width: 767px) {
    .md-wh200{
        width: 100%;
        height: 200px !important;
    }
}