:root {
    --font-10: 10px;
    --font-11: 11px;
    --font-12: 12px;
    --font-13: 13px;
    --font-14: 14px;
    --font-15: 15px;
    --font-16: 16px;
    --font-17: 17px;
    --font-18: 18px;
    --font-19: 19px;
    --font-20: 20px;
    --font-24: 24px;
    --font-30: 30px;
}

.sideMenu,
.overlay {
    left: auto;
    right: -100%;
}

.sideMenu.open {
    left: auto;
    right: 0;
}

.closebtn {
    right: auto;
    left: 1rem;
}

.sidenav {
    right: auto;
    left: 0;
}

body {
    /*font-family: 'NotoNaskhArabic', sans-serif !important ;*/
    font-family: 'Cairo', sans-serif !important;
    line-height: 1.89;
}

.main-header .has-search .form-control {
    border-right: 1px solid #ced4da !important;
    border-left: 0px;
}

.main-header .has-search .input-group-text {
    border-left: 1px solid #ced4da !important;
    border-right: 0px;
}

.cart-span {
    right: 15px;
    left: auto;
    padding: 7px 7px 4px 7px;
}

.filter .custom-control-label::before {
    right: -20px
}

.filter .custom-control-label::after {
    right: -21px
}

.discount-product-home {
    right: auto;
    left: 15px;
}


/* filter */


/* .filter{
	margin-right: auto;
	margin-left: 30px;
} */

.input-group-text,
.input-group-prepend {
    /* border-radius: 0 0.25rem 0.25rem 0 !important; */
}


/* change quantity btn  */

.quantity.buttons_added {
    text-align: right;
    ;
}

.quantity.buttons_added .minus {
    border-right: 1px solid #efefef;
    border-left: 0;
}

.quantity.buttons_added .plus {
    border-left: 1px solid #efefef;
    border-right: 0;
}

.pl-1_2 {
    padding-right: 1.2rem !important;
}

.fixed-chat {
    left: 24px;
    right: auto;
    width: 250px;
}

.fixed-chat-div {
    left: 24px;
    right: auto;
}

.fixed-chat-container {
    left: 0px;
    right: auto;
}

.chat .dropdown-menu {
    right: auto;
    left: 0px;
}

.filled-stars {
    direction: ltr;
}

.l-300 {
    right: auto !important;
    left: 300px !important;
}

.l-600 {
    left: 600px !important;
    right: auto !important;
}

.l-900 {
    left: 900px !important;
    right: auto !important;
}

.l-1200 {
    left: 1200px !important;
    right: auto !important;
}

.msg {
    padding: 8px 5px 8px 5px;
}

.msg::before {
    right: -20px;
    left: auto;
}

.msg::after {
    right: -35px;
    left: auto;
}

.msg.from {
    align-self: flex-start;
}

.msg.to {
    align-self: flex-end;
}

.msg.to::before {
    right: inherit;
    left: -20px;
}

.msg.to::after {
    right: inherit;
    left: -35px;
}

.fa-search.form-control-feedback {
    right: auto;
    left: 3em;
    top: 1.5em;
}

.user-menu-arrow-span {
    text-align: right;
    padding-right: 1rem;
}

.dropdown-user {
    right: auto !important
}

.select2-dropdown {
    direction: rtl !important;
}


/* change quantity btn  */


/* answers && questions  */

.accordion .card-header:before {
    float: left;
}


/* end answers && questoions */

.checkBox {
    margin-right: -1.25rem !important;
    margin-left: auto !important;
}


/* consilting pages  */

.chat-footer-btn,
.chat-footer-btn:hover,
.chat-footer-btn:focus {
    border-radius: 50px 0px 0px 50px !important;
    border-right: 0px !important;
}

.chat-footer-input,
.chat-footer-input:hover,
.chat-footer-input:focus {
    border-radius: 0px 50px 50px 0px !important;
    border-left: 0px !important;
}

.chat-footer-file,
.chat-footer-file:hover,
.chat-footer-file:focus {
    border-radius: 0px 0px 0px 0px !important;
    border-left: 0px !important;
}

.play {
    border-radius: 0px 10px 10px 0px !important;
}

.fwd,
.rwd {
    border-radius: 10px 0 0 10px !important;
}


/* end consulting pages  */

.rtl .custom-control-label::after,
.rtl .custom-control-label::before,
[dir="rtl"] .custom-control-label::after,
[dir="rtl"] .custom-control-label::before {
    right: -1.5rem !important;
    left: inherit;
}


/* Responsive */

@media (min-width: 1025px) and (max-width: 1280px) {
    /*  */
}

@media (min-width: 961px) and (max-width: 1024px) {
    /*   */
}


/* ipad */

@media (min-width: 768px) and (max-width: 1023px) {
    /*    */
}

@media (max-width: 767px) {
    /*  */
}

@media (min-width: 481px) and (max-width: 766px) {}

@media (min-width: 320px) and (max-width: 480px) {
    /*  */
}