*{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;outline:0;font-family: "Roboto", sans-serif;}
*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0;outline:0;-webkit-tap-highlight-color:transparent;-webkit-focus-ring-color:transparent;-webkit-touch-callout:none}

/* Chrome / Safari (WebKit) */
input:autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

/* Firefox */
input:-moz-autofill,
textarea:-moz-autofill,
select:-moz-autofill {
    box-shadow: 0 0 0 1000px #fff inset;
}


form * {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
}
a {color: #000000;text-decoration: none;}
a[data-fancybox],
.btn-edit {
    border: none;
    background: none;
    color: #000000;
    transition: all 250ms;
    cursor: pointer;
}
.only-mobile {display: none;}
a[data-fancybox]:hover,
.fancybox-files:hover,
.btn-edit:hover {
    color: #9E4410;
    border-color: transparent!important;
}
.fancybox__content h2 {text-align: center;}
ul,ol {list-style: none;}
h1 {font-size: 24px;line-height: 28px;font-weight: 300;margin-bottom: 15px;}
h2 {font-size: 18px;line-height: 24px;font-weight: 300;margin-bottom: 15px;}
body {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 18px;
    height: 100%;
    background-color: #F3F3F3;
    /*overflow: hidden;*/
}
.create-resource {
    display: block;
    position: fixed;
    z-index: 10;
    bottom: 5%;
    right: 5%;
    background: radial-gradient(white, white, transparent, transparent);
    border-radius: 50%;
    color:  #484848;
    transition: all 250ms;
}
.create-resource:hover {
    color: #9E4410;
    border-color: transparent!important;
}
.header {
    /*padding: 15px 25px 0 25px;
    margin-left: 180px;*/
}
.breadcrumb {display: flex;gap: 5px 10px;flex-wrap: wrap;}

.aside {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100px;
    z-index: 999;
    background-color: #484848;
    /*box-shadow: 5px 0 5px rgba(0,0,0,0.1);*/
    display: flex;
    flex-direction: column;
}

.aside-header {
    width: 100%;
    padding: 15px 15px;
    background: #ffffff;
}
.aside-header__wrapper {display: flex;}
.header__logo img {display: block;width: 100%;}
.header__logo .min {display: none;}


.scroll-aside {
    height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
}
.aside-nav {
    display: flex;
    flex-direction: column;
}
.aside-nav li {
    transition: all 250ms; 
}
.menu-user-mobile {display: none;background-color: #ab4410;}
.aside-nav li .caption {display: block; font-size: 0.85em; line-height: 1em;text-align: center;}
.aside-nav li .icon {margin-bottom: 5px;}
.aside-nav li:hover,
.aside-nav li.active {
    background-color: #585858;
}
.aside-nav li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 15px 5px;
    color: #ffffff;
    border-bottom: 1px solid #585858;
}
.aside-down {
    margin-top: auto;
}
.aside-down {
    padding: 20px 15px;
    
}
.aside-user {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: #ffffff;
    font-size: 12px;
    line-height: 15px;
    
}
.aside-user__avatar {}
.aside-user__avatar img {
    display: block;
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 10px;
}
.aside-user__name {margin-bottom: 3px;}
.aside-user__name a {border-bottom: 2px dashed transparent;} 
.aside-user__name a:hover {border-color: #ffffff;} 
.aside-user__role {color: #cccccc;font-size: 11px;line-height: 14px;}

.aside-logout {display: inline-block; color: #ffffff; margin: 25px 0 0;border-bottom: 2px dashed transparent;}
.aside-logout:hover {border-color: #ffffff;} 
main {
    padding-top: 0;
    min-height: calc(100vh - 40px);
    overflow: hidden;
}
body.with-aside main {margin-left: 100px;}
.page-container {
    display: flex;
    height: 100%;
    padding: 10px;
}

.newAppthankyou {
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 50px;
}
.content-block {
    width: 100%;
}
.content-block .pagetitle {
    font-size: 2em;
}

.empty-template {}
.newAppMessage {
    text-align: center;
    font-size: 2em;
}
.newAppMessage span {color: #9E4410;font-weight: 700;}
.btn {
    padding: 13px;
    border-radius: 10px;
    width: 100%;
    max-width: 300px;
    border: 1px solid #bbb;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 0 5px  rgba(0,0,0,0.1);
    background: #9E4410;
    color: #ffffff;
    border: 2px solid transparent;
    transition: all 250ms;
}
.btn:hover {box-shadow: 0 0 20px rgba(0,0,0,0.25);border: 2px solid transparent!important;}
.btn:active {box-shadow: inset 0 0 20px rgba(0,0,0,0.25);}
.btn.cancel {background: #888888;}
.btn.black-light {background: #484848; color: #ffffff;}
.btn.gray {background: #ACACAC;}
.btn.good {background: #019E49;}
.btn.bad {background: #CF4028;}
.btn.small {padding: 5px 10px;width: fit-content;}
.btn.clean {background: transparent;color: #212121;width: auto; padding: 10px;box-shadow: none;}
.btn.clean:hover {color: #9E4410;}
.btn:disabled {background: #aaa;}
.btn:disabled:hover {box-shadow: none;cursor: default;}
.btn-file {background: #484848; color: #ffffff;}
.color-good {color: #019E49;}
.color-bad {color: #CF4028;}
.form {}
.form button.btn {margin-top: 20px;}
.form fieldset {border: none;width: 100%;max-width: 375px;}
.form fieldset.input input,
.form fieldset.input select {padding: 6px 10px;border-radius: 10px;border: 1px solid #AAAAAA;width: 100%;}
.form fieldset.textarea textarea {padding: 10px;border-radius: 10px;border: 1px solid #AAAAAA;width: 100%;}
.form fieldset.input label,
.form fieldset.textarea label {
    font-size: 0.9em;
    color: #aaa;
    margin: 0 0 5px 10px;
}
.ms-choice {
    border-radius: 10px;
    height: 32px;
    width: 100%;
    color: #000;
}
.ms-choice.disabled {color: #444;}
.ms-choice>span {
    left: 2px;
    top: 7px;
}
.ms-drop label span {color: #000;}






.home-guest-container {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 90vh;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.authorization-container,
.form-container{
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 90vh;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.form {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: 15px;
}
.forgot-pass {
    border-bottom: 1px dashed #000;
    margin: 5px auto 15px;
    font-size: 14px;
    transition: all 250ms;
}
.forgot-pass:hover {
    border-bottom: 1px dashed transparent;
}


.application-form {}
.application-form input,
.application-form textarea {
    padding: 8px 10px!important;
}
.application-form *[disabled],
.application-form .btn-file.disabled {
    background: #efefef!important;
    color: #aaaaaa!important;
    border: 1px solid #AAAAAA!important;
    box-shadow: none!important;
    cursor: default;
}
.application-form button.btn {
    margin-top: 0;
}
#cancel-new-app {
    margin-top: 20px;
}
#cancel-new-app.orange {
    background: #9E4410;
    color: #ffffff;
}


.footer {
    text-align: center;
    width: 100%;
    padding: 10px;
    border-top: solid 5px #484848;
    box-shadow: 0px -5px 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    bottom: 0;
    left: 0;
}

work {
    color: green;
    font-style: italic;
    border-left: 5px solid green;
    padding: 5px 5px 5px 10px;
    margin: 15px auto;
    display: block;
    font-size: 13px;
    line-height: 16px;
    max-width: 768px;
}

#open-filter {
    display: none;
    background: #484848;
    color: #ffffff;
    padding: 7px 15px;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    font-weight: 500;

}
#open-filter:hover {background: #9E4410;}
.tableFilter {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px;
    align-items: self-start;
}
#filter-form {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
    gap: 10px 20px;
    margin: 10px 0 0 0;
    
}

.filterFieldset input {
    border-radius: 10px!important;
    height: 32px!important;
    color: #000;
    border: 1px solid #AAAAAA;
    padding: 5px 10px;
}

.filterFieldset {
    width: 100%;
    display: flex;
    flex-direction: column;
    border: none;
    overflow: hidden;
}
.filterFieldset>label {margin: 0 0 2px 10px; color: #aaa; font-size: 0.85em;}
.filterFieldset>label.withCheckbox {display: flex;align-items: center;gap: 0 5px;}
.filterFieldset>label.withCheckbox input {height: auto!important;}
.filterFieldset .ms-parent,
.filterFieldset .select2-container {
    width: 100% !important;
    max-width: 204px;
}
.filterFieldset .select2-container.multiple {
    max-width: 100%;
}
.select2-container--default .select2-results__option--selected {background-color: #CC9C80;color: #000;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #eee;color: #000;}

.select2-selection {
    border-radius: 10px!important;
    height: 32px!important;
}
.select2-selection__rendered {line-height: 32px!important;;}
.filterFieldset.active .select2-selection {border-color: #9E4410;}


.filter-archive {
    padding: 7px 15px;
    background: #888;
    width: 100%;
    border-radius: 10px;
    border: 2px solid transparent;
    transition: all 250ms;
    cursor: pointer;
    text-align: center;
    min-width: 150px;
    margin: 0!important;
    font-size: 1em!important;
    color: #fff!important;
}
.filter-archive:hover {background: #777;box-shadow: 0 0 5px rgba(0,0,0,0.5)}
#show-archived {/*background: #9E4410;*/ box-shadow: inset 0 0 10px rgba(0,0,0,0.5);}
.filter-archive input {display: none;}

#reset-filters {padding: 7px 15px;background: #888;margin-top: auto;width: 100%;}
#reset-filters.active {background: #9E4410;}

.appTableBtns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    justify-content: end;
    min-width: 100px;
    margin-top: 27px;
}
.btn-to-excel {
    background: #03742E;
    color: #ffffff;
    padding: 7px 10px;
    width: 100%;
    max-width: 100px;
    border: none;
    cursor: pointer;
    border-radius: 10px;
    border: 2px solid transparent;
    font-weight: 500;
    margin-top: auto;
    font-size: 13px;
    line-height: 16px;
    text-align: center;
}
.btn-to-excel.import {background: #9E4410;}
.btn-to-excel:hover {background: #0DC143;}





.table-container {
    width: calc(100vw - 175px);
    overflow-x: scroll;
}
.table {
    width: auto;
    border-spacing: 0;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    overflow: hidden;
}
.table .header {
    background: #023262;
    color: #ffffff;
}
.table_header th a {color: #ffffff!important;}
.table_header th a span {color: #ffffff!important;zoom:1.5;}
.table th {text-align: left;min-width: 50px; cursor: pointer;background: #484848;padding: 10px 25px 10px 10px;color: #ffffff;border-right: 1px solid rgba(255, 255, 255, 0.5);position: relative;font-weight: 500;    text-wrap: nowrap;}
.table th[data-sort-method="none"] {cursor: default;}
.table th[aria-sort] {background: #707070;position: relative;transition: all 250ms;}
.table th[data-sort-method]:after {font-family: 'Font Awesome 6 Free';content: "\f07d";position: absolute;margin: 0 2px;font-size: 1em;font-weight: 500; right: 8px;top: calc(50% - 9px);}
.table th[data-sort-method="none"]:after {display: none}
.table th[aria-sort="ascending"]:after {font-family: 'Font Awesome 6 Free';content: "\f062";position: absolute;margin: 0 2px;font-size: 1em;font-weight: 500; right: 8px;top: calc(50% - 9px);}
.table th[aria-sort="descending"]:after {font-family: 'Font Awesome 6 Free';content: "\f063";position: absolute;margin: 0 2px;font-size: 1em;font-weight: 500; right: 8px;top: calc(50% - 9px);}
.table-row:hover td {background-color: rgba(0,0,0,0.2);}
.table-row td {position: relative; padding: 10px 10px;text-wrap: nowrap;border-right: 1px solid rgba(0, 0, 0, 0.1);}
.table-row td .hover-more {
    display: none;
    position: absolute;
    left: 10px;
    top: 30px;
    padding: 10px;
    background: #212121;
    color: #ffffff;
    width: 350px;
    max-width: 60vw;
    text-wrap: wrap;
    z-index: 1;
    font-size: 0.9em;
}
.table-row td:hover .hover-more {display: flex;}
.table-row td.center {text-align: center;}
.table-row:nth-child(odd) {background-color: #ffffff;}
.table-row:nth-child(even) {background-color: #F3F3F3/*#F5F6F9*/;}
.table a {border-bottom: 2px dashed transparent;transition: all 250ms; color: #9E4410;font-weight: 400;}
.table a:hover {border-bottom: 2px dashed #9E4410;}
.no-border-link,
.no-border-link:hover {border-color: transparent;}
.table-row.needTO {background-color: rgba(255,192,203,0.4);}
.table-row.needTOApp {background-color: rgba(255,255,0,0.2);}
.app-header {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    align-items: baseline;
    margin: 10px 20px 5px 20px;
}
.app-header__item {display: flex;flex-wrap: wrap;gap: 5px;align-items: center;}
.app-header__item.titleApp {font-size: 1.75em; line-height: 1.25em;}
.app-header__label {color: #757575;}
.app-header .title-status span,
.bar {padding: 3px 10px; display: inline-block;}
.table-row td span {display: block;padding: 3px 10px;width: max-content;}

.app-header-line {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    color: #aaa;
    margin-top: 5px;
}

.app-container {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
}
.app-container a {
    border-bottom: 2px dashed transparent;
    transition: all 250ms;
}
.app-container a:hover {
    border-bottom: 2px dashed #212121;
}
a.hover-color:hover {
    border-color: transparent;
    color: #9E4410;
}
.app-data {
    display: flex;
    width: 100%;
    /*min-height: 100vh;*/
    height: 100%;
    flex-direction: column;
}

.app-data__block {
    display: flex;
    /*width: 100%;*/
    height: 100%;
    flex-direction: column;
    background: #ffffff;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.1);*/
    padding: 20px;
    margin: 10px;
}
.app-data__block .block-header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.app-data__block .block-header h1{
    margin: 0; 
    display: flex;
    flex-wrap: wrap;
    gap: 0 30px;
}
.app-data__block .block-header h1 .title-type {}
.app-data__block .block-header h1 .title-br {display: none;}
.app-data__block .id,
.app-id {color: #9E4410;font-weight: 700;}
.app-data__block-title {font-size: 24px;line-height: 30px; font-weight: 300; margin-bottom: 15px;display: flex;align-items: center;}

/* Стили со страниц срм */
    .files-upload-preview {
        position: relative;
        margin: 40px 0;
    }
    .contract-file {
        display: flex;
    }
    .remove-file {
        display: none;
        cursor: pointer;
        margin-left: 5px;
        color: red;
    }
    .new-contract-files {
        display:none;
        margin: 30px 0;
    }

/*
.app-data__block.info {width: 25%;}
.app-data__block.report {width: 25%;}
.app-data__block.sale-point {width: 75%;}
*/
.app-data__block.user-page {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 25px;
    padding: 0;
    margin: 0;
}
a.orange {color: #9E4410;}
a.orange:hover {border-color: #9E4410;}
.change-ava {order: 1;}
.app-data__block.life {
    background: transparent;
    padding: 0;
    max-width: 1400px;
}

.crm-form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.crm-form .select-disabled-hidden select,
.crm-form .select-disabled-hidden .multipleSelect {
    display: none;
}
.crm-form.active .select-disabled-hidden select,
.crm-form.active .select-disabled-hidden .multipleSelect {
    display: block;
}
.crm-form.active .crm-fieldset-value-link {
    display: none;
}
.crm-form.active .crm-fieldset-value-data {
    display: block;
    margin: 0 0 0 -15px;
}
.crm-form .crm-fieldset-value-link {
    display: block;
}
.crm-form .crm-fieldset-value-data {
    display: none;
}
.crm-fieldset {
    border: none;
    display: flex;
    align-items: center;
    gap: 10px
}
.crm-fieldset.fwrap {flex-wrap: wrap;}
.crm-fieldset label {
    color: #757575;
    margin-bottom: 5px;
    width: 175px;
}
.crm-fieldset input,
.crm-fieldset select,
.crm-fieldset textarea,
.crm-fieldset .value {
    padding: 5px 10px;
    border: 1px solid #AAAAAA;
    border-radius: 10px;
    width: 100%;
}
.crm-fieldset .value {background: #FAFAFA;}
.crm-btn-comment {font-style: italic; color: #aaa; font-size: 0.9em;text-align: center;margin: -15px auto 15px;}
.crm-files {display: flex;flex-wrap: wrap;gap: 10px; width: 100%; margin: 5px 0;}
.crm-files img {height: 75px;} 

input:disabled, 
select:disabled,
textarea:disabled,
form[inert] .value,
.ms-choice.disabled {
    border: none;
    background: transparent;
    resize: none;
}
.crm-fieldset select:disabled {color: #000;padding-left: 5px;}
.crm-fieldset select {color: #000;padding-left: 5px;}
.ms-choice.disabled .icon-caret {display: none;}
.ms-drop ul>li {padding: 0.25rem 10px 0.25rem 25px;}
.ms-drop ul>li label {}
.ms-drop ul>li.hide-radio.selected {background-color: #9E441087;}

.user-create-status {
    font-weight: 500;
    text-align: center;
    /*margin: 25px auto 0px;*/
}

.app-info-date {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 30px;
}
.app-info-date__column {display: flex;flex-direction: column;gap: 10px;}
.app-info-date__item {}
.app-info-date__label {color: #aaa;font-size: 0.85em;}
.app-info-date__value {}

.appLiveForms {
    /*padding: 25px;
    background: #f5f5f5;
    margin-bottom: 10px;*/
    
}
.appLiveForms.links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px 30px;
    /*margin-bottom: 30px;*/
}
.appLiveForms-links-item {
    display: flex;
    flex-direction: column;
}
.appHistory {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.appLiveForms-links-item .btn {min-width: 200px;}

.appHistoryItem {
    display: grid;
    grid-template-columns: 1fr 20px;
    gap: 20px;
    padding: 15px 0;
    background: #ffffff;
    border-radius: 10px;
    padding: 20px;
}
.appHistoryItem__keys {margin: 0 auto;}
.appHistoryItem__keys button {cursor: pointer;border: none;background: none;}
.appHistoryItem__keys button:hover {color: #E67000;}
.appHistoryItem__container {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.appHistoryItem__data {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.appHistoryItem__files {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
        margin-top: 10px;
}
.appHistoryItem__files .title {
    font-weight: 500;
}
.appHistoryItem__dateUser {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 25px;
    font-size: 0.9em;
    font-weight: 400;
    color: #515151;
    margin-bottom: 5px;
}
.appHistoryItem__avatar {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: -10px;
}
.appHistoryItem__content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.appHistoryItem__content b {font-weight: 500;}
.appHistoryItem__files .crm-files {
    width: auto;
    margin: 0;
}
.appHistoryItem__files .crm-files a:hover {border-color: transparent;}
.appHistoryItem__files .crm-files img {height: 50px;}
.appStatusChange {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: -10px;
    font-weight: 500;
}
.appHistoryItem__content .appStatus {
    padding: 4px 8px;
    margin: 5px;
    font-weight: 500;
    display: inline-block;
}
.appHistoryItemActions {
    display: flex;
    gap: 10px;
}
.appHistoryItem__data {
    display: flex;
    gap: 10px;
}
.appHistoryItem__label {color: #aaa;width: 150px;}

.history-link {color: #E67000;font-weight: 500;}
.bgred {background: red!important; color: white!important; font-weight: 600;}
.txtred {color: red!important; font-weight: 600;}

/** Загрузка файлов **/

.files-upload-preview {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    grid-gap: 10px;
    width: 100%;
    max-width: 768px;
}

#input-files {
    margin-bottom: 20px;
}

.upload-file-img {
    height: 50px;
}

/*#file-list li*/
.files-upload-preview li {
    margin-bottom: 20px;
    text-align: center;
    overflow: hidden;
    width: 20%;
}

.remove-button {cursor:pointer;}

.btn-file {position: relative;overflow: hidden;}
.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    /*font-size: 100px;*/
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    background: white;
    cursor: inherit;
    display: block;
}

.image-parent {
    background: url(/assets/images/ico/file.png) 50% 50% no-repeat;
    background-size: cover;
    margin: auto;
    width: 50px;
    height: 50px;
}
.ico-application-pdf {background-image: url(/assets/images/ico/pdf.png);}
.ico-video-avi {background-image: url(/assets/images/ico/avi.png);}
.ico-video-mp4 {background-image: url(/assets/images/ico/mpg.png);}
.ico-video-mov {background-image: url(/assets/images/ico/mov.png);}
.image-parent.ico-application-vnd\.openxmlformats-officedocument\.wordprocessingml\.document {background-image: url(/assets/images/ico/doc.png);}
.image-parent.ico-application-vnd\.openxmlformats-officedocument\.spreadsheetml\.sheet {background-image: url(/assets/images/ico/xls.png);}
.ico-text-plain {background-image: url(/assets/images/ico/txt.png);}
.image-parent.ico-application-vnd\.openxmlformats-officedocument\.presentationml\.presentation {background-image: url(/assets/images/ico/ppt.png);}
.files-upload-preview div {margin-top: 10px;font-size: 12px;line-height: 15px;}

.crm-fieldset .crm-fieldset__files {
    width: auto;
    padding-left: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
}

.crm-fieldset__files-wrap .crm-fieldset__files {width: 100%;flex-wrap: wrap;}
.crm-fieldset__files-wrap .files-upload-preview {flex-direction: column;}
.crm-fieldset__files-wrap .list-group-item {width: 100%;}

.crm-fieldset .crm-fieldset__files .btn-file {color: #484848;display: block;cursor: pointer;background: none;overflow: visible;}
.crm-fieldset__files .new-contract-files {margin: 0;width: auto;}
.crm-fieldset__files .files-upload-preview {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px 20px;
    width: auto;
    margin: 15px 0;
}
.crm-fieldset #file-list {
    margin: 0;
} 
.crm-fieldset #file-list li {
    display: flex;
    align-items: center;
    margin: 0;
}
.crm-fieldset #file-list li .image-parent {
    display: none;
    margin: 0;
}

.appMS2FilesTable a {display: none;}
.appMS2FilesTable a:first-child {display: inline-block;}

.crm-fieldset #file-list div {margin: 0;color: #aaaaaa;}
.crm-fieldset #file-list div i {color: red;}

th.controlKeys {min-width: auto;}
th.controlKeys i {padding: 0 3px;}
td.controlKeys {
    position: relative;
}
td.controlKeys i {
    cursor:pointer;
    padding: 0 3px;
    z-index: 10;
    position: relative;
}
/*переделано на JS по клику*/
/*td.controlKeys:hover .controlKeys__list {display: flex;}*/

.controlKeys__list {
    position: absolute;
    z-index: 2;
    display: none;
    flex-direction: column;
    gap: 10px;
    left: 5px;
    top: calc(50% - 17px);
    background-color: #f8f8f8;
    border: 1px solid #484848;
    padding: 7px 10px 7px 30px
}
.controlKeys__list.active {display: flex;}


.archive-resource,
.archive-resource{
    border: none;
    background: none;
    cursor: pointer;
    transition: all 250ms;
}
.archive-resource:hover,
.archive-resource:hover {
    color: #9E4410;
}



.confirmation-popup {
    
}
.confirmation-popup__chois {
    display: flex;
    gap: 10px 20px;
    margin-top: 20px;
}
.confirmation-popup__chois .btn {
    font-weight: 500;
}

.loginMessage  {
    text-align: center;
    margin: 10px auto;
    max-width: 425px;
}
.loginMessage .error {
    color: tomato;
    margin: 5px auto;
}


.users-access-menu {
    display: flex;
    margin: 5px 0 15px;
    flex-wrap: wrap;
    gap: 5px 10px;
}
.users-access-menu li a {padding: 0 3px 1px 3px;}
.users-access-menu li.active a {
    border-color: #9E4410;
    color: #9E4410;
}

.controlResourceKeys {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 20px;
    margin: 0 0 20px auto;
}
.controlResourceKeys .btn {padding: 0;}
#recoveryResourse,
#activeUser {border: none; background: none; cursor: pointer; transition: all 250ms;}
#recoveryResourse:hover, #activeUser:hover {color: #019E49;}

#archiveResourse,
#noActiveUser {border: none; background: none; cursor: pointer; transition: all 250ms;}
#archiveResourse:hover, #noActiveUser:hover {color: #9e4410;}

#deleteResourse,
#blockedUser {border: none; background: none; cursor: pointer; transition: all 250ms;}
#deleteResourse:hover, #blockedUser:hover {color: #CF4028;}

.salePointPhotoReport__wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.salePointPhotoReport__item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 0;
    border-bottom: 2px solid #484848;
}
.salePointPhotoReport__title {
    font-weight: 600;
}

/* АВА на странице пользователя */
.change-ava {
    text-align: center;
    cursor: pointer;
    margin-bottom: 20px;
    border: none!important;
}
.change-ava:hover {border: none!important;}
.change-ava {cursor: default;}
.change-ava.active {cursor: pointer;}
#uploadPreview {
    height: 180px;
    width: 180px;
    border-radius: 50%;
    object-fit: cover;
    padding: 5px;
    border: 3px dashed transparent;
    transition: all 250ms;
}
.change-ava.active #uploadPreview:hover {border: 3px dashed #212121;}

.content {
    width: 100%;
    margin: 15px auto;
}
.content p {margin-bottom: 15px;}
.content a {color: #9E4410;}
.content a:hover {border-bottom: 1px solid #9E4410;}
.content a[title="modal"] {border: none; outline: none;  text-decoration: none; }
.content ul, 
.content ol {
    margin-bottom: 15px;
}
.content ul {list-style: disc;} 
.content ol {list-style: decimal;}
.content li {
    margin: 5px 0 5px 20px;
}
.content li::marker {
    font-weight: 600;
    color: #9E4410;
}

.content iframe {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.manual_content .block-header {
    margin: auto;
}

.manual_content .content {
    max-width: 1200px;
    width: 100%;
}
.manual_content h1 {
    margin-bottom: 30px;
    font-weight: 400;
}

.manual_content h2 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 20px;
    font-weight: 400;
}

.manual_content h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 15px;
    font-weight: 400;
}
.manual_content img {
    margin: 10px 0;
    display: block;
}


.manualsTree {}
.manualsTree ul {margin: 10px 0;}
.manualsTree .groupItem {
    font-size: 1.2em;
    font-weight: 500;
    margin-bottom: 25px;
    display: block;
}
.manualsTree .subGroupItem {
    font-weight: 500;
    color: #9E4410;
    margin: 25px 0;
    display: block;
}
.manualsTree li {margin: 5px 0;}

.manualsTree .level1 {margin-bottom: 90px;}


.new-app-info {
    margin-top: 25px;
    color: #757575;
    font-size: 0.9em;
}
.new-app-info {color: #555555;}
.new-app-info a {color: #555555;font-weight: 500;}
.cp-container {
    display: flex;
    flex-direction: column;
}

.cp-container .table-container {margin-bottom: 30px;}
.no-access {
    margin: 20px;
}



/* Фототчет */
.photoReport__container {
    display: grid;
    grid-gap: 20px;
    grid-template-columns: 300px 1fr;
    height: calc(100vh - 40px);
    padding-right: 0;
}

.photo-reports__tabs {display: flex;gap: 20px;margin-bottom: 10px;}
.photo-reports__tab {
    background: gray;
    padding: 5px 10px;
}
.photo-reports__tab.is-active {
    background: #9E4410;
}

.photo-reports__tree {
    width: 100%;
    border-right: 2px solid #555555;
    overflow-y: scroll;
}

.photo-reports__tree-menu {
    list-style: none;
    padding: 0;
}
.photo-reports__tree-menu li {
    position: relative;
    margin-bottom: 0px;
}
.photo-reports__tree-menu a, .photo-reports__tree-menu span {
    text-decoration: none;
    padding: 5px;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: none;
}
.photo-reports__tree-menu a:hover, .photo-reports__tree-menu span:hover,
.photo-reports__tree-menu li.open > a, .photo-reports__tree-menu li.open > span, .photo-reports__tree-menu li.active > span{
    border-bottom: none;
    color: #9E4410;
}
.photo-reports__tree-menu .submenu {
    display: none;
    list-style: none;
    padding-left: 25px;
}
.photo-reports__tree-menu .has-submenu > span::before {
    font-family: 'Font Awesome 6 Free';
    content: "\f0da";
    margin-right: 5px;
    font-size: 10px;
    color: #252525;
    transition: all 250ms;
}
.photo-reports__tree-menu .has-submenu.open > span::before {
    transform: rotate(90deg);
}
.has-submenu.photoreport > span::before {display:none;}
.has-submenu.photoreport.not-confirmed {color: gray;}
.has-submenu.photoreport.is-active {color: #9E4410;}
.photo-reports__tree-menu span .fa-solid {
    margin-right: 5px;
}
.photo-reports__tree-menu a .fa-solid {
    margin-right: 5px;
}

.photo-reports__wrapper {
    display: flex;
    overflow-y: scroll;
    flex-direction: column;
    gap: 20px;
    padding-right: 20px;
}
.photo-reports__wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}
.photo-reports__wrapper .loader {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}
.photo-reports__title {
    background: #9E4410;
    color: #ffffff;
    text-align: center;
    padding: 10px;
    font-weight: 500;
    font-size: 1.1em;
    display: flex;
    gap: 0 25px;
    justify-content: center;
    flex-wrap: wrap;
}
.photo-reports__title a {color: #ffffff;}
.photo-reports__title a:hover {border-color: #ffffff;}

.photo-reports__media-wrapper {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.photo-reports__media-block {margin: 0;}

.photo-reports__media {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(100px, 100px));
    grid-gap: 10px;
    margin-bottom: 10px;
}
.photo-reports__media-item {
    
}
.photo-reports__media-item img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.photo-reports__media-add-files {
    border: 2px dashed #484848;
    border-radius: 10px;
    padding: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.photo-reports__media-add {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    background-color: #efefef;
    padding: 15px;
}
.photo-reports__btn {
    border: none;
    padding: 12px;
    background: #484848;
    color: #fff;
    cursor: pointer;
    transition: all 250ms;
    display: flex;
    align-items: center;
    border-radius: 5px;
    min-width: 160px;
}
#close-report {
    justify-content: center;
}
#close-report:hover {
    background: #019E49;
}
.photo-reports__btn:hover {
    background: #9E4410;
}
.photo-reports__btn i {
    margin-right: 10px;
}

.add-input-file-prewie {
    position: relative;
}
.add-input-file-prewie img,
.add-input-file-prewie canvas {
    width: 100px;
    height: 100px;
    display: block;
    object-fit: cover;
}
.add-input-file-prewie-del {
    position: absolute;
    border: none;
    top: 0;
    right: 0;
    padding: 5px;
    color: red;
    background: rgba(255,255,255,0.75);
    cursor: pointer;
}

.upload-files-form {}
.upload-files-form #upload-files {
    margin: 20px auto;
    max-width: 250px;
    padding: 10px;
}

.photo-reports__data {
    
}

.profile-logout {
    justify-content: start;
    align-items: center;
    margin-bottom: -4px;
}
 /* Стили для лоадера */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.loader {
    width: 50px;
    height: 50px;
    border: 5px solid #3498db;
    border-top: 5px solid transparent;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* Скрываем лоадер после загрузки */
.hidden {display: none;}

.btn-copy {
    color: #212121;
    cursor: pointer;
    font-size: 1em;
}

/* ввод номера автомата при создании заявки */
#input-container .found {
    border: 2px solid green;
}
#input-container .not-found {
    border: 2px solid tomato;
}
#input-container {
    position: relative;
}
#input-container:after {
    position: absolute;
    right: 15px;
    top: 8px;
    font-family: 'Font Awesome 6 Free';
}
#input-container.found:after {content: "\f00c"; color: #019E49;}
#input-container.not-found:after {content: "\f00d"; color: #CF4028;}
#input-container.not-salepoint:after {content: "\f071"; color: #CF4028;}
#input-container.maintenance:after {content: "\f071"; color: #FFD43B;}
#input-container .message {margin-top: 5px;font-size: 13px; line-height: 16px;text-align: center;}
#input-container .message-found {color: #019E49;}
#input-container .message-not-found {color: #CF4028;}

#app-manager-comment {
    width: 100%; padding: 10px;border-radius: 5px;border-color: #aaa;
}
#app-manager-comment:disabled {
    padding: 0;
    color: #000000;
}

.crm-form.with-photo {
    display: grid;
    grid-template-columns: 1fr 200px;
    gap: 20px;
}
.crm-form-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.crm-form-image {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.crm-form-image input {
    position: absolute;
    width: 200px;
    height: 200px;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    z-index: 10;
    opacity: 0;
    cursor: pointer;
}
.crm-form-image input:disabled {cursor: default;}
.crm-form-image img {
    display: block;
    max-width: 200px;
    max-height: 200px;
    border-radius: 10px;
}

/* ТАБЫ */

.tabs {
    display: flex;
    gap: 10px;
    margin: 0 10px -10px 10px;
}

.tab-header {
    padding: 10px 15px;
    border: 1px solid #ddd;
    background: #eee;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: all 250ms; 
}
.tab-header:hover {
    border-color: transparent!important;
    background: #484848;
    color: #ffffff;
}

.tab-header.active {
    background: #555;
    color: white;
}

.tab-title {
    font-weight: bold;
    white-space: nowrap;
}

.tab-icon {
    font-size: 18px;
}

.tab-content {
    display: none;
}

.tab-content.active {
    display: block;
}

.tab-content .appHistory {
    background: #F3F3F3;
    margin: 0 -20px -20px;
}
.appHistory .appHistory__title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 300;
    margin: 15px 0 0px;
}

.form-edit-btns {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 5px 0 20px;
}

#user-new-password {
    margin: 20px 0 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
#user-new-password input, submit {
    max-width: 300px;
    padding: 12px;
    
}


.attachContractorCompanySelect .NoAttachedContractor {display: none;}
.attachContractorCompanySelect.showAll .NoAttachedContractor {display: block;}

.multipleTable .table-row td {position: relative; padding: 2px 0;}
.multipleTable .table-row td.errorUnique input {
    color: #CF4028;
    position: absolute;
    top: -3px;
}
.checkUnique {position: relative;}
.checkUnique .error-message {
    color: #CF4028;
    font-size: 0.9em;
    margin: 0 0 0 10px;
}
.multipleTable .error-message {
    color: #CF4028;
    font-size: 0.8em;
    position: absolute;
    bottom: 0;
    left: 10px;
}

#addMultipleTable {margin: 25px 0;overflow: visible;}
#addMultipleTable .table-row:hover td {background: transparent;}
#addMultipleTable input {padding: 10px 10px;border: none;width: 100%;background: transparent;}
#addMultipleTable .ms-choice {border: none;background: transparent;}
.multipleSelect__ms-parent .ms-parent {width: 100%!important;}
.multipleSelect__ms-parent .ms-choice>span {left: 0;top: 0;width: auto;padding: 3px 10px;}

.deleteRowBtn {border: none; background: none;cursor: pointer;}
.deleteRowBtn:hover {color: tomato;}
.addMultipleTable__global-fields {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 25px 0;
}
.addMultipleTable__global-fields fieldset {
    display: flex;
    border: none;
    width: 100% !important;
    align-items: center;
    gap: 10px;
}
.addMultipleTable__global-fields fieldset input {
    padding: 5px 8px;
    border: 1px solid #aaa;
    border-radius: 10px;

}
.addMultipleTable__btns {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin: 25px 0;
}

#import-result {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    margin-top: 25px;
}

.offlineSalePoint {
    position: relative;
    color: gray;
}
.offlineSalePoint:before {
    content: '';
    position: absolute;
    height: 2px;
    width: 125%;
    background: #CF4028;
    top: 6px;
    left: -3px;
    transform: rotate(40deg);
}

.adminFrontPanel {position: fixed;right: 0;bottom: 0;background: #fff;z-index: 99;padding: 5px;font-size: 10px;line-height: 16px;border-top-left-radius: 10px;}


/* Стили для поэтапного заполнения формы, при завершении работы мастера */
    /* Шаги */
    .stepForm__step { display: none; }
    .stepForm__step._active {
        display: flex;
        flex-direction: column;
        gap: 20px; 
    }

    /* Прогресс‑бар */
    .stepForm__progressbar {
      display: flex;
      list-style: none;
      padding: 0;
      margin: 0 0 20px;
    }
    .stepForm__progressbar-item {
      flex: 1;
      height: 8px;
      background: #e0e0e0;
      margin-right: 10px;
      border-radius: 4px;
    }
    .stepForm__progressbar-item._active {
      background: #9E4410;
    }
    .stepForm__progressbar-item:last-child {
      margin-right: 0;
    }

    /* Группа кнопок */
    .stepForm__buttons {
      margin-top: 20px;
      position: relative;
      display: flex;
      gap: 30px;
      justify-content: space-between;
      
    }
    .stepForm__buttons button {
      width: auto;
      min-width: 100px;
    }
    .stepForm__buttons button:disabled {
      opacity: 0.5;
      cursor: default;
    }
    .stepForm__prev { background: #bbb; }
    .stepForm__next { background: #9E4410; color: #fff; }
    .stepForm__submit { background: #F23C34; color: #fff; }

    /* CRM‑комментарий */
    .stepForm__crm-comment {
      display: none;
      margin-top: 12px;
      font-size: 0.9em;
      color: #555;
    }
    .stepForm__crm-comment._visible {
      display: block;
    }
    
    .stepForm__field--error {border-color: #CF4028!important;}

/* Конец. Стили для поэтапного заполнения формы, при завершении работы мастера */

.userNoActive {color: #aaa;}
.userNoActive a {color: #aaa;}
.userNoActive a:hover {border-color: #aaa;}

/**** ОТЧЕТЫ *****/
.reportInputData {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.quickRanges {
    margin: 2.5px 10px 5px; 
    display: flex; 
    flex-wrap: wrap; 
    gap: 10px;
}
.btnReportDate {
    border: none;
    color: #aaa;
    font-size: 0.9em;
    border-bottom: 2px dashed #aaaaaa;
    background: transparent;
    cursor: pointer;
}
.report-btns {
    margin: 20px 0;
    border: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.report-btns .btn {
    padding: 7px 14px;
    width: auto;
}
.reportInputData .filterFieldset .select2-container {
    max-width: 100%;
}

.reportInputData .select2-container .select2-selection--multiple .select2-selection__rendered {
    position: absolute;
    top: -7px;
    left: 3px;
}

/** ТУЛТИП **/

.tooltip_block { 
    display: flex;
    gap: 5px;
    align-items: center;
}

.tooltip {
  position: relative;
  display: block;
}

@media (max-width: 768px) {
    .tooltip.th {display: none;}
}

.tooltip-icon {
  color: var(--color-gray);
  font-size: 14px;
  transform: all 250ms;
}
.tooltip:hover .tooltip-icon {
  color: var(--color-info);
}

/* Сам контент тултипа */
.tooltip-content {
  position: absolute;
  top: 100%; /* сразу под иконкой */
  left: 50%;
  transform: translateX(-50%);
  margin-top: 8px;
  width: 250px;
  background: #ffffff;
  color: #292929;
  padding: 12px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.25);
  font-size: 12px;
  line-height: 1.4;
  display: none; /* скрываем по умолчанию */
  z-index: 999;
  text-wrap: wrap;
  font-weight: 400;
}

/* Ромб-стрелка сверху */
.tooltip-content:before {
  content: "";
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 12px;
  height: 12px;
  background: inherit;
  box-shadow: -2px -1px 2px 0px rgba(0, 0, 0, 0.05);
}

.tooltip-content:after {
  content: "";
  position: absolute;
  top: -12px;
  left: calc(50% - 15px);
  width: 30px;
  height: 12px;
  background: transparent;
}

/* Показываем тултип при наведении */
.tooltip:hover .tooltip-content {
  display: block;
}
.tooltip-content a {
    color: #fff;
    border-bottom: 1px solid #fff;
}
/** ТУЛТИП КОНЕЦ **/


/*** ВИЗУАЛ ПРЬВЬЮ ФОТО и кнопки его удаления ***/
.ms2gallery-item {
    position: relative;
}
.ms2gallery-item img {
    aspect-ratio: 1/1;
    object-fit: cover;
    
}
.ms2gallery-remove {
    position: absolute;
    z-index: 2;
    top: 2px;
    right: 2px;
    background: none;
    color: dark;
    border: none;
    cursor: pointer;
    display: none;
}
.ms2gallery-remove:hover {color: #CF4028;}
.ms2gallery-item:hover img {opacity: 0.5; border: 1px solid gray;}
.ms2gallery-item:hover .ms2gallery-remove {display: flex;}


@media (max-width: 1024px) {
    #open-filter {display: block;}
    #filter-form {display: none;}
    .appTableBtns {justify-content: flex-start;width: 100%;margin-top: 0;}
    .btn-to-excel {grid-column: auto;margin-left: 0}
}

@media (max-width: 768px) {
    .aside {width: 80px;overflow: hidden;}
    .aside-header {padding: 10px;}
    .header__logo .full {display: none;}
    .header__logo .min {display: block;}
    body.with-aside main {margin-left: 80px;}
    .page-container {padding: 10px;}
    .table-container {width: calc(100vw - 130px);}
    .aside-nav li a {padding: 15px;}
    .aside-down {padding: 10px 5px;}
    .aside-user__avatar img {width: 40px;height: 40px;}
    .aside-user__info {display: none;}
    .aside-logout {font-size: 0.85em;margin-top: 30px;}
    .app-data__block {padding: 20px 10px;}
    .app-data__block.user-page {grid-template-columns: 1fr;}
    .app-data__block.user-page .crm-fieldset {gap: 0;}
    .change-ava {order: 0;}
    h1 {font-size: 20px;line-height: 24px;}
    h2 {font-size: 16px;line-height: 20px;}
    .photoReport__container {grid-template-columns: 1fr;height: auto;}
    .photo-reports__tree {border-right: none; border-bottom: 2px solid #555555;padding-bottom: 10px;}
    .photo-reports__tree, .photo-reports__wrapper {overflow-y: auto;}
    .tabs {overflow-x: scroll;}
    .crm-form.with-photo {grid-template-columns: 1fr;}
    .fancybox__slide {flex-direction: row!important;}
    .fancybox__content {align-self: flex-start!important;margin: 0!important;height: 100%!important;}
    .tab-content .appHistory {margin: 0 -10px;}
    
}

@media (max-width: 650px) {
    .adminFrontPanel {position: fixed;left: 0;bottom: 60px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;width: max-content;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);}
    .aside {flex-direction: row;width: 100%;top: auto;bottom: 0;right: 0;height: 60px;}
    .aside-header {width: 50px;min-width: 50px;max-width: 50px; display: none;}
    .aside-down {width: 50px;min-width: 50px;max-width: 50px; padding: 5px;display: none;}
    .scroll-aside {flex-direction: row;width: 100%;height: 100%;overflow-x: scroll;overflow-y: hidden;}
    .aside-nav {flex-direction: row;width: 100%;}
    .create-resource {bottom: 90px;}
    .menu-user-mobile {display: flex;}
    body.with-aside main {margin: 0;min-height: auto;height: calc(100vh - 120px);overflow: scroll;}
    .page-container {padding: 0;height: auto;}
    .table-container {width: calc(100vw - 45px);}
    .app-data__block {padding: 15px;margin: 0;height: auto;}
    .tabs {background: #fff;overflow-y: hidden;margin: 0;padding-left: 15px;}
    .aside-nav li .caption {white-space: nowrap;}
    /*.block-header {position: fixed;top: 0;left: 0;right: 0;padding: 15px;background: #fff;width: 100%;}*/
    .aside-user {display: none;position: absolute;right: 12px;bottom: 12px;}
    .aside-user__avatar img {width: 36px;height: 36px;}
    .aside-logout {display: none;}
    .mobile-hidden {display: none;}
    .only-mobile {display: flex;}
    .tab-content .appHistory {margin: 0 -15px;}
    .tab-content .appHistory__title {margin: 15px 15px 0px;}
    .app-data__block-title {margin: 15px;}
}