html,
body {
  direction: rtl;
  text-align: right;
}

@media only screen and (min-width: 1200px) {

.goals .goals_content .goal_card.active .title{
  font-size: 1.75rem;
}
}
@media only screen and (max-width: 480px) {

  .header2 {
    left: inherit;
    right: -85%;
  }

  .header2.open {
    left: inherit;
    right: 0
  }
}

.organization_chart .level-1 {
  max-width: 250px;
}
.modal-header .btn-close {
  margin: -0.5rem auto -0.5rem -0.5rem ;
}
.eval_card .percent .line {
  right: 0;
  left: inherit;
}
section.timeline{
  direction: ltr;
}
section.timeline .row {
  flex-direction: row-reverse;
}
label{
  text-align: right;
}
.percent .line{
  left: inherit;
  right: 0;
}
.header2 .sub-menu {
  border-bottom-right-radius: 25px;
}
.header2 .sub-menu::before {
  right: inherit;
  left: -50%;
}
@media only screen and (max-width: 480px)
{
  .header2 .sub-menu {
    left: inherit;
    right: 150px;
  }
}