﻿/* sign in page */
@import url("../fonts/arabic/cairo-font/stylesheet.css");

body {
    direction: rtl;
    text-align: right;
    font-family: 'Cairo' !important;
}

@media (min-width: 992px) {
    .rot-navbar .nav-item + .nav-item {
        margin-right: 12px;
        padding-right: 12px;
        padding-left: unset;
        margin-left: unset;
    }

    .rot-navbar .nav-item + .nav-item {
        border-left: 0;
        border-right: 1px dotted #e3e7ed;
    }
}

@media (min-width: 576px) {
    .rot-profile-menu .dropdown-menu {
        left: -10px;
        right: auto;
    }
}

span.floty-eye-pass {
    right: unset;
    left: calc(1em - 5px);
}

@media (min-width: 576px) {
    .mr-sm-2 {
        margin-right: unset !important;
        margin-left: 0.5rem !important;
    }
}

.mr-1 {
    margin-left: 0.25rem !important;
    margin-right: unset !important;
}

.custom-control {
    padding-left: unset;
    padding-right: 1.5rem;
}

.custom-control-label::before,
.custom-control-label::after {
    right: -1.5rem;
    left: unset;
}
/*scroll */
.ps > .ps__rail-y {
    right: auto !important;
    left: 0;
}


/* mobile */

.rot-navbar {
    right: 0;
    left: unset;
}

.rot-header-menu-icon {
    margin-left: 10px;
    margin-right: unset;
}

.rot-header-menu-icon {
    transform: rotateY(180deg);
}

/* wizered / steps register */
.wizard > .steps > ul li + li,
.wizard > .steps > ul li .title {
    margin-right: 5px;
    margin-left: unset;
}

@media (min-width: 576px) {
    .wizard > .steps > ul li .title {
        margin-right: 10px;
        margin-left: unset;
    }

    .wizard > .steps > ul li + li {
        margin-right: 20px;
        margin-left: unset;
    }
}
/* main layout--------------------------------------- */
.rot-profile-menu,
.rot-header-message,
.rot-header-notification {
    margin-left: unset;
    margin-right: 15px;
}

@media (min-width: 576px) {
    .rot-header-notification .dropdown-menu {
        right: auto;
        left: -10px;
        text-align: right;
    }
}

.rot-header-notification .dropdown-menu {
    text-align: right;
}

.rot-notification-list .media-body {
    margin-left: unset;
    margin-right: 15px;
}

.rot-profile-menu .dropdown-item i {
    margin-left: 10px;
    margin-right: unset;
}

/* index / toturs list page */
.text-right {
    text-align: left !important;
}

.srch-icon-input {
    right: calc(1em + 15px);
    left: unset;
}

.SumoSelect > .CaptionCont > label {
    left: 0;
    right: unset;
}

.SumoSelect > .CaptionCont > span {
    padding-right: unset;
    padding-left: 30px;
}

.SumoSelect > .optWrapper.multiple > .options li.opt {
    padding: 15px 35px 15px 10px;
}

    .SumoSelect > .optWrapper.multiple > .options li.opt span {
        margin-left: unset;
        margin-right: -35px;
    }

.modal-footer > :not(:last-child) {
    margin-right: unset;
    margin-left: 0.25rem;
}

.floty-heart {
    right: unset;
    left: -5px;
}

span.cntry-flg img {
    margin-left: 5px;
    margin-right: unset;
}

.card-ftr {
    text-align: left;
}

span.star-count {
    margin-left: unset;
    margin-right: 5px;
}

span.avlblty {
    right: unset;
    left: 0;
}

.form-group-search input.form-control[type="search"] {
    padding-right: 35px;
    padding-left: 0.75rem;
}

@media (min-width: 992px) {
    .rot-navbar-two .nav-item.active::before {
        left: 12px;
        right: 0;
    }
}

@media (min-width: 992px) {
    .rot-navbar .nav-link.with-sub::after {
        margin-left: unset;
        margin-right: 4px;
    }

    .rot-navbar .nav-sub {
        left: unset;
        right: 0;
    }
}

.rot-navbar .nav-sub-mega {
    left: 0;
    right: 0;
}
/*dashboard-------------*/
.rot-content-header-right .btn:first-of-type, .rot-content-header-right .sp-container button:first-of-type, .sp-container .rot-content-header-right button:first-of-type {
    margin-right: 30px;
    margin-left: unset;
}

.rot-content-header-right .media + .media {
    margin-left: unset;
    margin-right: 20px;
    padding-left: unset;
    padding-right: 20px;
    border-left: unset;
    border-right: 1px solid #cdd4e0;
}

.rot-content-header-right {
    float: left;
}

.card-dashboard-progress .progress-legend li {
    padding-left: unset;
    padding-right: 15px;
}

    .card-dashboard-progress .progress-legend li::before {
        right: 0;
        left: unset;
    }

    .card-dashboard-progress .progress-legend li + li {
        margin-left: unset;
        margin-right: 20px;
    }

.card-dashboard-eighteen .card-body h6 {
    padding-left: unset;
    padding-right: 23px;
}

    .card-dashboard-eighteen .card-body h6::before {
        left: unset;
        right: 0;
    }

.card-dashboard-nineteen .chart-legend > div::before {
    margin-left: 5px;
    margin-right: unset;
}

@media (min-width: 375px) {
    .card-dashboard-nineteen .chart-legend > div + div {
        margin-left: unset;
        margin-right: 30px;
    }
}

.ml-2 {
    margin-left: unset !important;
    margin-right: 0.5rem !important;
}

.ml-1 {
    margin-right: 0.25rem !important;
    margin-left: unset !important;
}

.float-right {
    float: left !important;
}
/*added by dalia and sara for  sumoo selectt select all 14-5-2023 */
.SumoSelect .select-all {
    padding: 12px 35px 3px 0px;
}


    .SumoSelect .select-all > span, .SumoSelect > .optWrapper.multiple > .options li.opt span {
        margin-left: unset;
        margin-right: -35px;
    }




/*------------------------------------------------------*/
/*---------- added for demo edits 11-6-2023 ----------------*/
/*------------------------------------------------------*/

/* tutor profile edit*/
.have-seen .fa-arrow-right {
    transform: none;
}


.fa-angle-left,
.fa-arrow-right,
.fa-angle-right,
.fa-arrow-left {
    transform: rotateY(180deg);
}

.crs-class, .crs-lvl {
    margin-right: unset;
    margin-left: 10px;
}

.sett-title .fa {
    margin-right: 5px;
    margin-left: unset;
}
/*student- subscribtions */
/*student- subscribtions */
span.prsnl-img {
    float: right;
}

.float-left {
    float: right !important;
}

.float-right {
    float: left !important;
}

.rdiobox span {
    padding-right: 13px;
    padding-left: unset;
}

    .rdiobox span:before {
        top: 25px;
        right: 18px;
        left: unset;
    }

    .rdiobox span:after {
        top: 30px;
        right: 23px;
        left: unset;
    }

.prsnl-sbsc .badge-pill {
    float: left;
}

.card-footer span.fa.fa-info-circle {
    float: right;
}

.prc-subsc {
    float: left;
}

span.type-prc-spn {
    float: right;
    padding-right: 30px;
    padding-left: unset;
}

.mr-2 {
    margin-right: unset !important;
    margin-left: 0.5rem !important;
}

/* student-profile-edit.html */
div#student-profile .profile-status {
    right: unset;
    left: 30px;
}

.data-user-profile-top {
    float: right;
    text-align: right;
    margin-left: unset;
    margin-right: 1em;
}

span.edit-a {
    float: left;
}

.floaty-remove {
    left: 10px;
    right: unset;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    float: right;
    margin-right: unset;
    margin-left: 4px;
}

.conversation-wrapper .conversation-body > .time {
    left: 10px;
    right: unset;
}
/*CHAT WINDOW */
/*.chat-area {
    LEFT: 0;
    RIGHT: unset;
}*/

.chat-window {
    LEFT: 40PX;
    RIGHT: unset;
}
/*NOTIFICATION LIST PAGE */
a.unread-noti:before {
    LEFT: unset;
    RIGHT: 0;
    border-radius: 0px 0 0 6px;
}

/*INDEX SEARCH ICON */
.srch-icon-input {
    right: calc(1em + 0px);
}

.pr-4 {
    padding-LEFT: 1.5rem !important;
    padding-right: UNSET !important;
}
/*COURSE DETAILS*/
.lst-grp-side a.list-group-item h5 {
    margin-left: 0.5em;
    margin-right: unset;
    padding-LEFT: 0.25em !important;
    padding-right: unset !important;
}
/*calendar */
.fc-icon-left-single-arrow, .fc-icon-right-single-arrow {
    transform: rotateY(180deg) !important;
}
/* courses */
.see-more-link {
    float: left;
}


/*added by dal and sara for window chat 13-7-2023  */
/*-------------------------------------------------------------------- */
/*rtl styles */
span.chat-window-clps {
    float: left;
}

#chat-bot-launcher-container {
    left: 20px !important;
    right: unset !important;
}

#chat-bot-message-container {
    left: 20px !important;
    right: unset !important;
}

#chat-bot-frame-container {
    left: 20px !important;
    right: unset !important;
}



/* صفحة الشكاوى */
/*added by dalia 10-8-2023  */
.media.new {
    background: transparent;
}

.actions-lst .btn {
    min-height: 30px;
    padding: 6px 10px;
    height: 30px;
    width: 35px;
}

.compln-ttl {
    font-weight: bold;
}

.complains-list-div .badge {
    padding: 5px 10px;
    font-family: 'Cairo';
}

[class*=btn-outline-]:focus {
    color: inherit;
}

.complains-list-div .card-header,
.complains-list-div .card-footer {
    padding: 10px;
}

.complains-list-div .card {
    margin-bottom: 20px;
}

/* added by dal an sara 14-8-2023 for rating modal */
.rate:not(:checked) > label {
    float: left;
}

.pl-3 {
    padding-left: unset !important;
    padding-right: 1rem !important;
}

.chat-area {
    LEFT: 65px;
    RIGHT: unset;
}





/*------------------------------------------------*/
/*- added by dali abnd sara2 21-8-2023 -----------------------*/

.breadcrumb-item + .breadcrumb-item::before {
    padding-right: unset;
    padding-left: 0.5rem;
}

.breadcrumb-item + .breadcrumb-item {
    padding-right: 0.5rem;
    padding-left: unset;
}
/* rtl */

.faq .faq-list .icon-show, .faq .faq-list .icon-close {
    left: 20px;
    right: unset;
}

.faq-list .collapse.show .pp:after {
    right: 15px;
    left: unset;
}

.faq-list .collapse.show .pp:before {
    right: 15px;
    left: unset;
}

/* added by dal-ui ad sara 28-8-2023 */
.fc th {
    direction: rtl;
}

.fc .fc-toolbar {
    direction: rtl;
}
/*added by dal only*/

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.sp-container .btn-group > button:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn-group:not(:last-child) > .btn,
.sp-container .btn-group > .btn-group:not(:last-child) > button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.btn-group > .btn:not(:first-child),
.sp-container .btn-group > button:not(:first-child),
.btn-group > .btn-group:not(:first-child) > .btn,
.sp-container .btn-group > .btn-group:not(:first-child) > button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}


.btn-group > .btn:first-child {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.fc-event.custom-event-class .fc-content:after {
    right: unset;
    left: 0;
}
/*added by dal for 29-8-2023 */
.text-left {
    text-align: right !important;
}

.text-right {
    text-align: left !important;
}
/*--------------------*/
.proj-progress-card .progress .progress-bar:after {
    right: unset;
    left: -6px;
}

/*---------------------------------------------------------------*/
/*-------------------added by dalui 19-10-2023------------------------*/
/*rtl style */
.sgstions-list .itm.itm-done span.lnk-arrw {
    transform: rotateY(360deg);
}



.pr-2 {
    padding-right: unset !important;
    padding-left: 0.5rem !important;
}
/*country dropdown */
.iti__arrow {
    margin-left: unset;
    margin-right: 5px;
}

ul#iti-0__country-listbox {
    left: 0;
    right: auto;
    direction: ltr;
}

.iti__flag-box, .iti__country-name {
    margin-left: 5px;
    margin-right: unset;
}
/*---------*/
/*rtl*/
.rdiobox span:after {
    top: 32px;
    right: 25px;
    left: unset;
}
.gallery-photos li {
    float: right;
}
    /*-------------------added by dalui 19-10-2023------------------------*/

/*added by dal and ftmaali 21-11-2023*/

/*rtl*/
#owl-00 .owl-nav {
    left: 0 !important;
    right: unset !important;
}
/*end added by dal and ftmaali 21-11-2023*/
    /*-------------------------------------------------------------------------*/



/*.sec-indx-1 {
    background: url('/assets/img/bg.png') no-repeat bottom center;
    background-size: 100% 100%;
    padding-bottom: 300px;
}*/
       
.owl-nav {
    position: absolute;
    top: -40px;
    right: 0;
}

/*added by dal and ftms 18 - 12-2023 */
.fav-div {
    left: 20px
}
/*rtl-------------*/

.sec-indx-1 {
    background: url('/assets/img/bg.png') no-repeat bottom center;
    background-size: 100% 100%;
    padding-bottom: 300px;
}

@media (max-width: 1025px) {
    .sec-indx-1 {
        background-size: 100% 50%;
    }
}

@media (max-width: 768px) {
    .sec-indx-1 {
        background-size: 100% 80px;
    }
}

@media (max-width: 768px) {
    .sec-indx-1 {
        padding-bottom: 80px;
    }
}
.owl-carousel {
    direction: ltr;
}
/*end added by dal and ftms 18 - 12-2023 */
@media (max-width:500px) {

    /* rtl */
    .rot-profile-menu, .rot-header-message, .rot-header-notification {
        margin-left: unset;
        margin-right:  5px;
    }
}