@font-face { 
    font-family: Changa-Regular; 
    src: url(./../fonts/changa/Changa-Regular.ttf);
} 
    body , div,span,a , p ,
    .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
      font-family: 'Changa-Regular' !important; 
    }
body {
  direction: rtl;
  font-family: 'Changa-Regular' !important; 
  letter-spacing: 0.3px;
}
.text-end {
    text-align: left !important;
}
.Sidebar {
    right: 0;
    box-shadow: -4px 0px 3px 0px rgb(176 176 176 / 10%);
}
    .Sidebar .SidebarBody > section ul > li > a.HasChild:after {
        left: 10px
    }
    .Sidebar .SidebarBody>section ul li.HasChild-list ul li a.active,
.Sidebar .SidebarBody>section ul>li>a:hover {
    border-left: 4px solid #FF5929;
}
.dropdown-item ,
.select2-results__option,
.select2-container .select2-dropdown .select2-search input {
    text-align: right;
}
.price-unit {
    left: 23px;
  }
.form-select {
    padding: 0.375rem 0.65rem 0.375rem 2.25rem ;
    background-position: left 0.65rem center;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 8px !important;
    padding-left: 20px;
    text-align: right;
}
.table.table-style tbody tr td .input-container span{
    left: 1px;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
    border-top-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius:  4px;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-right: -1px;
    margin-left: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
}
.toast-header .close {
    margin-right: auto;
  }
  .toast-container>.toast>.toast-header strong {
    padding-left: 20px;
    padding-right: 0;
}
.input-search-container .select2.select2-container .select2-selection .select2-selection__rendered {
    padding-right: 40px !important;
}
.text-start {
    text-align: right!important;
}
    @media (min-width: 992px) {
        .TopHeader,
        body {
            margin-right: 200px;
        }
        .TopHeader {
            right: 0px;
        }
            body.CollapseSidebar,
            .CollapseSidebar .TopHeader {
                margin-right: 70px;
            }
        }
        @media (max-width: 992px) {
        .Sidebar {
           right: -100%;
           transition: all 0.3s;
        }
       .showSidebar .Sidebar {
        right: 0;
        transition: all 0.3s;
       }
    }