@import "iranyekan.css";
body, html, .b-tooltip, .b-popover {
    font-family: iranyekan, Tahoma, Geneva, Verdana, sans-serif;
}
html, body {
    text-align: right;
}
#sidebar-inner > ul {
    padding-right: 0;
}
#sidebar .section {
    text-align: right;
    margin-right: 16px;
}

#sidebar .nav-link {
    text-align: right;
}

#sidebar .logo {
    text-align: right;
}
.navbar-nav:first-child {
    padding-left: 40px;
    padding-right: 0;
}

.navbar-nav:last-child {
    margin-left: 0 !important;
    margin-right: auto;
}

.breadcrumb-item + .breadcrumb-item::before {
    float: revert;
    padding-left: 0.5rem;
    padding-right: 0;
}

.breadcrumb-item + .breadcrumb-item {
    padding-left: 0;
    padding-right: 0.5rem;
}
.dockerfile {
    text-align: left;
}
.command-output {
    direction: ltr;
}
ul.nav.nav-tabs {
    padding-left: 40px;
    padding-right: 0;
}
#sidebar .nav-icon {
    text-align: center;
}
#screen-container .card-header > .row > .col {
    text-align: right;
}
#screen-container .card-header > .row > .col > .btn-group.btn-group-sm {
    flex-direction: row-reverse;
}
#screen-container .card-header > .row > .col.text-right {
    text-align: left !important;
}
#controls.list-group-flush > .list-group-item {
    text-align: right;
}
#screen-container > div > .ml-1.ml-auto.btn-group.btn-group-sm {
    flex-direction: row-reverse;
}

#screen-builder-container > div > .inspector-column > .card {
    border-right: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-left: none;
}
#screen-container > div > .ml-1.ml-auto.btn-group.btn-group-sm {
    flex-direction: row-reverse;
}
#screen-builder-container > div > .inspector-column > .card {
    border-right: 1px solid rgba(0, 0, 0, 0.125) !important;
    border-left: none;
}
button[data-cy="toolbar-add"] {
    margin-right: 0 !important;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),
.input-group:not(.has-validation) > .custom-select:not(:last-child),
.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0.2rem;
    border-bottom-right-radius: 0.2rem;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
#screen-builder-container select[data-cy="toolbar-page"] {
    margin-left: 0.25rem;
}
.rtl-login-form {
    flex-direction: row-reverse;
    text-align: right;
}
.form-check {
    padding-right: 1.25rem;
}
.form-check-input {
    margin-right: -1.25rem;
}
#requests-listing .card-deck-flex {
    flex-direction: row-reverse !important;
}
.search-bar-advanced {
    flex-direction: row-reverse !important;
}
.search-bar-actions {
    flex-direction: row-reverse !important;
}
#avatarMenu > button > span {
    padding-top: 4px !important;
}
label[for="forceChangePassword"] {
    font-size: 12px;
    float: right;
    line-height: 2;
}
label[for="forceChangePassword"] + .grouped {
    float: left;
}
#navbar > nav ul.navbar-nav > li.nav-item:after {
    height: 16px;
    width: 1px;
    content: '';
    position: absolute;
    background: #bbb;
    left: -3px;
    top: 50%;
    margin-top: -8px;
}
#navbar > nav ul.navbar-nav > li.nav-item {
    padding: 0 20px;
    position: relative;
}
#navbar > nav ul.navbar-nav > li.nav-item:first-child {
    padding-right: 0;
}
#navbar > nav ul.navbar-nav > li.nav-item:last-child:after {
    display: none;
}
.monaco-editor, .vjs-tree {
    direction: ltr;
    text-align: left;
}
.modal-footer > :not(:last-child) {
    margin-left: 1rem !important;
    margin-right: auto !important;
}
.custom-file-label::after {
    right: auto;
    left: 0;
}
[dir="ltr"] {
    text-align: left;
}

/**
 if this is not work simply change notifications.vue and
 simply add pr-0 to ul tag
 */
div.popover-body > div > ul {
    padding-right : 0 !important;
}

/**
 if this is not work simply change notifications.vue and
 simply edit style
 */
#notificationMenu > button > span {
    right : 12px !important;
}

.alert-wrapper {
    left: 0;
    right: 0.8rem;
    width : 30%;
}

.alertBox {
    width: 100%;
}

/**
add line in permission in groups
 */
#accordionPermissions .mb-2.custom-control.custom-switch {
    border-bottom: #ADB5BD solid 1px;
    padding-bottom: 7px;
}