/*
body {
    direction: rtl;
}*/
.optionbox {
    left:-300px;
    right:initial;
}
.optionbox .pointer {
        right: -54px;
    }
 .optionbox.active{
    -webkit-transform: translateX(300px);
    -moz-transform: translateX(300px);
    transform: translateX(300px);
}
.bigcontent {
    float: left;
}

.relative,.main-sidebar{
    float: right;
}
.main-sidebar ul.collapsible .collapsible-header i.faa-slow {
    float: right;
}
.main-sidebar ul.collapsible .collapsible-header i.fa-chevron-down {
   float: left;
}
.main-sidebar .collapsible-header i.fa-chevron-left{
     float: left !important;
}
.main-sidebar ul.collapsible .collapsible-body .collapsible-header{
      padding-right:50px;
      padding-left:0;
}
.collapsible-header input[type="text"]{
     padding-right:6px;
      padding-left:0;
}
.smallcontent{
    float:left;
}
.menu-content #search li input {
    /*width: 178px;*/
    float: right;
    padding-right: 5px;
    padding-left: 0;
}
.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select{
    left:0;
    right:initial;
}
.tab-content .k-select{
    margin-left:0;
}
.row .col {
    float: right;
}
.setting-data ul:not(.browser-default){
    padding-right:40px;
    padding-left:0;
}
.user-info .table-data input{
    padding-right:10px;
    padding-left:0;
}
.first-chart .chart-details{
     /*padding:20px 0 20px 20px;*/
      padding-right:20px !important;
      padding-left:20px !important;
}
.second-chart .colors-details h4.color-ref span.circle {
    margin-left: 10px;
    margin-right:0;
}
.main-content .data .k-button-operations:nth-last-of-type(7){
      left: 482px;
       right:initial !important;
      }
.main-content .data .k-button-operations:nth-last-of-type(6){
      left: 422px;
      right:initial !important;
      }
.main-content .data .k-button-operations:nth-last-of-type(5){
      left: 342px;
      right:initial !important;
      }
.main-content .data .k-button-operations:nth-last-of-type(4){
     left: 256px;
       right:initial;
     }
.main-content .data .k-button-operations:nth-last-of-type(3){
     left: 175px;
     /*left: 195px;*/
      right:initial;
      }
.main-content .data .k-button-operations:nth-last-of-type(2){
    left: 100px;
     /*left: 120px;*/
      right:initial;
}
.main-content .data .k-button-operations:nth-last-of-type(1){
  left:35px;
  right:initial;  
}

/* start buttons sales-order */
.main-content .data .sales-order .k-button-operations:nth-last-of-type(8){    
     left:560px;
     right:initial;
}
.main-content .data .sales-order .k-button-operations:nth-last-of-type(5){    
     left:362px;
     right:initial;
}
.main-content .data .sales-order .k-button-operations:nth-last-of-type(4){    
     left: 296px;
     right:initial;
}
.main-content .data .sales-order .k-button-operations:nth-last-of-type(3){    
     left: 205px;
     right:initial;
}
.main-content .data .sales-order .k-button-operations:nth-last-of-type(2){    
     left: 120px;
     right:initial;
}
.main-content .data .sales-order .k-button-operations:nth-last-of-type(1){
   left:35px;
   right:initial;  
}
/* End buttons sales-order */
form#form p{
    text-align:right;
}
/* start buttons purchases-order */
.main-content .data .purchases-order .k-button-operations:nth-last-of-type(7){    
     left:502px;
     right:initial;
}
.main-content .data .purchases-order .k-button-operations:nth-last-of-type(6){    
     left:432px;
     right:initial;
}
.main-content .data .purchases-order .k-button-operations:nth-last-of-type(5){    
     left:372px;
     right:initial;
}
.main-content .data .purchases-order .k-button-operations:nth-last-of-type(4){    
     left: 302px;
     right:initial;
}
.main-content .data .purchases-order .k-button-operations:nth-last-of-type(3){    
     left: 242px;
     right:initial;
}
.main-content .data .purchases-order .k-button-operations:nth-last-of-type(2),
.main-content .data .sales-quotes .k-button-operations:nth-last-of-type(2)
{    
     left: 140px;
     right:initial;
}
.main-content .data .purchases-order .k-button-operations:nth-last-of-type(1){
   left:35px;
   right:initial;  
}
/* End buttons purchases-order */

/* start buttons sales-quotes */
.main-content .data .sales-quotes .k-button-operations:nth-last-of-type(7){    
     left:502px;
     right:initial;
}
.main-content .data .sales-quotes .k-button-operations:nth-last-of-type(6){    
     left:425px;
     right:initial;
}
.main-content .data .sales-quotes .k-button-operations:nth-last-of-type(5){    
     left:362px;
     right:initial;
}
.main-content .data .sales-quotes .k-button-operations:nth-last-of-type(4){    
     left: 286px;
     right:initial;
}
.main-content .data .sales-quotes .k-button-operations:nth-last-of-type(3){    
     left: 215px;
     right:initial;
}

.main-content .data .sales-quotes .k-button-operations:nth-last-of-type(1){
   left:35px;
   right:initial;  
}
/* End buttons sales-quotes */
.main-content .data .entry .k-button-operations:nth-last-of-type(7) {
    left: 462px !important;
    right:initial;
}
.main-content .data .entry .k-button-operations:nth-last-of-type(6) {
    left: 392px !important;
    right:initial;
}
.main-content .data .entry .k-button-operations:nth-last-of-type(5) {
    left: 332px !important;
    right:initial;
}
.main-content .data .entry .k-button-operations:nth-last-of-type(4) {
    left: 266px !important;
    right:initial;
}
.main-content .data .entry .k-button-operations:nth-last-of-type(3) {
    left: 203px !important;
    right:initial;
}
.main-content ul.tabs .tab a i{
    margin-left:10px;
    margin-right:0;
}
.tab-content .input-field label, .currency .input-field label {
    float: right;
}
.tab-content input:not([type]), .tab-content input[type=text], .tab-content input:not([type]), .tab-content input[type=text], .tab-content input[type=number], .tab-content input[type=email], .tab-content input[type=password], .tab-content textarea {
    padding-left:0;
    padding-right: 0px;
}
input.ng-valid.ng-dirty,input.ng-pristine.ng-valid,textarea.ng-binding.ng-pristine.ng-valid.ng-valid-required, input.ng-dirty.ng-invalid.ng-invalid-email, input.ng-pristine.ng-invalid.ng-invalid-required, input.ng-animate.ng-dirty.ng-invalid.ng-invalid-required{
    padding-right: 15px  !important;
}
/* input.ng-valid.ng-dirty:focus,input.ng-pristine.ng-valid:focus,textarea.ng-binding.ng-pristine.ng-valid.ng-valid-required:focus, input.ng-dirty.ng-invalid.ng-invalid-email:focus{
    padding-right: 15px  !important;
} */
.tab-content [type="radio"]:not(:checked) + label, .tab-content [type="radio"]:checked + label, .tab-content [type="checkbox"]:not(:checked) + label, .tab-content [type="checkbox"]:checked + label {
    padding-left: 0;
    padding-right: 35px;
}
.tab-content [type="radio"] + label:before, .tab-content [type="radio"] + label:after, .tab-content [type="checkbox"] + label:before, .tab-content [type="checkbox"] + label:after {
    right: 0;
    left: initial;
}
span.k-tooltip {
    left: 10% !important;
    right:initial !important;
}
.row .col.offset-m5{
    margin-left:0;
    margin-right:41.6666666667%;
    margin-bottom: 20px;
    margin-top: 20px;
}
.input-field .prefix ~ input, .input-field .prefix ~ label{
    margin-left: 0;
    margin-right: 3rem;
}
.k-dropdown-wrap .k-select, form.k-filter-menu .k-numeric-wrap .k-select, form.k-filter-menu .k-picker-wrap .k-select {
    right: initial;
    left: 0;
}
.login .btn i {      
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }
.tab-content .code p {
    text-align: right;
}
.tab-content .s6 .input-field label,.tab-content .s5 .input-field label{
    width:initial !important;
}
.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    float: left;
}
.modal .modal-footer .btn i {
    margin-left: 5px;
    margin-right:0;
}
.modal .input-field label {
    float: right;
}
.modal .k-widget.k-combobox.k-header {    
    float: left !important;
}
.modal input:not([type]), .modal input[type=text], .modal input[type=number], .modal textarea {
  float: left;
  padding-right: 10px;
  padding-left: 0;
}
.k-upload-status {
    left: 10px !important;
    right: initial !important;
}
.modal span.k-dropdown{    
     float: left !important; 
}
.col.offset-m1 {
    margin-right: 8.3333333333%;
}
footer{
    left:0;
    right:initial;
}
@media only screen and (max-width: 600px) {    
.main-content .data .k-button-operations:nth-last-of-type(2){
    left:110px;
}
.main-content .data .k-button-operations:nth-last-of-type(3){
    left:175px;
}
.main-content .data .k-button-operations:nth-last-of-type(4){
    left:236px;
}
.main-content .data .k-button-operations:nth-last-of-type(5){
    left:312px
}

 .responsive-header .k-grid .k-grouping-header {
        height: 70px;
    }
  .main-content .data   .responsive-header .k-button-operations:nth-last-of-type(7) {
        left: 332px !important;
    }
   .main-content .data  .responsive-header .k-button-operations:nth-last-of-type(6) {
        left: 252px !important;
    }
 .main-content .data    .responsive-header .k-button-operations:nth-last-of-type(5) {
        left: 182px !important;
    }
 .main-content .data    .responsive-header .k-button-operations:nth-last-of-type(4) {
        left: 102px !important;
    }
  .main-content .data   .responsive-header .k-button-operations:nth-last-of-type(3) {
        left: 35px !important;
    }
   .main-content .data  .responsive-header .k-button-operations:nth-last-of-type(2) {
        left: 298px !important;
        top: 40px;
    }
   .main-content .data  .responsive-header .k-button-operations:nth-last-of-type(1) {
        left: 200px !important;
        top: 42px;
    }
}
@media only screen and (min-width: 601px){
    .collapse-page .col.offset-m1{
    margin-left:0;
    }
}






/*=======================================================================================*/


/* Language Options */
.language-options {
    display: flex;
    gap: 10px;
    margin-top: 10px;
}

.language-option {
    display: flex;
    align-items: center;
    padding: 8px 4px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .language-option:hover {
        background-color: var(--light-gray);
    }

    .language-option.active {
        background-color: var(--primary-light);
        color: white;
        border-color: var(--primary-color);
    }

.language-flag {
    font-size: 16px;
    margin-right: 8px;
}

html[dir="rtl"] .language-flag {
    margin-right: 0;
    margin-left: 8px;
}

.language-name {
    font-size: 14px;
    font-weight: 500;
}


@media (max-width: 576px) {


    .language-options {
        flex-direction: column;
    }
}




/*============================================================*/

html[dir="rtl"] .arabic-language-button {
    margin-right: 5px;
}

html[dir="ltr"] .arabic-language-button {
    margin-left: 5px;
}


/*============================================================*/





/*english main-sidebar*/

html[dir="ltr"] .relative, .main-sidebar {
    float: left;
}

html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-header i.faa-slow {
    float: left;
}

html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-header i.fa-chevron-down {
    float: right;
}

html[dir="ltr"] .main-sidebar .collapsible-header i.fa-chevron-left {
    float: right !important;
}

html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-body .collapsible-header {
    padding-left: 50px;
    padding-right: 0;
}


html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-body {
    margin-right: 0 !important;
    margin-left: 20% !important;
}

html[dir="ltr"] .collapsible-header input[type="text"] {
    padding-right: 0;
    padding-left: 6px;
}

html[dir="ltr"] .smallcontent {
    float: right;
}



html[dir="ltr"] .menu-content #search li input {
    /*width: 178px;*/
    float: left;
    padding-right: 0;
    padding-left: 5px;
}

html[dir="rtl"] .k-dropdown-wrap .k-select, html[dir="rtl"] .k-numeric-wrap .k-select, html[dir="rtl"] .k-picker-wrap .k-select {
    left: 0;
    right: initial;
}

html[dir="ltr"] .tab-content .k-select {
    margin-right: 0;
}

html[dir="ltr"] .row .col {
    float: left;
}

html[dir="ltr"] .setting-data ul:not(.browser-default) {
    padding-right: 0;
    padding-left: 40px;
}

html[dir="ltr"] .right {
    float: left !important;
}

html[dir="ltr"] .left {
    float: right !important;
}



html[dir="ltr"] .delivery-circle {
    left: 20px !important;
    right: 0 !important;
}


html[dir="rtl"] .total-circle {
    right: 0 !important;
    left: 0 !important;
}

html[dir="ltr"] .total-circle {
    left: 0 !important;
    right: 0 !important;
}



html[dir="ltr"] .dropdown-content li {
    text-align: left !important;
}



html[dir="ltr"] .right-align {
    text-align: left !important;
}



html[dir="ltr"] .bigcontent {
    float: right;
}




html[dir="ltr"] .search {
    margin-left: 15px !important;
}



html[dir="ltr"] input.ng-valid.ng-dirty, input.ng-pristine.ng-valid, textarea.ng-binding.ng-pristine.ng-valid.ng-valid-required, input.ng-dirty.ng-invalid.ng-invalid-email, input.ng-pristine.ng-invalid.ng-invalid-required, input.ng-animate.ng-dirty.ng-invalid.ng-invalid-required {
    padding-right: 15px !important;
}



html[dir="ltr"] .k-grid .k-header .k-button.k-grid-save, .k-grid .k-header .k-button.k-grid-add {
    float: right !important;
}

html[dir="ltr"] .cart-count-circle {
    right: auto !important;
    left: 0px !important;
}


html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-header i.faa-slow {
    margin-left: 15px !important;
}


html[dir="ltr"] .optionbox {
    right: -300px !important;
    left: initial !important;
}


    html[dir="ltr"] .optionbox .pointer {
        left: -54px;
    }

    html[dir="ltr"] .optionbox.active {
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
    }



html[dir="ltr"] .input-icon {
    right: 17% !important;
}



/*=======================================================================================*/


/*english main-sidebar*/
html[dir="ltr"] .relative, .main-sidebar {
    float: left;
}

html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-header i.faa-slow {
    float: left;
}

html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-header i.fa-chevron-down {
    float: right;
}

html[dir="ltr"] .main-sidebar .collapsible-header i.fa-chevron-left {
    float: right !important;
}

html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-body .collapsible-header {
    padding-left: 50px;
    padding-right: 0;
}


html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-body {
    margin-right: 0 !important;
    margin-left: 20% !important;
}

html[dir="ltr"] .collapsible-header input[type="text"] {
    padding-right: 0;
    padding-left: 6px;
}

html[dir="ltr"] .smallcontent {
    float: right;
}



html[dir="ltr"] .menu-content #search li input {
    /*width: 178px;*/
    float: left;
    padding-right: 0;
    padding-left: 5px;
}

html[dir="ltr"] .k-dropdown-wrap .k-select, html[dir="ltr"] .k-numeric-wrap .k-select, html[dir="ltr"] .k-picker-wrap .k-select {
    left: initial;
    right: 0;
}

html[dir="ltr"] .tab-content .k-select {
    margin-right: 0;
}

html[dir="ltr"] .row .col {
    float: left;
}

html[dir="ltr"] .setting-data ul:not(.browser-default) {
    padding-right: 0;
    padding-left: 40px;
}

html[dir="ltr"] .right {
    float: left !important;
}

html[dir="ltr"] .left {
    float: right !important;
}



html[dir="ltr"] .delivery-circle {
    left: 20px !important;
    right: 0 !important;
}


html[dir="rtl"] .total-circle {
    right: 0 !important;
    left: 0 !important;
}

html[dir="ltr"] .total-circle {
    left: 0 !important;
    right: 0 !important;
}



html[dir="ltr"] .dropdown-content li {
    text-align: left !important;
}



html[dir="ltr"] .right-align {
    text-align: left !important;
}



html[dir="ltr"] .bigcontent {
    float: right;
}




html[dir="ltr"] .search {
    margin-left: 15px !important;
}



html[dir="ltr"] input.ng-valid.ng-dirty, input.ng-pristine.ng-valid, textarea.ng-binding.ng-pristine.ng-valid.ng-valid-required, input.ng-dirty.ng-invalid.ng-invalid-email, input.ng-pristine.ng-invalid.ng-invalid-required, input.ng-animate.ng-dirty.ng-invalid.ng-invalid-required {
    padding-right: 15px !important;
}



html[dir="ltr"] .k-grid .k-header .k-button.k-grid-save, .k-grid .k-header .k-button.k-grid-add {
    float: right !important;
}

html[dir="ltr"] .cart-count-circle {
    right: auto !important;
    left: 0px !important;
}


html[dir="ltr"] .main-sidebar ul.collapsible .collapsible-header i.faa-slow {
    margin-left: 15px !important;
}


html[dir="ltr"] .optionbox {
    right: -300px !important;
    left: initial !important;
}


    html[dir="ltr"] .optionbox .pointer {
        left: -54px;
    }

    html[dir="ltr"] .optionbox.active {
        -webkit-transform: translateX(-300px);
        -moz-transform: translateX(-300px);
    }



html[dir="ltr"] .input-icon {
    right: 17% !important;
}


html[dir="ltr"] .page-header .logo a#close-sidebar {
    right: 0 !important;
    left: initial !important;
}



html[dir="ltr"] .page-header .k-dropdown-wrap .k-select, form.k-filter-menu .k-numeric-wrap .k-select, form.k-filter-menu .k-picker-wrap .k-select {
    right: 0 !important;
    left: initial !important;
}

html[dir="rtl"] .page-header .k-dropdown-wrap .k-select, form.k-filter-menu .k-numeric-wrap .k-select, form.k-filter-menu .k-picker-wrap .k-select {
    right: initial !important;
    left: 0 !important;
}

html[dir="ltr"] .k-rtl {
    direction: ltr;
}

.lower-menu-content .navbar-horizontal {
    position: relative;
    right: 240px;
    display: flex;
}

.lower-menu-content button {
    position: fixed;
    font-size: 25px;
    padding: 7px;
    left: 11px;
    min-height: 50px;
    min-width: 130px;
    bottom: 40px;
}

.lower-horizontal-bar-align-start {
    right: 60px !important;
}


html[dir="ltr"] .lower-horizontal-bar-align-start {
    left: 60px !important;
}


html[dir="ltr"] .lower-menu-content .navbar-horizontal {
    right: initial;
    left: 240px !important;
}

html[dir="ltr"] .lower-menu-content button {
    right: 11px;
    left: initial !important;
}


/*=======================================================================================*/