/*Side Menu*/
.default-font {
    font-family: hb;
}

html, body {
    direction: rtl;
    font-family: hb !important;
}

.dir {
    direction: rtl;
}

.sidebar-nav .metismenu {
    text-align: right;
}

@media (min-width: 768px) {
    .page-wrapper {
        margin-right: 230px;
    }
}

/*START:Header & Footer*/
@media (min-width: 768px) {
    .footer-fixed {
        padding-right: 230px;
    }
}

@media (min-width: 768px) {
    .header-fixed {
        left: 0px;
    }
}

/*END:Header & Footer*/
/*START:FORM*/
label {
    float: right;
}

/*END:FORM*/
.list-cmd-wrapper {
    text-align: left;
}

.q-action-wrapper {
    right: 0px;
}

/*Data Table Local & Latin Column Name*/
td.latin-column, th.latin-column {
    display: none;
}

table.dataTable {
    width: 100% !important;
}

/*Override Bootstrap*/
.input-group-append, .input-group-prepend, .input-group .form-control {
    height: 31.5px;
    max-height: 31.5px;
}

.input-group-append, .input-group-prepend {
    border-top-left-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important;
}

.input-group .form-control {
    border-radius: .25rem !important;
}

input[type=file] {
    padding: 1px;
}

input[type=number], select:not([multiple]) {
    min-height: 28px !important;
}

/*Custom DateTime Picker Style*/
.date-form-group {
    text-align: right;
}

/*START:Select 2*/
.select2 {
    max-width: 100%;
}

.select2-results__options {
    font-family: hb !important;
    /* Because of the inclusion of Bootstrap */
    border: 1px solid #ced4da;
    border-radius: 5px;
    text-align: right;
    padding: .25rem .5rem;
}

.select2-selection__rendered {
    font-family: hb !important;
    padding-left: 1px;
    white-space: normal;
    word-break: break-all;
}

/*END:Select 2*/
/*START: Side Menu*/
.sidebar-nav .metismenu a .menu-item-title {
    padding-right: 0px;
    transition: all 0.5s ease;
}

.sidebar-nav .metismenu a:hover .menu-item-title {
    padding-right: 5px;
    transition: all 0.5s ease;
}

.side-menu-wrapper.active1 .current-node::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: white !important;
    border-radius: 50%;
    top: 50%;
    right: 23px;
    position: absolute;
    transform: translateY(-50%) scale(1.5);
    transition: all 0.2s linear 0s;
}

.side-menu-wrapper.active2 .current-node ::after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    background: white !important;
    border-radius: 50%;
    top: 50%;
    right: 7px;
    position: absolute;
    transform: translateY(-50%) scale(1.5);
    transition: all 0.2s linear 0s;
}

.active2 .filter-menu-search {
    padding-right: 10px;
}

.icon_FO {
    position: absolute;
    right: 10px;
    font-size: 14px;
    top: 50%;
    transform: translateY(-50%);
    text-shadow: none;
}

.filter-menu-search {
    padding-right: 39px;
}

/*END: Side Menu*/