@charset "UTF-8";
/* CSS Document */

* {margin: 0; padding: 0;}
input, select, textarea, button {appearance: none; -moz-appearance: none; -webkit-appearance: none; border: none; background: none; outline: none;}
html {width: 100%;}

a {color: #EF545D;}
a:hover {color: #EF545D;}
img {border: none;}

body {display: block; position: relative; box-sizing: border-box; width: 100%; height: 100%; color: #909090; padding: 36px;}
body, p, h1, h2, h3, input, select, textarea, button {font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 300;}

h1 {grid-area: h1; display: block; position: relative; box-sizing: border-box; font-size: 28px; font-weight: 500; text-transform: uppercase; text-align: left; margin-right: 100px;}
h1 span {color: #cfcfcf;}

h2 {grid-area: h2; display: block; position: relative; box-sizing: border-box; font-size: 22px; font-weight: 500; text-transform: uppercase; text-align: left;}

h3 {grid-area: h3; display: block; position: relative; box-sizing: border-box; font-size: 18px; font-weight: 500; text-transform: uppercase; text-align: left;}

p {margin: 0 0 22px 0; line-height: 22px; color: #747474;}

input, select, textarea {width: 100%; display: block; box-sizing: border-box; border-radius: 8px 0; background: #f4f4f4; line-height: 36px; padding: 0 16px; font-size: 16px; color: #2d2d2d;}
input[disabled] {color: #b5b5b5;}
select[multiple] {padding: 9px 16px; font-weight: 300;}
select option {font-weight: 300; outline: none;}
/*select option[selected]*/
select[multiple] option:checked {background: #CFCFCF;}
textarea {grid-area: textarea; line-height: 22px; padding: 9px 16px;}

preloader {display: block; position: absolute; box-sizing: border-box; margin: auto; top: 0; right: 0; bottom: 0; left: 0; width: 64px; height: 64px; background: url(/design/preloader.svg) center no-repeat; background-size: cover;}


div.dynamic_cell {width: 100%; display: block; box-sizing: border-box; border-radius: 8px 0; background: #f4f4f4; padding: 0 16px; font-size: 16px; color: #828282;}
div.dynamic_cell.table_values {line-height: 36px; height: 36px; overflow: hidden;}


.container {width: 100%; margin: 12px 0 0 0; clear: both;}

trash {display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_trash.svg) center no-repeat; background-color: #FFF;}
edit {grid-area: edit; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_action_edit.svg) center no-repeat; background-color: #FFF;}
pro {grid-area: pro; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_pro.svg) center no-repeat; background-color: #FFF;}
analytics {grid-area: analytics; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_analytics.svg) center no-repeat; background-color: #FFF;}
files {grid-area: files; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_files.svg) center no-repeat; background-color: #FFF;}
shop {grid-area: shop; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_shop.svg) center no-repeat; background-color: #FFF;}
new {grid-area: new; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_new.svg) center no-repeat; background-color: #FFF;}
data {grid-area: data; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_data.svg) center no-repeat; background-color: #FFF;}
tables {grid-area: tables; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_table.svg) center no-repeat; background-color: #FFF;}
users {grid-area: users; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/navigation_users.svg) center no-repeat; background-color: #FFF;}
users_add {grid-area: users; z-index: 999; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/navigation_users_add.svg) center no-repeat; background-color: #FFF;}


separator {grid-area: separator; display: block; background: #cfcfcf; width: 1px; height: 16px; margin: 10px 18px 10px 18px;}


structure {grid-area: structure; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_structure_inactive.svg) center no-repeat; background-color: #FFF;}
structure.active {background: url(/extore/frontend/board/design/icons_structure.svg) center no-repeat;}

marker {grid-area: marker; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_marker_inactive.svg) center no-repeat; background-color: #FFF;}
marker.active {background: url(/extore/frontend/board/design/icons_marker.svg) center no-repeat;}

eye {grid-area: eye; display: block; width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_eye_inactive.svg) center no-repeat; background-color: #FFF;}
eye.active {background: url(/extore/frontend/board/design/icons_eye.svg) center no-repeat;}

.ballon_text {}
.navpanel_button {border: 1px solid #2d2d2d; padding: 8px 12px 8px 12px; border-radius: 0px 6px; cursor: pointer;}
.navpanel_button.active {background: #2d2d2d; color: #FFF;}

.hidden {display: none;}

label.switch {width: 62px;}

.modes {cursor: pointer;}
.modes:hover, .modes.active {filter: drop-shadow(5px 5px 10px #CFCFCF); z-index: 999;}


.file_container {display: grid; position: relative; box-sizing: border-box; width: auto; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 60px 100px 1fr;
        grid-gap: 36px;
        justify-content: space-between;
        align-items: start;
        margin: 0 0 36px 0;
        width: 100%;}

.file_container a {margin: 25px 0 0 0;}


.item {display: grid; position: relative; box-sizing: border-box; width: auto; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 36px 1fr 36px 36px 36px;
        grid-gap: 12px;
        border-radius: 16px 0;
        justify-content: space-between;
        align-items: start;
        justify-items: start;
        margin: 0 0 12px 0;
}
.item.us {display: grid; position: relative; box-sizing: border-box; width: auto; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 36px 2fr 1fr 1fr 36px 36px;
        grid-gap: 12px;
        border-radius: 16px 0;
        justify-content: space-between;
        align-items: start;
        justify-items: start;
        margin: 0 0 12px 0;
}
.item.us2 {display: grid; position: relative; box-sizing: border-box; width: auto; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 36px 2fr 1fr 1fr 36px;
        grid-gap: 12px;
        border-radius: 16px 0;
        justify-content: space-between;
        align-items: start;
        justify-items: start;
        margin: 0 0 12px 0;
}
.item .new {display: block; cursor: pointer; width: 36px; height: 36px; background: url(/extore/frontend/board/design/icons_new.svg) center no-repeat;}
.item .edit {display: block; cursor: pointer; width: 36px; height: 36px; background: url(/extore/frontend/board/design/icons_action_edit.svg) center no-repeat;}
.item .trash {display: block; cursor: pointer; width: 36px; height: 36px; background: url(/extore/frontend/board/design/icons_action_delete.svg) center no-repeat;}

.lock {display: block; cursor: pointer; width: 36px; height: 36px; background: url(/extore/frontend/board/design/icon_lock.svg) center no-repeat;}
.unlock {display: block; cursor: pointer; width: 36px; height: 36px; background: url(/extore/frontend/board/design/icon_unlock.svg) center no-repeat;}



.item .title {display: block; width: 100%;}
.item .reg {display: block; width: 100%;}
.item .act {display: block; width: 100%;}

.item .folder {display: block; cursor: pointer; width: 36px; height: 36px; background: url(/extore/frontend/board/design/icons_folder.svg) center no-repeat;}
.item .user {display: block; width: 36px; height: 36px; background: url(/extore/frontend/board/design/navigation_users.svg?v1) center no-repeat;}
.item .newsletter {display: block; width: 36px; height: 36px; background: url(/extore/frontend/board/design/icon_newsletters.svg?v1) center no-repeat;}

.item:hover {background: rgba(192, 192, 192, 0.1);}




tikol workarea {grid-area: workarea; display: grid; position: relative; box-sizing: border-box; width: auto; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr;
        grid-gap: 36px;
        justify-content: space-between;
        align-items: start;
        justify-items: start;
        margin: 0 0 36px 0;
}


@media (min-width: 1200px) {
    tikol workarea {
        grid-template-columns: 1fr 1fr;
    }
}

tikol workarea * {box-sizing: border-box;}

tikol .cell {margin: 0 0 36px 0; overflow: hidden;}

tikol workarea .cell {display: block; position: relative; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; overflow-x: scroll; margin: 0;}

.cell:hover {background: #FFF; box-shadow: 0 0 0 24px #FFF; border-radius: 1px 0; z-index: 1; filter: drop-shadow(5px 5px 10px #CFCFCF);}

.cell .cell_title {text-transform: uppercase; color: #CFCFCF; font-size: 10px; margin: 0 0 12px 0;}
.cell .files {display: block; cursor: pointer; width: 13px; height: 13px; position: absolute; right: 0; top: 0; background: url(/extore/frontend/board/design/icons_folder.svg) center no-repeat; background-size: contain;}

.cell.messages .uploader {position: absolute; right: 0px; bottom: 0px; margin: 0px; height: 48px; box-sizing: border-box;}

/*
button:not(.note-item-btn) {border-bottom: 4px solid #dc3c46; background: #EF545D; padding: 13px 16px 11px 16px; font-size: 16px; cursor: pointer; border-radius: 6px 0; text-align: center; text-transform: none; color: #FFF;}
button:not(.note-item-btn):hover {border-color: #242424; background: #363636;}
*/
.extore_button {background: #3D3D3D; display: inline-block; position: relative; z-index: 99; cursor: pointer; color: #FFF; line-height: 0px; text-align: center; border-radius: 0 12px; margin: 16px 0px 0px 0px; padding: 24px 24px; text-transform: none;}
.extore_button:hover {background: #DC3A26; text-decoration: none;}


.cell textarea.cell_value {width: 100%; min-height: 600px; white-space: normal;}
.cell textarea.announcement {min-height: 280px; resize: none;}
.cell textarea.message {min-height: 180px; resize: none;}

.cell.pro {display: none;}
.cell.shop {display: none;}
.cell.files {display: none;}
.cell.tables {display: none;}
.cell.users {display: none;}
.cell.users_add {display: none;}
.cell.analytics {display: none;}
.cell.technical {display: none;}
.cell.get_parameters {display: none;}
.cell.messages {display: none;}
.cell.geography {display: none;}
.cell.arbitrage {display: none;}


.static_table {grid-area: static_table; display: grid; position: relative; box-sizing: border-box; width: 100%; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 50px 1fr 1fr;
        grid-gap: 12px;
        justify-content: space-between;
        align-items: start;
        justify-items: start;
        margin: 0 0 12px 0;}
.static_table .static_cell {display: block; font-size: 14px;}


.dynamic_table {grid-area: switch; display: grid; position: relative; box-sizing: border-box; width: 100%; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 50px 50px 1fr 62px 62px 1fr 36px;
        grid-gap: 12px;
        justify-content: space-between;
        align-items: start;
        justify-items: start;
        margin: 0 0 12px 0;}
.dynamic_table .dynamic_cell {display: block; font-size: 14px;}
.dynamic_table .dynamic_cell.table_delete_action {display: block; cursor: pointer; width: 100%; height: 36px; background: url(/extore/frontend/board/design/icons_action_delete.svg) center no-repeat;}
.dynamic_cell.table_add_action {display: block; cursor: pointer; width: 50px; height: 36px; background: url(/extore/frontend/board/design/icons_action_add.svg) center no-repeat;}
.dynamic_table .table_order, .dynamic_table .table_parts, .dynamic_table .table_filter, .dynamic_table .table_page {text-align: center;}



.dynamic_variants {grid-area: switch; display: grid; position: relative; box-sizing: border-box; width: 100%; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 36px;
        grid-gap: 12px;
        justify-content: space-between;
        align-items: start;
        justify-items: start;
        margin: 0 0 12px 0;
}
.dynamic_variants .dynamic_cell {display: block; font-size: 14px;}
.dynamic_variants .dynamic_cell.variant_trash_action {display: block; cursor: pointer; width: 100%; height: 36px; background: url(/extore/frontend/board/design/icons_action_delete.svg) center no-repeat;}
.dynamic_cell.variant_new_action {display: block; cursor: pointer; width: 50px; height: 36px; background: url(/extore/frontend/board/design/icons_action_add.svg) center no-repeat;}


.dynamic_get_parameters {grid-area: switch; display: grid; position: relative; box-sizing: border-box; width: 100%; height: auto;
    grid-template-rows: 1fr;
    grid-template-columns: 2fr 62px 1fr 36px;
    grid-gap: 12px;
    justify-content: space-between;
    align-items: start;
    justify-items: start;
    margin: 0 0 12px 0;}
.dynamic_get_parameters .dynamic_cell {display: block; font-size: 14px;}
.dynamic_get_parameters .dynamic_cell.table_delete_action {display: block; cursor: pointer; width: 100%; height: 36px; background: url(/extore/frontend/board/design/icons_action_delete.svg) center no-repeat;}
.dynamic_get_parameters .table_order, .table_filter, .table_page {text-align: center;}








    index_layout {display: grid; position: relative; box-sizing: border-box; width: 100%; height: 100%; color: #2d2d2d;
        grid-template-rows: min-content 1fr min-content;
        grid-template-columns: min-content 1fr 1fr;
        grid-gap: 36px;
        justify-content: space-between;
        align-items: center;
        justify-items: start;
        grid-template-areas:
            "logo personal search"
            "navigation workspace workspace"
            "navigation copyright copyright";
        background: #FFF;
    }
    
    index_layout a {color: #2d2d2d;}
    index_layout a:hover {color: #2d2d2d;}
    
    /* index_layout:before {display: block; content: '';} */
    /* index_layout:after {display: block; content: '';} */
    
    index_layout logo {grid-area: logo; display: block; position: relative; box-sizing: border-box;}
    index_layout personal {grid-area: personal; display: grid; position: relative; box-sizing: border-box;
        grid-template-rows: min-content;
        grid-template-columns: 36px 1fr;
        grid-gap: 12px;
        justify-content: space-between;
        align-items: center;
        justify-items: start;
        grid-template-areas:
            "image description";
    }
    index_layout personal img {grid-area: image; display: block; position: relative; box-sizing: border-box; align-self: start; width: 36px; height: 36px; overflow: hidden; border-radius: 100%; background: #EAEFEC; object-fit: cover; object-position: center;
        filter: drop-shadow(5px 5px 10px #CFCFCF);
    }
    index_layout personal description {grid-area: description; display: block; position: relative; box-sizing: border-box; align-self: start; width: 100%; font-size: 14px;}
    
    
    index_layout search {grid-area: search; display: block; position: relative; box-sizing: border-box; justify-self: end;}
    
    
    
    index_layout workspace {grid-area: workspace; display: grid; position: relative; box-sizing: border-box; width: 100%; align-self: start;
        grid-template-rows: min-content min-content 1fr;
        grid-template-columns: 1fr;
        grid-gap: 36px;
        justify-content: space-between;
        align-items: center;
        justify-items: start;
        grid-template-areas:
            "h1"
            "navpanel"
            "h2"
            "tikol";
    }
    
    
    
    
    
    
    index_layout navigation {grid-area: navigation; display: block; position: relative; box-sizing: border-box; align-self: start;}

    index_layout navigation items {display: grid; position: relative; box-sizing: border-box;
        grid-template-rows: min-content;
        grid-gap: 16px;
        justify-content: space-between;
    }
    index_layout navigation items .item {display: grid; position: relative; box-sizing: border-box;
        grid-template-rows: min-content;
        grid-template-columns: 21px 1fr 21px;
        grid-gap: 16px;
        justify-content: space-between;
        align-items: center;
        justify-items: start;
        grid-template-areas:
            "img a focus";
    }
    index_layout navigation items .item img {}
    index_layout navigation items .item a {font-size: 14px; text-decoration: none;}
    index_layout navigation items .item focus {width: 100%; line-height: 21px; border-radius: 21px; font-size: 11px; text-decoration: none; text-align: center; background: #DC3A26; color: #FFF;}
    
    
    index_layout copyright {grid-area: copyright; display: block; position: relative; box-sizing: border-box; font-size: 14px;}
    





/* Главный экран */
    
    index_layout workspace tikol {grid-area: tikol; display: block; position: relative; box-sizing: border-box; width: 100%;}

    index_layout workspace navpanel {grid-area: navpanel; display: flex; position: relative; box-sizing: border-box; width: auto; height: auto; align-self: start; align-items: center; justify-content: start; gap: 12px;}
    
    index_layout workspace navpanel input, index_layout workspace navpanel select {width: 160px;}
    

    .switch {display: grid; position: relative; box-sizing: border-box; width: auto; height: 36px;
        grid-template-rows: 1fr;
        grid-template-columns: min-content 1fr;
        grid-gap: 8px;
        justify-content: space-between;
        align-items: center;
        justify-items: start;
        grid-template-areas:
            "slider title";
    }
    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }
    .switch .title {grid-area: title; margin-left: 30px;}
    .switch .slider {
        grid-area: slider; 
        width: 62px;
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #F4F4F4;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 36px;
    }

    .switch .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 5px;
        bottom: 5px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 50%;
    }

    .switch input:checked + .slider {
        background-color: #CFCFCF;
    }
    .switch input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }
/* Главный экран */






authorization_layout a {color: #2d2d2d;}
authorization_layout registration span {color: #2d2d2d; cursor: pointer; text-decoration: underline;}

authorization_layout {display: grid; position: relative; box-sizing: border-box; width: 100%; height: 100%; color: #2d2d2d;
    grid-template-rows: 1fr auto;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
    grid-template-areas:
        "workspace"
        "registration"
        "copyright";
}
authorization_layout workspace {
    grid-area: workspace;
    display: grid;
    position: relative;
    box-sizing: border-box;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-gap: 24px;
    justify-content: space-between;
    align-items: center;
    justify-items: center;
}
authorization_layout workspace:before {display: block; content: '';}
authorization_layout workspace:after {display: block; content: '';}

authorization_layout img {display: block; position: relative; box-sizing: border-box; width: 80px;}
authorization_layout title {display: block; position: relative; box-sizing: border-box; width: 280px; font-size: 28px; font-weight: 500; text-transform: uppercase; text-align: center;}

authorization_layout registration {grid-area: registration; color: #cfcfcf; display: block; position: relative; box-sizing: border-box; font-size: 14px; text-align: center;}
authorization_layout copyright {grid-area: copyright; display: block; position: relative; box-sizing: border-box; font-size: 14px; padding: 44px 0; text-align: center;}


/*

authorization_layout input {display: block; position: relative; box-sizing: border-box; width: 280px; background: #909090; color: #FFF;}



authorization_layout input::-webkit-input-placeholder, authorization_layout input:hover::-webkit-input-placeholder {color: #404040;}
authorization_layout input::-moz-placeholder, authorization_layout input:hover::-moz-placeholder {color: #404040;}
authorization_layout input:-moz-placeholder, authorization_layout input:hover:-moz-placeholder {color: #404040;}
authorization_layout input:-ms-input-placeholder, authorization_layout input:hover:-ms-input-placeholder {color: #404040;}


authorization_layout button {border-bottom: 4px solid #404040; background: #707070; color: #b4b4b4;}
authorization_layout button:hover {border-color: #707070; background: #909090; color: #FFF;}
*/






        trash_storage {
            display: grid;
            position: relative;
            box-sizing: border-box;
            width: 100%;
            height: auto;
            grid-template-rows: 1fr;
            grid-template-columns: 1fr;
            grid-gap: 12px;
            justify-content: space-between;;
        }
        trash_storage .row:not(:nth-child(1)):hover {background: #F4F4F4;}
        trash_storage .row {
            display: grid;
            position: relative;
            box-sizing: border-box;
            width: auto;
            height: auto;
            grid-template-rows: 1fr;
            grid-template-columns: 36px 1fr 160px 160px 36px 36px;
            grid-gap: 12px;
            justify-content: space-between;
            align-items: center;
            justify-items: start;
            grid-template-areas:
            "cell_icon cell_page cell_creation_date cell_trash_date cell_restore cell_trash";
            border-radius: 36px;
        }
        
        trash_storage .row .cell_icon {grid-area: cell_icon; display: block; position: relative; box-sizing: border-box;}
        trash_storage .row .cell_icon.icons_link {width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_link.svg) center no-repeat;}
        trash_storage .row .cell_page {grid-area: cell_page; display: block; position: relative; box-sizing: border-box;}
        trash_storage .row .cell_trash_date {grid-area: cell_trash_date; display: block; position: relative; box-sizing: border-box;}
        trash_storage .row .cell_creation_date {grid-area: cell_creation_date; display: block; position: relative; box-sizing: border-box;}
        
        trash_storage .row .cell_restore {grid-area: cell_restore; display: block; position: relative; box-sizing: border-box;}
        trash_storage .row .cell_restore.icons_action_restore {width: 36px; height: 36px; border-radius: 36px; cursor: pointer; background: url(/extore/frontend/board/design/icons_action_delete.svg) center no-repeat;}
        
        trash_storage .row .cell_trash {grid-area: cell_trash; display: block; position: relative; box-sizing: border-box;}
        trash_storage .row .cell_trash.icons_action_delete {width: 36px; height: 36px; border-radius: 36px; cursor: pointer; background: url(/extore/frontend/board/design/icons_action_delete.svg) center no-repeat;}
        trash_storage .row .cell_caption {justify-self: end; text-transform: uppercase; color: #CFCFCF; font-size: 10px;}
        trash_storage .row .cell_justify_self_center {justify-self: center;}
        trash_storage .row .cell_justify_self_end {justify-self: end;}
        trash_storage .row .cell_justify_self_start {justify-self: start;}
        
        
        
        
        system_storage {
            display: grid;
            position: relative;
            box-sizing: border-box;
            width: 100%;
            height: auto;
            grid-template-rows: 1fr;
            grid-template-columns: 1fr;
            grid-gap: 12px;
            justify-content: space-between;;
        }
        
        system_storage .row:not(:nth-child(1)):hover {background: #F4F4F4;}
        system_storage .row {
            display: grid;
            position: relative;
            box-sizing: border-box;
            width: auto;
            height: auto;
            grid-template-rows: 1fr;
            grid-template-columns: 36px 1fr 100px 160px 36px;
            grid-gap: 12px;
            justify-content: space-between;
            align-items: center;
            justify-items: start;
            grid-template-areas:
            "cell_icon cell_page cell_size cell_date cell_status";
            border-radius: 36px;
        }
        
        system_storage .row .cell_icon {grid-area: cell_icon; display: block; position: relative; box-sizing: border-box;}
        system_storage .row .cell_icon.icons_link {width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_link.svg) center no-repeat;}
        system_storage .row .cell_page {grid-area: cell_page; display: block; position: relative; box-sizing: border-box;}
        system_storage .row .cell_size {grid-area: cell_size; display: block; position: relative; box-sizing: border-box;}
        system_storage .row .cell_date {grid-area: cell_date; display: block; position: relative; box-sizing: border-box;}
        system_storage .row .cell_status {grid-area: cell_status; display: block; position: relative; box-sizing: border-box;}
        system_storage .row .cell_status.icons_action_delete {width: 36px; height: 36px; border-radius: 36px; cursor: pointer; background: url(/extore/frontend/board/design/icons_action_delete.svg) center no-repeat;}
        system_storage .row .cell_caption {justify-self: end; text-transform: uppercase; color: #CFCFCF; font-size: 10px;}
        system_storage .row .cell_justify_self_center {justify-self: center;}
        system_storage .row .cell_justify_self_end {justify-self: end;}
        system_storage .row .cell_justify_self_start {justify-self: start;}
        
        
        

        cache_storage {
            display: grid;
            position: relative;
            box-sizing: border-box;
            width: 100%;
            height: auto;
            grid-template-rows: 1fr;
            grid-template-columns: 1fr;
            grid-gap: 12px;
            justify-content: space-between;;
        }
        
        cache_storage .row:not(:nth-child(1)):hover {background: #F4F4F4;}
        cache_storage .row {
            display: grid;
            position: relative;
            box-sizing: border-box;
            width: auto;
            height: auto;
            grid-template-rows: 1fr;
            grid-template-columns: 36px 1fr 100px 160px 36px;
            grid-gap: 12px;
            justify-content: space-between;
            align-items: center;
            justify-items: start;
            grid-template-areas:
            "cell_icon cell_page cell_size cell_date cell_trash";
            border-radius: 36px;
        }
        
        cache_storage .row .cell_icon {grid-area: cell_icon; display: block; position: relative; box-sizing: border-box;}
        cache_storage .row .cell_icon.icons_link {width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_link.svg) center no-repeat;}
        
        cache_storage .row .cell_icon.icons_dir {width: 36px; height: 36px; border-radius: 36px; background: url(/extore/frontend/board/design/icons_shop.svg) center no-repeat;}
        
        
        cache_storage .row .cell_page {grid-area: cell_page; display: block; position: relative; box-sizing: border-box;}
        cache_storage .row .cell_size {grid-area: cell_size; display: block; position: relative; box-sizing: border-box;}
        cache_storage .row .cell_date {grid-area: cell_date; display: block; position: relative; box-sizing: border-box;}
        cache_storage .row .cell_trash {grid-area: cell_trash; display: block; position: relative; box-sizing: border-box;}
        cache_storage .row .cell_trash.icons_action_delete {width: 36px; height: 36px; border-radius: 36px; cursor: pointer; background: url(/extore/frontend/board/design/icons_action_delete.svg) center no-repeat;}
        cache_storage .row .cell_caption {justify-self: end; text-transform: uppercase; color: #CFCFCF; font-size: 10px;}
        cache_storage .row .cell_justify_self_center {justify-self: center;}
        cache_storage .row .cell_justify_self_end {justify-self: end;}
        cache_storage .row .cell_justify_self_start {justify-self: start;}


    


















.uploader {width: 100px; height: 100px; position: relative; overflow: hidden; float: left; border-radius: 0 8px; border: 2px dashed #cccccc; color: #cccccc; text-align: center; cursor: pointer; margin: 0px 16px 16px 0px;}
.uploader i {line-height: 100px; font-size: 24px; z-index: 98;}
.uploader:hover {border: 2px dashed #485563; color: #485563;}
.uploader input[type='file'] {width: 96px; height: 96px; padding: 0px; margin: 0px; position: absolute; top: 0px; left: 0px; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); cursor: pointer;}






#notes {
  position: fixed;
  top: 36px;
  right: 36px;
  width: 100%;
  cursor: default;
  transition: height .45s ease-in-out;
  -webkit-transition: height .45s ease-in-out;
  pointer-events: none;
  z-index: 2; }

#notes .note-item {
    max-height: 12em;
    opacity: 1;
    will-change: opacity, transform;
    transition: all .2s linear;
    -webkit-transition: all .2s linear;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    width: 50vw;
    -webkit-touch-callout: none;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    z-index: 2;
    pointer-events: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    max-width: 20em;
    font: inherit;
    line-height: 1.25em;
    color: #fff;
    margin: 0 0 12px auto;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    padding: 12px; }
    @media all and (max-width: 30em) {
      #notes .note-item {
        width: 75vw;
        max-width: none; } }
    #notes .note-item[data-show="false"] {
      pointer-events: none;
      opacity: 0 !important;
      max-height: 0 !important;
      margin-bottom: 0 !important; }
    #notes .note-item[data-type="info"] {
      background-color: #375e97; }
    #notes .note-item[data-type="warn"] {
      background-color: #ebac00;
      animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      -webkit-animation: shake 0.9s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }
    #notes .note-item[data-type="error"] {
      background-color: #DC3A26;
      animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
      -webkit-animation: shake 0.54s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; }
    #notes .note-item[data-type="success"] {
      background-color: #679B7A; }
    #notes .note-item .note-item-text {
      flex: auto;
      -webkit-flex: auto;
      -moz-flex: auto;
      -ms-flex: auto;
      padding-right: .5em;
      font-size: 16px!important;
      max-width: calc(100% - 1.25em);
      max-width: -webkit-calc(100% - 1.25em); }

#notes .note-item .note-item-btn {
      width: 12px;
      height: 12px;
      margin-top: 4px;
      border: none;
      cursor: pointer;
      background: url(/extore/frontend/board/design/icons_action_delete_white.svg) center no-repeat;
      transition: opacity .2s;
      -webkit-transition: opacity .2s; }
      
#notes .note-item .note-item-btn:hover {
        opacity: .6; }

@keyframes shake {
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
    -webkit-transform: translate3d(-1px, 0, 0);
    -ms-transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0 0);
    -webkit-transform: translate3d(2px, 0, 0);
    -ms-transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
    -webkit-transform: translate3d(-4px, 0, 0);
    -ms-transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0);
    -webkit-transform: translate3d(4px, 0, 0);
    -ms-transform: translate3d(4px, 0, 0); } }

@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0) t; }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0); } }



#messages_container {}
.message_item {display: grid; position: relative; box-sizing: border-box; width: auto; height: auto;
        grid-template-rows: 1fr;
        grid-template-columns: 1fr 24px 200px;
        grid-gap: 0px;
        justify-content: space-between;
        align-items: start;
        justify-items: start;
        margin: 0 0 36px 0;
}
.message_item .dynamic_cell {background: #fcfcfc; padding: 16px;}
.message_item .dynamic_cell .message_text {margin-bottom: 16px;}
.message_item .message_user_title {font-size: 14px; padding: 12px 0px 12px 0px;}
.message_item .message_user_title span {color: #a1a1a1; font-size: 12px;}
.message_item .message_separator {width: 24px; height: 24px; background: #fcfcfc;}
.message_item .message_separator div {width: 24px; height: 24px; border-radius: 12px 0px 0px 0px; background: #FFF;}