﻿.select2-container--bootstrap5 .select2-dropdown .select2-results__option.select2-results__option--selected:after {
    right: initial;
    left: 15px;
}

#kt_header_user_menu_toggle {
    margin-left: -20px;
    margin-right: initial;
}

.ranges {
    text-align: right !important;
}

table.dataTable td.dt-control:before {
    margin-right: 10px;
}

input[type="number"] {
    direction: rtl;
}

.select2-selection__choice__remove {
    left: 5px !important;
}

.select2-selection__clear {
    left: 10px !important;
    right: initial !important;
}

.modal-add-btn {
    left: 15px;
    right: 0;
}

.extra-content-title {
    position: absolute !important;
    right: 50% !important;
    left: initial !important;
}

@media screen and (min-width: 670px) {
    #add-modal-btn {
        margin-right: 10px;
        margin-left: 10px
    }
}

@media screen and (max-width: 600px) {

    #kt_app_toolbar_container,
    #kt_app_toolbar_container .page-title,
    .actions-row {
        flex-direction: column;
    }

        #kt_app_toolbar_container .bootstrap-select {
            margin-bottom: 10px;
        }

        .actions-row #add-modal-btn {
            position: absolute;
            top: 70px;
            left: 5px;
            right: initial;
        }

        .actions-row #archive-btn {
            position: absolute;
            top: 70px;
            left: 55px;
            right: initial;
        }
}
