@font-face {font-family: 'Noto-local'; src: url('/files/fonts/NotoSerif-Regular.ttf'); font-weight: normal;}
@font-face {font-family: 'Noto-local'; src: url('/files/fonts/NotoSerif-Bold.ttf'); font-weight: bold;}

@-webkit-keyframes iridescent {
    0% {background-color: #3fba46;}
    50% {background-color: #007fc6;}
    100% {background-color: #3fba46;}
}
@keyframes iridescent {
    0% {background-color: #3fba46;}
    50% {background-color: #007fc6;}
    100% {background-color: #3fba46;}
}

body {width: 100%; margin: 0; font-family: 'Noto Serif', 'Noto-local', serif; font-size: 18px; line-height: 24px; color: #434a4d; background: #ffffff; overflow-x: hidden;}
form {margin-bottom: 0px;}
:focus {outline: none;}
* {box-sizing: border-box;}
a {text-decoration: none; cursor: pointer; color: inherit;}
img {max-width: 100%; max-height: 100%;}
ul {margin: 10px 0px; padding-left: 0px; list-style-position: inside;}
h1, h2, h3, .h1, .h2, .h3 {line-height: 40px; margin: 0px 0px 20px 0px; text-align: left; font-size: 24px; font-weight: normal;}
textarea {display: block; width: 100%; min-width: 100%; max-width: 100%; height: 200px; min-height: 200px; max-height: 200px; padding: 5px 10px; border: none;
    resize: none; font: inherit; color: inherit; background: transparent;
}
input[type="text"], input[type="password"] {display: block; width: 100%; padding: 0px 10px; border: none; font: inherit; color: inherit; background: transparent;}
table {border-collapse: collapse;}
td {padding: 2px 5px; border: 1px solid #e3e6e8;}
.table-head {text-align: center; background: #f3f5f6;}
.table-wrapper {display: block; width: auto; overflow-x: auto;}


/*COMMON*/
.wide {width: 1520px; min-width: 320px; margin: 0px auto;}
.center {text-align: center;}
.text-right {text-align: right;}
.text-left {text-align: left;}
.delimiter {display: block; height: 20px; padding: 10px 0px;}
.line-top {border-top: 1px dotted;}
.line-btm {border-bottom: 1px dotted;}
.nobr {white-space: nowrap; overflow: hidden;}
.underline {text-decoration: underline;}
.underline:hover {text-decoration: none;}
.padding {padding: 10px; border-radius: 3px;}
.bold {font-weight: bold;}
.l20 {line-height: 20px;}
.f14 {font-size: 14px;}
.red {color: #ba3f5f;}
.green {color: #3fba46;}
.blue {color: #007fc6;}
.grey {color: #8b9397;}
.violet {color: #a41ac5;}
.highlighted-red {background: #eac5ce;}
.highlighted-blue {background: #b2d8ee;}
.highlighted-light-blue {background: #e4f0f7;}
.highlighted-light {background: #f3f5f6;}
.iridescent-green-blue {-webkit-animation: iridescent 30s linear infinite; animation: iridescent 30s linear infinite;}
/*inlines*/
.inline {display: inline-block; vertical-align: top; margin-left: 10px; margin-right: 10px;}
.inline.inline-first {margin-left: 0px;}
.inline.inline-last {margin-right: 0px;}
.editable {padding-right: 26px; background: url(/files/images/links/edit_dark.png) no-repeat 100% 50%/20px 20px;}
.editable-left {padding-left: 26px; background: url(/files/images/links/edit_dark.png) no-repeat 0% 50%/20px 20px;}
.section-title {margin: 20px 0px 0px 0px;}
.description {line-height: 20px; padding: 5px 10px; border-radius: 5px; font-size: 14px;}
.description p {margin: 0px 0px 5px 0px; text-indent: 20px; text-align: justify;}
.page-text {line-height: 20px; padding: 5px 0px; border-radius: 5px; font-size: 14px;}
.page-text p {margin: 0px 0px 5px 0px; text-indent: 20px; text-align: justify;}
.page-image {text-align: center;}
.page-image img {height: 290px;}
.onpage-form-mount {width: 500px; margin: 20px auto;}
/*floats*/
.relative {position: relative;}
.clearafter:after {content: ""; display: block; clear: both;}
.clearboth {clear: both;}
.to-left {float: left;}
.to-right {float: right;}
.inline-left {margin-right: 10px;}
.inline-right {margin-left: 10px;}
/*micro*/
.attention-currency {line-height: 20px; text-indent: 20px; color: #ba3f5f; background: url(/files/images/links/notice_red.png) no-repeat 0px 0px/20px 20px;}
/*rules*/
.rule-cell {display: inline-block; vertical-align: middle; width: 1px; height: 100%;}
.rule-text {display: inline-block; vertical-align: middle;}
/*buttons-look elements*/
.regular-button {display: block; line-height: 36px; margin: 10px 0px 0px 0px; border: 2px solid; border-radius: 3px; text-align: center; font-size: 22px;}
.regular-button.regular-button-green {border: 0px; color: #ffffff; background: #3fba46;}
.regular-button.regular-button-blue {border: 0px; color: #ffffff; background: #007fc6;}
.regular-button.regular-button-red {border: 0px; color: #ffffff; background: #ba3f5f;}
.regular-button.regular-button-grey {border: 0px; color: #ffffff; background: #8b9397;}
.regular-button.regular-button-violet {border: 0px; color: #ffffff; background: #a41ac5;}
.inline-button {display: inline-block; line-height: 36px; margin: 0px 10px; padding: 0px 10px; border: 2px solid; border-radius: 3px; font-size: 22px;}
.inline-button.inline-button-green {border: 0px; color: #ffffff; background: #3fba46;}
.inline-button.inline-button-blue {border: 0px; color: #ffffff; background: #007fc6;}
.inline-button.inline-button-red {border: 0px; color: #ffffff; background: #ba3f5f;}
.inline-button.inline-button-grey {border: 0px; color: #ffffff; background: #8b9397;}
.inline-button.inline-button-violet {border: 0px; color: #ffffff; background: #a41ac5;}

.intext-button-green {padding: 0px 10px; border-radius: 3px; color: #ffffff; background: #3fba46;}
.intext-button-blue {padding: 0px 10px; border-radius: 3px; color: #ffffff; background: #007fc6;}
.intext-button-red {padding: 0px 10px; border-radius: 3px; color: #ffffff; background: #ba3f5f;}
.intext-button-grey {padding: 0px 10px; border-radius: 3px; color: #ffffff; background: #8b9397;}
.intext-button-violet {padding: 0px 10px; border-radius: 3px; color: #ffffff; background: #a41ac5;}
/*action links*/
[ajaxsubmit], [formexit] {cursor: pointer;}
[openbox] {cursor: zoom-in;}
.selector {position: absolute; top: 80%; z-index: 10;}
.selector-item {display: block; line-height: 30px; margin-top: 10px;}
/*responses*/
.response-block {line-height: 20px; font-size: 12px; color: #ba3f5f;}
.response-block>div {position: relative; margin: 5px 0px; padding: 0px 20px 0px 10px; cursor: pointer;}
.response-block>div:hover:after {content: ""; position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; background: url(/files/images/links/close_white.png) no-repeat center/60% 60%;}
.success {color: #3fba46;}
.error {color: #ba3f5f;}
.attention {color: #8b9397;}
.pending {position: relative;}
.pending:after {content: ""; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: url(/files/images/pending.gif) repeat; opacity: 0.7; z-index: 10;}
.nopending.pending:after {display: none;}
.showmore-area {display: block; height: 200px; line-height: 40px; margin-top: 50px; padding: 80px 10px; border-radius: 10px; text-align: center; text-shadow: 0px 0px 40px #434a4d;
    font-size: 32px; color: #ffffff; background: #f3f5f6 url(/files/images/pending.gif) repeat;
}
/*images-uploads*/
.images-list {padding: 10px; font-size: 0px;}
.images-item {position: relative; display: inline-block; vertical-align: top; width: 160px; height: 120px; margin: 5px; border-radius: 5px; font-size: 16px; background: #f3f5f6;}
.images-item.images-item-preview {opacity: 0.3;}
.images-item>img {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; margin: auto; border-radius: 5px; overflow: hidden;}
.images-item-delete {position: absolute; top: 5px; right: 5px; width: 30px; height: 30px; border-radius: 100%;
    background: #f3f5f6 url(/files/images/links/delete_dark.png) no-repeat center/20px 20px; transition: 0.2s all; opacity: 0;
}
.images-item .abs-icon.icon-zoom {left: 5px; top: 5px; border-radius: 100%; background: #f3f5f6 url(/files/images/links/zoom_dark.png) no-repeat center/20px 20px;
    opacity: 0; transition: 0.2s all;
}
.images-item:hover .abs-icon.icon-zoom, .images-item:hover .images-item-delete {opacity: 1;}
.images-add {position: relative; display: inline-block; vertical-align: top; width: 160px; height: 120px; margin: 5px; border-radius: 5px; cursor: pointer;
    background: url(/files/images/image_add.png) no-repeat center/cover; opacity: 0.3; transition: 0.4s all;
}
.images-list:hover .images-add {opacity: 1;}
.uploads-field {display: none;}
.images-add-progress {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 5px; overflow: hidden;}
.images-add-progress-bar {position: absolute; left: 0px; bottom: 0px; width: 0%; height: 5px; background: #007fc6;}
.images-add-progress-percent {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 50px; height: 30px; line-height: 30px; margin: auto;
    border-radius: 3px; text-align: center; background: #ffffff;
}
.dropzone {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; border: 3px dashed #bac1c4; border-radius: 10px;
    background: rgba(255, 255, 255, 0.9) url(/files/images/image_dnd.png) no-repeat center/auto 70px; opacity: 0; transition: 0.4s all; z-index: -1;
}
.images-list.active .dropzone {opacity: 1; z-index: 1;}
.dropzone-text {position: absolute; left: 0px; right: 0px; top: 50%; line-height: 25px; margin-top: 35px; text-align: center; font-size: 16px; color: #8b9397;}
.uploads-response-block {position: absolute; bottom: 0px; right: 0px;}
.uploads-response-block>* {max-width: 100%; overflow-wrap: anywhere;}
.uploads-response-block .success {border-radius: 5px; color: #ffffff; background: #3fba46;}
.uploads-response-block .error {border-radius: 5px; color: #ffffff; background: #ba3f5f;}
.uploads-response-block .attention {border-radius: 5px; color: #ffffff; background: #007fc6;}
/*maps*/
.map-area {position: relative; height: 400px; margin: 20px 0px; padding: 10px; border-radius: 5px; overflow: hidden; z-index: 1;}
.map-area-control-edit-mode {height: 50px; line-height: 48px; padding: 0px 50px 0px 25px; border: 2px solid; border-radius: 25px; color: #a41ac5; cursor: pointer; background: #ffffff;}
.map-area-control-edit-mode:after {content: ""; position: absolute; right: 0; top: 0; width: 48px; height: 48px; background: url(/files/images/map/set_place.png) no-repeat center/100% 100%;}
.map-area-control-edit-mode.active {color: #007fc6;}
.map-area-control-edit-mode.active:after {background-image: url(/files/images/map/set_place.gif);}
.map-area-buttons-block {display: none;}
.map-area-buttons-block.active {display: block;}

/*mounts*/
.mount {display: block;}
.mount-item {position: relative; margin: 2px 0px;}
.mount-item-label {display: inline; font-weight: bold;}
.mount-item-value {display: inline; font-style: italic;}
.mount-item-value .value {display: inline-block; min-height: 20px; min-width: 200px; vertical-align: baseline;}
input.mount-item-input {display: inline-block; width: auto; background-color: #b2d8ee;}
.mount-item-textrow {display: block; min-height: 20px; font-style: italic;}
.mount-item-delete {position: absolute; top: 5px; right: 5px; width: 26px; height: 26px; background: #f3f5f6 url(/files/images/links/delete.png) no-repeat center/100% 100%;
    transition: 0.2s all; opacity: 0;
}
.mount-item:hover .mount-item-delete {opacity: 1;}
.mount.mount-highlighted {margin-top: 50px; padding: 10px; border-radius: 3px; background: #eac5ce;}
/*dragging*/
.sortable-item {cursor: move; transition: 0.2s transform;}
.dragging-ghost {position: absolute !important; background: #b2d8ee; opacity: 0.3; z-index: 2;}
.dragging-there {position: relative; transform: translateY(25%); z-index: 1;}
.dragging-there:before {content: ""; position: absolute; left: 0px; right: 0px; top: -25%; height: 25%; background: #e3e6e8;}
.dragging-after {position: relative; transform: translateY(-25%); z-index: 1;}
.dragging-after:before {content: ""; position: absolute; left: 0px; right: 0px; bottom: -25%; height: 25%; background: #e3e6e8;}
/*dragging-special*/
.images-item.dragging-there {transform: translateX(25%);}
.images-item.dragging-there:before {left: calc(-25% + 6px); right: auto; top: 0px; bottom: 0px; width: 25%; height: auto; border-radius: 5px 0px 0px 5px;}
.images-item.dragging-after {transform: translateX(-25%);}
.images-item.dragging-after:before {left: auto; right: calc(-25% + 6px); top: 0px; bottom: 0px; width: 25%; height: auto; border-radius: 0px 5px 5px 0px;}
/*icons*/
.abs-icon {position: absolute; width: 30px; height: 30px; background-size: 100% 100%; background-position: center; background-repeat: no-repeat;}
.left-icon {display: inline-block; vertical-align: top; line-height: 30px; padding-left: 30px; background-size: 20px 20px; background-position: 5px 5px; background-repeat: no-repeat;}
.right-icon {display: inline-block; vertical-align: top; line-height: 30px; padding-right: 30px; background-size: 20px 20px; background-position: right 5px top 5px; background-repeat: no-repeat;}
.row-icon {display: block; min-height: 30px; line-height: 30px; padding-left: 30px; background-size: 20px 20px; background-position: 5px 5px; background-repeat: no-repeat;}
.icon-zoom {background-image: url(/files/images/links/zoom.png);}
.icon-trade {background-image: url(/files/images/links/trade.png);}
.icon-favorites {background-image: url(/files/images/links/favorites.png);}
.icon-edit {background-image: url(/files/images/links/edit.png);}
.icon-delete {background-image: url(/files/images/links/delete.png);}
.icon-close {background-image: url(/files/images/links/close.png);}
.icon-email {background-image: url(/files/images/links/email.png);}
.icon-phone {background-image: url(/files/images/links/phone.png);}
.icon-home {background-image: url(/files/images/links/home.png);}
.icon-bid {background-image: url(/files/images/links/bid.png);}
.icon-ads {background-image: url(/files/images/links/advert.png);}
.icon-messenger {background-image: url(/files/images/links/send.png);}
.icon-settings {background-image: url(/files/images/links/settings.png);}
.icon-staff {background-image: url(/files/images/links/staff.png);}
.icon-hubs {background-image: url(/files/images/links/hubs.png);}
.icon-orders {background-image: url(/files/images/links/orders.png);}
.icon-signup {background-image: url(/files/images/links/signup.png);}
.icon-signin {background-image: url(/files/images/links/signin.png);}
.icon-exit {background-image: url(/files/images/links/exit.png);}
.icon-buy {background-image: url(/files/images/links/buy.png);}
.icon-sell {background-image: url(/files/images/links/sell.png);}
.icon-new-advert {background-image: url(/files/images/links/advert_violet.png);}


/*HEADER*/
.application {padding-top: 45px;}
.menu-top {position: fixed; left: 0px; right: 0px; top: 0px; height: 45px; background: #ffffff; z-index: 10;}
.menu-top-content {width: 900px; height: 100%; margin-left: 260px; padding: 0px 100px; border-bottom: 2px solid rgba(0, 127, 198, 0.3);
    background: url(/files/images/bg/top.png) no-repeat center/auto 100%;
}
.menu-top-link {height: 45px; line-height: 45px;}
.menu-top-link-logo img {height: 26px; margin-top: 8px;}
.context-selectors {width: 350px; text-align: left; white-space: nowrap;}
.context-selectors .selector {white-space: normal;}
.account {width: 350px; text-align: right; white-space: nowrap; overflow: hidden;}
.lang-selector-caller {position: relative; display: block;}
.lang-icon {display: inline-block; vertical-align: top; width: 30px; height: 30px; margin-top: 8px; border: 1px solid #bac1c4; border-radius: 100%;}
.lang-code {position: absolute; left: 5px; top: 0px; width: 20px; text-align: center; color: #ffffff; text-shadow: 0px 0px 1px #000000, 0px 0px 3px #000000, 0px 0px 5px #000000;}
.lang-name {display: inline-block; vertical-align: top; line-height: 20px; margin-left: 5px; margin-top: 13px; font-size: 14px;}
.lang-selector {left: 20px; width: 400px; line-height: 25px;}
.lang-selector .form-content {text-align: justify;}
.language-select-item {width: 100px; line-height: 25px; font-size: 14px;}
.currency-selector-caller {position: relative; display: block;}
.currency-icon {display: inline-block; vertical-align: top; width: 20px; height: 20px; margin-top: 13px;}
.currency-name {display: inline-block; vertical-align: top; line-height: 20px; margin-top: 13px; font-size: 14px;}
.currency-selector {right: 0px; min-width: 200px;}
.currency-select-item {line-height: 25px; font-size: 14px;}
.menu-top-link.left-icon {background-position: 5px 12px;}
.menu-top-link.icon-signin {background-image: url(/files/images/links/signin_black.png);}
.menu-top-link.icon-signup {background-image: url(/files/images/links/signup_black.png);}
.menu-top-account-image {position: relative; display: inline-block; vertical-align: top; width: 30px; height: 45px; margin-right: 5px;}
.menu-top-account-image img {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 30px; height: 30px; margin: auto; border-radius: 100%;}
.menu-top-account-name {display: inline-block; vertical-align: top; max-width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 14px;}
.account-selector.active {left: 0px; right: 0px;}
.add-hub-button {line-height: 36px; margin: 10px 0px 0px 0px; padding-left: 40px; border-radius: 3px; color: #ffffff; background: #3fba46 url(/files/images/links/add_white.png) no-repeat 5px 3px/30px 30px;}
.select-hub-link {display: block; margin-top: 10px; font-size: 14px;}

/*MAIN CONTENT*/
.main-part {padding: 10px 10px 40px 10px; min-height: calc(100vh - 85px);}

/*FOOTER*/
.footer {position: relative; min-width: 320px; height: 40px; line-height: 38px; border-top: 2px solid rgba(0, 127, 198, 0.3); color: #8b9397;
    background: url(/files/images/bg/bottom.png) no-repeat center/cover;
}
.social, .contacts {position: absolute; top: -30px; width: 50px; height: 57px; background: url(/files/images/bg/6gon_bottom.png) no-repeat center/100% 100%;}
.social-icon, .contacts-icon {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 30px; height: 30px; margin: auto;}
.social-fb {left: 20px;}
.social-fb .social-icon {background: url(/files/images/links/soc_fb.png) no-repeat center/100% 100%;}
.social-yt {left: 70px;}
.social-yt .social-icon {background: url(/files/images/links/soc_yt.png) no-repeat center/100% 100%;}
.social-ig {left: 120px;}
.social-ig .social-icon {background: url(/files/images/links/soc_ig.png) no-repeat center/100% 100%;}
.social-vk {left: 170px;}
.social-vk .social-icon {background: url(/files/images/links/soc_vk.png) no-repeat center/100% 100%;}
.contacts-email {right: 20px;}
.contacts-email .contacts-icon {background: url(/files/images/links/email.png) no-repeat center/100% 100%;}
.contacts-tg {right: 70px;}
.contacts-tg .contacts-icon {background: url(/files/images/links/soc_tg.png) no-repeat center/100% 100%;}
.contacts-faq {right: 120px;}
.contacts-faq .contacts-icon {background: url(/files/images/links/faq.png) no-repeat center/100% 100%;}
.contacts-donate {right: 170px;}
.contacts-donate .contacts-icon {background: url(/files/images/links/donate.png) no-repeat center/100% 100%;}

/*STATUS BAR*/
.status-bar {position: fixed; left: 0; right: 0; bottom: 0; line-height: 25px; padding: 0px 20px; text-align: center; font-size: 14px; color: #ffffff;
    background: rgba(67, 74, 77, 0.6); z-index: 70;
}

/*FIXED BUTTONS*/
.mobile-opener {position: fixed; right: 20px; top: 70px; width: 70px; height: 70px; border: 2px solid #a41ac5; border-radius: 100%; box-shadow: 2px 2px 6px #bac1c4; cursor: pointer;
    background: #ffffff url(/files/images/links/menu_violet.png) 50% 50%/60% 60% no-repeat; z-index: 2;
}

/*************/
/*** PAGES ***/
/*************/
/*user*/
.userpage-top {margin: 10px 0px; font-size: 14px;}
.userpage-left {width: 450px;}
.favorites-item {position: relative; width: 284px; height: 59px; margin-bottom: 10px; background: url(/files/images/bg/item_hole.png) no-repeat center/100% 100%;}
.favorites-icon {position: absolute; left: 15px; top: 12px; width: 36px; height: 36px;}
.favorites-name {position: absolute; right: 0px; bottom: 3px; width: 211px; height: 54px; line-height: 18px; font-size: 0px; overflow: hidden;}
.favorites-name .rule-text {width: 210px; font-size: 14px;}
.userpage-right {width: 1050px;}
.account-mount {width: 750px;}
.account-tips {padding: 5px; border-radius: 3px; background: #f3f5f6;}
.account-tips-item {display: inline-block; margin-right: 10px; padding-right: 20px;}
.account-tips-delete {position: absolute; right: 0px; top: 0px; width: 20px; height: 20px; background-size: 50% 50%; background-position: 50%; background-repeat: no-repeat;}
.password-selector.active {left: 20px; width: 350px;}
.phones-mount {width: 300px;}
.phone-edit-item {line-height: 36px; padding-left: 36px; border-radius: 3px; background: #f3f5f6 url(/files/images/links/sort.png) no-repeat 8px 50%/20px 20px;}
.add-phone-button {line-height: 36px; margin: 2px 0px; padding-left: 40px; border-radius: 3px; color: #ffffff;
    background: #3fba46 url(/files/images/links/add_white.png) no-repeat 5px 3px/30px 30px;
}
.translate-form {position: absolute; top: 100%; width: fit-content; margin: 10px auto; z-index: 10;}
.translate-button {display: inline-block; width: 30px; height: 30px; border: 1px solid #8b9397; border-radius: 100%; overflow: hidden;}
.user-description {background: #f3f5f6;}
.details-edit-item {line-height: 20px; padding: 5px 30px; border-radius: 3px; font-size: 14px; background: #f3f5f6 url(/files/images/links/sort.png) no-repeat 5px 5px/20px 20px;}
.details-edit-item .mount-item-value .value {vertical-align: bottom; min-width: auto; padding-right: 26px; background: url(/files/images/links/edit.png) no-repeat 100% 50%/20px 20px;}
.details-edit-item .mount-item-textrow .value {vertical-align: bottom; min-width: auto; padding-right: 26px; background: url(/files/images/links/edit.png) no-repeat 100% 50%/20px 20px;}
.details-edit-item .mount-item-delete {width: 20px; height: 20px; opacity: 1;}
.details-edit-field {position: relative; line-height: 20px; padding: 5px 20px; border-radius: 3px; font-size: 14px; background: #b2d8ee;}
.details-edit-field .mount-item-label {position: absolute; top: -16px; left: 0px; line-height: 20px; padding: 0px 10px; border-radius: 10px 10px 0px 0px; font-size: 10px;
    color: #007fc6; background: #b2d8ee;
}
.add-details-button {display: block; width: fit-content; line-height: 36px; margin: 2px 0px; padding: 0px 10px 0px 36px; border-radius: 5px; color: #ffffff;
    background: #3fba46 url(/files/images/links/add_white.png) no-repeat 3px 50%/30px 30px;
}

/*favorites-edit*/
.favorites-edit-item {line-height: 36px; padding-left: 36px; border-radius: 3px; background: #f3f5f6 url(/files/images/links/sort.png) no-repeat 8px 50%/20px 20px;}

/*employee and staff*/
.staff-edit-item {line-height: 26px; padding: 0px 26px; border-radius: 3px; font-size: 14px; background: #f3f5f6 url(/files/images/links/sort.png) no-repeat 3px 50%/20px 20px;}
.staff-edit-item .mount-item-delete {top: 3px; right: 3px; width: 20px; height: 20px;}
.add-employee-button {line-height: 36px; margin: 10px 0px 0px 0px; padding-left: 40px; border-radius: 3px; color: #ffffff;
    background: #3fba46 url(/files/images/links/add_white.png) no-repeat 5px 3px/30px 30px;
}

/*my orders*/
.orders-actions {margin: 10px 0px; padding: 5px 10px; border-radius: 5px; text-align: center; background: #f3f5f6;}
.orders-filters {float: left; display: inline-block; width: 350px; padding: 10px;}
.orders-list {float: right; display: inline-block; width: 700px; padding: 10px; border-left: 1px dashed #bac1c4; border-right: 1px dashed #bac1c4;}
.orders-item {position: relative; height: 50px; line-height: 20px; border: 1px solid; border-radius: 3px; font-size: 12px; cursor: help;}
.orders-item-class-bid {background-image: url(/files/images/links/bid_dark.png); background-repeat: no-repeat; background-size: 30px; background-position: 5px 50%;}
.orders-item-class-advert {background-image: url(/files/images/links/advert_dark.png); background-repeat: no-repeat; background-size: 30px; background-position: 5px 50%;}
.orders-item-type-buy {color: #007fc6;}
.orders-item-type-sell {color: #3fba46;}
.orders-item-type-request {color: #8b9397;}
.orders-item-role-initiator {background-color: #ffffff;}
.orders-item-role-acceptor {background-color: #f3f5f6;}
.orders-item>a {display: block; height: 100%; overflow: hidden; cursor: help;}
.orders-item-field {position: absolute; height: 20px; cursor: help; white-space: nowrap; overflow: hidden;}
.orders-item-id {left: 40px; top: 5px; width: 200px;}
.orders-item-title {left: 250px; right: 10px; top: 5px; color: #434a4d;}
.orders-item-price {left: 40px; top: 25px; width: 330px; font-style: italic; color: #8b9397;}
.orders-item-price.order-item-converted {color: #ba3f5f;}
.orders-item-closed {left: 380px; right: 10px; top: 25px; text-align: right; font-style: italic; color: #8b9397;}
.orders-item .attention-currency {position: absolute; left: 10px; right: 10px; top: 100%; display: none; padding: 5px; border: 1px solid #e3e6e8; border-radius: 5px;
    background-color: #f3f5f6; background-position: 5px 5px; z-index: 1;
}
.orders-item>a:hover + .attention-currency {display: block;}

/*business card*/
.business-card-top {margin: 10px 0px; font-size: 14px;}
.business-card-main {width: 800px; padding: 10px 10px 10px 0px;}
.business-card-info {width: 700px; padding: 10px 0px 10px 10px; overflow: hidden;}
.business-card-row {line-height: 20px; margin-bottom: 10px; font-size: 16px;}
.business-card-avatar, .business-card-name {display: inline-block; vertical-align: middle;}
.business-card-avatar {width: 30px; height: 30px; margin-right: 5px; border-radius: 100%; overflow: hidden;}
.business-card-name {padding: 5px 0px; font-size: 18px;}
.business-card-label, .business-card-value {display: inline;}
.business-card-label {font-weight: bold;}
.business-card-value {font-style: italic;}
.business-card-textrow {display: block; min-height: 20px; font-style: italic;}
.business-card-image-list {font-size: 0rem;}
.business-card-image-item {display: inline-block; vertical-align: top; width: 160px; height: 120px; margin: 0px 10px 10px 0px;}
.business-card-image-item>img {display: block; width: 100%; height: 100%; border-radius: 5px;}
.business-card-row.business-card-email, .business-card-row.business-card-phone {line-height: 30px;}
.business-card-adverts-item {line-height: 14px; font-size: 12px;}
.business-card-adverts-item-type-buy {color: #007fc6;}
.business-card-adverts-item-type-sell {color: #3fba46;}
.business-card-adverts-item-type-request {color: #8b9397;}

/*hub*/
.trade-top {margin: 10px 0px; font-size: 14px;}
.hub-left {width: 1000px; padding: 10px;}
.hub-description-editable {min-height: 100px; background: #f3f5f6;}
.hub-right {width: 500px; padding: 10px;}
.hub-parent {font-size: 16px;}
.hub-childs {font-size: 13px;}
.hub-family .mount-item-value {display: block;}
.hub-participants {margin-top: 60px;}
.hub-whitelist, .hub-blacklist, .hub-policy {margin-top: 40px;}
.hub-whitelist .mount-item-label, .hub-blacklist .mount-item-label {display: block;}
.hub-whitelist-item, .hub-blacklist-item {font-size: 14px;}
.hub-whitelist-add {line-height: 36px; margin: 10px 0px; border-radius: 3px; text-align: center; color: #ffffff; background: #3fba46;}
.hub-blacklist-add {line-height: 36px; margin: 10px 0px; border-radius: 3px; text-align: center; color: #ffffff; background: #ba3f5f;}
.hub-policy-save {line-height: 36px; margin: 10px 0px; border-radius: 3px; text-align: center; color: #ffffff; background: #8b9397;}
.hub-button {line-height: 36px; margin: 10px 0px 0px 0px; border-radius: 3px; text-align: center;}
.hub-remove-button {color: #ffffff; background: #ba3f5f;}

.hub-symbols-item {margin: 5px 0px; padding-left: 40px; border: 1px solid #e3e6e8; border-radius: 5px; background: #f3f5f6;}
.hub-symbols-link {display: block; height: 80px; padding: 10px; border-radius: 5px; overflow: hidden;}
.hub-symbols-title {display: block; height: 30px; line-height: 30px; font-size: 22px;}
.hub-symbols-image {display: inline-block; vertical-align: top; width: 30px; height: 30px;}
.hub-symbols-fee {display: block; line-height: 15px; font-size: 12px; color: #8b9397;}
.hub-symbols-icon {position: absolute; width: 25px; height: 25px; background-size: 100%; background-position: 50%; background-repeat: no-repeat;}
.hub-symbols-icon.icon-favorites {left: 10px; top: 10px;}
.hub-symbols-icon.icon-trade {left: 10px; bottom: 10px;}
.hub-symbols-edit .hub-symbols-item {padding-left: 110px; background: #f3f5f6 url(/files/images/links/sort.png) no-repeat 10px 50%/20px 20px;}
.hub-symbols-edit .hub-symbols-icon.icon-delete {left: 50px; top: 10px; bottom: auto;}
.hub-symbols-edit .hub-symbols-icon.icon-edit {left: 80px; top: 10px; bottom: auto;}
.hub-symbols-edit .hub-symbols-icon.icon-favorites {left: 50px; top: auto; bottom: 10px;}
.hub-symbols-edit .hub-symbols-icon.icon-trade {left: 80px; top: auto; bottom: 10px;}
.add-symbol-button {line-height: 36px; margin: 2px 0px; padding-left: 40px; border-radius: 3px; color: #ffffff;
    background: #3fba46 url(/files/images/links/add_white.png) no-repeat 5px 3px/30px 30px;
}

/*symbol*/
.symbol-left {width: 1000px; padding: 10px;}
.symbol-image {float: left; display: inline-block; width: 280px;}
.symbol-image img {border-radius: 5px;}
.symbol-image+.symbol-description {float: right; display: inline-block; width: 630px; min-height: 210px;}
.symbol-right {width: 500px; padding: 10px;}
.symbol-family {min-height: 180px; max-height: 400px; overflow-x: hidden; overflow-y: overlay;}
.symbol-parent {font-size: 16px;}
.symbol-brothers {font-size: 15px;}
.symbol-childs {font-size: 13px;}
.symbol-family .mount-item-value {display: block;}

.symbol-hubs-item {margin: 5px 0px; padding-left: 40px; border: 1px solid #e3e6e8; border-radius: 5px; background: #f3f5f6;}
.symbol-hubs-link {display: block; height: 80px; padding: 10px; border-radius: 5px; overflow: hidden;}
.symbol-hubs-title {display: block; height: 30px; line-height: 30px; font-size: 22px;}
.symbol-hubs-image {display: inline-block; vertical-align: top; width: 30px; height: 30px;}
.symbol-hubs-fee {display: block; line-height: 15px; font-size: 12px; color: #8b9397;}
.symbol-hubs-icon {position: absolute; width: 25px; height: 25px; background-size: 100%; background-position: 50%; background-repeat: no-repeat;}
.symbol-hubs-icon.icon-favorites {left: 10px; top: 10px;}
.symbol-hubs-icon.icon-trade {left: 10px; bottom: 10px;}

/*order*/
.order-top {margin: 10px 0px;}
.order-top-link {display: inline-block; vertical-align: top; line-height: 30px; margin-right: 10px; font-size: 14px; color: #8b9397;}
.order-time {font-style: italic;}
.order-symbol-link, .order-hub-link, .order-moderation-link {position: relative; display: block; line-height: 30px; padding-left: 30px; font-size: 14px;}
.order-symbol-link img {display: inline-block; vertical-align: middle; width: 16px; height: 16px;}
.order-summary {width: 100%; font-size: 20px; text-align: center;}
.order-type, .order-fee-caption {text-align: left;}
.order-total, .order-fee-total {text-align: right;}
.order-top-currencies-attention {margin: 10px 0px; text-align: right;}
.order-top-currencies-attention .attention-currency {display: inline-block; text-align: left; font-size: 12px;}
.order-top-notices {line-height: 20px; margin: 10px 0px; font-size: 14px;}
.order-notice {padding-left: 20px;}
.order-notice-grey {color: #8b9397; background: url(/files/images/links/notice_dark.png) no-repeat 2px 2px/16px 16px;}
.order-archived {position: relative; width: 1200px; min-height: 140px; margin: 0px auto; padding: 10px;}
.order-archived:after {content: ""; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; cursor: not-allowed;
    background: rgba(255, 255, 255, 0.6) url(/files/images/archived.png) no-repeat 50% 20px/auto;
}
.order-left {width: 1200px; padding: 10px;}
.order-image {float: left; display: inline-block; width: 520px; border-radius: 5px; background: #8b9397; overflow: hidden;}
.order-image-main {width: 100%; height: 0px; margin-bottom: 80px; padding-bottom: 75%; box-shadow: 0px 0px 10px #000000;}
.order-image-main.order-image-noicons {margin-bottom: 0px;}
.order-image-main img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
.order-image-icon-list {position: absolute; left: 10px; right: 10px; bottom: -30px; height: 100px; font-size: 0px; white-space: nowrap; overflow-x: scroll;}
.order-image-icon-item {display: inline-block; vertical-align: top; width: 80px; height: 60px; margin-right: 10px; border: 0px solid #ffffff; border-radius: 5px; cursor: pointer;
    opacity: 0.5; overflow: hidden; transition: 0.2s all;
}
.order-image-icon-item.active {border: 3px solid #ffffff; opacity: 1;}
.order-image-icon-item img {width: 100%; height: 100%; border-radius: 5px;}
.order-image+.order-description {float: right; display: inline-block; width: 630px; min-height: 390px;}
.order-right {width: 300px; padding: 10px;}
.order-link {font-size: 14px;}
.order-button {line-height: 36px; margin: 10px 0px 0px 0px; border-radius: 3px; text-align: center;}
.order-sell-button {color: #ffffff; background: #3fba46;}
.order-buy-button {color: #ffffff; background: #007fc6;}
.order-show-interest-button {color: #ffffff; background: #8b9397;}
.order-edit-button {color: #ffffff; background: #007fc6;}
.order-remove-button {color: #ffffff; background: #ba3f5f;}
.acceptors {margin-top: 20px;}
.acceptor-item {line-height: 30px; padding-left: 10px; padding-right: 60px; border-radius: 3px; background: #f3f5f6;}
.acceptor-item a {display: block; white-space: nowrap; overflow: hidden;}
.acceptor-item-button {position: absolute; top: 5px; width: 20px; height: 20px; cursor: pointer;}
.acceptor-item-accept {right: 35px; background: url(/files/images/links/flag_dark.png) 50% 50%/100% 100% no-repeat;}
.acceptor-item-accept:hover {background-image: url(/files/images/links/flag_blue.png);}
.acceptor-item-reject {right: 5px; background: url(/files/images/links/delete_dark.png) 50% 50%/100% 100% no-repeat;}
.acceptor-item-reject:hover {background-image: url(/files/images/links/delete_red.png);}

/*trading*/
.trading-left {width: 300px;}
.trading-right {width: 1150px;}
.trading-symbols {padding: 10px;}
.trading-symbols-block {margin-bottom: 20px; border-bottom: 1px dashed #e3e6e8;}
.trading-symbols-block:last-of-type {margin-bottom: unset; border-bottom: none;}
.trading-symbols-item {position: relative; margin: 2px 0px; padding-left: 20px; border-radius: 3px; background: #f3f5f6; line-height: 20px; font-size: 12px;}
.trading-symbols-item.active {background: #b2d8ee;}
.trading-symbols-icon {position: absolute; left: 3px; top: 3px; width: 14px; height: 14px;}
.trading-actions {margin: 10px; padding: 5px 10px; border-radius: 5px; text-align: center; background: #f3f5f6;}
.trading-filters {padding: 10px;}
.trading-filters-hub {width: 500px;}
.trading-filters-symbol {width: 500px;}
.trading-orders-list {padding: 10px; line-height: 22px; font-size: 12px;}
.trading-orders-item {position: relative; height: 24px; margin: 2px 0px; border: 1px solid; border-radius: 3px; cursor: help; background-repeat: no-repeat;}
.trading-orders-item>a {display: block; height: 100%; overflow: hidden;}
.trading-orders-item-class-bid {background-image: url(/files/images/links/bid_dark.png); background-size: 20px; background-position: 3px 50%;}
.trading-orders-item-class-advert {background-image: url(/files/images/links/advert_dark.png); background-size: 20px; background-position: 3px 50%;}
.trading-orders-item-type-buy {color: #007fc6;}
.trading-orders-item-type-sell {color: #3fba46;}
.trading-orders-item-type-request {color: #8b9397;}
.trading-orders-item-field {position: absolute; top: 0px; height: 22px; cursor: help; white-space: nowrap; overflow: hidden;}
.trading-orders-item-id {left: 25px; width: 130px;}
.trading-orders-item-title {left: 160px; width: 300px; color: #434a4d;}
.trading-orders-item-quantity {left: 580px; width: 60px; text-align: right; color: #8b9397;}
.trading-orders-item-price {left: 470px; width: 90px; text-align: right; color: #8b9397;}
.trading-orders-item-total {left: 650px; width: 140px; text-align: right; font-size: 14px; color: #8b9397;}
.trading-orders-item-price.trading-orders-item-converted, .trading-orders-item-total.trading-orders-item-converted {
    margin-left: 14px; padding-right: 14px; color: #ba3f5f; background: url(/files/images/links/notice_red.png) no-repeat 100% 4px/14px 14px;
}
.trading-orders-item-date {right: 10px; width: 60px; color: #8b9397;}
.trading-orders-item .attention-currency {position: absolute; left: 470px; right: 10px; top: 100%; display: none; padding: 5px; border: 1px solid #e3e6e8; border-radius: 5px;
    background-color: #f3f5f6; background-position: 5px 5px; z-index: 1;
}
.trading-orders-item>a:hover + .attention-currency {display: block;}

/*market*/
.market-actions {margin: 10px 0px; font-size: 14px;}
.market-left {width: 300px;}
.market-right {width: 1150px;}
.market-filters {padding: 10px;}
.market-orders-list {padding: 10px; line-height: 22px; text-align: center; font-size: 0px;}
.market-orders-item {display: inline-block; vertical-align: top; width: 360px; height: 220px; margin: 0px 10px 10px 0px; padding: 10px; border: 1px solid; border-radius: 5px;
    text-align: left; font-size: 12px; color: #8b9397; background: #f3f5f6;
}
.market-orders-item.market-orders-item-type-buy {color: #007fc6; background: #ecf3f7;}
.market-orders-item.market-orders-item-type-sell {color: #3fba46; background: #e4f1e5;}
.market-orders-item-id {position: absolute; right: 10px; bottom: 5px; line-height: 20px; font-size: 10px; font-style: italic; color: #8b9397;}
.market-orders-item-title {display: block; font-size: 18px; height: 30px; line-height: 30px; white-space: nowrap; overflow: hidden;}
.market-orders-item-image {position: absolute; left: 10px; top: 40px; width: 70px; height: 70px;}
.market-orders-item-image img {position: absolute; left: 0; right: 0; top: 0; bottom: 0; max-width: 100%; max-height: 100%; margin: auto; border-radius: 5px;}
.market-orders-item-description {position: absolute; left: 90px; right: 10px; top: 40px; height: 90px; line-height: 18px; color: #8b9397; overflow: hidden;}
.market-orders-item-price {position: absolute; top: 130px; right: 10px; text-align: right;}
.market-orders-item-price-total {display: block; height: 30px; line-height: 30px; padding-left: 30px; font-size: 18px; overflow: hidden;}
.market-orders-item-price-details {display: block; height: 20px; line-height: 20px; font-size: 12px; font-style: italic; color: #8b9397; overflow: hidden;}

.market-orders-item-converted .market-orders-item-price-total {position: relative; color: #ba3f5f;}
.market-orders-item-converted .market-orders-item-price-total:before {content: ""; position: absolute; left: 0px; top: 0px; width: 30px; height: 30px;
    background: url(/files/images/links/notice_red.png) no-repeat 5px 5px/20px 20px;
}
.market-orders-item .attention-currency {position: absolute; left: 0px; right: 0px; bottom: 0px; display: none; padding: 5px; border-radius: 0px 0px 5px 5px; color: #ffffff;
    background: rgba(0, 0, 0, 0.8) url(/files/images/links/notice.png) no-repeat 5px 5px/20px 20px; z-index: 1;
}
.market-orders-item:hover .attention-currency {display: block;}


/*FORMS*/
.response-layer {position: fixed; left: 0px; right: 0px; top: 0px; bottom: 0px; display: none; z-index: 50;}
.response-layer.active {display: block;}
.response-layer>.form-wrapper {position: absolute; left: 0px; right: 0px; top: 50px; bottom: 45px; width: fit-content; max-width: 90%; min-width: 280px; height: fit-content; margin: auto;}
.response-layer>.form-wrapper>.form-content {width: fit-content; max-width: 700px; height: fit-content; max-height: calc(100vh - 95px); margin: auto;}
.forms-shield {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; cursor: pointer; background: rgba(67, 74, 77, 0.8); z-index: -1;}

.form-wrapper {padding-top: 30px; border: 1px solid #bac1c4; border-radius: 5px; background: #ffffff; overflow: hidden;}
.form-header {position: absolute; left: 0px; right: 0px; top: 0px; height: 30px; line-height: 30px; margin: 0px; padding: 0px 30px 0px 10px; background: #e3e6e8; white-space: nowrap;
    overflow: hidden;
}
.forms-closer {position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; cursor: pointer; background: #e3e6e8 url(/files/images/links/close.png) no-repeat center/60% 60%;}
.form-content {padding: 10px; overflow: hidden;}

.form-field {margin-top: 10px; border: 2px solid #bac1c4; border-radius: 5px; text-align: left;}
.form-field input[type="text"], .form-field input[type="password"] {display: block; width: 100%; height: 30px; margin: 0px; padding: 0px 10px; border: 0px; border-radius: 5px;}
.form-inlinefields {padding: 1px 0px; text-align: center;}
.form-inlinefields .form-field {display: inline-block; vertical-align: top; margin-right: 5px;}
.form-inlinefields .inline-first {margin-left: 0px;}
.form-inlinefields .inline-last {margin-right: 0px;}
.form-inlinefields-2 .form-field {width: 45%;}
.form-inlinefields-3 .form-field {width: 32%;}
.form-inlinefields-4 .form-field {width: 24%;}
/*errors*/
.form-field.field-error {border: 2px solid #ba3f5f;}
.form-field.field-error label {color: #ba3f5f;}
/*text*/
.soft-field {position: relative; min-height: 35px;}
.soft-field label {position: absolute; left: 10px; top: -11px; height: 14px; line-height: 14px; padding: 0px 5px; font-size: 12px; background: #ffffff; white-space: nowrap;}
.form-field.h1-field {line-height: 40px; margin: 10px 0px 16px 0px; font-size: 24px; font-weight: normal;}

/*check*/
.form-field.check-field {line-height: 30px; border: none;}
.check-field input {display: none;}
.check-field label {display: block; cursor: pointer;}
.check-field label span {position: relative; display: block; text-indent: 30px;}
.check-field label span:before {content: ""; position: absolute; left: 0; top: 0; width: 30px; height: 30px; background: url(/files/images/checkboxes.png) 0% 0%/auto 400%;}
.check-field label span:hover:before {background-position-y: 33.33%;}
.check-field label input:checked + span {color: #007fc6;}
.check-field label input:checked + span:before {background-position-y: 66.66%;}
.check-field label input:checked + span:hover:before {background-position-y: 100%;}

/*radio (switcher)*/
.form-field.switcher-field {width: fit-content; line-height: 30px; margin-left: auto; margin-right: auto; padding: 0px; border: none; border-radius: 15px; background: #f3f5f6;}
.switcher-field input {display: none;}
.switcher-field label {display: inline-block; cursor: pointer;}
.switcher-field label span {position: relative; display: block; padding: 0px 20px; border-radius: 15px;}
.switcher-field label input:checked + span {background: #8b9397; color: #ffffff;}
.switcher-field label.switcher-field-buyers input:checked + span {background: #007fc6;}
.switcher-field label.switcher-field-sellers input:checked + span {background: #3fba46;}

/*selector*/
.selector-field {position: relative; height: 34px; cursor: pointer;}
.selector-field label {position: absolute; left: 10px; top: -11px; height: 14px; line-height: 14px; padding: 0px 5px; font-size: 12px; background: #ffffff; white-space: nowrap;}
.selector-field-selected {display: block; width: 100%; height: 30px; line-height: 30px; margin: 0px; padding: 0px 10px; white-space: nowrap; overflow: hidden;}
.selector-field-options {position: absolute; left: 0px; right: 0px; top: 0px; display: none; max-height: 210px; border: 1px solid #bac1c4; background: #ffffff; overflow-x: hidden;
    overflow-y: overlay; z-index: 10;
}
.expand-up .selector-field-options {top: auto; bottom: 0px;}
.selector-field-value {display: block; width: 100%; height: 30px; line-height: 30px; padding: 0px 10px; white-space: nowrap; overflow: hidden;}
.selector-field-value.active {color: #ffffff; background-color: #007fc6;}
/*selector-special*/
.hub-policy .selector-field {font-size: 13px;}
.hub-policy .selector-field-value {height: auto; line-height: 20px; border-bottom: 1px solid #bac1c4; white-space: normal;}
.hub-policy .selector-field-value:last-of-type {border-bottom: none;}

/*tree*/
.tree-field {position: relative;}
.tree-field label {position: absolute; left: 10px; top: -11px; height: 14px; line-height: 14px; padding: 0px 5px; font-size: 12px; background: #ffffff; white-space: nowrap;}
.tree-field-selected {display: block; width: 100%; height: 30px; line-height: 30px; margin: 0px; padding: 0px 10px; cursor: pointer; overflow: hidden; white-space: nowrap;}
.tree-wrapper {width: 280px; max-height: 300px; margin: 10px; border: 1px solid #bac1c4; overflow-y: overlay;}
.tree-item {position: relative; width: 100%; line-height: 20px; margin: 5px 0px; padding: 0px 10px; font-size: 14px; white-space: nowrap; overflow: hidden;}
.tree-item-name {display: block; margin-right: 20px; cursor: pointer; overflow: hidden;}
.tree-item-name:hover {text-decoration: underline; color: #007fc6;}
.tree-item.tree-item-selected>.tree-item-name {font-weight: bold;}
.tree-item img {display: inline-block; vertical-align: top; width: 20px; height: 20px;}
.tree-item-select {position: absolute; right: 10px; top: 0px; width: 20px; height: 20px; cursor: pointer; background: url(/files/images/links/select_dark.png) no-repeat 2px 2px/16px 16px;}
.tree-item-children {display: none; margin-right: -10px;}
.tree-item-children.tree-item-opened {display: block;}
.tree-result {min-height: 20px; line-height: 20px; margin: 10px; text-align: left; font-size: 14px; font-style: italic; color: #8b9397;}
/*search*/
.search-field {position: relative;}
.search-field input[type="text"] {padding-left: 30px; background: url(/files/images/links/search_dark.png) no-repeat 2px 2px/26px 26px;}
.search-wrapper {position: absolute; left: 0px; right: 0px; top: 110%; display: none; z-index: 100;}
.expand-up .search-wrapper {top: auto; bottom: 110%;}
.search-wrapper.active {display: block; padding: 5px 0px; border: 1px solid #bac1c4; border-radius: 5px; background-color: #ffffff; z-index: 10;}
.search-results-item {width: 100%; height: 20px; line-height: 20px; padding-left: 30px; font-size: 14px; cursor: pointer; white-space: nowrap; overflow: hidden;}
.search-results-item-current {background: url(/files/images/links/flag_dark.png) no-repeat 10px 2px/16px 16px;}
.search-results-item-explanation {font-style: italic; color: #8b9397;}
.search-results-empty {width: 100%; line-height: 20px; padding-left: 30px; font-size: 14px; font-style: italic; color: #8b9397;}
.search-results-all {width: 100%; height: 20px; line-height: 20px; padding-left: 30px; font-size: 14px; font-style: italic; cursor: pointer;}

/*buttons, links and decorations*/
.form-buttons-block {margin: 10px; text-align: center;}
.form-buttons-block:after {content: ""; display: block; clear: both;}
.form-button {display: inline-block; vertical-align: middle; line-height: 30px; padding: 0px 20px; border-radius: 5px; color: #ffffff; cursor: pointer; background: #3fba46;}
.form-button.red-button {background: #ba3f5f;}
.form-button.blue-button {background: #007fc6;}
.form-button-disabled {display: inline-block; vertical-align: middle; line-height: 30px; padding: 0px 20px; border-radius: 5px; color: #ffffff; cursor: not-allowed; background: #b9c1c4;}
.form-buttons-block .form-button, .form-buttons-block .form-button-disabled {float: left;}
.form-link {text-decoration: underline; color: #007fc6; cursor: pointer;}
.form-link:hover {text-decoration: none;}
.form-buttons-block .form-link {float: right; display: inline-block; vertical-align: middle; line-height: 30px;}
.form-caption {font-size: 14px; color: #8b9397;}
.form-section {margin: 20px 0px; padding: 10px; border: 1px dotted #bac1c4; border-radius: 5px; background: #f3f5f6;}
.form-section-header {line-height: 40px; margin-bottom: 20px; font-size: 24px;}
.form-section .soft-field label, .form-section .selector-field label, .form-section .tree-field label {background: #f3f5f6;}
/*tabs*/
.tabs-links {margin: 10px;}
.tabs-links-item {display: inline-block; cursor: pointer;}
.tabs-links-item-text {height: 30px; line-height: 30px; padding: 0px 10px; border-radius: 3px; font-size: 14px; text-decoration: underline; color: #007fc6;}
.tabs-links-item-text:hover {text-decoration: none;}
.tabs-links-item-text.active {text-decoration: none; color: #ffffff; background: #007fc6;}
.tabs-links-item-icon {width: 30px; height: 30px; border: 2px solid #bac1c4; border-radius: 100%; overflow: hidden; opacity: 0.3;}
.tabs-links-item-icon:hover {opacity: 0.5;}
.tabs-links-item-icon.active {border-color: #007fc6; opacity: 1;}
.tabs-values {position: relative; width: 100%; height: 300px;}
.tabs-values-item {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; opacity: 0; transition: 0.3s opacity; z-index: 10;}
.tabs-values-item.active {opacity: 1; z-index: 11;}
/*tabs-special*/
.tabs-values.tabs-hub-translation {height: 230px;}
.tabs-values.tabs-order-edit {width: 650px; height: 450px;}
.tabs-values.tabs-order-edit .tabs-values-content {min-height: 400px;}

/*forms-special*/
.favorites-edit-form {width: 500px; height: 400px;}
.hub-symbols-select-form {width: 450px; min-height: 280px;}
.response-layer[formid="openbox"]>.form-wrapper>.form-content {width: 680px; height: 510px; padding: 0px;}
.response-layer[formid="openbox"]>.form-wrapper>.form-content img {width: 100%; height: 100%;}


/*tree-selector-layer forms*/
.tree-selector-layer {position: fixed; right: 0px; bottom: 0px; display: none; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 60;}
.tree-selector-layer.active {display: block;}
.tree-selector-layer>.form-wrapper {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: fit-content; max-width: 90%; min-width: 280px; height: fit-content; margin: auto;}
.tree-selector-layer>.form-wrapper>.form-content {width: fit-content; max-width: 700px; height: fit-content; max-height: 90%; margin: auto;}