@import "../libraries/bootstrap/variables";
@import "../layout/variables";


.dropdown-menu {
  direction: rtl;

  > li > a {
    text-align: right;

    > .icon {
      margin-left: 5px;
      margin-top: 3px;
      float: right;
    }

    > .text {
      margin-left: 0;
    }
  }
}

.table {
  direction: rtl;

  th {
    text-align: right;
  }
}
.datepicker table {
  direction: rtl;
}

#widgets {
  .widget-heading {
    .widget-title {
      text-align: right;

      .icon {
        float: right;
        margin-left: 5px;
        margin-right: 0;
      }
    }

    .widget-actions {
      float: left;
    }
  }

  .widget-sensors .table .icon {
    float: right;
    margin-right: 0;
    margin-left: 5px;
  }
}

.form-group {
  direction: rtl;
}

.form-group.search,
.bs-searchbox {
  &:after {
    left: 0;
    right: auto;
  }
  > .form-control {
    padding-right: $padding-base-horizontal;
    padding-left: ($input-height-base * 1.25);
  }
}

.bootstrap-select.btn-group.show-tick .dropdown-menu {
  li a span.text {
    &:before {
      margin-right: 1px;
      margin-left: 5px;
    }
    &:after {
      left: auto;
      right: 0;
    }
  }
}

.radio,
.radio-inline,
.checkbox,
.checkbox-inline {
  label {
    &:before {
      margin-right: 1px;
      margin-left: 5px;
      left: auto;
      right: 0;
    }

    &:after{
      left: auto;
      right: 0;
    }
  }
}

