/*----------------------------------responsive table mobile--------------------------------------------*/
@media (max-width: 768px) {
    .table-responsive .table th, .table-responsive .table td {
        text-align: right !important;
    }
}

.ticket-icon {
  right  : 90px;
}

.scrolltop-icon {
    left: 90px;
}

.ticket-box .answeredBox {
    direction: ltr;
}

.ticket-box .askedBox {
    direction: rtl;
}

.ticket-detail.asked-question, .ticket-detail.added-comment {
    margin-right: 16px;
}

.ticket-detail.asked-question {
    /*    direction: rtl;*/
}

.ticket-detail.answered-question {
    /* direction: rtl;*/
}

.ticket-detail .triangle {
    right: -16px;
}

.ticket-detail.answered-question .triangle {
    left: -16px;
    transform: rotateY(-180deg);
    direction: rtl;
}

.ticket-detail.answered-question {
    margin-left: 20px;
}

.registered, .ticket-card.state1 {
    border-right: 3px solid var(--bs-yellow) !important;
}

.answered, .ticket-card.state4 {
    border-right: 3px solid var(--bs-teal) !important;
}

.closed, .ticket-card.state5 {
    border-right: 3px solid var(--bs-danger) !important;
}

.right-content {
    border-left: 1px solid #ced4da;
    padding-left: 8px;
}

@media (max-width: 576px) {
    .right-content {
        border-left: 0px solid #ced4da;
    }

    .left-content {
        margin-top: 10px;
        padding-top: 10px;
        border-top: 1px solid #ced4da;
    }
}

.left-content {
    padding-right: 8px;
}
.language-dropdown {
    
    left: 0; 
}
.slick .agency-box-title i {
    margin-left: 10px;
    
}

.slick .agency-scroll-hint i {
    margin-right: 5px;
}
.slick .agency-logo {
  
    margin-left: 15px; 
}

.slick .agency-info {
    margin-left: 15px; 
}
.deep .sidebar .nav-link i {
    margin-left: 8px; 
}
.deep .sub-menu {
    padding-right: 20px; 
}
.deep .sub-menu-2 {
    padding-right: 20px;
}
.deep .sub-menu-3 {
    padding-right: 25px;
}
.notification-dot { 
    left: -8px; 
}
@media (max-width: 768px) {
    .deep .sidebar {
        right: 0;
        transform: translateX(100%);
    }
}
/* انیمیشن برای باز شدن منو */
@keyframes slideInRight-sidebar {
    from {
        transform: translateX(100%);
    }

    to {
        transform: translateX(0);
    }
}
.deep .menu-arrow { 
    margin-right: 5px;
}
.user-avatar { 
    margin-left: 15px;
}
.theme-selector { 
    left: -7px; 
}
.theme-toggle-btn {
    border-radius: 0 50% 50% 0;
}
.theme-panel { 
    left: 100%; 
    margin-left: 10px;
}
.theme-option.active::after { 
    right: -5px; 
}
@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-20px);
    }

    to {
        opacity: 1;
        transform: translateX(0);
    }
} 

    .ps-5_5 {
        padding-right: 3.5rem !important;
    }

    .bi-repeat-90 {
        border-radius: 5px 0px 0px 5px;
    }

    .amountPenalti {
        left: 0;
    }

    .btn-select-search.dropdown-toggle::after {
        margin-right: 0.255em !important;
    }

    #dropdownMenuButton1.dropdown-toggle::after {
        margin-left: .255em !important;
        margin-right: 0;
    }

    #menu .nav-link {
        padding: 2px 5px;
    }

    .margin-right-5px {
        margin-right: 5px;
    }

    .bootstrap-select .dropdown-toggle .filter-option {
        text-align: right !important;
    }

    .iti__selected-flag {
        direction: ltr;
    }

    .iti__flag-container {
        direction: ltr;
        text-align: left;
    }

    .direction-ltr {
        direction: rtl;
    }

    .direction-rtl {
        direction: ltr;
    }

    .rounded-r {
        border-radius: 0 .25rem .25rem 0;
    }

    .rounded-l {
        border-radius: .25rem 0 0 .25rem;
    }

    .mainDiv {
        float: right;
    }

    .text-align-l {
        text-align: left !important;
    }

    .text-align-r {
        text-align: right !important;
    }

    .ladda-button[data-style=zoom-in] .ladda-spinner {
        left: 40%;
        margin-left: -16px;
    }

    @media (min-width: 320px) {
        .dropdown-menu-flag {
            margin-left: 10px !important;
        }

        .menu1 .nav-link {
            text-align: center;
        }

        .menu1 li hr {
            display: none;
        }
    }

    @media (min-width: 450px) {
        .dropdown-menu-flag {
            margin-left: 10px !important;
        }

        .menu1 .nav-link {
            text-align: center;
        }

        .menu1 li hr {
            display: none;
        }
    }

    @media (min-width: 576px) {
        .dropdown-menu-flag {
            margin-left: 19px !important;
        }

        .menu1 .nav-link {
            text-align: right;
        }

        .menu1 li hr {
            display: block;
        }
    }

    .dropdown-menu-flag {
        left: 0 !important;
        margin-left: 19px;
        right: inherit !important;
    }

        .dropdown-menu-flag .dropdown-item {
            text-align: left;
            direction: ltr;
        }

    .text-align-left-fix {
        text-align: left;
    }

    .text-align-right-fix {
        text-align: right;
    }

    .step-header .modal-steps .step:last-child:after, .step-header .modal-steps .step:last-child:before {
        width: 50% !important;
        right: 0 !important;
    }
    /*--------------------------Dashbord------------------------ */
    .x_title .filter {
        float: left
    }

    .x_title h2 {
        float: right;
    }

        .x_title h2 small {
            margin-right: 10px
        }

    .x_content {
        float: right;
    }

        .x_content .label-align {
            text-align: right;
        }

    .step-header .modal-steps .step:first-child:after, .step-header .modal-steps .step:first-child:before {
        width: 100% !important;
        left: unset;
        right: 100%;
        -webkit-transform: translateX(51%);
        -ms-transform: translateX(51%);
        transform: translateX(51%)
    }

    .step-header .modal-steps .step:after {
        left: 0;
    }

    .step-header .modal-steps .step:last-child:after, .step-header .modal-steps .step:last-child:before {
        right: 0;
    }

    .step-header .modal-steps .step:after {
        right: 0;
    }
    /*------------------------------------toast----------------------------------------*/

    .toast-container {
        right: 0;
        text-align: right;
    }

    .content-custom {
        justify-content: right;
    }

    .icon-container {
        justify-content: right;
        padding-left: 5px;
    }

    .toast-primary {
        border-right: 5px solid #084298 !important;
    }

    .toast-success {
        border-right: 5px solid #0f5132 !important;
    }

    .toast-danger {
        border-right: 5px solid #842029 !important;
    }

    .toast-warning {
        border-right: 5px solid #664d03 !important;
    }

    .toast-info {
        border-right: 5px solid #055160 !important;
    }
    /*
*
* ==========================================
* CUSTOM UTIL CLASSES
* ==========================================
*
*/
    .vertical-nav {
        right: 0;
    }

    .page-content {
        /* margin-right: 17rem;*/
    }

    #sidebar.active {
        margin-right: -17rem;
    }

    @media (max-width: 768px) {


        #sidebar.active {
            /*  margin-right: 0;*/
            margin-right: -17rem;
        }



        #content.active {
            margin-right: 17rem;
        }
    }
    /*
*
* ==========================================
* END
* ==========================================
*
*/