/*
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: 'Tajawal';*/
	font-size: 16px;
	    text-align: right;
}
h1,h2,h3,h4,h5,h6 {
	/* font-family: 'Tajawal';*/
}
.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: 35px !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: 35px;
  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
}