/*
Theme Name: mqs appointments

Adding support for languages written in a Right To Left (RTL) direction is easy -
it's just a matter of overwriting all the horizontal positioning attributes
of your CSS stylesheet in a separate stylesheet file named rtl.css.

https://codex.wordpress.org/Right-to-Left_Language_Support

*/

/* @font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Tajawal'), local('Tajawal-Regular'), url(./font/Tajawal-Regular.ttf) format('truetype');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
@font-face {
    font-family: 'Tajawal';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: local('Tajawal Bold'), local('Tajawal-Bold'), url(./font/Tajawal-Bold.ttf) format('truetype');
    unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
    */
body {
    direction   : rtl;
    unicode-bidi: embed;
    font-family : 'maqasaFont';
    font-size   : 16px;
    text-align  : right;
} 
ul.navbar-nav.mr-auto {
    margin-right: auto !important;
    margin-left: 0 !important;
}
.form-check-input[type="radio"]+label:before, .form-check-input[type="radio"]+label:after, label.btn input[type="radio"]+label:before, label.btn input[type="radio"]+label:after {
    left: auto !important;
    right: 0 !important;
}
.form-check-input[type="radio"]:not(:checked)+label, .form-check-input[type="radio"]:checked+label, label.btn input[type="radio"]:not(:checked)+label, label.btn input[type="radio"]:checked+label {
    padding-right: 15px !important;
    padding-left: 0 !important;
}
.dropdown-content li {
    text-align: right;
}
.select-wrapper ul {
    padding-right: 0 !important;
}
.select-wrapper span.caret {
    right: auto !important;
    left: 0 !important;
}
.form-check-input[type="checkbox"]+label, label.btn input[type="checkbox"]+label {
    padding-right: 15px;
    padding-left: 0 !important;
}
.form-check-input[type="checkbox"]+label:before, .form-check-input[type="checkbox"]:not(.filled-in)+label:after, label.btn input[type="checkbox"]+label:before, label.btn input[type="checkbox"]:not(.filled-in)+label:after {
    left: auto !important;
    right: 0;
}
.select-wrapper+label.active {
    right: 15px !important;
    left: auto !important;
}
.entry-title {
    font-family: 'Tajawal';
    text-align: right
}
.text-left {
    text-align: right !important
}
.dropdown-toggle, .navbar.navbar-light .breadcrumb .nav-item>.nav-link, .navbar.navbar-light .navbar-nav .nav-item>.nav-link, .dropdown-toggle, .navbar.navbar-light .breadcrumb .nav-item.active>.nav-link, .navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
    /* font-size: 111% !important;*/
    font-family: 'Tajawal';
}
.picker__box .picker__table .picker__weekday {
    font-size: 0.7em;
    font-weight: 700;
    color: #000;
}
.picker__weekday-display {
    display: none !important;
}
.rtl2ltr {
    direction: ltr
}
.md-form .prefix~label {
    margin-right: 2.5rem;
    margin-left: 0 !important;
}
.md-form .prefix~input, .md-form .prefix~textarea {
    margin-right: 2.5rem;
    margin-left: 0 !important;
}
.md-form label {
    right: 0;
    left: auto !important
}

.ar .accordion-button:after{
    margin-right: auto !important;
    margin-left: 0% !important;
}
.btn_maqasa{
    background-color: var(--primary-base-color);
    color           : var(--secondary-50-color);
    border-radius   : 25px !important;
}
label.btn_maqasa:hover{
    color: var(--secondary-50-color);
}
.pst_transfers_type{
    border-top-right-radius   : 25px;
    border-bottom-right-radius: 25px;
}
.form-outline .input_filter~.form-notch .form-notch-leading, .form-outline .input_filter~.form-notch .form-notch-middle, .form-outline .input_filter~.form-notch .form-notch-trailing{
    border-color       : var(--primary-base-color);
}
.form-outline .input_filter~.form-notch .form-notch-leading{
    width        : 1.5rem !important;
    border-radius: 0px 30px 30px 0px;
}
.form-outline .input_filter~.form-notch .form-notch-trailing{
    border-radius: 30px 0px 0px 30px;
}
#label_pst_out, #file_type_detail+label, #filter_transfer_type_out+label{
    border-radius: 0px 25px 25px 0px !important;
}
#label_pst_in, #file_type_one+label, #filter_transfer_type_in+label{
    border-radius: 25px 0px 0px 25px !important;
}