/*################*/
/*#### GLOBAL ####*/
/*################*/
@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: bold;
    src: url('/vendor/fonts/eot/iranyekanwebbold.eot');
    src: url('/vendor/fonts/eot/iranyekanwebbold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/vendor/fonts/woff/iranyekanwebbold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/vendor/fonts/woff2/iranyekanwebbold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/vendor/fonts/ttf/iranyekanwebbold.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 100;
    src: url('/vendor/fonts/eot/iranyekanwebthin.eot');
    src: url('/vendor/fonts/eot/iranyekanwebthin.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/vendor/fonts/woff/iranyekanwebthin.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/vendor/fonts/woff2/iranyekanwebthin.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/vendor/fonts/ttf/iranyekanwebthin.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 300;
    src: url('/vendor/fonts/eot/iranyekanweblight.eot');
    src: url('/vendor/fonts/eot/iranyekanweblight.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/vendor/fonts/woff/iranyekanweblight.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/vendor/fonts/woff2/iranyekanweblight.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/vendor/fonts/ttf/iranyekanweblight.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: normal;
    src: url('/vendor/fonts/eot/iranyekanwebregular.eot');
    src: url('/vendor/fonts/eot/iranyekanwebregular.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/vendor/fonts/woff/iranyekanwebregular.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/vendor/fonts/woff2/iranyekanwebregular.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/vendor/fonts/ttf/iranyekanwebregular.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 500;
    src: url('/vendor/fonts/eot/iranyekanwebmedium.eot');
    src: url('/vendor/fonts/eot/iranyekanwebmedium.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/vendor/fonts/woff/iranyekanwebmedium.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/vendor/fonts/woff2/iranyekanwebmedium.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/vendor/fonts/ttf/iranyekanwebmedium.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 800;
    src: url('/vendor/fonts/eot/iranyekanwebextrabold.eot');
    src: url('/vendor/fonts/eot/iranyekanwebextrabold.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/vendor/fonts/woff/iranyekanwebextrabold.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/vendor/fonts/woff2/iranyekanwebextrabold.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/vendor/fonts/ttf/iranyekanwebextrabold.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 850;
    src: url('/vendor/fonts/eot/iranyekanwebblack.eot');
    src: url('/vendor/fonts/eot/iranyekanwebblack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/vendor/fonts/woff/iranyekanwebblack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/vendor/fonts/woff2/iranyekanwebblack.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/vendor/fonts/ttf/iranyekanwebblack.ttf') format('truetype');
}

@font-face {
    font-family: iranyekan;
    font-style: normal;
    font-weight: 900;
    src: url('/vendor/fonts/eot/iranyekanwebextrablack.eot');
    src: url('/vendor/fonts/eot/iranyekanwebextrablack.eot?#iefix') format('embedded-opentype'), /* IE6-8 */ url('/vendor/fonts/woff/iranyekanwebextrablack.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/ url('/vendor/fonts/woff2/iranyekanwebextrablack.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/ url('/vendor/fonts/ttf/iranyekanwebextrablack.ttf') format('truetype');
}

body, body *, body:after, body:before {
    font-family: iranyekan !important;
}

body, body *, body:after, body:before {
    direction: rtl !important;
}

/*###################*/
/*#### HOME PAGE ####*/
/*###################*/
/*NAVBAR CONTAINER*/
homepage > div.hero.header-overlay > div.hero-content > material-navbar > div.navbar-container {
    flex-direction: row-reverse !important;
}

homepage > div.hero.header-overlay > div.hero-content > material-navbar > div.navbar-container > a.logo-container {
    order: 3;
}

homepage > div.hero.header-overlay > div.hero-content > material-navbar > div.navbar-container > button.mat-focus-indicator.mat-menu-trigger.toggle-sidebar-button {
    order: 2;
}

homepage > div.hero.header-overlay > div.hero-content > material-navbar > div.navbar-container > div.right-side-actions {
    order: 1;
    margin-left: initial !important;
    margin-right: auto;
}

/*####=> FEATURES ####*/
homepage .unstyled-list {
    padding-right: initial !important;

}

/*####=> BIG FEATURES #####*/

homepage .big-features .big-feature .info {
    margin-left: auto !important;
    margin-right: auto !important;
}

homepage .big-features .big-feature img {
    margin-left: auto !important;
    margin-right: auto !important;
}

/*@media (max-width: 768px) {
    homepage .big-features .big-feature section.info {
        margin-left: initial !important;
        margin-right: initial !important;
    }

    homepage .big-features .big-feature img {
        margin-right: initial !important;
        margin-left: initial !important;
    }
}*/

/*################*/
/*#### FOOTER ####*/
/*################*/
/*FOOTER FIRST ROW */
app-footer.be-container > div.row.first-row {
    flex-direction: row-reverse;
}

/*FOOTER PAGE ADDRESSES*/
app-footer.be-container > div.row.first-row > custom-menu.first-menu.first-col.horizontal {
    order: 1;
    margin-right: initial !important;
    margin-left: auto !important;
}


/* FOOTER PAGE ADDRESSES FIRST ITEM*/
app-footer.be-container > div.row.first-row > custom-menu.first-menu.first-col.horizontal > a.nav-item.custom-menu-item:first-child {
    padding-right: initial !important;
    padding-left: 15px !important;
}

/*FOOTER FIRST COL OF SECOND ROW*/
app-footer.be-container > div.row.second-row > div.copyright.first-col {
    order: 1;
}

/*FOOTER ICONS*/
app-footer.be-container > * mat-icon.mat-icon {
    margin-right: initial !important;
    margin-left: 5px !important;
}


/*##################*/
/*#### AUTH ####*/
/*##################*/
/*REGISTER ICONS*/

auth-page .social-icon {
    margin-right: initial !important;
    margin-left: 8px;
}

/*SIGN IN REMEMBER ME*/
auth-page .mat-checkbox-inner-container {
    margin-right: initial !important;
    margin-left: 8px;
}

/*SIGN IN FORGOT PASSWORD LINK*/
auth-page .forgot-password {
    margin-left: initial !important;
    margin-right: auto;
}


/*################*/
/*#### MATERIAL NAVBAR ####*/
/*################*/
material-navbar > div.navbar-container {
    /*flex-direction: row-reverse !important;*/
}

material-navbar > div.navbar-container > a.logo-container {
    /*order: 3;*/
}

material-navbar > div.navbar-container > button.mat-focus-indicator.mat-menu-trigger.toggle-sidebar-button {
    /*order: 2;*/
}

material-navbar > div.navbar-container > div.right-side-actions {
    /*order: 1;*/
    /*margin-left: initial !important;
    margin-right: auto;*/
}

/*#### SEARCH INPUT*/
material-navbar search-input-with-filters {
    padding-left: initial !important;
    padding-right: 3px;
}


/*RIGHT SIDE ACTIONS*/
material-navbar .right-side-actions {
    padding-left: initial !important;
    padding-right: 30px;
}

material-navbar .right-side-actions button.mobile-search-toggle {
    margin-right: initial !important;
    margin-left: 10px;
}

material-navbar custom-menu.horizontal {
    margin-left: initial !important;
    margin-right: 15px;
}

/*#### LOGGED IN USER MENU*/
logged-in-user-menu .mat-focus-indicator {
    text-align: right !important;
}

logged-in-user-menu mat-icon {
    margin-right: initial !important;
    margin-left: 16px;
}

logged-in-user-widget .email {
    margin-left: initial !important;
    margin-right: 10px !important;
    direction: ltr !important;
}


/*#####################*/
/*#### MAT SIDENAV ####*/
/*#####################*/
/*LEFT SIDEBAR*/
mat-sidenav-container mat-sidenav.mat-drawer.mat-drawer-end {
    right: initial !important;
    left: 0;
}

mat-sidenav.mat-drawer.mat-drawer-end.right-sidebar {
    transform: translate3d(-100%, 0, 0);
}

drive mat-sidenav-container .right-sidebar {
    border-left: initial !important;
    border-right: 1px solid var(--be-divider-default) !important;
}

mat-sidenav details-sidebar file-icon {
    margin-right: initial !important;
    margin-left: 18px;
}

mat-sidenav details-sidebar .header .close-button {
    margin-left: initial !important;
    margin-right: auto;
}

details-panel .nothing-selected .mat-icon {
    margin-right: initial !important;
    margin-left: 5px;
}

details-panel div.value mat-icon {
    margin-right: initial !important;
    margin-left: 4px;
}

/*RIGHT SIDEBAR*/
mat-sidenav.mat-drawer.left-sidebar {
    transform: translate3d(100%, 0, 0);
}

mat-sidenav.left-sidebar sidebar-action-buttons .upload-button {
    margin-right: initial !important;
    margin-left: 5px;
}

mat-sidenav.left-sidebar sidebar-action-buttons .upload-button .mat-icon {
    margin-right: initial !important;
    margin-left: 5px;
}

drive mat-sidenav-container .left-sidebar {
    border-right: initial !important;
    border-left: 1px solid var(--be-divider-default);
}


drive mat-sidenav-container .left-sidebar mat-icon.toggle-expansion-icon {
    transform: rotate(90deg) !important;
}

drive mat-sidenav-container .left-sidebar .toggle-expansion-icon.expanded {
    transform: none !important;
}

mat-sidenav.left-sidebar .sidebar-menu-item .mat-icon:not(.toggle-expansion-icon) {
    margin-right: initial !important;
    margin-left: 15px;
}


mat-sidenav.left-sidebar sidebar .usage-container {
    padding: 24px 24px 0 0 !important;
}

mat-sidenav.left-sidebar sidebar .usage-container .mat-icon {
    margin-right: initial !important;
    margin-left: 15px;
}

mat-sidenav.left-sidebar sidebar .usage-container mat-progress-bar {
    transform: scale(-1, 1);
}

mat-sidenav.left-sidebar sidebar workspace-selector .right {
    margin-left: initial !important;
    margin-right: auto;
}

.workspace-menu-item mat-icon[svgicon=check] {
    margin-right: initial !important;
    margin-left: 16px;
}

.workspace-menu-item button.settings-button {
    margin-left: initial !important;
    margin-right: auto;
}

.workspace-menu-item .name {
    text-align: right !important;
    margin-right: initial !important;
    margin-left: 10px;
}

.new-workspace-menu-item .mat-icon {
    margin-right: initial !important;
    margin-left: 16px !important;
}

.workspace-menu .mat-menu-content .new-workspace-menu-item {
    text-align: right !important;
}

.workspace-menu .mat-menu-content .workspace-menu-item button mat-icon[svgicon="settings"] {
    margin-left: initial !important;
    margin-right: 0 !important;
}

/*#################*/
/*#### UPLOADS ####*/
/*#################*/
uploads-panel-item file-icon {
    margin-right: initial !important;
    margin-left: 10px;
}

uploads-panel .header .info {
    padding-left: initial !important;
    padding-right: 10px;
}

uploads-panel .header .actions {
    margin-left: initial !important;
    margin-right: auto;
}

uploads-panel-item .actions {
    margin-left: initial !important;
    margin-right: auto;

    padding-left: initial !important;
    padding-right: 20px;
}


/*#########################*/
/*#### CONTEXT ACTIONS ####*/
/*#########################*/
context-actions-container button.context-menu-item mat-icon.mat-icon {
    margin-right: initial !important;
    margin-left: 16px;
}

/*###################*/
/*#### SORT MENU ####*/
/*###################*/
entries-sort-button svg {
    transform: scale(-1, 1);
}

entries-sort-button .label {
    padding-right: initial !important;
    padding-left: 3px;
}

.drive-sort-menu .title {
    padding-left: initial !important;
    padding-right: 32px;
}

.drive-sort-menu .mat-menu-item {
    text-align: right;
}

.drive-sort-menu .mat-menu-item mat-icon.mat-icon {
    margin-right: initial !important;
    margin-left: 8px;
}

/*##########################*/
/*#### FILE LIST HEADER ####*/
/*##########################*/
file-list-header toolbar-actions {
    margin-left: initial !important;
    margin-right: auto;
}

toolbar-actions context-actions-container {
    border-right: initial !important;
    border-left: 1px solid var(--be-divider-default);

    padding-right: initial !important;
    padding-left: 5px;

    margin-right: initial !important;
    margin-left: 5px;
}

/*######################*/
/*#### FOLDERS TREE ####*/
/*######################*/
folders-tree .folder-icon {
    margin-right: initial !important;
    margin-left: 5px;
}

/*#######################*/
/*#### DRIVE ENTRIES ####*/
/*#######################*/
entries-container figcaption.files-grid-item-footer {
    flex-direction: row-reverse !important;
}

entries-container figcaption.files-grid-item-footer .text {
    margin-right: initial !important;
    margin-left: auto;

    direction: ltr !important;
    text-align: right !important;
}

/*
entries-container figcaption file-icon {
    margin-right: initial !important;
    margin-left: 16px;
}
*/
entries-container files-list file-thumbnail {
    margin-right: initial !important;
    margin-left: 15px;
}

entries-container files-list th {
    text-align: right !important;
}

entries-container files-list td.size-column {
    direction: ltr !important;
    text-align: right;
}

/*########################*/
/*#### MATERIAL TABLE ####*/
/*########################*/
.material-table td:first-of-type, .material-table th:first-of-type {
    padding-left: initial !important;
    padding-right: 24px;
}

.material-table td:last-of-type, .material-table th:last-of-type {
    padding-right: initial !important;
    padding-left: 24px;
}

.material-table th {
    text-align: right !important;
}

.material-table user-column.column-with-image img {
    margin-right: initial !important;
    margin-left: 10px;
}

.material-table td[data-label='File Size'] {
    direction: ltr !important;
    text-align: right !important;
}

.material-table td[data-label='Public'] {
    direction: ltr !important;
    text-align: center !important;
}

.material-table td[data-label='Type'] {
    direction: ltr !important;
    text-align: center !important;
}

.material-table th .icon-wrapper {
    margin-left: initial !important;
    margin-right: 4px;
}

/*#####################*/
/*#### BREADCRUMBS ####*/
/*#####################*/
entry-breadcrumbs mat-icon.mat-icon.separator {
    transform: scale(-1, 1);
}


/*####################*/
/*#### RESPONSIVE ####*/
/*
Breakpoint Dimensions
X-Small	<576px
Small ≥576px
Medium ≥768px
Large ≥1000px
Extra Large1 ≥1100px
Extra Large1 ≥1400px
*/
/*####################*/


/*SELF CSS QUERY*/
@media (max-width: 768px) {
    /*FOOTER*/
    app-footer > div.row {
        flex-direction: column !important;
    }

    app-footer.be-container > div.row.first-row > custom-menu.first-menu.first-col.horizontal {
        margin-left: 0 !important;
    }
}

/*MAIN LAYOUT*/
@media (max-width: 1100px) {
    app-root mat-sidenav-content.mat-drawer-content.mat-sidenav-content {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

@media (min-width: 1101px) {
    app-root mat-sidenav-content.mat-drawer-content.mat-sidenav-content {
        margin-left: 300px !important;
        margin-right: 220px !important;
    }

}

/*MOBILE*/
@media (max-width: 576px) {
    material-navbar > div.navbar-container > a.logo-container {
        display: none;
    }
}


/*################*/
/*#### ADMIN #####*/
/*################*/

/*####=> MAIN LAYER ####*/

@media (min-width: 767px) {
    sidenav main {
        margin-left: initial !important;
        margin-right: var(--nav-width);
    }
}

@media (max-width: 961px) {
    sidenav main {
        margin-left: initial !important;
        margin-right: initial !important;
    }
}


/*####=> NAVBAR ####*/
admin material-navbar .right-side-actions {
    margin-left: initial !important;
    margin-right: auto;
}

/*####=> RIGHT SIDEBAR ####*/
admin sidenav .vertical .custom-menu-item {
    border-left: initial !important;
    border-right: 4px solid transparent;
}

admin sidenav .vertical .mat-icon {
    margin-right: initial !important;
    margin-left: 8px;
}

admin sidenav nav {
    border-right: initial !important;
    border-left: 1px solid var(--be-divider-default);
}

@media (max-width: 960px) {
    admin sidenav.nav-closed nav {
        transform: translate3d(100%, 0, 0) !important;
    }
}


/*####=> ANALYTICS ####*/
admin main analytics-header .stat:first-of-type {
    margin-right: initial !important;
}

admin main analytics-header .stat:last-of-type {
    margin-right: 25px !important;
}

admin main analytics-header .stat .details {
    margin-left: initial !important;
    margin-right: 10px;
}

admin main analytics-header .stat .details .count {
    direction: ltr !important;
    text-align: right !important;
}

admin main analytics-host default-analytics .content .chart-wrapper:first-child {
    margin-right: initial !important;
    margin-left: 25px;
}

admin chart .chart-body .empty-msg mat-icon {
    margin-right: initial !important;
    margin-left: 8px;
}

admin chart .chart-legend .legend-item {
    margin-right: initial !important;
    margin-left: 14px;
    padding-left: initial !important;
    padding-right: 15px;
}


/*####=> APPEARANCE EDITOR ####*/
appearance sidenav main {
    margin-left: initial !important;
    margin-right: var(--nav-width)
}

appearance sidenav nav {
    border-right: initial !important;
    border-left: 1px solid var(--be-divider-default);
}

appearance sidenav nav .header {
    padding-right: initial !important;
    padding-left: 10px;
}

appearance sidenav nav .header .title {
    padding-left: initial !important;
    padding-right: 10px;
}

appearance sidenav nav .header .save-button {
    margin-left: initial !important;
    margin-right: auto;
}

appearance sidenav .nav-item .actions {
    margin-left: initial !important;
    margin-right: auto;
}

appearance sidenav .nav-item .actions svg {
    transform: scale(-1, 1);
}

appearance sidenav appearance-panel-meta .back-button {
    transform: scale(-1, 1);
}

appearance .unstyled-list {
    padding-left: initial !important;
    padding-right: 0 !important;
}

appearance nav .separator {
    transform: scale(-1, 1);
}

/*####=> COLOR PICKER*/
appearance nav homepage-appearance-panel color-picker-input .name {
    margin-left: initial !important;
    margin-right: 3px;
}

appearance nav homepage-appearance-panel color-picker-input .change {
    margin-left: initial !important;
    margin-right: auto;
}

appearance nav homepage-appearance-panel color-picker-input .color-picker-btn {
    padding: 0 15px 0 10px !important;
}

appearance nav homepage-appearance-panel .feature-group-header button {
    margin-left: initial !important;
    margin-right: auto;
}

appearance nav themes-appearance-panel .unstyled-list {
    padding-right: 0 !important;
    padding-left: initial !important;
}

appearance nav themes-appearance-panel .unstyled-list .name {
    margin-left: initial !important;
    margin-right: 3px;
}

appearance nav themes-appearance-panel .unstyled-list .change {
    margin-left: initial !important;
    margin-right: auto;
}

.color-picker .hue {
    direction: ltr !important;
}

/*####=> SETTINGS ####*/
admin main settings aside {
    margin-right: initial !important;
    margin-left: 30px;
}

admin main settings aside .nav-item {
    border-left: initial !important;
    border-right: 4px solid transparent;;
}

@media (max-width: 960px) {
    admin main settings {
        flex-direction: column !important;
    }
}

@media (min-width: 961px) {
    admin main settings {
        flex-direction: row !important;
    }
}

/*####=> GDPR SETTINGS ####*/
gdpr-settings .policy-type-select {
    border-right: 1px solid var(--be-divider-default) !important;
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

gdpr-settings .policy-action-input {
    border-radius: 4px 0 0 4px !important;
}

/*####=> ROLES ####*/
admin role-index {
    display: flex !important;
}

@media (max-width: 768px) {
    admin role-index {
        display: block !important;
    }
}

@media (max-width: 960px) {
    admin role-index {
        flex-direction: column !important;
    }
}

@media (min-width: 961px) {
    admin role-index {
        flex-direction: row !important;
    }
}

admin role-index section.admin-pill-nav {
    margin-right: initial !important;
    margin-left: 30px;
}

admin role-index section.admin-pill-nav aside {
    margin-right: initial !important;
}


admin role-index section.admin-pill-nav aside .nav-item {
    border-left: initial !important;
    border-right: 4px solid transparent;
}

admin role-index section.admin-pill-nav aside .nav-item .actions {
    margin-left: initial !important;
    margin-right: auto;
}


@media screen and (max-width: 769px) {
    admin role-index section.admin-pill-nav .new-role {
        border-bottom: initial !important;
        margin-bottom: initial !important;
        padding-bottom: initial !important;
    }

    admin main section.admin-pill-nav .admin-pill-nav-mobile-selector {
        margin-left: initial !important;
        margin-right: 15px;
    }

    admin main section.admin-pill-nav .admin-pill-nav-mobile-selector mat-icon {
        margin-left: initial !important;
        margin-right: auto;
    }
}

/*####=> PAGES ####*/
admin main crupdate-page slug-control mat-icon {
    margin-right: initial !important;
    margin-left: 5px;
}

admin main crupdate-page slug-control a {
    direction: ltr !important;
    text-align: left;
}

admin main crupdate-page slug-control button {
    margin-left: initial !important;
    margin-right: 20px !important;
}

admin main crupdate-page slug-control .nowrap {
    direction: ltr !important;
    text-align: left !important;
}

admin main crupdate-page slug-control .input-container {
    margin-left: initial !important;
    margin-right: 3px;
}

/*####=> USERS ####*/
crupdate-user-modal .avatar-container .avatar-input-container {
    margin-right: initial !important;
    margin-left: 15px;
}

/*####=> TRANSLATES ####*/

admin localization-index {
    display: flex !important;
}

@media (max-width: 768px) {
    admin localization-index {
        display: block !important;
    }
}

@media (max-width: 960px) {
    admin localization-index {
        flex-direction: column !important;
    }
}

@media (min-width: 961px) {
    admin localization-index {
        flex-direction: row !important;
    }
}

admin localization-index aside.admin-pill-nav {
    margin-right: initial !important;
    margin-left: 30px;
}

admin localization-index aside.admin-pill-nav {
    margin-right: initial !important;
}


admin localization-index aside.admin-pill-nav .nav-item {
    border-left: initial !important;
    border-right: 4px solid transparent;
}

admin localization-index aside.admin-pill-nav .nav-item .actions {
    margin-left: initial !important;
    margin-right: auto;
}


@media screen and (max-width: 769px) {
    admin localization-index aside.admin-pill-nav .new-translation-button {
        border-bottom: initial !important;
        margin-bottom: initial !important;
        padding-bottom: initial !important;
    }

    admin main aside.admin-pill-nav .admin-pill-nav-mobile-selector {
        margin-left: initial !important;
        margin-right: 15px;
    }

    admin main aside.admin-pill-nav .admin-pill-nav-mobile-selector mat-icon {
        margin-left: initial !important;
        margin-right: auto;
    }

    admin localization-index aside .update-translations {
        right: initial !important;
        left: 0;
        margin-top: unset !important;
        padding-top: unset !important;
    }

}

/*###=> ADS PAGE ####*/
admin ads-page .setting-toggle-container {
    margin-left: initial !important;
    margin-right: 15px;
}

admin ads-page .save-button {
    margin: 0 15px 30px 0 !important;
}

/*#######################*/
/*#### MAT ACCORDION ####*/
/*#######################*/
mat-accordion mat-expansion-panel-header mat-panel-title mat-icon {
    margin-right: initial !important;
    margin-left: 8px;
}

mat-accordion mat-expansion-panel-header mat-panel-title {
    margin-right: initial !important;
    margin-left: 16px;
}

/*#####################*/
/*#### DATA TABLE ####*/
/*#####################*/
.datatable datatable-header .left-column {
    margin-right: initial !important;
    margin-left: auto;
}

.datatable datatable-header button:first-of-type {
    margin-right: initial !important;
    margin-left: 5px;
}

datatable-header-search-input mat-icon {
    right: initial !important;
    left: 5px;
}

.datatable .datatable-header .search-input-container {
    margin-left: initial !important;
    margin-right: auto;
}

.datatable .datatable-header .search-input-container mat-icon[svgicon='search'] {
    right: initial !important;
    left: 8px;
}


.datatable-page-header .header datatable-filters {
    margin-right: initial !important;
    margin-left: auto;
}

.datatable-page-header .header datatable-filters search-input-with-filters {
    padding-left: initial !important;
    padding-right: 3px;
}

.datatable-page-header .header datatable-filters active-filters mat-icon[svgicon=search] {
    margin-right: initial !important;
    margin-left: 5px;
}

.datatable-page-header .header datatable-filters search-input-with-filters .filter-button-text {
    margin-left: initial !important;
    margin-right: 10px;
}


.datatable-page-header .header .action-buttons button mat-icon[svgicon=sync] {
    margin-left: initial !important;
    margin-right: 8px;
}

.datatable-page-header .header .action-buttons button mat-icon:not([svgicon=sync]) {
    margin-right: initial !important;
    margin-left: 5px;
}

.datatable-page-header .header .action-buttons a.mat-button-base {
    margin-left: initial !important;
    margin-right: 10px;
}

filter-suggestions .help-container mat-icon {
    margin-right: initial !important;
    margin-left: 10px;
}

active-filters div.input-container.search-input-container {
    padding-left: initial !important;
    padding-right: 8px;
}

active-filters mat-icon.search-icon {
    margin-right: initial !important;
    margin-left: 5px;
}

active-filters active-filter {
    margin: 3px 0 3px 5px !important;
}

active-filters active-filter .filter-input.filter-value {
    border-radius: 4px 0 0 4px !important;
}

active-filters active-filter svg.caret-svg {
    right: initial !important;
    left: 5px;
}

@media (min-width: 768px) {
    .datatable-page-header .header .action-buttons button {
        margin-left: 0 !important;
        margin-right: 10px;
    }
}


.datatable .bulk-actions-title {
    margin: 15px 8px 10px 0;
}


.datatable datatable-footer .page-size {
    margin-right: initial !important;
    margin-left: 8px;
}

.datatable datatable-footer .range-button {
    transform: scale(-1, 1);
}


/*#########################*/
/*#### FORM COMPONENTS ####*/
/*#########################*/
role-manager .add-button {
    text-align: left !important;
}

permission-manager button {
    margin-left: initial !important;
    margin-right: auto !important;
}

/*####=> SLIDE TOGGLE ####*/
mat-slide-toggle label .mat-slide-toggle-bar {
    margin-right: 0 !important;
    margin-left: 8px !important;
}

/*####=> CHIP INPUT ####*/
chip-input mat-chip mat-icon.mat-chip-remove {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

mat-chip-list mat-chip mat-icon[svgicon='cancel'] {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/*####=> SPACE INPUT ####*/
.input-container space-input input {
    border-right: 1px solid var(--be-divider-default) !important;
    border-left: none;
    border-radius: 0 4px 4px 0 !important;
}

.input-container space-input select {
    border-radius: 4px 0 0 4px !important;
}

/*####=> AVATAR INPUT ####*/
.input-container .avatar-input img {
    margin-right: initial !important;
    margin-left: 15px;
}

/*####=> DATE PICKER ####*/
.input-container mat-datepicker-toggle.mat-datepicker-toggle {
    right: initial !important;
    left: 0;
}

.input-container loading-indicator {
    right: initial !important;
    left: 12px;
}

.vert-row image-zoom {
    margin-left: initial !important;
    margin-right: 25px;
}

/*####=> TOKEN FORM ####*/
.input-container.plaintext-token-input-container #access-token-name {
    border-radius: 0 4px 4px 0 !important;
}

.input-container.plaintext-token-input-container button {
    border-radius: 4px 0 0 4px !important;
}

mat-dialog-content .plaintext-token-input-container + p mat-icon {
    margin-right: initial !important;
    margin-left: 8px;
}

/*####=> INPUT WITH ACTION ####*/
.input-container .input-with-action input {
    border-radius: 0 4px 4px 0 !important;
    border-left: none;
    border-right: 1px solid var(--be-divider-default) !important;
}

.input-container .input-with-action button {
    border-radius: 4px 0 0 4px !important;
}

space-input .wrapper input {
    border-radius: 0 4px 4px 0 !important;
    border-left: none;
    border-right: 1px solid var(--be-divider-default) !important;
}

space-input .wrapper select {
    border-radius: 4px 0 0 4px !important;
}

/*##################*/
/*##### OVERLAY ####*/
/*##################*/
div.cdk-overlay-container > .cdk-overlay-connected-position-bounding-box {
    direction: ltr !important;
}


/*#####################*/
/*WHEN SIDEBARS EXISTS */
@media (min-width: 1101px) {
    div.cdk-overlay-container > .cdk-overlay-connected-position-bounding-box {
        /*left: initial !important;
        right: 220px !important;*/

    }
}

/*WHEN SIDEBARS GOES*/
@media (max-width: 1100px) {
    /*div.cdk-overlay-container > .cdk-overlay-connected-position-bounding-box {
        right: initial !important;
    }*/
}

/*###=> MATERIAL MENU ####*/
.mat-menu-panel .mat-menu-content .mat-menu-item mat-icon {
    margin-right: initial !important;
    margin-left: 16px;
}

.mat-menu-panel .mat-menu-content .mat-menu-item {
    text-align: right !important;
}

/*####=> FILE PREVIEW #####*/
file-preview-overlay file-preview-toolbar .mat-icon-button {
    transform: scale(-1, 1);
}

file-preview-overlay file-preview-toolbar file-icon {
    margin-right: initial !important;
    margin-left: 5px;
}

file-preview-overlay file-preview-toolbar .actions {
    margin-left: initial !important;
    margin-right: auto;
}

link-preview-container file-preview-toolbar .mat-icon-button {
    transform: scale(-1, 1);
}

link-preview-container file-preview-toolbar file-icon {
    margin-right: initial !important;
    margin-left: 5px;
}

link-preview-container file-preview-toolbar .actions {
    margin-left: initial !important;
    margin-right: auto;
}


/*####=> COOKIE NOTICE ###*/
cookie-notice button {
    margin-left: initial !important;
    margin-right: 15px;
}

/*cookie-notice a {
    margin-left: initial !important;
    margin-right: 15px;
}*/


/*################*/
/*#### MODALS ####*/
/*################*/
mat-dialog-container mat-dialog-content sharing-permissions-button .mat-flat-button {
    border-radius: 4px 0 0 4px !important;
}

mat-dialog-container mat-dialog-content entries-access-table .users-list .list-item mat-icon {
    margin-right: initial !important;
    margin-left: 15px;
}

entries-access-table .users-list img {
    margin-right: initial !important;
    margin-left: 15px;
}

entries-access-table .users-list .actions {
    margin-left: initial !important;
    margin-right: auto;

    padding-right: initial !important;
    padding-left: 5px;
}

mat-dialog-container mat-dialog-content .users .user img {
    margin-right: initial !important;
    margin-left: 10px;
}

mat-dialog-container mat-dialog-content upload-image-control .action-buttons .mat-icon-button {
    margin-left: initial !important;
    margin-right: 5px;
}

code-editor-modal mat-dialog-content .ace_content {
    direction: ltr !important;
    text-align: left;
}

manage-workspace-members-modal .member-list .member-list-item img {
    margin-right: initial !important;
    margin-left: 10px;
}


/*####=> FILE SHARE LINK*/
share-link-dialog .mat-checkbox-inner-container {
    margin-right: initial !important;
    margin-left: 8px;
}

share-link-dialog .mat-dialog-content .title .right {
    margin-left: initial !important;
    margin-right: auto;
}

share-link-dialog .link-input-container input {
    border-radius: 0 4px 4px 0 !important;
}

share-link-dialog .link-input-container button {
    border-radius: 4px 0 0 4px !important;
}

link-preview-password-panel .mat-icon {
    margin-left: 10px !important;
    margin-right: -25px !important;
}

/*####=> ACTIONS ####*/
mat-dialog-actions button {
    margin-left: initial !important;
    margin-right: 8px !important;
}

entries-access-table .list-item .actions {
    padding-left: initial !important;
    padding-right: 5px !important;
}


simple-snack-bar .mat-simple-snackbar-action {
    margin: -8px 8px -8px -8px !important;
}

/*#########################*/
/*#### ACCOUNT SETTING ####*/
/*#########################*/
connect-social-accounts-panel .social-login-row .name {
    margin-left: initial !important;
    margin-right: 15px;
}

account-settings .navbar-container .right-side-actions {
    margin-left: initial !important;
    margin-right: auto;
}

/*################################*/
/*##### NOTIFICATIONS ####*/
/*################################*/
notification-subscriptions .navbar-container .right-side-actions {
    margin-left: initial !important;
    margin-right: auto;
}

notification-list image-or-icon {
    margin-right: initial !important;
    margin-left: 14px;
}

notification-panel .header button {
    margin-left: initial !important;
    margin-right: auto;
}

notification-panel .footer .settings-button {
    margin-left: initial !important;
    margin-right: auto;
}

notification-panel .footer .settings-button mat-icon {
    margin-left: initial !important;
    margin-right: 5px;
}


/*########################*/
/*#### API DOCS PAGE ####*/
/*#######################*/
api-docs * {
    direction: ltr !important;
}

/*######################*/
/*#### UPGRADE PAGE ####*/
/*######################*/
.feature-list-item .delete-button {
    margin-left: initial !important;
    margin-right: auto;
}

upgrade-page .mat-horizontal-stepper-header .mat-step-icon {
    margin-right: initial !important;
    margin-left: 8px;
}

upgrade-page material-navbar .right-side-actions {
    margin-left: initial !important;
    margin-right: auto;
}

@media (min-width: 1206px) {
    upgrade-page .plans .plan:not(.first) {
        margin-right: 25px !important;
    }

    upgrade-page .plans .plan:first-child {
        margin-right: initial !important;
    }
}

@media (max-width: 1205px) {
    upgrade-page .plans .plan {
        margin-right: auto !important;
        margin-left: auto !important;
    }
}

upgrade-page plan-features-list ul {
    padding-left: initial !important;
    padding-right: initial !important;
}

upgrade-page-aside .selected-plan .header {
    padding: 20px 0 0 20px !important;
}

upgrade-page-aside plan-features-list {
    text-align: right !important;
}

upgrade-page-aside plan-features-list mat-icon {
    margin-right: initial !important;
    margin-left: 8px;
}

upgrade-page-aside .secure-shopping .icon-container {
    margin-right: initial !important;
    margin-left: 15px;
}

/*#########################*/
/*#### CONTACT US PAGE ####*/
/*#########################*/

contact material-navbar .right-side-actions {
    margin-left: initial !important;
    margin-right: auto;
}


.widget.widget-info {
    border-left: initial !important;
    border-right: 5px solid #5ac891 !important;
}

.widget.widget-important {
    border-left: initial !important;
    border-right: 5px solid #f3a12c !important;
}

button.admin-pill-nav-mobile-selector .mat-icon {
    margin-left: initial !important;
    margin-right: auto;
}

auth-page .input-container .error .mat-icon {
    margin-right: initial !important;
    margin-left: 6px;
}