//
// RTL: Plugins / jQuery UI / Datepickers
// --------------------------------------------------

.ui-datepicker {
  th,
  td {
    text-align: center !important;
  }

  td {
    border-left: 1px solid #eee;
  }

  tr td:last-child {
    border-left: none;
  }
}

.ui-datepicker-prev {
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  right: 0;
  border-right: none;
  left: auto;

  &:after {
    content: "\f054";
  }
}

.ui-datepicker-next {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  left: 0;
  border-left: none;
  right: auto;

  &:after {
    content: "\f053";
  }
}

.ui-datepicker-title select:first-child {
  margin-right: 0;
  margin-left: 5px;
}

.ui-datepicker-buttonpane {
  direction: ltr !important;
  text-align: left;
}

.ui-datepicker-group {
  float: right;

  .ui-datepicker-title,
  table {
    border-left: 1px solid rgba(0, 0, 0, .2);
  }
}