﻿/*==========================================================
    BAHRAIN BOURSE CAREERS
    Arabic (RTL Overrides)
==========================================================*/

.rtl .career-container{
    direction: rtl;
    text-align: right;
}

/*------------- Header -------------*/

.rtl .career-header,
.rtl .page-title,
.rtl .page-description{
    text-align:right;
}

/*------------- Cards -------------*/

.rtl .career-card{
    text-align:right;
}

.rtl .career-action{
    justify-content:flex-start;
}

/*------------- Job Meta -------------*/

.rtl .meta-label{
    margin-right:0;
    margin-left:6px;
}

/*------------- View Button -------------*/

.rtl .btn-text{
    margin-right:0;
    margin-left:10px;
}

.rtl .arrow::before{
    content:"\2190";
}

/*------------- Back Button -------------*/

.rtl .back-button {
    flex-direction: row-reverse;
}

.rtl .back-arrow::before {
    content: "\2192";
}

/*------------- Details -------------*/

.rtl .detail-item,
.rtl .detail-label,
.rtl .detail-value,
.rtl .section-title,
.rtl .section-content{
    text-align:right;
}

.rtl .section-title:after{
    left:auto;
    right:0;
}

/*------------- Lists -------------*/

.rtl .section-content ul{
    padding-left:0;
    padding-right:22px;
}

/*------------- Highlight Box -------------*/

.rtl .detail-highlight{
    border-left:none;
    border-right:4px solid #7B174F;
}

/*------------- Form -------------*/

.rtl .career-form-header,
.rtl .career-form-container,
.rtl .form-group,
.rtl .field-label{
    text-align:right;
}

.rtl .validation-summary{
    text-align:right;
}

.rtl .validation-summary ul{
    padding-left:0;
    padding-right:20px;
}

/*------------- Success -------------*/

.rtl .success-box{
    text-align:center;
}

/*------------- Summary (if used later) -------------*/

.rtl .summary-row{
    flex-direction:row-reverse;
}

/*------------- Upload Note -------------*/

.rtl .upload-note{
    text-align:right;
}