html[dir="rtl"]  {
  text-align: right;
  direction: rtl;
}
html[dir="rtl"] 
body {
  margin: 0;
  direction: rtl;
  text-align: right;
  font-family: 'Din regular';
}
html[dir="rtl"] .nav {
  padding-right: 0;
}
html[dir="rtl"]
 .uk-center {
  left: auto;
  /*z-index: 100;*/
  right: calc(23% - 2px);
 }
html[dir="rtl"]  .text-primary  {
    float: left;
}
html[dir="rtl"]
.switch {
  right: 35px;
}
html[dir="rtl"]
.uk-text-left {
    text-align: left !important;
}
html[dir="rtl"]
.uk-text-right {
    text-align: right !important;
}
html[dir="rtl"]
@media (min-width: 860px){
  .uk-navbar-nav > li > a,
  .uk-navbar-item,
  .uk-navbar-toggle { 
    padding: 15px 0px;
  }
}
html[dir="rtl"] 
 .uk-navbar-container > .uk-container .uk-navbar-right {
    
    margin-left: -15px;
    margin-right: auto;
}
html[dir="rtl"] 
.uk-navbar-right {
    margin-right: auto;
}

html[dir="rtl"] .uk-open > .uk-offcanvas-bar {
    right: 0;
    left: auto;
}

html[dir="rtl"]
.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar {
    right: auto;
    left: 0;
}

html[dir="rtl"]
.uk-offcanvas-close {
    left: 20px;
    right: auto;
}
html[dir="rtl"]
.uk-search .uk-search-icon-flip {
    left: 0;
    right: auto;
}
html[dir="rtl"]
.section-featured a::after {
    float: left;
    transform: scaleX(-1);
}
html[dir="rtl"]
.uk-accordion-title::after {
    float: left;
}
html[dir="rtl"]
.uk-offcanvas-bar-animation {
    transition: right 0.3s ease-out;
}

html[dir="rtl"]
.left-menu{
  left: 0;
}

html[dir="rtl"]
.uk-container .uk-navbar-right {
    margin-left: -30px !important;
}

html[dir="rtl"]
.tm-timeline:before {
    
    right: calc(30% - 2px);

}
html[dir="rtl"]
 .tm-timeline-entry .tm-timeline-time:before {
    left: -10px !important;
    right: auto;
    /*z-index: 99;*/
  }

html[dir="rtl"]
.tm-timeline-entry .tm-timeline-time {
    float: right;
    padding: 0px;
    text-align: right;
    text-align-last: center;
}

html[dir="rtl"]
.tm-timeline-entry {
    text-align: right;
}
html[dir="rtl"]
.tm-timeline-entry .tm-timeline-body {
    float: right;
    padding-right: 40px;
    padding-left:0px;
  }
}
html[dir="rtl"]
.uk-margin-small-left {
    margin-right: 10px !important;
}

html[dir="rtl"] .modal-header{
   float: left;
}
html[dir="rtl"] th {
  text-align: right;
}
html[dir="rtl"]
.uk-margin-small-left {
    margin-right: 10px !important;
}

html[dir="rtl"] .alert-dismissible {
  padding-right: 1.25rem;
  padding-left: 4rem;
}

html[dir="rtl"] .dropdown-menu {
  left: : 0;
  text-align: right;
}

html[dir="rtl"] .checkbox label {
  padding-right: 1.25rem;
  padding-left: inherit;
}

html[dir="rtl"] .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-radius: 0 0.25rem 0.25rem 0;
}

html[dir="rtl"] .btn-group > .btn:last-child:not(:first-child),
html[dir="rtl"] .btn-group > .dropdown-toggle:not(:first-child) {
  border-radius: 0.25rem 0 0 0.25rem;
}

html[dir="rtl"] .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-radius: 0.25rem 0 0 0.25rem;
}

html[dir="rtl"] .custom-control-label::after,
html[dir="rtl"] .custom-control-label::before {
  right: 0;
  left: inherit;
}

html[dir="rtl"] .custom-select {
  padding: 0.375rem 0.75rem 0.375rem 1.75rem;
  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat left 0.75rem center;
  background-size: 8px 10px;
}

html[dir="rtl"] .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
html[dir="rtl"] .input-group > .input-group-append:last-child > .input-group-text:not(:last-child),
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .btn,
html[dir="rtl"] .input-group > .input-group-append:not(:last-child) > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend > .btn,
html[dir="rtl"] .input-group > .input-group-prepend > .input-group-text {
  border-radius: 0 0.25rem 0.25rem 0;
}

html[dir="rtl"] .input-group > .input-group-append > .btn,
html[dir="rtl"] .input-group > .input-group-append > .input-group-text,
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .btn:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child),
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .btn,
html[dir="rtl"] .input-group > .input-group-prepend:not(:first-child) > .input-group-text {
  border-radius: 0.25rem 0 0 0.25rem;
}

html[dir="rtl"] .input-group > .custom-select:not(:first-child),
html[dir="rtl"] .input-group > .form-control:not(:first-child) {
  border-radius: 0.25rem 0 0 0.25rem;
}

html[dir="rtl"] .input-group > .custom-select:not(:last-child),
html[dir="rtl"] .input-group > .form-control:not(:last-child) {
  border-radius: 0 0.25rem 0.25rem 0;
}

html[dir="rtl"] .input-group > .custom-select:not(:last-child):not(:first-child),
html[dir="rtl"] .input-group > .form-control:not(:last-child):not(:first-child) {
  border-radius: 0;
}

html[dir="rtl"] .custom-control {
  padding-right: 1.5rem;
  padding-left: inherit;
  margin-right: inherit;
  margin-left: 1rem;
}

html[dir="rtl"] .custom-control-indicator {
  right: 0;
  left: inherit;
}

html[dir="rtl"] .custom-file-label::after {
  right: initial;
  left: -1px;
  border-radius: .25rem 0 0 .25rem;
}

html[dir="rtl"] .radio input,
html[dir="rtl"] .radio-inline,
html[dir="rtl"] .checkbox input,
html[dir="rtl"] .checkbox-inline input {
  margin-right: -1.25rem;
  margin-left: inherit;
}

html[dir="rtl"] .list-group {
  padding-right: 0;
  padding-left: 40px;
}

html[dir="rtl"] .close {
  float: left;
}

html[dir="rtl"] .modal-header .close {
  margin: -15px auto -15px -15px;
}

html[dir="rtl"] .modal-footer > :not(:first-child) {
  margin-right: .25rem;
}

html[dir="rtl"] .alert-dismissible .close {
  right: inherit;
  left: 0;
}

html[dir="rtl"] .dropdown-toggle::after {
  margin-right: .255em;
  margin-left: 0;
}

html[dir="rtl"] input:checked + .slider:before {
  -webkit-transform: translateX(-26px);
  -ms-transform: translateX(-26px);
  transform: translateX(-26px);
} 
html[dir="rtl"] .form-check-input {
  margin-right: -1.25rem;
  margin-left: inherit;
}

html[dir="rtl"] .form-check-label {
  padding-right: 1.25rem;
  padding-left: inherit;
}

html[dir="rtl"] .card .card-header.card-header-tabs .nav-tabs-title {
  float: right;
  padding: 10px 0 10px 10px;
}

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

html[dir="rtl"] .nav-tabs .nav-item .material-icons {
  margin: -1px 0 0 5px;
}

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

html[dir="rtl"] .navbar .navbar-nav .dropdown-menu-right {
  transform-origin: 0 0;
}

html[dir="rtl"] .bmd-form-group [class^='bmd-label'].bmd-label-floating,
html[dir="rtl"] .bmd-form-group [class*=' bmd-label'].bmd-label-floating {
  will-change: right, top, contents;
}

html[dir="rtl"] .is-focused .bmd-label-floating,
html[dir="rtl"] .is-filled .bmd-label-floating {
  right: 0;
  left: unset;
}

html[dir="rtl"] .alert.alert-with-icon {
  padding-right: 66px;
  padding-left: 15px;
}

html[dir="rtl"] .alert.alert-with-icon i[data-notify="icon"] {
  right: 15px;
  left: unset;
}

html[dir="rtl"] .alert button.close {
  left: 10px !important;
  right: unset !important;
}

@media (min-width: 992px) {
  html[dir="rtl"] .navbar-expand-lg .navbar-nav .dropdown-menu-right {
    left: 0;
    right: auto;
  }
}

html[dir="rtl"] .sidebar .sidebar-wrapper .navbar-form .input-group {
  padding-right: 17px;
  padding-left: unset;
}

html[dir="rtl"] .sidebar,
html[dir="rtl"] .off-canvas-sidebar nav .navbar-collapse {
  text-align: right;
}

html[dir="rtl"] .card .card-body, html[dir="rtl"] .card .card-footer {
  direction: rtl;
}

@media (max-width: 991px) {
  html[dir="rtl"] .navbar-form .btn {
    left: -50px;
    right: unset;
  }
}

@media (min-width: 992px) {
  html[dir="rtl"] .navbar-expand-lg > .container,
  html[dir="rtl"] .navbar-expand-lg > .container-fluid {
    flex-wrap: nowrap;
  }
}

@media (max-width: 991px) {
  html[dir="rtl"] [class*="navbar-expand-"] > .container,
  html[dir="rtl"] [class*="navbar-expand-"] > .container-fluid {
    flex-direction: row-reverse;
  }
}
@media (min-width: 1200px) {
  html[dir="rtl"]
  .sidebar-docs { 
    border-right: none;
    border-left: 1px solid #ccc;
  }
}
.sidebar-docs {
  padding-right: 20px;
}
.jstree-proton > .jstree-no-dots .jstree-closed > .jstree-ocl {
  background-position: -5px -5px;
}
.jstree-proton > .jstree-no-dots .jstree-open > .jstree-ocl {
  background-position: -37px -5px;
}
.uk-position-center-left-out {
  right: 80%;
}