/*-----------------------------------*\
  #COMPONENTS
\*-----------------------------------*/

/**
 * FORMS
 */
html[dir="rtl"] .box-form .label {
    right: 0;
    left: auto;
}

html[dir="rtl"] .box-select .select-control { padding: 10px 10px 10px 36px; }

html[dir="rtl"] .box-select .arrow {
    border-radius: 4px 0 0 4px;
    right: auto;
    left: 0;
}

html[dir="rtl"] .box-file::before {
    content: "رفع";
    right: 0;
    left: auto;
}

html[dir="rtl"] .box-file::after {
    content: "تحميل صورة الملف الشخصي";
    right: auto;
    left: 0;
    width: calc(100% - 64.36px);
}

html[dir="rtl"]  .box-file2::before { 
    content: "رفع"; 
    right: 0;
    left: auto;
}

html[dir="rtl"]  .box-file2::after {
    content: "رفع صورة البطاقة الشخصية";
    right: auto;
    left: 0;
    width: calc(100% - 64.36px);
}

html[dir="rtl"]  .box-file3::before { 
    content: "رفع"; 
    right: 0;
    left: auto;
}

html[dir="rtl"]  .box-file3::after {
    content: "السيرة الذاتية \ البورتفوليو";
    right: auto;
    left: 0;
    width: calc(100% - 64.36px);
}

html[dir="rtl"] .box-select .arrow::before {
    right: 0;
    left: auto;
}

/**
 * CARDS
 */
html[dir="rtl"] .card-materials .title-materials::before {
    right: 0;
    left: auto;
}

html[dir="rtl"] .card-how .card-body .title-how::before {
    right: 0;
    left: auto;
}

/**
 * COLLAPSES
 */
html[dir="rtl"] .card-collapse .collapses-list .collapses-list-card .collapses-list-card-list {
    padding-left: 16px;
    padding-right: auto;
}

html[dir="rtl"] .img-end-section { transform: rotateY(180deg); }

/**
 * DROPDOWN
 */
html[dir="rtl"] .dropdown .dropdown-menu { inset: 50px auto 0 auto; }