html{
    scroll-behavior: smooth;
}
.btn-toggle-pass {
    cursor: pointer;
    border: none;
    z-index: 1000;
    position: absolute;
    top: 11px;
    background: transparent;
    right: 0;
    color: white;
}

html[dir="rtl"] .btn-toggle-pass {
    left: 0;
    right: unset;
}
html[dir='rtl'] body{
    text-align: right;
    font-family: "IRANSans", "yekan", "Times New Roman", "sans-serif";
}
.rtl{
    direction: rtl !important;
}
.ltr{
    direction: ltr !important;
}
html[dir='rtl'] .md-form label:not(.custom-file-label){
    left: unset;
    right: 0;
}
html[dir='rtl'] .md-form .prefix~label,html[dir='rtl'] .md-form .prefix~input, .md-form .prefix~textarea{
    margin-left: unset;
    margin-right: 2.5rem;
}
.pagination{
    direction: ltr;
    justify-content: center;
}
.custom-file-label{
    margin-top: 1.5rem;
    color: black !important;
    text-align: left;
}
html[dir='rtl'] .dropdown-toggle::after{
    margin-left: unset;
    margin-right: .255em;
}

.reqInp{
    position: absolute;
}
.reqInp:before {
    content: " * ";
    color: red;
    font-weight: bold;
    font-size: large;
    position: relative;
    bottom: -20px;
    left: -10px;
}
html[dir="rtl"] .reqInp:before {
    left: unset;
    right: -10px;
}

html[dir="rtl"] div.dataTables_wrapper div.dataTables_filter{
    text-align: left;
}
html[dir="rtl"] div.dataTables_wrapper div.dataTables_paginate ul.pagination {
     -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
html[dir="rtl"] .dropdown-menu{
    text-align: right;
}

table.dataTable thead .sorting:after, table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc_disabled:after, table.dataTable thead .sorting_desc_disabled:before {
    font-family: 'FontAwesome'!important; ;
}

@media (min-width: 1440px) {
    .d-xxl-none {
        display: none !important;
    }
}

.table-responsive {
    padding: 0 15px;
}
.dataTables_wrapper .dataTables_processing {
    position: absolute;
    width: 50%;
    padding: 1rem;
    z-index: 100;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}