body {
    color: rgb(21, 27, 30);
    background-color: rgb(228, 229, 230);
}
input{
    color: #51575d;
    border-radius: 2px;
    border: 1px solid #d3d5d7;
    padding: 8px 16px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}
input.input-date{
    width: 180px;
}
.from-to-fieldblock input.input-date, .from-to-fieldblock input.input-price {
    width: 125px;
}
.menu li button, .menu li .button{
    padding: 6px 12px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
}
.menu button:hover, .menu .button:hover {
    text-decoration: none;
}
ul.menu.menu-horizontal, .menu.menu-horizontal > ul{
    height: auto;
}
nav>ul.menu.menu-horizontal, nav.menu.menu-horizontal > ul{
    height: 100%;
}
.fieldblock>label{
    font-size: 16px;
    color: #41464d;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 4px;
}
.fieldblock>label>button{
    padding: 0 10px;
    margin: 0;
}

.fieldblock-horizontal>label,
.fieldblock-label-right>label,
.fieldblock-checkbox>label{
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 0px;
    margin-right: 10px;
}
.fieldblock-horizontal.wrap{
    flex-wrap: wrap;
}
.fieldblock button{
    margin: 0;
}
.tox-tinymce{
    width: 100%;
}
button, .button{
    display: inline-block;
    padding: 6px 24px;
    line-height: 21px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    color: #787d82;
    border: 1px solid #d0d5da;
}
.button.rounded-button{
    border-radius: 100px;
}
button:hover, .button:hover{
    color: #fff;
    background-color: #7b818a !important;
    border-color: #7b818a !important;
    text-decoration: none;
}
button[type=submit], .button[type=submit]{
    color: #fff;
    background: #008bb2 !important;
    border: 1px solid #008bb2 !important;
}
button[type=submit]:hover, .button[type=submit]:hover{
    background-color: #007da0 !important;
    border-color: #007a9d !important;
}
button.blue-button, .button.blue-button{
    border: 1px solid rgba(0,0,0,.272);
    background: #00a4d2;
    color: #ffffff;
}
a, .link {
    color: #2971bf;
    background: transparent;
    border: none;
    display: inline;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-decoration: none;
}
a:hover, .link:hover{
    text-decoration:underline;
}
input, select{
    padding: 4px 12px !important;
    border: 1px solid #d3d5d7 !important;
    color: #51575d !important;
    background: #fff !important;
    border-radius: 2px !important;
    height: 35px !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    box-sizing: border-box;
}
input[type=checkbox],
input[type=radio]{
    height: auto !important;
}
.link.disabled {
    color: #777777;
}
td a.disabled {
    color: #777777;
    opacity: 0.5;
    cursor: auto;
}
.link.disabled:hover {
    text-decoration: none;
}
td a.disabled:hover {
    text-decoration: none;
    border-color:   #d0d5da!important;
    background-color: #FFFFFF !important;
    color: #777777 !important;

}
#header {
    height: 72px;
    background-color: #2470bd;
    color: #fff;
    overflow: visible;
}
#header .layout-panel {
    height: 100%;
}
#header-utc-time {
    display: none;
    font-size: 18px;
    font-weight: bold;
    margin-left: 80px;
    color: rgb(248, 108, 107);
    font-family: Arial;
}
#top-logo {
    text-decoration: none;
    color: #ffffff;
    font-size: 24px;
    font-weight: 600;
    width: 260px;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding: 0 0 0 70px;
    position: relative;
}

#top-logo em {
    display: block;
    font-size: 14px;
    color: rgb(248, 108, 107);
    position: absolute;
    bottom: 5px;
    font-style: normal;
    font-weight: bold;
}
#top-navigation {
    flex-grow: 1;
}
#top-navigation>ul{
    align-items: stretch;
}
#top-navigation>ul>li{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    margin: 0;
    border-right: 1px solid rgba(0,0,0,.1);
}
#top-navigation>ul>li:first-child{
    border-left: 1px solid rgba(0,0,0,.1);
}
#top-navigation>ul>li>a{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    padding: 0 12px;
    background: rgba(255,255,255,0);
    transition: background 500ms ease;
    text-decoration: none;
    color: #ffffff;
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
}
#top-navigation>ul>li:hover>a{
    background: rgba(255,255,255,0.1);
}

#top-navigation li.active a {
    background: rgba(255,255,255,0.1);
}
#top-user-navigation {
    margin-left: 40px;
}
#top-user-navigation>ul{
    align-items: stretch;
}
#top-user-navigation>ul>li{
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: stretch;
    position: relative;
}
#top-user-navigation ul ul{
    top: 100%;
    right:5px;
    background: #ffffff;
    border:  1px solid rgb(131, 184, 229);
    border-radius: 4px;
    min-width: 210px;
    z-index: 100;
}
#top-user-navigation ul ul a{
    color: rgb(102, 102, 102);
    padding: 4px 24px;
    font-size:15px;
    line-height: 32px;
    font-weight: 600;
}
#top-user-navigation ul ul a:hover{
    text-decoration: none;
    background: #ebeff1;
    z-index: 1;
}
#top-user-navigation ul li:hover>ul{
    display: none;
}
#top-user-navigation ul li.active>ul{
    display: block;
}
#header .profile-button{
    background: transparent;
    border: none;
    color: #ffffff;
    line-height: 16px;
    font-size: 16px;
    text-align: left;
    padding: 0 40px 0 20px;
    position: relative;
}
button.profile-button:hover,
button.profile-button:active,
#top-user-navigation>ul>li.active{
    background: rgba(255,255,255,0.1);
}
#header .profile-button:after{
    content:" ";
    font-size: 40px;
    line-height: 40px;
    position: absolute;
    bottom:0;
    right:10px;
    top: 0;
    background: url(/common/images/arrow_down_white.svg) center center no-repeat transparent;
    width: 10px;
}
#header .profile-button .login{
    font-size: 14px;
    font-weight: bold;
    margin-top: 5px;
    display: block;
}
#left-side {
    width: 260px;
    color: #4e4e4e;
    background: #f1f3f6;
    box-shadow: inset -1px 0 0 0 #e2e5e8;
    font-size: 15px;
    line-height: 18px;
    font-weight: 600;
}
#left-side nav {
    margin: 20px 0;
    padding: 0;
}
#left-side .menu ul {
    margin: 0;
}
#left-side .menu li {
    padding: 0;
    margin: 0;
    position: relative;
}
#left-side .menu li .expand-button,
#left-side .menu li .expand-button:hover{
    position: absolute;
    right: 10px !important;
    top: 15px !important;
    width: 20px !important;
    height: 20px !important;
    left: auto !important;
    bottom: auto !important;
    background: transparent !important;
    border: none !important;
}
#left-side .menu li>.expand-button:before,
#left-side .menu li>.expand-button:hover:before{
    position: relative;
    content: " ";
    right: 3px !important;
    top: 2.5px !important;
    font-weight: bold !important;
    width:10px !important;
    height: 10px !important;
    display: block !important;
    background: url(/common/images/arrow_down_black.svg) center center no-repeat transparent !important;
    transform: rotate(-90deg);
    background-size: contain;
    color: #4e4e4e !important;
}
#left-side .menu li.expanded>.expand-button:before,
#left-side .menu li.expanded>.expand-button:hover:before{
    content: " ";
    right: 0 !important;

    font-weight: bold !important;
    width:10px !important;
    height: 10px !important;
    display: block !important;
    color: #2f73b2 !important;
    background: url(/common/images/arrow_down_black.svg) center center no-repeat transparent !important;
    transform: rotate(0);
    background-size: contain;
    color: #4e4e4e !important;
}
#left-side .menu li.expanded{
    background: #fff;
    box-shadow: inset -1px 0 0 0 #e2e5e8;
}
#left-side>.menu>ul>li.expanded>a,
#left-side>.menu>ul>li.expanded>a>span,
#left-side>.menu>ul>li.active>a>span,
#left-side>.menu>ul>li.active>a{
    color: #2f73b2;
    font-weight: 600;
}
#left-side>.menu>ul>li.expanded>a,
#left-side>.menu>ul>li.active>a {
    border-bottom: 1px solid #e1e4e7 ;
}
#left-side .menu a,
#left-side .menu .link{
    padding: 8px 23px 8px 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    box-sizing: border-box;
    min-height: 58px;
}
#left-side .menu a svg,
#left-side .menu .link svg,
#left-side .menu a i,
#left-side .menu .link i{
    position: absolute;
    left: 16px;
    width: 20px;
    height: 20px;
    object-fit: contain;
}
#left-side .menu a span,
#left-side .menu .link span{
    padding:0;
}
#left-side .menu li li{
    margin-bottom: 1px;
}
#left-side .menu li li a {
    font-weight: normal;
}
#left-side .menu li li:hover>a,
#left-side .menu li li.active>a{
    color: #0f62a6;
    background-color: #e3eff9;
    border-right: 4px solid #4b95ce;
}
#left-side .menu li li.active>a{
    font-weight: 600;
}
#left-side .menu li li:hover>a:before,
#left-side .menu li li.active>a:before{
    /*display: block;*/
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background: #4b95ce;
    position: absolute;
    left: 30px;
    top: 26px;
    content:" ";
    display: none;
}
#left-side .nav-title {
    color: #65707c;
    text-transform: uppercase;
    margin: 8px 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    padding: 0 20px;
}
#left-side .menu>ul>li.top-border{
    margin-top: 40px;
}
#left-side .menu>ul>li.top-border:before{
    content: " ";
    border-top: 1px solid #777;
    top: -25px;
    position: relative;
    width: 100%;
    height: 1px;
    display: block;
}

#hide-right-side-button,
#show-right-side-button{
    position: fixed;
    bottom: 55px;
    right:1px;
    z-index: 1;
    box-shadow: 1px 1px 3px 0;
}
#show-right-side-button{
    display: none;
}
.layout-border.right-side-hidden #hide-right-side-button{
    display: none;
}
.layout-border.right-side-hidden #show-right-side-button{
    display: block;
}
#right-side-button{
	position: fixed;
	top: 130px;
	right:0;
	background: rgb(255, 141, 3);
	color: #fff;
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	padding: 8px 16px 8px 8px;
	border: none;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}
#right-side-button:hover{
	background: #e67f03 !important;
}
#right-side-button:hover .fa-cog{
	animation: 0.6s fa-spin ease-in-out;
}
#right-side.active #right-side-button{
	position: absolute;
	left: -45px;
        top: 120px;
}
#right-side {
    -display: none;
    width: 0px;
    color: rgb(41, 54, 61);
    background: rgba(255,255,255,0.97);
    border: none;
    transition: width 0.2s ease;
    overflow: hidden;
    position: fixed;
    top: 10px;
    bottom: 10px;
    right:0;
    box-shadow: none;
    height: auto;
    z-index:2;
}
#right-side.active{
    display: block;
    width: 450px;
    overflow: visible;
    border: 1px solid #a2c5da;
    border-right: none;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
#right-side>.layout-panel-vertical{
    align-items: stretch;
}
.layout-border.right-side-hidden #right-side{
    width: 0px;
}
#main-content {
    background: #fff;
    color: #41464d;
}
#main-content-header {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    border-bottom: 1px solid rgb(164, 183, 193);
    background-color: rgb(255, 255, 255);
    padding: 12px 16px;
    flex-shrink: 0;
}

#footer {
    color: rgb(21, 27, 30);
    background: rgb(240, 243, 245);
    border-top: 1px solid rgb(164, 183, 193);
    font-size: 14px;
    height: 50px;
    padding-left: 15px;
    padding-right: 15px;
    align-items: center;
}
.aside-title {
    display: block;
    width: 100%;
    background-color: rgb(240, 243, 245);
    padding: 8px 16px;
    text-align: center;
    font-size: 14px;
    color: rgb(83, 108, 121);
    text-transform: uppercase;
}
#right-side #heartbeat ul {
    list-style: none;
}
#right-side .heartbeat-widget {}
#right-side .heartbeat-widget-title {
    color: rgb(41, 54, 61);
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}
#right-side .heartbeat-widget-body {
    font-size: 12px;
    line-height: 16px;
    color: rgb(83, 108, 121);
}
#right-side .line {
    margin: 20px auto 10px auto;
    border-color: rgb(128, 128, 128);
}
#page-title{
    /*margin: 0 0 20px 0;*/
}
#page-title span{
    display: inline-block;
    color: #777777;
}
#page-title span:first-letter{
    color: #444444;
}
#page-title i,
#page-title svg{
    margin-right: 15px;
    color: rgb(41, 54, 61);
    font-size: 29px;
    box-shadow: 1px 1px 2px #000;
    background: rgba(41, 54, 61, 0.3);
    padding:4px;
}
.main-wrapper{
    padding: 20px;
}
#right-side dl.info-list{
    font-size: 12px;
    margin: 5px 10px;
}
#right-side dl.info-list dt{
    font-weight: bold;
}
#right-side dl.info-list dd{
    margin-bottom: 10px;
}



.translation-field{
    font-size: 11px;
}
.translation-field-token{
    font-size: 0.9em;
    letter-spacing: 0.2px;
    text-align: left;
    padding-left: 18px;
    color: rgb(32, 168, 216)
}
.translation-field-list{
    list-style: none;
    padding: 0;
    margin: 0;
}
.translation-field-lang{
    color: rgb(248, 108, 107);
    margin-right: 5px;
}
.icon-code{
    font-size: 0.7em;
    display: block;
}
.column-id{
    font-size: 0.8em;
    font-weight: bold;
}
.column-code{

}
.column-url{
    color: rgb(32, 168, 216);
    font-size: 0.9em;
}
.column-icon{
    text-align: center;
}
.column-bool{
    text-align: center;
}
table.table > thead > tr > th{
    background:rgb(41, 54, 61);
    font-size: 12px;
    font-weight: normal;
}
.field-module-parameter{
    max-width: 600px;
    display: block;
    overflow: auto;
}
.delete-button{
    color: #953b39;
}
.pane .menu-buttons a{
    border: 1px solid #bbbbbb;
    background: transparent;
    padding: 2px 8px;
    margin: 3px;
    border-radius: 3px;
    font-size: 11px;
}
.fieldblock-icon-perview{
    position: absolute;
    bottom:3px;
    right:10px;
}
.pages-content-block{

}
.pages-content-block label{
    display: block;
    background: #253741;
    color: #fff;
    font-size: 12px;
    border-left: 10px solid rgb(255, 193, 7);
    padding-left: 15px;
}
#page-title+.menu{
    margin-top:0;
}
.menu.menu-horizontal a, .menu.menu-horizontal .link {
    line-height: 16px;
}
nav+table{
    margin-top: 15px;
}

.pane.pane-outset{
    border: none;
    border-top: 3px solid #74aaec;
    background: #ecf4fc;
    padding: 16px 22px;
    font-size: 16px;
    line-height: 24px;
    flex-wrap: wrap;
}
.pane.pane-outset .pane:first-child {
    border-top: none!important;

}
.pane.pane-outset .pane{
    border-top: 1px solid #dee2e6 !important;
    padding: 16px 0;
}

.pane.pane-outset .pane:last-child {
    padding-bottom: 0;
}

/* table */
table.table,
div.flex-table {
    border: 1px solid rgba(0, 0, 0, 0.05);
}

table.table > thead,
div.flex-table > .flex-table-title {
    position: sticky;
    top: 0;
    z-index: 1;
    justify-content: space-between;
    background: #FFFFFF;

}

table.table > thead > th {
    /* fix chrome bug */
    position: sticky;
    top: 0;
}

table.table thead tr th,
table.table tbody tr td,
div.flex-table .flex-table-cell {
    padding: 4px 6px;
    border: none;
}
div.flex-table .flex-table-foot .flex-table-cell {
    padding: 5px 12px;
}
.flex-table-cell .cell-value {
    width: 100%;
    margin: 0;
}
table.table tbody tr td, div.flex-table .flex-table-body .flex-table-cell {
    /*border-top: 1px solid rgba(0, 0, 0, 0.05);*/
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.05);*/
    font-size: 15px;
    line-height: 19px;
    word-break: normal;
    /*align-items: center;*/
    align-items: flex-start;
    justify-content: center;
    padding: 12px 6px;
}
div.flex-table .flex-table-foot .flex-table-cell {
    border: none;
}

table.table > thead > tr > th,
div.flex-table > .flex-table-title .flex-table-cell {
    padding: 12px 18px 12px 6px;
    font-size: 13px;
    line-height: 19px;
    font-weight: 600;
    color: #6c7f9b;
    background: none;
    text-transform: uppercase;
    border: none;
}
table.table > thead > tr > th,
div.flex-table > .flex-table-title
{
    box-shadow: rgba(0, 0, 0, 0.075) 0px 2px 0px 0px;
    background: #FFFFFF;

}

div.flex-table > .flex-table-title .flex-table-cell {
    align-items: flex-start;
}
div.flex-table > .flex-table-title .flex-table-cell:first-child {
    box-shadow: none;
}

table.table tr:hover td,
div.flex-table .flex-table-body .flex-table-row:hover .flex-table-cell, div.flex-table .flex-table-body .flex-table-row:hover {
    background: #eff5f9 !important;
}

.flex-table .flex-table-body .flex-table-row:hover {
    box-shadow: none;
}

.flex-table .flex-table-body .flex-table-row {
    /*border-top: 1px solid rgba(0, 0, 0, 0.05);*/
}

.flex-table .flex-table-body .flex-table-row:first-child {
    border-top: none;
}

.flex-table-title {
    box-shadow: none;
}
div.flex-table .flex-table-body .flex-table-row .flex-table-cell, div.flex-table .flex-table-body .flex-table-row {
    box-shadow: rgba(0, 0, 0, 0.05) 0 1px 0 0;
}

table.table td.actions a,
table.table td.column-actions a,
table.table td.actions button,
table.table td.column-actions button,
div.flex-table .flex-table-cell.actions a,
div.flex-table .flex-table-cell.actions button {
    opacity: 0;
    transition: opacity 500ms ease;
    padding: 6px 12px !important;
    font-size: 12px;
    line-height: 12px;
    border: 1px solid #1380d8;
    color: #1380d8;
    margin: auto;
}
div.flex-table .flex-table-cell.actions.max a{
    margin: 0 2px 0 0;
}
div.flex-table .flex-table-cell.actions.max a:last-child{
    margin-right: 0;
}

table.table td.column-actions a.danger,
div.flex-table .flex-table-cell.actions a.danger {
    color: #ffffff;
    background:rgb(248, 108, 107);
    border: 1px solid rgb(248, 108, 107);
}

table.table tr:hover td.actions a,
table.table tr:hover td.column-actions a,
table.table tr:hover td.actions button,
table.table tr:hover td.column-actions button,
div.flex-table .flex-table-row:hover .flex-table-cell.actions a,
div.flex-table .flex-table-row:hover .flex-table-cell.actions button {
    opacity: 1;
    color: #ffffff !important;
    background: #1380d8 !important;
}
table.table tr:hover td.actions a.danger,
table.table tr:hover td.column-actions a.danger,
table.table tr:hover td.actions button.danger,
table.table tr:hover td.column-actions button.danger,
div.flex-table .flex-table-row:hover .flex-table-cell.actions a.danger,
div.flex-table .flex-table-row:hover .flex-table-cell.actions button.danger {
    opacity: 1;
    color: #ffffff !important;
    background: rgb(248, 108, 107)!important;
    border: 1px solid rgb(248, 108, 107);
}

.flex-table .flex-table-body .flex-table-row:nth-child(even) .flex-table-cell {
    background: none;
}

.flex-table .flex-table-body .flex-table-row .flex-table-cell {
    /*border-left: 1px solid rgba(0, 0, 0, 0.075);*/
    background: none;
}

.pages {
    margin: 0 0 30px 0;
    background: #eff5f9 !important;
    border: 1px solid #e7f0f5 !important;
}

.site-structure-list-item .expand-button {
    padding: 0;
}

.multiple-action .fieldblock {
    margin-bottom: 0;
}

#column-selector li {
    display: flex;
    flex-direction: row;
    align-items: center;
}
#column-selector li input{
    margin-right: 15px;
}

.combobox-like-excel-filter{
    width: 235px;
    height: 120px;
}
.combobox-like-excel-filter-actions{
    top: 40px;
}

.combobox-like-excel-filter > ul{
    width: 100%;
}
.combobox-like-excel-filter > ul>li{
    width: 100%;
    overflow: hidden;
}
.combobox-like-excel-filter.active > ul{
    top: 77px;
    width: auto;
}
.combobox-like-excel-filter-actions button{
    padding: 4px;
}
.combobox-like-excel-filter .combobox-like-excel-filter-popup {
    background: #FFFFFF;
}
.combobox-like-excel-filter .combobox-like-excel-filter-actions {
    top: 0px;
    right: 2px;
}

/* tabs layout */
.layout-tab > .layout-tab-controls,
.nav-tab > .nav-tabs,
.tabs-widget .tabs-widget-buttons{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid rgb(224, 229, 232);
    background: rgb(51, 164, 123);
    color: rgb(65, 70, 77);
    padding: 8px 0 0 8px;
    width: 100%;
    flex-wrap: wrap;
}
.layout-tab-controls > li, .nav-tabs > li>a,
.tabs-widget .tabs-widget-buttons button {
    background: transparent;
    color: #ffffff;
    border: none;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 20px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    margin: 0 5px 0 0;
}
.nav-tabs > li > a {
    text-decoration: none;
}


.layout-tab-controls>li:hover,
.nav-tabs > li>a:hover,
.tabs-widget .tabs-widget-buttons button:hover
{
    background: rgba(238, 238, 238, 0.6)!important;
    color: rgb(65, 70, 77)!important;
}
.layout-tab-controls > li.layout-tab-control-active,
.nav-tabs > li.active>a,
.tabs-widget .tabs-widget-buttons li.active button {
    color: rgb(65, 70, 77);
    background: rgb(255, 255, 255);
}
.layout-tab-contents,.tabs-widget-content{
    border: 1px solid #e1e4e7;
    padding: 8px;
    min-height: 100px;
    -margin-bottom: 20px;
}

.layout-tab-controls > li.has-error:before,
.nav-tabs > li.has-error:before,
.tabs-widget .tabs-widget-buttons li.has-error:before
{
    content: "!";
    width: 15px;
    height: 15px;
    background: #f00;
    color: #fff;
    border-radius: 8px;
    display: inline-block;
    text-align: center;
    line-height: 15px;
    font-size: 12px;
    margin-right: 5px;
}

/* item-block */
.item-block{
    background: #fff;
    color: #41464d;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    padding: 0;
    margin: 0 10px 10px 0;
}
.item-block-element-title, .item-block-title{
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    padding: 12px 16px;
}
.item-block-body{
    padding: 20px;
}
.item-block-actions{
    font-size: 12px;
    margin-left: 20px;
}
.item-block-actions label{
    margin: 0;
}

/* site structure */
.site-structure-list-item-details{
    background: #f8f8f9;
    height: auto;
    padding: 8px 0;
    border: 1px solid #ffffff;
    box-shadow: 1px 1px 3px #aaa;
}
.site-structure-list-item-details:hover{
    box-shadow: 1px 1px 3px #000;
}
.site-structure-list-item-details:before{
    content:" ";
    position: absolute;
    left: -14px;
    top: 17px;
    width: 6px;
    height: 6px;
    border-radius: 3px;
    background: #d7d7d6;
}
ul.site-structure-list{
    position: relative;
}
ul.site-structure-list:before{
    content: " ";
    position: absolute;
    top: -26px;
    height: 50px;
    left:-10px;
    border-left: 1px dotted #67b2dd;
}
ul.site-structure-list>li,
.site-structure-list-item .site-structure-list-item{
    margin-left: 30px;
    position: relative;
}
ul.site-structure-list>li:before{
    content: " ";
    position: absolute;
    top: 21px;
    left: -37px;
    width: 30px;
    border-top: 1px dotted #67b2dd;
}
ul.site-structure-list>li:after{
    content: " ";
    position: absolute;
    top: 21px;
    left: -40px;
    bottom:-30px;
    border-left: 1px dotted #67b2dd;
}
.site-structure-list-item .expand-button{
    border: none;
    left: -20px;
    top: 15px;
    transition: left 0.3s ease, top 0.3s ease;
    background: transparent;
    background: #ffffff;
    width: 16px;
    height: 16px;
    border-radius: 8px;
    padding: 0;
}
.site-structure-list-item .expand-button:hover{
    background: #fff !important;
}
.site-structure-list-item > .expand-button::after{
    content: "▸";
    transform: rotate(0deg);
    font-size: 20px;
    line-height: 20px;
    transition: transform 0.3s ease;
    width: 16px;
    height: 16px;
    left: 0;
    top: -3px;
}
.site-structure-list-item.expanded > .expand-button{
    top: 15px;
    left: -18px;
}
.site-structure-list-item.expanded > .expand-button::after{
    content:"▸";
    font-size: 20px;
    line-height: 20px;
    transform: rotate(90deg);
    top: -1px;
    left: 5px;
}
.site-structure-list-item .site-structure-list-item-name{
    width: auto;
    background: transparent;
    border: none;
    padding:0 0 0 20px;
}
.site-structure-list-item .site-structure-list-info .title{
    display: none;
}
.site-structure-list-item .site-structure-list-info{
    align-items: flex-start;
}
.site-structure-list.site-structure-list-item.header>.site-structure-list-item-details{
    border: none;
    background: #ffffff;
    box-shadow: 0 3px 3px #aaa;
    margin-left: 30px;
}
.site-structure-list.site-structure-list-item.header>.site-structure-list-item-details:before{
    display: none;
}
.site-structure-list.site-structure-list-item.header>.site-structure-list-item-details .title{
    color: #000;
    display: block;
}


.layout-tab-content>.site-structure-list:before{
    display: none;
}
.layout-tab-content>.site-structure-list>li:before{
    display: none;
}
.layout-tab-content>.site-structure-list>li:after{
    display: none;
}
.layout-tab-content>.site-structure-list.header{
    display: block;
    position: sticky;
    top: 0;
    z-index: 10;
}
.layout-tab-content>.site-structure-list.header .title{
    display: block;
}


td.column-price input{
    width: 100px;
}

.seo-page-form{
    width: 700px;
}
.seo-page-form .fieldblock-horizontal>.fieldblock{
    width: 100%;
    margin-left:10px;
    margin-right: 0;
}
.seo-page-form .fieldblock-horizontal>.fieldblock:first-child{
    margin-left: 0;
}

.seo-page-form .fieldblock-horizontal {
    justify-content: space-between;
}

.seo-page-form textarea,
.seo-page-form input {
    width: 100%;
    height: auto;
}

.dashboard-widget {
    border: 1px solid #e0e5e8;
    border-top: 2px solid rgba(44, 135, 211, .775);
    border-radius: 8px;
    overflow: hidden;
}

.widget-panel {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: stretch;
}

.dashboard-widget .flex-table {
    border: none;
}

.dashboard-widget .dashboard-widget-title {
    border-bottom: 1px solid #e0e5e8;
    background-color: rgba(44, 135, 211, .2);
    padding: 10px;
    font-size: 20px;
    font-weight: 400;
}

.rule-title {
    border-bottom: 1px solid rgb(164, 183, 193);
    padding: 12px 16px 12px 10px;

}

.rule-title label {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.rule-title-name,.rule-title-alias {
    margin-left: 10px;
    white-space: nowrap;
}
.rule-title-name {
    font-size: 19px;
}

.rule-title-alias {
    width: 100px;
    text-align: left;
}
.rule-title-alias {
    font-size: 14px;
    font-style: italic;
    color:gray;
}
.rule-title-url {
   width: 100%;
   text-align: right;
   font-size: 12px;
}
ul.pages-list, ul.pages-action-list {
    list-style-type: none;

}
ul.pages-list li {
    font-size: 17px;
    width: 100%;
    margin-top: 20px;

}
ul.pages-list .check_all {
    margin: 0;
}
ul.pages-action-list {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
ul.pages-action-list li {
    font-size: 14px;
    margin: 12px 30px 0 0;
    width: 200px;
    line-height: 14px;
}
.tree-item input[type="checkbox"] {
    margin-left: 30px;
             }
.filter-button{
    display: none;
}
#column-selector {
    background: #fff;
    box-shadow: 0 0 3px #000;
    font-size: 14px;
    line-height: 17px;
    padding: 10px;
    position: absolute;
    top: 240px;
    z-index: 11;
    display: none;
}

#column-selector.active {
    display: block;
}

#column-selector ul {
    list-style: none;
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow: auto;
}

#column-selector li {
    margin-bottom: 5px;
}

#column-selector button {
    margin: 10px 0;
}

#column-selector h4 {
    margin: 0 0 15px 0;
}

#multiple-actions .filter {
    display: none;
}

#multiple-actions.expanded .filter {
    display: flex;
    flex-wrap: wrap;
}
#multiple-actions .multiple-action-button-expand:before {
    content: "﹀";
    left: 230px;
    top: 31px;
    position: absolute;
}

#multiple-actions.expanded .multiple-action-button-expand:before {
    content: "〈";
    position: absolute;
    top: 28px;
}

#multiple-actions .button-flag {
    height: 26px;
}

#multiple-actions .fieldblock button {
    margin: 0;
}

.attribute-input {
    max-width: 140px;
}
.multiple-action input {
    width: 90px;
}
#item-card-form #name {
    width: 600px;
}
.pane > .fieldblock-horizontal {
    /*max-width: 600px;*/
}

.flex-table-cell.h1,.flex-table-cell.h1 + * {
    margin:0;
}
.flex-table-cell.cell-name {
    flex-direction: column;
}


.cancel-exta-item-button {
    border: none;
    background: none;
    padding: 6px 8px;
    color: darkred;
}
.cancel-exta-item-button:hover {
    background: none!important;
    font-weight: 600!important;
    font-size: 16px;
    line-height: 14px;
    color:  darkred;!important;
}


dropdown-list-wrap {
    position: relative;
}

.dropdown-list {
    display: none;
    position: absolute;
    background: #fff;
    max-height: 500px;
    max-width: 800px;
    overflow-x: hidden;
    overflow-y: scroll;
    font-size: 12px;
    line-height: 14px;
}

.dropdown-list.active {
    display: block;
}

.dropdown-list ul {
    list-style: none;
    padding: 0;
}

.dropdown-list ul li .property {
    cursor: pointer;
    padding: 3px 150px 3px 5px;
    position: relative;
}

.dropdown-list ul li .property .buttons {
    /*display: none;*/
    position: absolute;
    top: 0;
    right: 5px;
}

.dropdown-list ul li .property .buttons button:first-child {
    margin-right: 10px;
}


.dropdown-list > ul > li > .property {
    font-weight: bold;
}

.dropdown-list li > ul .property {
    padding-left: 20px;
}

.dropdown-list ul li .property:hover {
    background: rgba(0, 0, 0, 0.2);
}

.dropdown-list ul li .property:hover .buttons {
    display: block;
}
.flex-table-row.row-center ,.flex-table-row.row-center .flex-table-cell{
    width: 100%!important;
}
.btn-link {
    color: rgb(32, 168, 216);
    background: transparent;
    border: none;
    display: inline;
    padding: 0;
    margin: 0;
}

.properties {
    padding: 10px 20px;
}

.properties ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.properties ul li span {
    display: inline-block;
    width: 300px;
}

.properties > ul > li > span {
    font-weight: bold;
}

.properties ul li select {
    display: inline-block;
    width: 300px;
}

.properties ul li input {
    display: inline-block;
    width: 300px;
}

.properties .buttons {
    display: inline-block;
}
.flex-table-cell .cell-80 {
    width: 80%;
    flex-shrink: 0;
}
#left-side .navigation-expand-button {
    display: none;
    /*position: fixed;*/
    width: 64px;
    height: 64px;
    background: url('/images/navigation_expand.svg') center center no-repeat;
    background-size: auto;
    background-size: 64px 64px;
    border: none;
    bottom: 0;
    cursor: pointer;
    padding: 0;
    left: 0;
}
#order-delivery .fieldblock,#order-payment .fieldblock {
    width: 100%;
}
.comment-block {
    width: 30%;
    padding-bottom: 10px;
}
.comment-title {
    padding: 10px 0 10px 0;
}
.comment-text {
    resize: none;
    background-color: #FFFFFF;
    border: 1px inset #bfbfbf;
    border-radius: 3px;
    width: 100%;
    height:80px;

}
.comment-label {
    display: flex;
    justify-content: space-between;
}
.comment-label-user,.comment-label-date {
    display: inline;
}
.comment-label-date {
    color: #5a5a5a;
    font-size: smaller;
    line-height: 25px;


}
.no-comments {
    font-size: small;
    font-style: italic;
    color: #5a5a5a;

}

.flex-table-cell.error {
    font-size: 10px;
}

.collapsed {
    height: 22px;
    overflow: hidden;
    position: relative;
    padding-right: 20px;
}
#catalog-related-items-list .collapsed {
    height: 60px;
}
.collapsed .expanded-btn {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.collapsed .expanded-btn:after{
    content:"→";
    color: #232323;
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}
.expanded-btn{
    width: 20px;
    height: 20px;
    cursor: pointer;
}
.expanded-btn:after{
    content:"↑";
}
.collapsed .item-title .text-bold{
    display: none;
}
.height-auto {
    height: auto!important;
}
.parameter select {
    width: 100%;
}

.category-name {
    position: absolute;
    bottom: -3px;
    right: 5px;
    font-size: 11px;
}

.vendor-name-container {
    position: relative;
}

.vendor-name-container > .fieldblock {
    margin-bottom: 0;
}
#catalogue-price-filter button, #layout-widget-filter button {
    margin-top: 32px;
}
#layout-widget-filter select {
    max-width: 320px;
}
.permission-table .flex-table-cell .fieldblock > label {
    display: inline;
}
.permission-table .flex-table-cell.name {
    width: 300px;
}
.permission-table .flex-table-cell.action {
    width: 150px;
    text-align: center;
}
.permission-table .flex-table-cell.action .cell-value {
    text-align: center;
    align-items: center;
}
.flex-table-cell .fieldblock {
    margin: 0;
}
.flex-table-cell select {
    width: 100%;
}
.permission-table .flex-table-title .flex-table-cell .cell-value {
    margin: auto;
}

#catalogue-filter  .fieldblock select {
    width: 100%;
}
.box .field{
    font-weight: bold;
}

.box .field:after{
    content: ' : ';
}
.order-widget {
    width: 100%;
}
.store-payment-widget,
.comment-widget
{
    width: 1200px;
}
.message-widget {
    width: 625px;
}
.dashboard-widget .flex-table-cell.status_token,
.dashboard-widget .flex-table-cell.mail_status_token

{
    width: 130px;
}

.dashboard-widget .flex-table-cell.created_at,
.dashboard-widget .flex-table-cell.updated_at,
.dashboard-widget .flex-table-cell.answer_added,
.dashboard-widget .flex-table-cell.shipping_service,
.dashboard-widget .flex-table-cell.payment_method
{
    width: 160px;
}
.dashboard-widget .flex-table-cell.name {
    width: 180px;
}
.dashboard-widget .flex-table-cell.address,
.dashboard-widget .flex-table-cell.user
{
    width: 220px;
}
.dashboard-widget .flex-table-cell.message {
    width: 300px;
}
.filter .fieldblock .fieldblock.fieldblock-vertical,.filter .fieldblock  .fieldblock.fieldblock-vertical select {
    width: 100%;
}
.text-editor {
    width: 1100px;
}
#import-filter {
    padding: 15px 10px;
    margin-left: 10px;
}
.filter .fieldblock-buttons {
    padding-top: 28px;
}
.filter .translation {
    padding-top: 30px;
}
.filter .translation .button {
    padding: 8px 24px;
}
.fieldblock.fieldblock-width-3 {
    width: 285px;
}
.fieldblock-hidden-label label {
    visibility: hidden;
}
.fieldblock.full-screen {
    position: fixed;
    top:10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.fieldblock.full-screen label {
    display: none;
}
.fieldblock.full-screen .ace_editor,.fieldblock.full-screen .tox-tinymce {
    height: 95%!important;
}
.fieldblock .full-screen-button {
    position: absolute;
    right: 20px;
    top:0px;
    z-index: 3;
    height: 25px;
    width: 30px;
    background: url('/common/images/full-screen-max.svg') center center no-repeat;
    background-size: contain;
    padding: 0;
    opacity: 0.5;
}
.fieldblock.full-screen  .full-screen-button {
    background: url('/common/images/full-screen-min.svg') center center no-repeat;
    top:10px;
    right: 10px;
}



/* left-side-controls */
#left-side{
    position: relative;
}
#left-side-controls{
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin-right: 10px;
}
body.left-side-size-effect #left-side-controls{
    flex-wrap: wrap;
}
#left-side-controls button{
    padding: 6px;
    min-width: 40px;
    font-size: 0;
    position: relative;
}
#left-side-controls button:before{
    content:"";
    position: absolute;
    top:0;
    left:0;
    display: block;
    width: 40px;
    height: 35px;
    background-size: 14px 14px;
    background-position: center center;
    background-repeat: no-repeat;
}
#left-side-controls .collapse-left-side{
    display: block;
}
#left-side-controls .collapse-left-side:before{
    background-image: url(/common/images/arrow_down_black.svg);
    transform: rotate(90deg);
}
#left-side-controls .expand-left-side{
    display: none;
}
#left-side-controls .expand-left-side:before{
    background-image: url(/common/images/arrow_down_black.svg);
    transform: rotate(-90deg);
}
body.left-side-size-effect #left-side-controls .collapse-left-side{
    display: none;
}
body.left-side-size-effect #left-side-controls .expand-left-side{
    display: block;
}
/* interactive leftside menu */
body.left-side-size-effect .layout-border .layout-border-left{
    overflow: visible;
}
body.left-side-size-effect #left-side{
    width: 60px;
}
body.left-side-size-effect #left-side .menu>.nav-title,
body.left-side-size-effect #left-side .menu>ul>li>a>.nav-title{
    display: none;
}
body.left-side-size-effect #left-side .menu>ul>li>a{
    padding:8px 23px;
}
body.left-side-size-effect #left-side .menu ul ul{
    position: absolute;
    left: 100%;
    top: 0;
    z-index: 12;
    display: none;
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0 0 3px rgba(200,200,200,0.5);
}
body.left-side-size-effect #left-side .menu ul ul a{
    padding: 4px 20px;
    min-height: auto;
    line-height: 16px;
    font-size: 16px;
    white-space: nowrap;
}
body.left-side-size-effect #left-side .menu ul ul a:before{
    display: none;
}
body.left-side-size-effect #left-side .menu .expanded:hover ul{
    display: block;
}
body.left-side-size-effect #left-side .menu li .expand-button, body.left-side-size-effect #left-side .menu li .expand-button:hover{
    right: -1px !important;
    top: 19px !important;
}
body.left-side-size-effect #left-side .expanded > .expand-button:before{
    content: '>';
    display: block;
    transform: rotate(270deg);
    font-size: 0;
}

#left-side .menu li>.expand-button:before,
#left-side .menu li>.expand-button:hover:before{
    right: 3px !important;
    top: -1px !important;
}

#left-side .menu li.expanded>.expand-button:before,
#left-side .menu li.expanded>.expand-button:hover:before{
    right: 3px !important;
}

@media (max-width: 1440px) {
    .layout-border .layout-border-left {
        overflow: visible;
    }
    body.left-side-size-effect .layout-border .layout-border-left{
        overflow: auto;
        overflow-x: hidden;
    }
    #left-side-controls{
        flex-wrap: wrap;
    }
    body.left-side-size-effect #left-side-controls{
        flex-wrap: nowrap;
    }
    #left-side-controls .collapse-left-side{
        display: none;
    }
    #left-side-controls .expand-left-side{
        display: block;
    }
    body.left-side-size-effect #left-side-controls .collapse-left-side{
        display: block;
    }
    body.left-side-size-effect #left-side-controls .expand-left-side{
        display: none;
    }

    #left-side{
        width: 60px !important;
    }
    #left-side .menu>.nav-title,
    #left-side .menu>ul>li>a>.nav-title{
        display: none;
    }
    #left-side .menu li .expand-button, #left-side .menu li .expand-button:hover{
        right: -1px !important;
        top: 19px !important;
    }
    body.left-side-size-effect #left-side{
        width: 235px !important;
    }
    body.left-side-size-effect #left-side .menu>.nav-title,
    body.left-side-size-effect #left-side .menu>ul>li>a>.nav-title{
        display: block;
    }
    body.left-side-size-effect #left-side .menu li .expand-button, body.left-side-size-effect #left-side .menu li .expand-button:hover{
        right: 15px !important;
    }


    body.left-side-size-effect #left-side .menu ul ul,
    body.left-side-size-effect #left-side .menu .expanded:hover ul{
        display: block;
        position: relative;
        left: 0;
        top: 0;
        z-index: 0;
        background: #ffffff;
        border: none;
        box-shadow: none;
    }
    body #left-side .menu .expanded:hover ul li a{
        padding: 8px 20px;
        white-space: nowrap;
    }
    body #left-side .menu .expanded:hover ul li a:before{
        display: none;
    }
    body.left-side-size-effect #left-side .menu>ul>li a,
    body.left-side-size-effect #left-side .menu>ul>li:hover a,
    body.left-side-size-effect #left-side .menu>ul>li .link{
        padding: 8px 23px 8px 50px;
    }
    body.left-side-size-effect #left-side .menu ul ul a:before{
        display: block;
    }
    body #left-side .menu .expanded ul{
        display: none;
    }
    body #left-side .menu .expanded:hover ul{
        display: block !important;
        position: absolute;
        left: 100%;
        top: 0;
        z-index: 12;
        display: none;
        background: #ffffff;
        border: 1px solid rgba(0,0,0,0.5);
        box-shadow: 0 0 3px rgba(200,200,200,0.5);
    }
    body.left-side-size-effect #left-side ul ul{
        display: none !important;
    }
    body.left-side-size-effect #left-side ul .expanded ul {
        display: block !important;
    }
    body #left-side .expanded>.expand-button:before{
        transform: rotate(270deg);
    }

    body #left-side .expand-button:before{
        display: block;
        transform: rotate(180deg);
        font-size: 0;
    }

    body.left-side-size-effect #left-side .expanded>.expand-button:before{
        transform: rotate(0deg);
    }

    body.left-side-size-effect #left-side .expand-button:before{
        display: block;
        transform: rotate(180deg);
        font-size: 0;
    }
}
@media (max-width: 1170px) {
    #left-side{
        width: auto !important;
    }
    #left-side .menu > .nav-title, #left-side .menu > ul > li > a > .nav-title{
        display: block;
    }
    .menu.menu-expandable li > ul{
        display: block;
    }
}
@media (max-width: 992px){
    #top-navigation > ul > li{
        width: auto !important;
    }
    #top-navigation > ul > li:last-child{
        margin-bottom: 0 !important;
    }
}