/* SELECT2 EDIT STYLE START */
.select2-container
    .select2-selection--multiple
    .select2-selection__choice__remove {
    float: left;
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    padding: 6px 15px 6px 25px;
}

.select2-container
    .select2-selection--multiple
    .select2-selection__choice__remove {
    margin-left: -4px;
    margin-right: 0px;
}

.select2-container {
    direction: rtl;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b:after {
    left: -2.45rem;
}

/* SELECT2 EDIT STYLE END */

/* HEADER PAGE STYLE START */
.header-button {
    position: relative;
    left: 240px;
    right: auto;
}

.page-title-box {
    padding: 10px 20px;
    margin: 30px -22px 24px -22px;
}

/* HEADER PAGE STYLE START */

/* HEADER PAGE STYLE START */

.dropdown-menu.dropdown-custom-menu.dropdown-menu-left {
    left: auto !important;
    right: 0 !important;
}

.dropdown-menu.show {
    text-align: right;
    left: 0 !important;
    right: auto !important;
    bottom: auto;
}
.td-without-r-border {
    border-left: 0px solid #f2f3f7 !important;
    background-color: #ffffff !important;
}
/* HEADER PAGE STYLE END */

/* datatable START */
.existing_page div.dataTables_wrapper div.dataTables_filter input {
    padding-left: 4rem;
    padding-right: 0rem;
}

.level-filter-dev {
    left: 100px;
    right: auto;
    text-align: left;
}

.page-title-box {
    margin: 30px -25px !important;
}

.general-container {
    margin-top: 7.5rem;
}
.general-container-sub {
    margin-top: 9.5rem;
}
.form-control-feedback-table::before {
    right: 2.2rem;
    left: auto;
}

.dataTables_length
    .select2-container
    .select2-selection--single
    .select2-selection__arrow {
    left: auto;
    right: 3px;
}
.arrow-img-bottom, .arrow-img-top {
    left: 35px;
    right: auto;

}
.input-date-img {
    right: auto;
    left: 1rem;
}
.dataTables_length
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b:after {
    left: 0;
}

.classes-transfer
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow {
    left: 1.8rem;
    right: auto !important;
    top: 0.75rem !important;
}

.select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b:after {
    top: -1.2rem !important;
}

.input-with-button {
    border-left: none;
    border-radius: 0.625rem;
}

.button-with-input {
    border-radius: 0.625rem 0px 0px 0.625rem;
}

.button-link-input-disabled {
    border: 1px solid #401919 !important;
    border-right: none !important;
    border-left: 1px solid #401919 !important;
}
.button-link-con {
    position: absolute;
    left: 16px;
    right: auto;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    left: 0.5em;
    right: auto !important;
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    left: 0.5em;
    right: auto !important;
}

.thead th:first-child {
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    border-top-right-radius: 0.625rem;
    border-bottom-right-radius: 0.625rem;
}

.thead th:last-child {
    border-top-left-radius: 0.625rem !important;
    border-bottom-left-radius: 0.625rem !important;
}
.sub-menu-active::after {
    bottom: -13.5px;
}
.sub-menu-active-ar::after {
    bottom: -16.5px;
}
.card-lms-students {
    margin-top: 4.5rem !important;
}
.dataTables_scrollBody {
    width: 100% !important;
}
.dataTables_scrollHead {
    width: 100% !important;
}
/* datatable END */
@media (max-width: 1025px) {
    .header-button {
        left: 70px;
        right: auto;
    }
}
@media (max-width: 770px) {
    .general-container-sub {
        margin-top: 11.5rem;
    }
}
/* HEADER PAGE STYLE END */
/* FEEDBACK START */
.feed-radius {
    border-top-right-radius: 1.5rem;
    border-top-left-radius: 0rem;
    width: auto;
    position: fixed;
    z-index: 10000;
    bottom: -23px;
    padding: 0.8rem 1rem !important;
    right: auto;
    margin-bottom: 20px;
    left: 0;
}
.feedMob {
    margin-right: 1rem;
}
.feedback_group {
    right: auto;
    left: 15px;
    box-shadow: 0px 4px 16px 4px rgb(30 32 41 / 15%);
}
.close-feed {
    float: left;
    position: relative;
    left: 10px;
}
@media (max-width: 550px) {
    .feedback_group {
        width: 290px;
    }
}
/* FEEDBACK END */

/* PERIOD BAR START */
.period-link-first {
    border-radius: 0px 10px 10px 0px !important;
}
.period-link-last {
    border-radius: 10px 0px 0px 10px !important;
}
/* PERIOD BAR END */

/* Activity Start */
.timeline-left:before {
    right: 25px !important;
}
.timeline-desk .panel {
    margin-right: 0px !important;
}
.timeline .time-show {
    margin-right: 0;
}
.timeline-left .timeline-item {
    display: table-row;
}
.transfer-container
    .select2-container--default
    .select2-selection--single
    .select2-selection__arrow
    b:after {
    top: -1.3rem !important;
}
/* Activity End */

/* ClassRooms Index START  */
.search-classes-con-sec {
    margin-left: 20px;
    margin-right: 0px;
}
/* ClassRooms Index END  */
.after-line::after {
    left: 20px !important;
    right: auto !important;
}
.navbar-custom-style {
    margin: 30px -25px !important;
    min-height: 7.3rem !important;

}
.navbar-custom-style-without-sub {
    min-height: 5.3rem !important;

}
.stats-container {
    top: 9.1rem !important;
}
.btn-close {
    margin: 1rem 0rem !important;
}
.custon-search-datatable::before {
    top: 2.5rem !important;
    right: 1.6rem !important;
    left: auto !important;
}
.resources-page {
    margin-top: 6rem !important;
}
.dateRange-container {
    left: 1rem;
    right: auto;
}
.rdrPprevButton i {
    transform: rotate(180deg) !important;
}
.rdrNextButton {
    transform: rotate(180deg) !important;
    margin: 0 7px 0 7px !important;
}

.rdrNextButton i {
    margin: auto !important;
}
