/*
Author       : Go2 Global Sdn Bhd
Template Name: Mashfa - Bootstrap Template
Version      : 1.3
*/

/*============================
 [Table of CSS]

1. General
2. Table
3. Bootstrap Classes
4. Avatar
5. Select2
6. Nav Tabs
7. Modal
8. Components
9. Slick Slider
10. Focus Label
11. Header
12. Mobile Menu
13. Footer
14. Login
15. Home
16. Search
17. Doctor Profile
18. Booking
19. Checkout
20. Booking Success
21. Invoice View
22. Schedule Timings
23. Doctor Dashboard
24. Patient Profile
25. Add Billing
26. Chat
27. Doctor Profile Settings
28. Calendar
29. Patient Dashboard
30. Profile Settings
31. Appoitment List
32. Reviews
33. Voice call
34. Video Call
35. Outgoing Call
36. Incoming Call
37. Terms and Conditions
38. Blog
39. Blog Details
40. Blog Grid
41. Map List & Grid
42. Loader
43. Product
44. Cart
45. Responsive

========================================*/

/*-----------------
	1. General
-----------------------*/
/* @import "../fonts/STC/stylesheet.css"; */
@import "../fonts/Dubai/style.css";
@import "../fonts/tajawal/style.css";
@import "../fonts/fontawesome/style.css";
@import "../fonts/mashfa/style.css";
@import "../fonts/ping/style.css";
@import "../fonts/Almarai/style.css";
html {
    direction: rtl;
}
body {
    direction: rtl;
    text-align: right;
    /* font-family: "stc",sans-serif; */
    /* font-family: "dubai",sans-serif; */
    font-family: "Almarai",Tahoma,sans-serif;
}
.slick-slider {
    /* direction: ltr; */
}
.ltr {
    direction: ltr !important;
}
/*-----------------
	2. Table
-----------------------*/

.card-table .table tr td:last-child,
.card-table .table tr th:last-child {
    padding-left: 1.5rem;
}

/*-----------------
	3. Bootstrap Classes
-----------------------*/

/*-----------------
	4. Avatar
-----------------------*/

/*-----------------
	5. Select2
-----------------------*/

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    /* height: 44px; */
    left: 7px;
}
.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b {
    right: 50%;
    margin-right: -10px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 30px;
    padding-right: 15px;
}

.card-ui.cui-c-udc .cui-udc-details{
    direction: rtl;
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    background-position: left calc(0.4em + 0.1875rem) center;
}

/*-----------------
	6. Nav Tabs
-----------------------*/
.main-nav li a {
    font-size: 14px;
}
/*-----------------
	7. Modal
-----------------------*/

.custom-modal .close {
    left: 20px;
}
.modal-header .close {
    margin: -1rem auto -1rem -1rem;
}

/*-----------------
	8. Components
-----------------------*/

/*-----------------
	9. Slick Slider
-----------------------*/

/*-----------------
	10. Focus Label
-----------------------*/

/*-----------------
	11. Header
-----------------------*/
.social-links {
    float: left;
}
.f-right{float: left}

.social-links a {
    float: right;
    margin-left: 7px; /*space between*/
}
.icon-input input {
    padding-left: 30px !important; /* Adjust this value based on the size of the icon */
}

.icon-input i {
    left: 10px !important;
    right: inherit !important;
}

.form-focus .focus-label {
    left: inherit !important;
    right: 12px !important;
}

.rtl-radio-option .custom-control-label::before,
.rtl-radio-option .custom-control-label::after {
    right: -1.2rem;
    left: auto;
}

.main-nav li > ul {
    right: 0;
    left: inherit;
}

@media (max-width: 768px) {
    .home-tile-section {
        padding: 0px 0;
    }
}

.main-nav li .submenu::before {
    right: 5px;
    left: inherit;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group
    > .input-group-prepend:first-child
    > .input-group-text:not(:first-child) {
    /* border-top-left-radius: 0;
    border-bottom-left-radius: 0; */
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    /* border-top-right-radius: 0;
    border-bottom-right-radius: 0; */
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.post-info {
    margin-right: 95px;
    margin-left: auto;
}
.post-thumb {
    float: right;
}

.main-nav > li .submenu > li.has-submenu > a::after {
    content: "\f053";
    left: 15px;
}
.logo {
    margin-left: 30px;
}
.header-contact-detail {
    padding-right: 10px;
}
.header-contact-detail p.contact-header {
    text-align: right;
}
.header-navbar-rht {
    margin-right: auto;
    margin-left: inherit;
}
.header-navbar-rht li {
    padding-left: 20px;
}
.header-navbar-rht li:last-child {
    padding-left: 0px;
}
.header-navbar-rht li .dropdown-menu::before {
    left: 35px;
    right: auto;
}
.header .has-arrow .dropdown-toggle:after {
    margin-right: 10px;
}
.user-header .user-text {
    margin-right: 10px;
    text-align: right;
}
.notifications .noti-content {
    text-align: right;
    padding: 10px;
}
.topnav-dropdown-header .notification-title {
    float: right;
}
.topnav-dropdown-header .clear-noti {
    float: left;
}
.notifications .media > .avatar {
    margin-right: 0px;
    margin-left: 10px;
}
#sendmessage #send-message-btn {
    left: 90px;
    right: auto !important;
}
#sendmessage #voice-call-btn {
    left: 52px;
    right: auto !important;
}
#sendmessage #video-call-btn {
    left: 15px;
    right: auto !important;
}
#sendmessage input {
    padding-right: 25px !important;
}
#searchConversations {
    padding-right: 25px !important;
}

@media (min-width: 992px) {
    .header-navbar-rht li.show > .dropdown-menu.notifications {
        transform: translate3d(278px, 0px, 0px);
    }
    .logged-item .dropdown-menu {
        transform: translate3d(143px, 0px, 0px) !important;
    }
}

/*-----------------
	12. Mobile Menu
-----------------------*/

.bar-icon span {
    float: right;
}

/*-----------------
	13. Footer
-----------------------*/

.footer .footer-menu ul li a {
    padding-right: 20px;
}
.footer .footer-menu ul li a::before {
    margin-left: 5px;
    right: 0;
    transform: scaleX(-1);
    left: auto;
}
.footer-contact-info .footer-address span {
    margin-left: 20px;
}
.footer-contact-info p i {
    margin-left: 15px;
}
.footer .social-icon ul li {
    margin-left: 15px;
}
.footer .social-icon ul li:last-child {
    margin-left: 0;
}
.policy-menu {
    text-align: left;
}
.policy-menu li {
    margin-left: 10px;
}
.policy-menu li::after {
    right: 10px;
}

/*-----------------
	14. Login
-----------------------*/

.login-header h3 a {
    float: left;
}

/*-----------------
	15. Home
-----------------------*/

.search-box .form-control {
    padding-right: 35px;
}
.search-box .search-location {
    margin-left: 12px;
}
.search-location .form-control {
    background: #fff url(../img/location.png) no-repeat right 10px center;
}
.search-box .search-info {
    margin-left: 12px;
}
.search-info .form-control {
    background: #fff url(../img/search.png) no-repeat right 10px center;
}
.profile-widget .verified {
    margin-right: 3px;
}
.slide-image {
    padding: 70px 100px 70px 50px;
}
.slide-ul li:before {
    padding-left: 6px;
}
.search-box1 .search-location1 {
    margin-left: 12px;
}
.search-detect {
    left: 5px;
}
.section-search-pharmacy {
    background-color: #fff;
}

/*-----------------
	16. Search
-----------------------*/

.sort-by {
    float: left;
}
.sort-title {
    margin-left: 10px;
}
.sortby-fliter {
    /* width: 347px; */
}
.custom-short-by > div:first-child {
    margin-left: 0;
}
.cal-icon:after {
    left: 15px;
    right: auto;
}
.custom_check {
    padding-right: 30px;
}
.custom_check .checkmark {
    right: 0;
}
.doc-info-right {
    margin-right: auto;
    margin-left: inherit;
}
.doctor-img {
    margin-left: 20px;
}
.doc-department img {
    margin-left: 10px;
}
.clinic-details ul li {
    padding-left: 5px;
}
.clinic-details ul li:last-child {
    padding-left: 0;
}
p.category-text {
    left: inherit;
    right: 10px;
}
/* .clinic-services span + span { */
.clinic-services span {
    margin-right: 5px;
    margin-bottom: 5px;
}
.clini-infos h2 b:not(span b) {
    text-decoration: line-through;
    font-weight: 500;
}
.doctor-img1 {
    margin-left: 20px;
}

.view-cart-side .shopping-cart-items img {
    float: right !important;
    margin-left: 12px !important;
    margin-right: inherit !important;
}
.view-cart-side .shopping-cart-items .close-icon {
    left: 0 !important;
    right: inherit !important;
}

/*-----------------
	17. Doctor Profile
-----------------------*/

.doctor-action a + a {
    margin-right: 8px;
}
.experience-list::before {
    right: 8px;
}
.experience-list > li .experience-user {
    right: 4px;
}
.experience-list > li .experience-content {
    margin: 0 40px 20px 0px;
}
.service-list ul li {
    float: right;
    padding-right: 25px;
}
.service-list ul li::before {
    right: 0;
    left: auto;
    transform: scaleX(-1);
}
.review-listing > ul li .comment .comment-body {
    margin-right: 16px;
}
.review-listing > ul li .comment .comment-body .meta-data .review-count {
    left: 0;
    right: auto;
}
.review-listing .recommend-btn {
    float: left;
}
.time-items > span {
    text-align: left;
}

/*-----------------
	18. Booking
-----------------------*/

.booking-doc-info .booking-doc-img {
    margin-left: 15px;
}

/*-----------------
	19. Checkout
-----------------------*/

.card-label > label {
    margin: 6px 8px auto auto;
}
.payment-radio {
    padding-right: 35px;
}
.payment-radio .checkmark {
    right: 0;
}
.booking-date li span {
    float: left;
    text-align: left;
}
.booking-fee li span {
    float: left;
}
.booking-total ul li .total-cost {
    float: left;
}

.booking-total ul li .advanced-payment {
    float: left;
}

/*-----------------
	20. Booking Success
-----------------------*/

/*-----------------
	21. Invoice View
-----------------------*/

.invoice-item .invoice-details {
    text-align: left;
}
.invoice-item .invoice-details-two {
    text-align: right;
}
.invoice-info.invoice-info2 {
    text-align: left;
}

/*-----------------
	22. Schedule Timings
-----------------------*/

.doc-slot-list a {
    margin-right: 5px;
}
.schedule-nav .nav-tabs li {
    margin: 5px 0px 5px 15px;
}

/*-----------------
	23. Doctor Dashboard
-----------------------*/

.circle-bar {
    margin-left: 15px;
}
.dct-border-rht {
    border-left: 1px solid #b4b4b4;
    border-right: none;
}

/*-----------------
	24. Patient Profile
-----------------------*/

.patient-info ul li span {
    float: left;
}

/*-----------------
	25. Add Billing
-----------------------*/

/*-----------------
	26. Chat
-----------------------*/

.chat-cont-left .chat-users-list a.media .media-img-wrap {
    margin-left: 15px;
}
.chat-cont-right .chat-header .media .media-img-wrap {
    margin-left: 15px;
}

/*-----------------
	27. Doctor Profile Settings
-----------------------*/

.btn-icon {
    left: 3px;
}
.upload-wrap .upload-images + .upload-images {
    margin-right: 20px;
}

/*-----------------
	28. Calendar
-----------------------*/

.calendar-events i {
    margin-left: 8px;
}

/*-----------------
	29. Patient Dashboard
-----------------------*/

.profile-info-widget .booking-doc-img {
    margin-left: 15px;
}
.dashboard-menu ul li a i {
    margin-left: 10px;
}
.unread-msg {
    left: 20px;
}

/*-----------------
	30. Profile Settings
-----------------------*/

.change-avatar .profile-img {
    margin-left: 15px;
}

/*-----------------
	31. Appoitment List
-----------------------*/

.appointment-list .profile-info-widget {
    margin-left: auto;
    text-align: right;
}
.appointment-action a + a {
    margin-right: 5px;
}

/*-----------------
	32. Reviews
-----------------------*/

/*-----------------
	33. Voice call
-----------------------*/

.call-duration {
    right: 0;
}
.my-video {
    left: 20px;
}
.my-video ul li {
    float: right;
    margin-left: 10px;
}
.end-call {
    left: 0;
}
.call-users {
    left: 20px;
}
.call-users ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.call-users ul li {
    float: right;
    margin-right: 10px;
}

/*-----------------
	34. Video Call
-----------------------*/

/*-----------------
	35. Outgoing Call
-----------------------*/

/*-----------------
	36. Incoming Call
-----------------------*/

/*-----------------
	37. Terms and Conditions
-----------------------*/

/*-----------------
	38. Blog
-----------------------*/

.blog-info i {
    margin-left: 5px;
}
.entry-meta li {
    margin-left: 15px;
}
.entry-meta li:last-child {
    margin-left: 0;
    text-align: right;
}
.post-left ul {
    padding-right: 0;
}
.post-left ul li {
    margin-left: 20px;
}
.category-widget .categories li a span {
    float: left;
}
.tags li {
    float: right;
}

/*-----------------
	39. Blog Details
-----------------------*/

.social-share {
    float: right;
}
.blog-comments .comments-list li {
    padding-right: 80px;
}
.blog-comments .comments-list li .comment-author {
    right: 0;
}
.author-details {
    margin-right: 120px;
}
.post-author img {
    margin-left: 5px;
}

/*-----------------
	40. Blog Grid
-----------------------*/

/*-----------------
	41. Map List & Grid
-----------------------*/

.map-right {
    padding-left: 30px;
    left: 0;
    right: auto;
}
.view-icons {
    float: left;
}
.view-icons a {
    margin-right: 10px;
}

/*-----------------
	42. Loader
-----------------------*/

/*-----------------
	43. Product
-----------------------*/

.product-custom .cart-icon {
    float: left;
}
ul.benifits-col li i {
    margin-left: 20px;
}
.custom-increment button.btn-success {
    border-radius: 50px;
}
.custom-increment button.btn-danger {
    border-radius: 50px;
}

/*-----------------
	44. Cart
-----------------------*/

.view-cart-header .shopping-cart {
    float: left;
    left: 0;
}
.view-cart-header .shopping-cart-items .close-icon {
    left: 0;
}
.view-cart-header .shopping-cart-items img {
    float: right;
    margin-left: 12px;
}
.view-cart-header .shopping-cart-items .item-name {
    padding-left: 20px;
}
.view-cart-header .shopping-cart:after {
    left: 35px;
}
.view-cart-header .booking-date li span {
    float: left;
}

/*-----------------
	45. Responsive
-----------------------*/

@media (min-width: 992px) {
   /* .main-nav > li {
        margin-left: 12px; lik this better
    }*/
    .main-nav > li:last-child {
        margin-left: 0;
    }
    .main-nav > li > a > i {
        margin-right: 3px;
    }
    .main-nav > li .submenu > li .submenu {
        right: 100%;
    }
    .main-nav > .has-submenu > .submenu > .has-submenu > .submenu::before {
        display: none;
    }
}
@media only screen and (max-width: 767.98px) {
    .policy-menu {
        text-align: right;
    }
}
/* was no good at 575.98px */
@media only screen and (max-width:1000px) {
    #mobile_btn {
        right: 0;
    }
    .navbar-brand.logo {
        margin-left: 0;
    }
    .dropdown-menu-right {
        right: -105px !important;
    }
    .main-nav > li > a > i {
        float: left !important;
    }
}

.title-provider,.doc-info-cont-provider{
    padding-right: 1.75rem !important;
}

.clinic-details {
    margin-left: 10px;
    margin-right: unset;
}

#dropdownMenuButtonSort{
   text-align: right !important;
}
#dropdownMenuButtonSort::after{
    right: unset !important;
    left: 4px !important;
}