html {
    font-family: 'Open Sans', sans-serif, "Helvetica", "Arial", sans-serif;
    font-size: 106.25%;
    quotes: "“" "”";
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box;
    background: rgb(250, 250, 250);
    min-height: 100%;
    height: 100%;
    min-width: 400px;
}

body {
    height: inherit;
    min-height: inherit;
}

body, html {
    color: rgb(51, 51, 51);
    font: 400 17px/1.47059 'Open Sans', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    letter-spacing: -.022em;
}

#top-menu-button {
    display: none;
}

body.small-text {
    font: 400 13px/1.47059 'Open Sans', sans-serif;
    letter-spacing: -.012em;
}

body.large-text {
    font: 400 20px/1.47059 'Open Sans', sans-serif;
    letter-spacing: -.032em;
}

body, input, textarea, select, button {
    direction: ltr;
    text-align: left;
}

input[type=text], input[type=password], select {
    height: 28px;
}

article, aside, footer, header, nav, main, section, summary, details, hgroup, figure, figcaption {
    display: block;
}

*, ::before, ::after {
    box-sizing: inherit;
}

ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hgroup, p, blockquote, figure, form, fieldset, input, legend, pre, abbr, button {
    margin: 0;
    padding: 0;
}

ul, ol {
    list-style-position: inside;
    padding: 5px 10px;
}

/**
Titles and Headers
*/

/**
Native Titles
*/

h1, h2, h3, h4, h5, h6 {
    color: rgb(17, 17, 17);
}

h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
    margin-top: .4em;
}

h1 + *, h2 + *, h3 + *, h4 + *, h5 + *, h6 + * {
    margin-top: .8em;
}

/**
Custom Titles
*/

.h1, .h2, .h3, .h4, .h5, .h6 {
    color: rgb(17, 17, 17);
}

.h1 + .h1, .h1 + .h2, .h1 + .h3, .h1 + .h4, .h1 + .h5, .h1 + .h6, .h2 + .h1, .h2 + .h2, .h2 + .h3, .h2 + .h4, .h2 + .h5, .h2 + .h6, .h3 + .h1, .h3 + .h2, .h3 + .h3, .h3 + .h4, .h3 + .h5, .h3 + .h6, .h4 + .h1, .h4 + .h2, .h4 + .h3, .h4 + .h4, .h4 + .h5, .h4 + .h6, .h5 + .h1, .h5 + .h2, .h5 + .h3, .h5 + .h4, .h5 + .h5, .h5 + .h6, .h6 + .h1, .h6 + .h2, .h6 + .h3, .h6 + .h4, .h6 + .h5, .h6 + .h6 {
    margin-top: .4em;
}

.h1 + *, .h2 + *, .h3 + *, .h4 + *, .h5 + *, .h6 + * {
    margin-top: .8em;
}

h1, .h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
}

h2, .h2 {
    display: block;
    font-size: 1.5em;
    font-weight: bold;
}

h3, .h3 {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
}

h4, .h4 {
    display: block;
    font-size: 1.00em;
    font-weight: bold;
}

h5, .h5 {
    display: block;
    font-size: 0.83em;
    font-weight: bold;
}

h6, .h6 {
    display: block;
    font-size: 0.67em;
    font-weight: bold;
}

/**
Text elements
*/

a, .a {
    color: rgb(0, 112, 201);
    cursor: pointer;
    text-decoration: underline;
}

p, dl, multicol {
    display: block;
}

input, button, .button {
    display: inline-block;
    font-family: 'Open Sans', sans-serif;
}

input[type="text"], input[type="password"] {
    padding: 1px;
    border: 1px inset #bfbfbf;
    background-color: #ffffff;
    color: inherit;
    font: inherit;
    line-height: normal;
    text-align: start;
    text-transform: none;
    word-spacing: normal;
    letter-spacing: normal;
    cursor: text;
    text-indent: 0;
    text-shadow: none;
    overflow-clip-box: content-box;
    box-sizing: border-box;
    display: inline-block;
}

button, .button, input[type="reset"], input[type="button"], input[type="submit"] {
    line-height: normal;

    text-align: center;
    text-shadow: none;
    overflow-clip-box: padding-box;
    background: rgb(250, 250, 250);
    border: 1px solid #b8b8b8;
    border-radius: 1px;
    box-sizing: border-box;
    cursor: pointer;
    text-indent: 0;
    display: inline-block;
    color: inherit;
    overflow: visible;
    box-sizing: border-box;
    padding: 2px 4px;
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
}

button, input, .button {
    font-size: 0.8em;
}

button.danger,
.button.danger {
    color: #ffffff;
}

button:active, input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active, .button:active {
    background: rgb(222, 222, 222);
}

input[type="radio"], input[type="checkbox"] {
    box-sizing: border-box;
    cursor: default;
    border: 1px solid #b8b8b8;
    background-color: transparent;
    color: inherit;
}

input[type="checkbox"] {
}

input[type="radio"] {
}

.text {
    color: inherit;
    text-decoration: none;
}

.text-center {
    text-align: center !important;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.row {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.noshrink {
    flex-shrink: 0;
}

.column {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.row.justify,
.column.justify {
    justify-content: space-between;
}

.row.center,
.column.center {
    justify-content: center;
}

.row.left,
.column.top {
    justify-content: flex-start;
}

.row.right,
.column.bottom {
    justify-content: flex-end;
}

.row.align-top,
.column.align-left {
    align-items: flex-start;
}

.row.align-bottom,
.column.align-right {
    align-items: flex-end;
}

.column.stretch {
    -height: 100%;
    align-content: center;
    justify-content: flex-start;
    align-items: stretch;
}

.row.stretch {
    width: 100%;
}

.row.stretch > * {
    width: 100%;
}

.hidden,
.hidden-microdata {
    display: none !important;
}

.line {
    display: inline-block;
    border: 1px solid #000;
}

.line, .line.line-horizontal {
    border-width: 1px 0 0 0;
    margin: 10px 0;
    width: 100%;
    height: 0;
}

.line.line-vertical {
    border-width: 0 0 0 1px;
    margin: 0 10px;
    height: 100%;
    width: 0;
}

.resize-vertical {
    height: 100%;
}

.resize-horizontal {
    width: 100%;
}

/**
    decorative
*/

.pane {
    background: #ededed;
    border: 1px solid #8e8e8e;
}

.pane.pane-inset {
    background: #ffffff;
    border-right-color: #cdcdcd;
    border-bottom-color: #cdcdcd;
}

.pane.pane-outset {
    background: #ededed;
    border: 1px solid #8e8e8e;
    border-top-color: #cdcdcd;
    border-left-color: #cdcdcd;
}

.pane + .pane {
    border-top: none;
}

.line.line-inset {
    border-width: 1px 0 1px 0;
    border-bottom-color: #8e8e8e;
    border-top-color: #cdcdcd;
}

.line.line-outset {
    border-width: 1px 0 1px 0;
    border-top-color: #8e8e8e;
    border-bottom-color: #cdcdcd;
}

.line-vertical.line-inset {
    border-width: 0 1px 0 1px;
    border-right-color: #8e8e8e;
    border-left-color: #cdcdcd;
}

.line-vertical.line-outset {
    border-width: 0 1px 0 1px;
    border-left-color: #8e8e8e;
    border-right-color: #cdcdcd;
}

.layout-panel.layout-panel-horizontal {
    min-height: 10px;
}

.layout-panel > .line {
    min-height: inherit;
}

.primary.button {
    color: rgb(255, 255, 255);
    background-color: rgb(32, 168, 216);
    border-color: rgb(32, 168, 216);
}

.primary.disabled, .primary[disabled=disabled] {
    color: rgb(255, 255, 255);
    background-color: rgb(32, 168, 216);
    border-color: rgb(32, 168, 216);
}

.primary.active, .primary:active {
    color: rgb(255, 255, 255);
    background-color: rgb(25, 133, 172);
    border-color: rgb(24, 125, 160);
}

.primary.transparent {
    color: rgb(32, 168, 216);
}

.secondary {
    color: rgb(21, 27, 30);
    background-color: rgb(164, 183, 193);
    border-color: rgb(164, 183, 193);
}

.secondary.disabled, .secondary[disabled=disabled] {
    color: rgb(21, 27, 30);
    background-color: rgb(164, 183, 193);
    border-color: rgb(164, 183, 193);
}

.secondary.active, .secondary:active {
    color: rgb(21, 27, 30);
    background-color: rgb(134, 159, 172);
    border-color: rgb(126, 153, 167);
}

.secondary.transparent {
    color: rgb(164, 183, 193);
}

.success, .success-message {
    color: rgb(255, 255, 255);
    background-color: rgb(77, 189, 116);
    border-color: rgb(77, 189, 116);
    margin-bottom: 20px;
    padding: 15px;
}

.success.disabled, .success[disabled=disabled] {
    color: rgb(255, 255, 255);
    background-color: rgb(77, 189, 116);
    border-color: rgb(77, 189, 116);
}

.success.active, .success:active {
    color: rgb(255, 255, 255);
    background-color: rgb(58, 157, 93);
    border-color: rgb(55, 148, 87);
}

.success.transparent {
    color: rgb(77, 189, 116);
}

.form-messages .error-message, .main-wrapper > .error {
    color: #ffffff;
    background-color: #aa0000;
    font-size: 17px;
    margin-bottom: 20px;
    padding: 15px;
}

.info {
    color: rgb(21, 27, 30);
    background-color: rgb(99, 194, 222);
    border-color: rgb(99, 194, 222);
}

.info.disabled, .info[disabled=disabled] {
    color: rgb(21, 27, 30);
    background-color: rgb(99, 194, 222);
    border-color: rgb(99, 194, 222);
}

.info.active, .info:active {
    color: rgb(255, 255, 255);
    background-color: rgb(57, 178, 213);
    border-color: rgb(46, 173, 211);
}

.info.transparent {
    color: rgb(99, 194, 222);
}

.warning {
    color: rgb(21, 27, 30);
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
    padding: 15px;
}

.warning.disabled, .warning[disabled=disabled] {
    color: rgb(21, 27, 30);
    background-color: rgb(255, 193, 7);
    border-color: rgb(255, 193, 7);
}

.warning.active, .warning:active {
    color: rgb(21, 27, 30);
    background-color: rgb(211, 158, 0);
    border-color: rgb(198, 149, 0);
}

.warning.transparent {
    color: rgb(255, 193, 7);
}

.danger {
    color: rgb(255, 255, 255);
    background-color: rgb(248, 108, 107);
    border-color: rgb(248, 108, 107);
    padding: 15px;
}

.danger.disabled, .danger[disabled=disabled] {
    color: rgb(255, 255, 255);
    background-color: rgb(248, 108, 107);
    border-color: rgb(248, 108, 107);
}

.danger.active, .danger:active {
    color: rgb(255, 255, 255);
    background-color: rgb(246, 60, 58);
    border-color: rgb(245, 48, 46);
}

.danger.transparent {
    color: rgb(255, 193, 7);
}

.primary.disabled, .primary[disabled=disabled], .secondary.disabled, .secondary[disabled=disabled], .success.disabled, .success[disabled=disabled], .info.disabled, .info[disabled=disabled], .warning.disabled, .warning[disabled=disabled], .danger.disabled, .danger[disabled=disabled] {
    opacity: 0.7;
}

.primary.transparent, .secondary.transparent, .success.transparent, .info.transparent, .warning.transparent, .danger.transparent {
    background: transparent;
}

/**
    layout
*/

/**
layout border
*/

.layout-border {
    display: flex;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
    align-content: flex-start;
}

.layout-border .layout-border-top, .layout-border .layout-border-middle, .layout-border .layout-border-bottom, .layout-border .layout-border-main, .layout-border .layout-border-left, .layout-border .layout-border-right {
    box-sizing: border-box;
    /*overflow: auto;*/
    overflow-x: hidden;
    overflow-y: auto;
}

.layout-border .layout-border-top, .layout-border .layout-border-middle, .layout-border .layout-border-bottom, .layout-border .layout-border-main {
    width: 100%;
}

.layout-border .layout-border-top {
    order: 1;
    flex-shrink: 0;
    flex-grow: 1;
}

.layout-border .layout-border-middle, .layout-border .layout-border-left, .layout-border .layout-border-right, .layout-border .layout-border-main {
    height: 100%;
}

.layout-border .layout-border-middle {
    order: 2;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    justify-content: space-between;
    align-content: flex-start;
}

.layout-border .layout-border-left {
    order: 1;
    flex-shrink: 0;
    flex-grow: 1;
}

.layout-border .layout-border-right {
    order: 3;
    flex-shrink: 0;
    flex-grow: 1;
}

.layout-border .layout-border-bottom {
    order: 3;
    flex-shrink: 0;
    flex-grow: 1;
}

.layout-border .layout-border-main {
    order: 2;
}

/**
layout panel
*/

.layout-panel, .layout-panel.layout-panel-horizontal {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    align-items: stretch;
    justify-content: flex-start;
    align-content: flex-start;
}

.layout-panel.layout-panel-vertical {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    align-items: center;
    justify-content: flex-start;
    align-content: flex-start;
}

.layout-panel.layout-panel-stretch {
    justify-content: space-between;
}

/**
layout tab
*/

/* common */

.layout-tab {
    display: flex;
    width: inherit;
    height: inherit;
    box-sizing: border-box;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    align-content: flex-start;
}

.layout-tab > .layout-tab-controls {
    flex-shrink: 0;
    flex-grow: 1;
    list-style: none;
    cursor: default;
}

.layout-tab > .layout-tab-controls > li {
    cursor: pointer;
}

.layout-tab > .layout-tab-contents {
    flex-shrink: 1;
    flex-grow: 1;
}

.layout-tab > .layout-tab-contents > .layout-tab-content {
    display: none;
}

.layout-tab > .layout-tab-contents > .layout-tab-content.layout-tab-content-active {
    display: block;
}

nav {
    display: block;
}

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

nav li {
    margin: 0;
    padding: 0;
    position: relative;
}

nav.horizontal > ul > li {
    display: inline-block;
}

/*nav a{
    display: block;
    white-space: nowrap;
}*/
nav a,
nav li {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    font-style: inherit;
    color: inherit;
    text-decoration: none;
}

nav.horizontal ul ul {
    display: none;
    position: absolute;
    z-index: 1;
}


.nav-tabs {
    list-style: none;
    width: auto;
    display: flex;
    flex-direction: row;
    border-bottom: 1px solid #333333;
    padding: 0 0 0 10px;
}

.nav-tabs > li {
    cursor: pointer;
}

.nav-tabs > li > a {
    display: block;
    color: #333333;
    border: 1px solid #333333;
    border-bottom: none;
    border-top-left-radius: 8px;
    padding: 4px 45px 4px 20px;
    font-size: 13px;
    line-height: 13px;
    margin-left: -10px;
    background: #dddddd;
}


.nav-tabs > li.active > a {
    background: #eeeeee;
}

/* controls-top */

.layout-tab, .layout-tab.layout-tab-controls-top {
    flex-direction: column;
}

.layout-tab > .layout-tab-controls, .layout-tab.layout-tab-controls-top > .layout-tab-controls {
    order: 1;
    width: auto;
    display: flex;
    flex-direction: row;
}

.layout-tab > .layout-tab-contents, .layout-tab.layout-tab-controls-top > .layout-tab-contents {
    order: 2;
    width: 100%;
    height: 100%;
}

/* controls-bottom */

.layout-tab, .layout-tab.layout-tab-controls-top {
    flex-direction: column;
}

.layout-tab.layout-tab-controls-bottom > .layout-tab-controls {
    order: 2;
    width: auto;
    display: flex;
    flex-direction: row;
}

.layout-tab.layout-tab-controls-bottom > .layout-tab-contents {
    order: 1;
    width: 100%;
    height: 100%;
}

/* controls-left */

.layout-tab.layout-tab-controls-left {
    flex-direction: row;
}

.layout-tab.layout-tab-controls-left > .layout-tab-controls {
    order: 1;
    height: auto;
    display: flex;
    flex-direction: column;
}

.layout-tab.layout-tab-controls-left > .layout-tab-contents {
    order: 2;
    height: 100%;
}

/* controls-right */

.layout-tab.layout-tab-controls-right {
    flex-direction: row;
}

.layout-tab.layout-tab-controls-right > .layout-tab-controls {
    order: 2;
    height: auto;
    display: flex;
    flex-direction: column;
}

.layout-tab.layout-tab-controls-right > .layout-tab-contents {
    order: 1;
    height: 100%;
}

/* controls-hidden */

.layout-tab.layout-tab-controls-hidden > .layout-tab-controls {
    display: none;
}

/* controls-end */

.layout-tab.layout-tab-controls-end {
    align-items: flex-end;
}

/**
    lists
*/

/**
crumbs
*/

.crumbs, .crumbs > ul,
.crumbs, .crumbs > ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 12px;
}

.crumbs li > ul {
    display: none;
}

.crumbs li {
    margin: 0 0 0 10px;
    padding: 0;
}

.crumbs li:before {
    content: "/";
    margin-right: 10px;
}

.crumbs li:first-child {
    margin-left: 0;
}

.crumbs li:first-child:before {
    display: none;
    /*content: "";*/
    /*margin-right: 0;*/
}

.crumbs li.active a,
.crumbs li:last-child a {
    text-decoration: none;
    color: inherit;
    cursor: default;
}

/**
menu
*/

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

ul.menu ul, .menu > ul ul {
    font-size: 0.85em;
}

ul.menu ul ul, .menu > ul ul ul {
    font-size: 1em;
}

ul.menu li, .menu > ul li {
    padding: 0;
    margin: 0;
    position: relative;
}

.menu a,
.menu .link {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    font-size: inherit;
    line-height: inherit;

}

.menu a:hover,
.menu .link:hover {
    text-decoration: underline;
}

.menu a > .fa, .menu a > .svg-inline--fa,
.menu a > .fa, .menu a > .nav-title > .svg-inline--fa,
.menu .link > .fa, .menu .link > svg {
    margin-right: 10px;
}

/**
menu-vertical
*/

.menu.menu-vertical li {
    display: block;
}

.menu.menu-vertical a,
.menu.menu-vertical .link {
    padding: 3px 7px;
}

.menu.menu-vertical li a:hover,
.menu.menu-vertical li .link:hover {
    background: rgba(0, 0, 0, 0.1);
}

.menu.menu-vertical li > ul a,
.menu.menu-vertical li > ul .link {
    padding-left: 20px;
}

.menu.menu-vertical li > ul ul a,
.menu.menu-vertical li > ul ul .link {
    padding-left: 40px;
}

.menu.menu-vertical li > ul ul ul a,
.menu.menu-vertical li > ul ul ul .link {
    padding-left: 60px;
}

.menu.menu-vertical li > ul ul ul ul a,
.menu.menu-vertical li > ul ul ul ul .link {
    padding-left: 80px;
}

/**
menu-horizontal
*/

ul.menu.menu-horizontal, .menu.menu-horizontal > ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    height: 100%;
    align-items: center;
}

.menu.menu-horizontal .push {
    margin-left: auto;
}

.menu.menu-horizontal li {
    display: block;
}

.menu.menu-horizontal li > ul {
    display: none;
    position: absolute;
    background: #ededed;
    border: 1px solid #8e8e8e;
}

.menu.menu-horizontal li > ul ul {
    left: 100%;
    top: 0;
}

.menu.menu-horizontal > li, .menu.menu-horizontal > ul > li {
    margin-left: 10px;
}

.menu.menu-horizontal > li:first-child, .menu.menu-horizontal > ul > li:first-child {
    margin-left: 0px;
}

.menu.menu-horizontal a,
.menu.menu-horizontal .link {
    padding: 2px 4px;
}

.menu.menu-horizontal li:hover > ul {
    display: block;
}

.menu.menu-horizontal li > ul li:hover > a,
.menu.menu-horizontal li > ul li:hover > form > .link {
    background: rgba(0, 0, 0, 0.1);
}

/**
menu-buttons
*/

.menu.menu-buttons a,
.menu.menu-buttons .link {
    text-decoration: none;
    color: inherit;
    box-sizing: border-box;
    border: 1px solid transparent;
}

.menu.menu-buttons li:hover > a, .menu.menu-buttons a:active,
.menu.menu-buttons li:hover > form > .link, .menu.menu-buttons > form > .link:active {
    text-decoration: none;
}

.menu.menu-buttons > li, .menu.menu-buttons > ul > li {
    margin-left: 0;
}

/**
menu-buttons menu-vertical
*/

.menu.menu-buttons li:hover > a {
}

/**
menu-buttons menu-horizontal
*/

.menu.menu-horizontal.menu-buttons ul li:hover > a, .menu.menu-horizontal.menu-buttons li > ul li:hover > a,
.menu.menu-horizontal.menu-buttons ul li:hover > form > .link, .menu.menu-horizontal.menu-buttons li > ul li:hover > form > .link {
    text-decoration: none;
    border-color: #8e8e8e transparent #8e8e8e transparent;
}

.menu.menu-horizontal.menu-buttons li > ul a:active,
.menu.menu-horizontal.menu-buttons li > ul .link:active {
    text-decoration: none;
    border-color: #8e8e8e transparent #8e8e8e transparent;
}

.menu.menu-horizontal.menu-buttons li > ul > li:first-child > a:hover,
.menu.menu-horizontal.menu-buttons li > ul > li:first-child > form > .link:hover {
    text-decoration: none;
    border-top-color: transparent;
}

.menu.menu-horizontal.menu-buttons li > ul > li:first-child > a:active,
.menu.menu-horizontal.menu-buttons li > ul > li:first-child > form > .link:active {
    text-decoration: none;
    border-top-color: transparent;
}

/**
menu+menu
*/

.pane.layout-panel.layout-panel-horizontal > .menu + .menu {
    margin-left: 5px;
    padding-left: 5px;
    border-left: 1px solid #8e8e8e;
}

.pane.layout-panel.layout-panel-vertical > .menu {
    width: 100%;
}

.pane.layout-panel.layout-panel-vertical > .menu + .menu {
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #8e8e8e;
}

/**
menu-expandable
*/

.menu.menu-expandable > ul {
    margin-left: 20px;
}

.menu.menu-expandable li {
    display: block;
    margin-left: 20px;
}

.menu.menu-expandable a {
    width: auto;
    display: inline-block;
}

.menu.menu-expandable li > ul {
    display: none;
}

.menu.menu-expandable li.expanded > ul {
    display: block;
}

.menu.menu-expandable li > .expand-button {
    position: absolute;
    top: 12px;
    left: -15px;
    width: 10px;
    height: 10px;
}

.menu.menu-expandable li > a, .menu.menu-expandable li > ul a, .menu.menu-expandable li > ul ul a, .menu.menu-expandable li > ul ul ul a, .menu.menu-expandable li > ul ul ul ul a {
    padding-left: 0;
}

/**
    table
*/

table, tr, td, th, tbody, thead, tfoot {
    padding: 0;
    margin: 0;
    background: inherit;
    border: none;
    border-collapse: collapse;
}

table.table {
    font-size: 0.8em;
    width: 100%;
}

table.table.table-fixed-columns {
    table-layout: fixed;
}

table.table > tbody > tr > td, table.table > thead > tr > th {
    border: 1px solid #bfbfbf;
    padding: 3px 2px;
    text-align: left;
    vertical-align: center;
}

table.table > tbody > tr:nth-child(even) td {
    background: #ececec;
}

table.table > thead > tr > th {
    background: #0f4e7e;
    color: #ffffff;
    vertical-align: middle;
    border-top: none;
    font-weight: bold;
}

/**
  fieldblock
*/
.fieldblock,
.fieldblock.fieldblock-vertical {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0 0 20px 0;
    --width: 50%;
    --min-width: 400px;
    position: relative;
}

.fieldblock .fieldblock:last-child {
    margin-bottom: 0;
}

.fieldblock-hint {
    font-size: 14px;
    font-weight: 400;
    color: #7e7e7e;
    width: 100%;
    flex-shrink: 0;
}

.fieldblock .toggle-password {
    position: absolute;
    height: 14px;
    width: 16px;
    opacity: 0.2;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.fieldblock.fieldblock-has-error .toggle-password {
    bottom: 27px;
}

form#region .fieldblock,
form#region .fieldblock.fieldblock-vertical {
    width: 50%;
    min-width: 400px;
}

form#region .city .fieldblock,
form#region .city .fieldblock.fieldblock-vertical {
    width: 100%;
    min-width: 100%;
}

.mobile {
    display: none;
!important;
}

.city .flex-table-cell {
    width: 200px;
    flex-shrink: 0;
}

.flex-table-cell .cell-title, .flex-table-row .row-title {
    display: none;
}

.flex-table-wrapper {
    position: relative;
}

.main-wrapper.column.top.stretch {
    position: relative;
}

.flex-table-body {
    overflow-x: auto;
}

.flex-table-title {
    overflow-x: hidden;
}

.main-wrapper.column.top.stretch:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    background: #fff;
    z-index: 20;
}

.city .flex-table-cell.code,
.city .flex-table-cell.menu_title_ua,
.city .flex-table-cell.menu_title_ru {
    width: 100px;
}

.city .flex-table-cell.description_ua,
.city .flex-table-cell.description_ru,
.city .flex-table-cell.meta_title_ua,
.city .flex-table-cell.meta_title_ru {
    width: 300px;
}

.fieldblock.fieldblock-vertical {
    justify-content: flex-start;
}

.fieldblock.fieldblock-vertical.fieldblock-wo-label {
    justify-content: flex-end;
}

.fieldblock input,
.fieldblock textarea {
    width: 100%;
}

.fieldblock textarea {
    height: 300px;
}

.fieldblock input[type=checkbox],
.fieldblock input[type=radio] {
    width: initial;
}

.fieldblock.fieldblock-checkbox,
.fieldblock.fieldblock-radio,
.fieldblock.fieldblock-buttons,
.fieldblock.fieldblock-horizontal {
    flex-direction: row;
    align-items: stretch;
}

.fieldblock.fieldblock-horizontal > .fieldblock {
    margin: 0 10px 0 0;
}

.fieldblock.fieldblock-horizontal.align-top {
    align-items: flex-start;
}

.fieldblock.fieldblock-buttons {
    justify-content: flex-end;
    align-items: stretch;
}

.fieldblock.fieldblock-buttons button[type=submit] {
    background: rgb(32, 168, 216);
    color: #fff;
}

.fieldblock.fieldblock-buttons button,
.fieldblock.fieldblock-buttons .button {
    margin-left: 10px;
}

.fieldblock label {
    margin-right: 20px;
    user-select: none;
}

.fieldblock-static label {
    font-size: 1.1em;
    margin: 10px 0 10px;
    padding-right: 5px;
    display: inline;
}

.fieldblock-static {
    padding-bottom: 20px;
}

.fieldblock-static span {
    font-size: 1.1em;
    display: inline;
}

.fieldblock-editor {
    width: 100%;
    min-height: 100px;
}

.fieldblock-error {
    position: absolute;
    right: 0;
    font-size: 0.9em;
    color: #b00;
}

.fieldblock.fieldblock-label-left label {
    order: 0;
    margin: 0 5px 0 0;
}

.fieldblock.fieldblock-label-right label {
    order: 2;
    margin: 0 0 0 5px;
}

td > .fieldblock,
th > .fieldblock {
    margin-bottom: 0;
}

.field-token-translation-row {
    width: 100%;
    position: relative;
}

.field-token-translation-row label {
    position: absolute;
    top: 0;
    right: 0;
    color: #3A3A3A;
    font-size: 11px;
    letter-spacing: 0.3px;
}

.field-token-translation-row input {
    width: 100%;
}

.from-to-fieldblock {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.from-to-fieldblock > input,
.from-to-fieldblock > select {
    width: auto;
    flex-grow: 0;
    flex-shrink: 0;
    margin-left: 10px;
}

.from-to-fieldblock > input:nth-of-type(1),
.from-to-fieldblock > select:nth-of-type(1) {
    margin-left: 0px;
}

.fieldblock.fieldblock-has-error label {
    color: #700;
}

.fieldblock.fieldblock-has-error input,
.fieldblock.fieldblock-has-error select {
    box-shadow: 1px 1px 3px #700 !important;
}

.select-multiple {
    height: 115px;
    width: 250px;
}

input.input-date {
    width: 100px;
}

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

.error, .error-message {
    color: #aa0000;
    font-size: 18px;

}

.pane > .fieldblock {
    margin: 3px;
    width: auto;
}

ul.actions {
    list-style: none;
    padding-left: 0;
    margin: 0 0 10px 0;
}

ul.actions li {
    display: inline-block;
}

.site-structure-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.site-structure-list-item {
    margin: 10px 0;
    padding: 0;
    position: relative;
}

.site-structure-list-item .expand-button {
    position: absolute;
    top: 15px;
    left: 8px;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    outline: none;
}

.site-structure-list-item.expanded > .expand-button:before,
.site-structure-list-item > .expand-button:before {
    display: none;
}

.site-structure-list-item > .expand-button:after {
    content: "→";
    color: #232323;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.site-structure-list-item.expanded > .expand-button:after {
    content: "↓";
}

.site-structure-list-item .site-structure-list-item {
    margin-left: 40px;
    justify-content: space-between;
}

.site-structure-list-item .site-structure-list {
    display: none;
}

.site-structure-list-item.expanded > .site-structure-list {
    display: block;
}

.site-structure-list-item .site-structure-list-item-name {
    width: 240px;
    height: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    border-right: 2px solid #333333;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 5px 0 35px;
}

.site-structure-list-item .site-structure-list-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    align-content: center;
    justify-content: center;
    font-size: 12px;
    margin: 0 15px;
}

.site-structure-list-item .site-structure-list-info .title {
    color: #A3A3A3;
}

.site-structure-list-item .site-structure-list-info .description {
    font-size: 1.2em;
}

.site-structure-list-item-details {
    position: relative;
    height: 50px;
    border: 1px solid #ffffff;
    background: #eee;
    box-shadow: 1px 1px 3px #aaa;
}

.site-structure-list-item .site-structure-list-item-token {
    width: 320px;
}

.site-structure-list-item .site-structure-list-item-alias {
    width: 150px;
}

.site-structure-list-item .site-structure-list-item-auth {
    width: 80px;
}

.site-structure-list-item .site-structure-list-item-hidden,
.site-structure-list-item .site-structure-list-item-disabled {
    width: 60px;
}

.site-structure-list-item .site-structure-list-item-actions {
    margin-right: 10px;
    width: 60px;
}

.site-structure-list-item .site-structure-list-item-actions a {
    font-size: 12px;
}

.heartbeat-widget {
    padding: 0 10px;
}

.pages {
    text-align: center;
    font-family: 'Roboto Bold';
    font-size: 15px;
    line-height: 15px;
    margin: 30px 0;
    display: flex;
    justify-content: center;
}

.pages #page {
    width: 80px;
    text-align: center;
}

.pages ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.pages li {
    margin: 3px;
}

.pages a,
.pages span {
    display: block;
    padding: 10px 5px;
    border-radius: 3px;
    background: #ebebeb;
    min-width: 40px;
    text-align: center;
}

.pages .active > a,
.pages .active > span {
    color: #ffffff;
    background: #047afe;
}


.tree ul {
    list-style: none;
}

.tree li.tree-item {
    position: relative;
    padding-left: 25px;
}

.tree ul ul {
    display: none;
    margin: 0;
}

.tree > ul > li.expanded > ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    /*height: 400px;*/
}

.tree li.expanded > ul {
    display: block;
}

.tree li.tree-item > .expand-button {
    position: absolute;
    padding: 6px 0;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    --border-radius: 10px;
    outline: none;
}

.tree li.tree-item > .expand-button:after {
    content: "→";
    color: #232323;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
}

.tree li.tree-item.expanded > .expand-button:after {
    content: "↓";
}

.tree li.tree-item.expanded > .expand-button:before,
.tree li.tree-item > .expand-button:before {
    display: none;
}

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

#item-images-list {
    width: 100%;
}

#item-images-list .options label {
    display: flex;
}

.item-images-list .item-image,
.item-images-list .flex-table-body > .flex-table-row {
    margin: 0 0 10px 10px;
}

.item-images-list .item-image img,
.item-images-list .flex-table-body > .flex-table-row img {
    height: 100px;
    width: auto;
    object-fit: contain;
}

ul.columns-4 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.columns-4 > li {
    width: 25%;
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.group_parameter {
    margin: 30px 0 40px 0;
}

.group_parameter button {
    margin-left: 40px;
}

.group_parameter ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    list-style: none;
}

.group_parameter li {
    width: 200px;
    margin: 0;
    padding: 0;
    white-space: normal;
}

.item-block {
    padding: 10px;
    margin-bottom: 10px;
    background: rgba(0, 0, 0, 0.1);
}

.item-block-title {
    font-weight: bold;
    font-size: 1.1em;
}

.item-block-element {
    padding: 5px 0;
    border-bottom: 1px solid black;
}

.item-block-element:last-child {
    border-bottom: none;
}

.item-block-element-title {
    font-size: 1.1em;
    margin-bottom: 3px;
}

.item-block-actions {
    display: flex;
    font-weight: normal;
    font-size: 0.9em;
    justify-content: flex-end;
    align-items: center;
}

.item-block-actions button {
    margin-left: 20px;
}

.item-block-actions > div {
    margin-left: 10px;
}

.item-block-position {
    width: 50px;
}

.item-block-element-title,
.item-block-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.item-block-enabled {
    margin-right: 5px;
}

/* Modal Window */
.modal {
    display: none;
    /* display: flex; */
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}
.modal.hidden.active,
.modal.active {
    display: flex!important;
}

.modal-background {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: black;
    opacity: 0.5;
    position: absolute;
}

.modal-window {
    padding: 20px;
    margin: 100px;
    background: #f1f3f6;
    position: relative;
    z-index: 1;
    width: auto;
}

.modal-window-body iframe {
    height: 1px;
    width: 1px;
    opacity: 1;
    transition: opacity 1s ease;
    border: none;
}

.modal-window .hide-button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 6px 12px;
    border:none;
    background: none;
    font-size: 18px;

}
.modal-window .modal-window-footer {
    display: flex;
    justify-content: space-between;
}
.modal-window .hide-button:hover {
    background: none!important;
    color:inherit;!important;
}
.loading iframe {
    opacity: 0;
}

/*region toggle widget*/
.toggle-widget {
    height: 14px;
    width: 25px;
    position: relative;
    cursor: pointer;
}

.toggle-widget:before {
    content: " ";
    position: absolute;
    left: 0;
    right: 0;
    top: 2px;
    bottom: 2px;
    border-radius: 5px;
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.06);
    border: solid 1px rgba(0, 0, 0, 0.04);
    background-color: #f1f1f3;
}

.toggle-widget-button {
    border: 1px solid #777;
    border-radius: 7px;
    padding: 0;
    margin: 0 !important;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 0;

    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.18), 0 0 2px 0 rgba(0, 0, 0, 0.12);
    border-image-source: linear-gradient(to bottom, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0.06) 20%, rgba(255, 255, 255, 0));
    border-image-slice: 1;
    background-color: #f1f1f3;
}

.toggle-widget.active .toggle-widget-button {
    left: auto;
    right: 0;
    background-color: #73387d;
}

.toggle-widget.active:before {
    box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    border: solid 1px rgba(0, 0, 0, 0.04);
    background-color: rgba(115, 56, 125, 0.2);
}

/*endregion*/

/*region combobox widget */
.combobox-widget {
    position: relative;
    min-width: 50px;
}

.combobox-widget-button {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    padding: 5px 24px 5px 10px;
    border-radius: 4px;
    box-shadow: inset 0 1px 2px 0 rgba(153, 153, 153, 0.4);
    border: solid 0 #398bf7;
    background-color: rgba(0, 0, 0, 0.03);
    box-sizing: border-box;
    min-height: 28px;
    width: 100%;
    text-align: left;
}

.combobox-widget.active .combobox-widget-button {
    box-shadow: inset 0 1px 5px 0 rgba(100, 100, 100, 0.8);
}

.combobox-widget-button:after {
    content: " ";
    width: 7px;
    height: 5px;
    background: url(../images/arrow-down-black.svg) center center no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 12px;
}

.combobox-widget .combobox-widget-values {
    display: none;
    list-style: none;
    margin: 0;
    padding: 16px 0;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 2px 3px #aaa;
    background-color: #fafbfd;
    border-radius: 4px;
    z-index: 10;
}

.combobox-widget .combobox-widget-values .combobox-widget-value-item {
    padding: 4px 10px 4px 20px;
    margin: 0;
    cursor: pointer;
    position: relative;
    min-height: 40px;
}

.combobox-widget .combobox-widget-values .combobox-widget-value-item:hover {
    background: #eee;
}

.combobox-widget .combobox-widget-values .combobox-widget-value-item.selected:before {
    position: absolute;
    left: 6px;
    top: 5px;
    content: "✓";
}

.combobox-widget.active .combobox-widget-values {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
}

.fieldblock > .combobox-widget {
    width: 100%;
}

/*endregion*/

/*region flex-table */
.flex-table {
    width: 100%;
    /*display: flex;*/
    display: inline-block;
    flex-wrap: nowrap;
    flex-direction: column;
    /*overflow: auto;*/
    margin: 20px 0 0 0;
    font-size: 14px;
    line-height: 16px;
}

#catalog-items-list, .permission-table {
    min-width: 100%;
}

.flex-table-body .flex-table-row {
    margin-bottom: 0;
}

.flex-table-cell {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: flex-start;
}

.flex-table-cell {
    width: 100%;
    min-width: 50px;
    flex-shrink: 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    border: 1px solid #dedede;
    background: #fff;
    padding: 3px 10px;
    flex-wrap: wrap;
    position: relative;
    word-wrap: break-word;
}

.flex-table-title .flex-table-cell {
    flex-wrap: nowrap;
}

.flex-table-subtitle {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 12px;
}

.flex-table-title,
.flex-table-subtitle {
    font-style: normal;
    font-weight: 800;
    font-size: 14px;
    line-height: 17px;
    text-align: left;
    text-transform: uppercase;
    color: #393939;
}

.flex-table-title {
    position: relative;
    /*box-shadow: 0 1px 1px #aaa;*/
    /*z-index: 1;*/
    margin-bottom: 0;
}

.flex-table-cell .fieldblock > label {
    display: none;
}

.flex-table-cell .fieldblock-error {
    top: -20px;
    left: 0;
    width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.flex-table-cell .fieldblock-error:hover {
    white-space: normal;
    box-shadow: 0 0 3px #aaa;
    width: 200px;
    background: #ffffff;
    padding: 10px;
    z-index: 10;
}

.declaration-table .flex-table-cell {
    padding: 2px;
}

.flex-table .actions {
    -max-width: 60px;
}

.flex-table .full_name {
    min-width: 240px;
    max-width: 240px;
}

.flex-table .family_status,
.flex-table .relation {
    min-width: 150px;
    max-width: 150px;
}

.flex-table .birth_date {
    min-width: 120px;
    max-width: 120px;
}

.flex-table .document_number {
    min-width: 120px;
    max-width: 120px;
}

.flex-table .inn {
    min-width: 140px;
    max-width: 140px;
}

.flex-table .period_from, .flex-table .period_to {
    min-width: 120px;
    max-width: 120px;

}

.esv-widget .fieldblock-horizontal .fieldblock {
    width: auto;
    margin: 0 4px 4px 0 !important;
}

.flex-table .esv_details {
    min-width: 300px;
    max-width: 300px;
}

.flex-table.list-view .flex-table-cell {
    border: none;
    text-align: left;
    align-items: flex-start;
}

.flex-table-cell.cell-number,
.flex-table-cell.cell-author {
    width: 300px;
}

.flex-table .flex-table-cell.cell-buttons {
    width: auto;
    align-items: flex-end;
}

.flex-table .flex-table-body .flex-table-row {
    position: relative;
}

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

.flex-table .flex-table-body .flex-table-row:hover {
    z-index: 1;
    box-shadow: 0 0 2px #999999;
}

.flex-table-cell.buttons a {
    padding-left: 10px;
}

.flex-table-cell.buttons a:first-child {
    padding-left: initial;
}


.flex-table-title {
    display: flex;
    flex-direction: row;
}

.flex-table-title,
.flex-table-head,
.flex-table-body {
    display: inline-block;
    min-width: 100%;
    width: 100%;
}

.flex-table-row {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;

}

.flex-table-cell.flex-table-title {
    text-align: left;
    justify-content: flex-start;
}

.flex-table > .add-button {
    margin: 10px 0;
}


.add-button {
    width: 180px;
    padding: 10px;
    margin: 20px auto;
}

/*endregion*/

.pagination {
    display: flex;
    align-items: center;
    max-width: 635px;
    margin: 13px 0;
    padding: 0 28px;
}

.pagination-arrow.next img {
    transform: rotate(180deg);
}

.pagination-arrow.disabled {
    cursor: not-allowed;
    background-color: #e5e5e5;
}

.pagination-block {
    display: flex;
    align-items: center;
    margin: 20px 0;
    list-style: none;
}

.pagination-item {
    background: #fff;
}

.pagination-item, .pagination-item a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    min-width: 40px;
    height: 40px;
    margin: 0 4px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 16px;
    text-align: center;
}

.pagination-item a {
    /*color: #1460ae;*/
}

.pagination-item.active {
    background: #eeeeee;
}

.pagination-item.active a {
    /*color: #fff;*/
}

.column-price {
    width: 80px;
}

.column-attribute {
    width: 120px;
}

.column-url input {
    width: 100%;
}

.column-url input + .clipboard {
    position: absolute;
    margin-top: 0px;
    margin-left: -62px;
    height: 38px;
}

.copy-button-message {
    position: absolute;
    background: rgba(255, 255, 255, 0.7);
    margin-top: 0px;
}

td.column-price input {
    text-align: end;
}

.column-flag {
    /*padding: 5px!important;*/
}

.filter .fieldblock select {
    max-width: 100%;
    width: auto;
}

#multiple-actions, .filter {
    margin: 10px 0;
    border: 1px solid #8e8e8e;
    border-radius: 4px;
}

#multiple-actions .fieldblock button {
    width: auto;
    padding: 7px 10px;
    height: 38px;
}

#multiple-actions {
    padding: 5px 10px;
}

.multiple-action label {
    width: 100px;
    margin: 0;
}

#multiple-actions p {
    margin-bottom: 10px;
    margin-top: 10px;
}

.filter label,
#multiple-actions label {
    font-size: 13px;
    /*width: 100%;*/
}

#multiple-actions label {
    width: 130px;
}

.text-blue {
    color: #0b0e71;
}

.column-code {
    width: 100px;
}

#import-form .column-code {
    width: 100%;
}

.column-flag, .column-import {
    width: 20px;
}

.fieldblock input[type="checkbox"] {
    margin: 0;
}

td {
    font-size: 12px;
}

table.table > tbody > tr:nth-child(2n) td {
    background: none;
}

.column-title, .column-parameters {
    width: 300px;
}

.item-description {
    overflow: hidden;
    text-overflow: ellipsis;
    /*white-space: nowrap;*/
    /*width: 300px;*/
    font-size: 10px;
    line-height: 12px;
    margin: 10px 0;
}

.column-parameters {
    font-size: 11px;
}

.text-bold {
    font-weight: bold;
}

.error {
    font-size: 12px;
}

#set-margin-percent, #set-margin {
    width: 100px;
}

.multiple-action {
    width: 100%;
    margin-bottom: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

#set-category-selected {
    /*width: 86px;*/
    /*height: 28px;*/
}

.row {
    align-items: stretch;
}

.fieldblock button {
    margin: 10px 0;
}

.button-flag {
    width: 30px;
}

.button-up {
    color: darkred;
}

.button-down {
    color: blue;
}

.button-green {
    color: darkgreen;
}

.button.disabled,
button.disabled {
    cursor: not-allowed;
}

.multiple-action {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

.multiple-action-block {
    width: 20%;
    padding: 5px;
}

.fieldblock-price button {
    margin: 0 1px 0 2px;
}

#import-filter .fieldblock .button, #catalogue-filter .fieldblock .button {
    width: 100%;

}

#import-filter .button, #catalogue-filter .button {
    margin: 3px 0;
    text-decoration: none;
}

#import-filter .filter-buttons, #catalogue-filter .filter-buttons {
    margin-top: 10px;
}

#import-link-filter .button {
    margin: 3px 0;
    text-decoration: none;
}

#import-link-filter .filter-buttons button {
    margin-right: 5px;

}

.import-filter-wrapper .filter > .multiple-action {
    justify-content: flex-start;
}

ul.extra-service-list {
    list-style-type: none;
}

.bank-details {
    font-size: 10px;
    background-color: #FFffff;
    padding: 5px;
    border: 1px solid black;
    height: 200px;
    overflow: scroll;
}

dl.grid {
    padding: 10px 0;
}

dl.grid dt {
    float: left;
    clear: left;
    width: 100px;
    text-align: left;
    font-weight: bold;
}

dl.grid dt::after {
    content: ":";
}

dl.grid dd {
    margin: 0 0 0 100px;
    text-align: right;
}

.saving-process {
    display: none;
}

.extra-service-title {
    font-weight: bold;
}

.image > .privew > img {
    max-width: 100px;
}

.mir10 > * {
    margin-right: 10px;
}

.mir10 > *:last-child {
    margin-right: 0;
}

#related_item-list, #cross_name-list, #cross_names, #cross_items {
    width: 50%;
}

#cross_name-list th.btn, #cross_items th.btn {
    width: 35px;
}

.admin-users .pages-list li > label > em {
    font-size: 12px;
    color: #ababab;
}

.admin-users .pages-list li > label > em:before {
    content: ' (@';
}

.admin-users .pages-list li > label > em:after {
    content: ')';
}

.flex-table-cell.column-select,
.flex-table-cell.check,
.flex-table-cell.no-error {
    width: 40px;
    flex-shrink: 0;
    word-wrap: inherit;
}

#order-items .actions {
    width: 50px;
}

.flex-table-cell.id,
.flex-table-cell.item_id,
.flex-table-cell.column-id {
    width: 60px;
    flex-shrink: 0;
    word-wrap: inherit;
}

.flex-table-cell.currency {
    width: 70px;
    flex-shrink: 0;
}

#catalog-items-list .flex-table-cell.position {
    width: 95px;
}

.flex-table-cell.enabled,
.flex-table-cell.enabled .cell-value,
.flex-table-cell.disabled,
.flex-table-cell.disabled .cell-value,
.flex-table-cell.deleted,
.flex-table-cell.default,
.flex-table-cell.default .cell-value,
.flex-table-cell.deleted .cell-value,
.flex-table-cell.multiple,
.flex-table-cell.multiple .cell-value,
.flex-table-cell.out_of_stock,
.flex-table-cell.out_of_stock .cell-value {
    text-align: center;
    align-items: center;
}

.flex-table-cell.column-flag,
.flex-table-cell.enabled,
.flex-table-cell.deleted,
.flex-table-cell.out_of_stock,
.flex-table-cell.visible,
.flex-table-cell.flags,
.flex-table-cell.column-price,
.flex-table-cell.price,
.flex-table-cell.qty,
.flex-table-cell.sprice,
.flex-table-cell.amount,
.flex-table-cell.native_amount,
.flex-table-cell.paid_amount,
.flex-table-cell.price_old,
.flex-table-cell.created,
.flex-table-cell.column-created,
.flex-table-cell.updated,
.flex-table-cell.column-updated,
.flex-table-cell.column-attribute,
.flex-table-cell.exclude_from_rozetka,
.flex-table-cell.discount_end_date,
.flex-table-cell.column-position,
.flex-table-cell.lang_name,
.flex-table-cell.error {
    width: 110px;
    flex-shrink: 0;
    justify-content: center;
}

.flex-table .flex-table-body .flex-table-cell.visible .cell-value,
.flex-table .flex-table-body .flex-table-cell.column-visible .cell-value,
.flex-table .flex-table-body .flex-table-cell.position .cell-value,
.flex-table .flex-table-body .flex-table-cell.column-flag .cell-value,
.flex-table .flex-table-body .flex-table-cell.column-position .cell-value {
    text-align: center;
}

.flex-table-cell.price input,
.flex-table-cell.amount input,
.flex-table-cell.qty input,
.flex-table-cell.column-price .cell-value input,
.flex-table-cell.amount .cell-value,
.flex-table-cell.position .cell-value,
#order-items #total-amount,
#category-table .flex-table-cell.items_count .cell-value {
    text-align: right;

}

#catalog-items-list .flex-table-cell.actions,
#table-orders .flex-table-cell.actions,
.flex-table-cell.date,
.flex-table-cell.created_at,
.flex-table-cell.deleted_at,
.flex-table-cell.updated_at,
.flex-table-cell.price_income,
.flex-table-cell.price_retail,
.flex-table-cell.price_opt1,
.flex-table-cell.price_opt2,
.flex-table-cell.price_opt3,
.flex-table-cell.price_opt4,
.flex-table-cell.price_opt5,
.flex-table-cell.price_opt6,
.flex-table-cell.price_opt7,
.flex-table-cell.price_opt8,
.flex-table-cell.price_opt9,
.flex-table-cell.price_opt10,
.flex-table-cell.number,
.flex-table-cell.order_number,
.flex-table-cell.cell-number {
    width: 115px;
    flex-shrink: 0;
}

#user-table .flex-table-cell.column-active,
#user-table .flex-table-cell.created_at {
    width: 100%;
    flex-shrink: initial;
}

.reference .flex-table-cell.actions,
.reference .flex-table-cell.group,
.reference .flex-table-cell.code {
    width: 220px;
    flex-shrink: 0;
    justify-content: flex-start;
}

.reference .flex-table-cell.actions.max {
    width: 700px;
    flex-shrink: 0;
}

.flex-table-cell.actions .row {
    width: 100%;
}

.flex-table-cell.options,
    /*.flex-table-body .flex-table-cell.column-code,*/
    /*.flex-table-cell.code,*/
.flex-table-cell.lang_code {
    width: 120px;
    flex-direction: column;
    flex-shrink: 0;
}

.flex-table-cell.status,
.flex-table-cell.status_id,
.flex-table-cell.order_number,
.flex-table-cell.percent,
.flex-table-cell.parent,
.flex-table-cell.type,
.flex-table-cell.disabled {
    width: 130px;
    flex-shrink: 0;
}

.flex-table-cell.first_name,
.flex-table-cell.last_name,
.flex-table-cell.second_name,
.flex-table-cell.external_id,
#order-items .flags {
    width: 140px;
    flex-shrink: 0;
}

#category-table .flex-table-cell.position, #category-table .flex-table-cell.parent {
    width: 100px;
    flex-shrink: 0;
}

.flex-table-cell.column-EAN,
.flex-table-cell.EAN,
#order-items .flex-table-cell.token,
.flex-table-cell.user_id,
.flex-table-cell.auto_update,
.flex-table-cell.multiple,
.reference .flex-table-cell.number,
.flex-table-cell.default,
.flex-table-cell.label {
    width: 150px;
    flex-shrink: 0;

}

.flex-table-cell.client-name {
    width: 140px;
    flex-shrink: 0;
}

#category-table .flex-table-cell.items_count {
    width: 100px;
    flex-shrink: 0;
}

.flex-table-cell.provider_class {
    width: 180px;
    flex-shrink: 0;
}

.shipping-service .flex-table-cell.actions {
    width: 280px;
    flex-shrink: 0;
}

.shipping-service .flex-table-cell.token {
    width: 315px;
    flex-shrink: 0;
}

.payment-methods .flex-table-cell.code,
.shipping-service .flex-table-cell.code {
    width: 180px;
    flex-shrink: 0;
}

#table-orders .flex-table-cell.address {
    width: 200px;
    flex-shrink: 0;
}

#table-orders .flex-table-cell.created_at,
.payment-methods .flex-table-cell.created_at,
.payment-methods .flex-table-cell.updated_at,
.payment-methods .flex-table-cell.deleted_at,
.shipping-service .flex-table-cell.created_at {
    width: 150px;
    flex-shrink: 0;
}

.site-structure .flex-table-cell.rule {
    width: inherit;
    flex-shrink: inherit;
}

.box .flex-table-cell.value {
    text-align: left;
}

.flex-table-cell.cell-created,
.flex-table-cell.rule,
.flex-table-cell.categories,
.flex-table-cell.currency_id,
.flex-table-cell.provider {
    width: 160px;
    flex-shrink: 0;
}

.flex-table-cell.added,
.flex-table-cell.phone,
#table-comments .flex-table-cell.item_id,
.reference .flex-table-cell.created_at,
.reference .flex-table-cell.updated_at,
.reference .flex-table-cell.deleted_at,
#table-payments .flex-table-cell.created_at,
#table-messages .flex-table-cell.created_at,
#table-payments .flex-table-cell.updated_at,
#table-payments .flex-table-cell.date,
.flex-table-cell.created_date,
.flex-table-cell.updated_date,
.flex-table-cell.active,
.flex-table-cell.date_from,
.flex-table-cell.date_to,
.flex-table-cell.deleted_date {
    width: 180px;
    flex-shrink: 0;
}

.flex-table-cell.options .cell-value .fieldblock label {
    display: block;
}

.flex-table-cell.parameters,
.flex-table-cell.delivery_method,
.flex-table-cell.payment_method,
.flex-table-cell.shipping_service,
.flex-table-cell.parameter,
.flex-table-cell.image,
.flex-table-cell.meta,
.flex-table-cell.actions {
    width: 210px;
    flex-shrink: 0;
}

.flex-table-cell.column-token,
#user-table .flex-table-cell.column-login,
#user-table .flex-table-cell.column-group,
.flex-table-cell.token,
.flex-table-cell.widget_id,
.flex-table-cell.layout_block_id,
.flex-table-cell.title {
    width: 235px;
    flex-shrink: 0;
}

#translation-table .flex-table-cell.token,
#translation-table .flex-table-cell.ru,
#translation-table .flex-table-cell.ua,
#translation-table .flex-table-cell.en,
.flex-table-cell.cell-address,
.flex-table-cell.address,
.reference .flex-table-cell.name,
.reference .flex-table-cell.token,
.flex-table-cell.user,
.reference .flex-table-cell.value {
    width: 300px;
    flex-shrink: 0;
}

.flex-table-cell.column-name,
.flex-table-cell.cell-name,
.flex-table-cell.name,
.flex-table-cell.file,
.flex-table-cell.email,
.flex-table-cell.subject,
.flex-table-cell.h1,
.flex-table-cell.menu_name,
.flex-table-cell.meta_title,
.flex-table-cell.teaser,
.flex-table-cell.rate,
.flex-table-cell.parent,
.flex-table-cell.column-description,
.flex-table-cell.description,
.flex-table-cell.publication,
.flex-table.module-table .flex-table-cell.type {
    width: 250px;
    flex-shrink: 0;
}

.flex-table-cell.group_id,
.flex-table-cell.column-group,
.flex-table-cell.group {
    width: 140px;
    flex-shrink: 0;
}

.flex-table-cell.name-long,
.flex-table.module-table .flex-table-cell.code,
.flex-table.module-table .flex-table-cell.token,
.flex-table.module-table .flex-table-cell.name,
.reference .flex-table-cell.description,
.flex-table-cell.details,
#table-extras .flex-table-cell.parameters,
#widget-table .flex-table-cell.parameters {
    width: 400px;
    flex-shrink: 0;
}


.flex-table-cell.parameters button {
    width: 100%;
    margin: 2px 0;
}

#banners-list .flex-table-cell.url {
    width: 320px;
}

.flex-table-cell.url input {
    width: 320px;
}

#catalog-realted-items-list .flex-table-cell.name,
.flex-table-cell.import-actions,
.flex-table-cell.message {
    width: 600px;
}

.flex-table-cell.url, .flex-table-cell.raw_url {
    width: 400px;
}

.flex-table-cell.auto_update {
    text-align: center;
}

.flex-table-cell.exclude_from_google,
.flex-table-cell.exclude_from_rozetka {
    width: 100px;
}

#table-import .flex-table-cell.actions {
    width: 330px;
}

#catalog-realted-items-list .flex-table-cell.parameters {
    font-size: 14px;
    flex-shrink: 0;
    width: 400px;
}

#index-code {
    width: 400px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.copy-button {
    background: url(../images/copy-icon.svg) center center no-repeat;
    background-size: 18px 18px;
    padding: 18px 24px;
}

.copy-button.copy-success:after {
    content: "Скопировано в буфер";
    position: absolute;
    right: 55px;
    top: 19px;
    font-size: 10px;
    color: #2470bd;
}

#table-currency-rates .fieldblock {
    width: 50%;

}

#table-currency-rates .flex-table-cell.rate .label {
    width: 50%;
    color: #6c7f9b;
}

#table-currency-rates {
    width: max-content;
    min-width: auto;
}

#table-currency-rates .flex-table-cell .cell-value {
    display: flex;
    flex-direction: row;
}

.add-discount-block {
    display: flex;
    margin: 10px;
}

.add-discount-block select, .add-discount-block input {
    margin: 0 10px;
}

.preloading > .lds-hourglass {
    display: flex;
}

.lds-hourglass {
    display: none;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    z-index: 10;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    width: auto;
    height: auto;
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 8px;
    box-sizing: border-box;
    border: 32px solid rgb(51, 164, 123);
    border-color: rgb(51, 164, 123) transparent rgb(51, 164, 123) transparent;
    animation: lds-hourglass 1.2s infinite;
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    100% {
        transform: rotate(1800deg);
    }
}

.translation-widget > .widget-form {
    display: none;
}

.expand-button:before {
    content: '>';
    display: block;
    transform: rotate(180deg);
}

.expanded > .expand-button:before {
    content: '>';
    display: block;
    transform: rotate(0deg);
}

.column.left {
    align-items: flex-start;
}

#import-filter .fieldblock:not(.mobile),
#catalogue-filter .fieldblock:not(.mobile),
#article-filter .layout-panel,
#customer-filter .layout-panel,
#managers-filter .search-panel,
#order-filter .layout-panel,
#translation-filter .layout-panel {
    display: none;
}

#import-filter.expanded .fieldblock:not(.mobile),
#catalogue-filter.expanded .fieldblock:not(.mobile),
#article-filter.expanded .layout-panel,
#order-filter.expanded .layout-panel,
#customer-filter.expanded .layout-panel,
#managers-filter.expanded .search-panel,
#translation-filter.expanded .layout-panel {
    display: flex !important;
}

.filter-empty-block {
    min-height: 35px;
    background: #ecf4fc;
    flex-shrink: 0;
    width: 100%;
    cursor: pointer;
    position: relative;
}

.filter-empty-block:before {
    content: "﹀";
    left: 75px;
    top: 5px;
    position: absolute;
}

.expanded .filter-empty-block:before {
    content: "﹀";
    transform: rotate(180deg);
    left: 75px;
    top: -2px;
    position: absolute;
}

#multiple-actions .filter-empty-block:before {
    left: 152px;
    top: 22px;
}

#order-filter .filter-empty-block:before {
    left: 130px;
    top: 103px;
}

#customer-filter .filter-empty-block:before {
    left: 130px;
    top: 103px;
}

#managers-filter .filter-empty-block:before {
    left: 130px;
    top: 103px;
}

#translation-filter .filter-empty-block:before {
    left: 130px;
    top: 102px;
}

#article-filter .filter-empty-block:before {
    left: 120px;
    top: 150px;
}

#item-card-form > #translation-list {
    width: 100%;
}

#discount-wrapper .item-block {
    width: 49%;
}

#table-discount .flex-table-cell.type {
    width: 220px;
}

#table-group-extras .flex-table-cell.group {
    width: 450px;
}

#table-group-extras .flex-table-cell.parameters,
#table-item-extras .flex-table-cell.parameters {
    width: 550px;
}

.filemanager .main-wrapper {
    height: 100%;
}

@media (min-width: 991px) {
    .main-wrapper {
        position: relative;
    }

    .page-wrapper > ul.menu-buttons,
    .main-wrapper > ul.menu-buttons,
    .page-wrapper > ul.actions,
    .main-wrapper > ul.actions {
        position: absolute;
        right: 12px;
        z-index: 2;
    }

    .main-wrapper > .page-wrapper > ul.menu-buttons,
    .main-wrapper > .page-wrapper > ul.actions {
        top: 24px;
    }
}

.combobox-clear-button {
    border: none;
    background: none;
    padding: 2px 7px;
    position: absolute;
    right: 2px;
    top: 6px;
    opacity: 0.5;
    z-index: 10;
}

.currency form,
#profile-form,
#change-password-form {
    width: 100%;
    max-width: 500px;
    min-width: auto;
}

#change-password-form .fieldblock {
    flex-wrap: wrap;
}

#profile-form input, #profile-form .fieldblock {
    width: 100% !important;
}

.translation-editor {
    position: relative;
    display: inline-block;
}

.translation-editor input {
    display: none;
}

.translation-editor .value {
    display: inline-block;
    position: relative;

}

.translation-editor.edit {
    z-index: 100;
}

.translation-editor.edit input {
    display: block;
}

.translation-editor.edit .value {
    display: none;
}

.translation-editor.edit label {
    display: block;

}

.translation-editor label {
    display: none;
    top: -20px;
    position: absolute;
    font-size: 12px;
}

.translation-editor .actions {
    position: absolute;
    top: -15px;
    opacity: 0;
    right: -25px;
    display: flex;
    flex-direction: row;
    padding: 0 2px;
    border: none;
    background: rgba(255, 255, 255, 0.8);
}

.translation-editor.edit .actions {
    display: none;
}

.translation-editor:hover .actions {
    opacity: 1;
}

.translation-editor .actions .action,
.translation-editor .edit-actions .action {
    height: 17px !important;
    width: 17px !important;
    font-size: 14px;
    padding: 0 !important;
    border: none !important;
    background: none !important;
    color: #2971bf;
    margin-left: 5px;
}

.translation-editor .actions .action:first-child {
    margin-left: 0;
}

.translation-editor.no-translation label {
    codor: darkred;
}

.translation-editor .edit-actions {
    display: none;
    position: absolute;
}

.translation-editor.edit .edit-actions {
    display: flex;
    flex-direction: row;
    right: 2px;
    top: 7px;

}

.translation-editor.edit .edit-actions .action {
    width: 14px !important;
    margin: 0;
    font-weight: bold;
}

.translation-editor.edit .edit-actions .action.submit {
    color: #00ac45;
}

.translation-editor.edit .edit-actions .action.reset {
    color: darkred;
}

#page-title .translation-editor i, #page-title .translation-editor svg {
    font-size: 14px !important;
    padding: 0 !important;
    background: none;
    color: #2971bf;
    border: none;
    box-shadow: none;

}

.translation-mode {
    padding: 10px;
}

.switch-user-lang .fieldblock {
    flex-direction: row;
}

.switch-user-lang.single .fieldblock {
    margin: 20px;
}

.translation-mode, .switch-user-lang .fieldblock > label {
    font-size: 16px;
    color: #1d3461;
    font-weight: 600;
    margin-right: 10px;
}

.switch-user-lang select {
    color: rgb(248, 108, 107) !important;
    background: #F1F3F6 !important;
    border: none !important;
    height: 25px !important;
    padding: 0 !important;
    outline: none;
}

dl {
    display: flex;
    flex-wrap: wrap;
    font-size: var(--secondary-font-size);
    font-weight: var(--main-font-weight);
}

dt {
    width: 10%;
    padding-top: 0;
    margin-bottom: 10px;
    font-size: inherit;
    font-weight: inherit;
    text-transform: none;
}

dd {
    width: 90%;
    margin-bottom: 10px;
    padding-left: 30px;
    padding-bottom: 0;
    font-size: inherit;
    font-weight: inherit;
}

.order-comments {
    margin-top: 30px;
}

.fieldblock .button-autofill {
    margin-left: 10px;
}

.preview img {
    height: 300px;
}

#group-parameters h3 {
    min-width: 300px;
    margin-right: 20px;
}

#group-parameters .fieldblock label {
    position: absolute;
    font-size: 12px;
    top: -20px;
}

#group-parameters input.position {
    width: 100px;
    margin-top: 0;
}

.form-errors-wrap, .alert-info {
    display: none;
}

.messages {
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.messages .message {
    width: 100%;
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 5px;
    margin-left: 0;
    display: flex;
    flex-direction: column;
    background: #F5F5F5;
}

.messages .message .message-date {
    font-size: 12px;
    font-style: italic;
}


.messages .message.my-message {
    background: #ECFFDC;
}

.messages .input-message textarea {
    height: 200px;
}

.main-wrapper.column.top.stretch > ul + form {
    margin-top: 50px;
}

.main-wrapper.column.top.stretch > h1 + ul + form {
    margin-top: 0;
}

.fieldblock-horizontal .fieldblock .fieldblock-error {
    order: 1;
    position: relative;
}

.fieldblock-readonly {
    opacity: 0.8;
}

.empty-list-message {
    margin: 20px 0;
    opacity: 0.6;
    font-style: italic;
}

.apex.dashboard-widget{
    border-top: unset;
}

#dashboard-container {
    /*top: 45px;*/
}
#dashboard-container .content-card {
    background: #fff;
    padding: 25px;
}
#dashboard-container .content-card-header {
    display: flex;
    justify-content: space-between;
}

.actions-wrapper>button.button.warn{
    color: #b90000;
}

.actions-wrapper{
    position: absolute;
    right: 10px;
    top:-40px;
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 35px;
    align-items: flex-start;
}
.in-process-layer {
    position: absolute;
    top: -55px;
    right: 570px;
}
.content-card.compact.accent-light-style-colors {
    position: absolute;
    top: -80px;
    right: 976px;
}
@media (max-width: 992px) {
    .actions-wrapper{
        position: relative;
        right: auto;
        top:auto;
    }
    #dashboard-container {
        top: 45px;
    }
}