@import "../fonts/fonts.css?t=06072023";
.hover_effect {
  box-shadow: inset 0 0 100px 100px rgba(188,188,188,0.2);
}
.border {
  border: #414850 solid 1px;
  border-radius: 5px;
}
html {
  height: 100%;
  font-size: 14px;
  min-width: 360px;
}
body {
  font-family: Roboto, sans-serif;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  margin: 0px;
  height: auto;
  min-width: 360px;
  color: #454545;
  background: #ffffff;
}
::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: transparent;
}
::-webkit-scrollbar-thumb {
  background-color: #666b7a;
  border-radius: 3px;
  box-shadow: none;
}
@media (hover: hover) {
  ::-webkit-scrollbar {
    width: 5px !important;
    height: 5px !important;
    background-color: transparent;
  }
}
div.site-container {
  width: 1700px;
  margin: auto;
  display: block;
  min-height: 80vh;
  padding: 16px 0px;
  margin-top: 80px;
}
table {
  border-spacing: 0px;
}
form {
  display: inline-block;
  width: 100%;
}
a,
span.lnk {
  color: #1C66BD;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.5s;
}
b,
strong {
  font-weight: 500;
}
p {
  margin: 10px;
  line-height: 1.1;
}
dib {
  display: inline-block;
  width: auto;
}
.hide {
  display: none;
}
.hide-i {
  display: none !important;
}
.ts-b {
  font-weight: bold;
}
.pointer {
  cursor: pointer;
}
input[type="checkbox"] {
  cursor: pointer;
  position: relative;
  top: 1px;
  background: white;
  border: none !important;
  width: 20px;
  height: 20px;
}
td>input[type="checkbox"],
th>input[type="checkbox"] {
  vertical-align: middle;
}
input,
select,
textarea,
span.input {
  margin: 0;
  display: inline-block;
  border: #414850 solid 1px;
  border-radius: 6px;
  transform: translateZ(0);
}
input.error,
select.error,
textarea.error,
span.input.error {
  box-shadow: inset 0px 0px 4px -1px #ff0000;
  -webkit-appearance: none;
}
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
span.input:focus-visible {
  outline: none;
}
.fullwidth {
  width: 100%;
}
span.input {
  padding: 3px;
  height: 30px;
  line-height: 23px;
  white-space: nowrap;
}
span.input.ml {
  height: auto;
}
span.counter {
  border: 1px solid #084893;
  border-radius: 5px;
  padding: 0 5px;
  font-size: 13px;
  line-height: 22px;
  margin-right: 10px;
}
select {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 60px !important;
  border: #1C66BD solid 1px;
  border-radius: 4px !important;
  background-color: white;
  height: 29px;
}
select.disabled {
  color: #888888;
  opacity: 0.7;
}
select:not(.small_sel) {
  background: url(/pics/select_arrow.svg), linear-gradient(270deg,#1C66BD 30px,#FFFFFF 31px) !important;
  background-position: top right !important;
  background-repeat: no-repeat !important;
  background-size: auto 100% !important;
  appearance: none;
  height: 32px !important;
  padding-right: 35px;
}
h1 {
  font-size: 1.2rem;
  margin-bottom: 15px !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #063f5a;
}
h1 {
  margin-top: 0px;
}
h2 {
  font-size: 1.1rem;
}
h3 {
  font-size: 1.0rem;
}
.link {
  cursor: pointer;
}
div.link {
  padding-right: 25px;
  position: relative;
}
div.link:after {
  content: "\F105";
  font: 20px Icons;
  font-weight: 100;
  position: absolute;
  right: 10px;
  top: 3px;
  transition: transform 0.2s ease;
}
div.link:hover:after {
  transform: translateX(4px);
}
.ophn {
  opacity: 0.7;
}
.op_50 {
  opacity: 0.5;
}
.op-over {
  opacity: 0.6;
  transition: all 0.6s;
}
.op-over:hover {
  opacity: 1;
}
.common-sticky {
  position: sticky;
  top: 100px;
  z-index: 3;
}
.mb {
  margin-bottom: 20px;
}
.mt {
  margin-top: 20px;
}
.common-box {
  border: #1C66BD solid 1px;
  border-radius: 6px;
  padding: 15px;
  background: white;
}
.common-box:empty {
  display: none;
}
.warn:not(:empty):after {
  margin-left: 5px;
}
.warn:after {
  content: "!";
  background: white;
  border-radius: 100%;
  width: 18px;
  height: 18px;
  line-height: 18px !important;
  text-align: center;
  display: inline-block;
  color: white;
  vertical-align: middle;
  position: relative;
  top: -2px;
  font-size: 16px !important;
  font-family: inherit !important;
  font-weight: 600 !important;
  background: linear-gradient(180deg,#FF3D00 0%,#BD2D00 100%);
}
div.inner-content {
  margin-top: 15px;
  margin-bottom: 20px;
  position: relative;
}
div.clear {
  clear: both;
}
ficon {
  display: inline-block;
}
ficon:before {
  display: block;
  content: attr(data-i);
  font: 18px Icons;
}
span.event_num {
  display: inline-block;
  color: black;
  position: relative;
  top: -5px;
  background: white;
  padding: 1px 3px;
  font-size: 10px;
  font-weight: bold;
  border-radius: 12px;
  line-height: 15px;
  text-align: center;
  min-width: 20px;
  height: 16px;
  width: auto !important;
}
.table-container {
  display: block;
  max-width: 100%;
  width: 100%;
}
.table-container.overflowed {
  overflow-x: auto;
}
.table-nav {
  display: flex;
  justify-content: space-between;
  min-height: 40px;
  align-items: flex-start;
  flex-wrap: wrap;
}
.table-nav>div {
  height: 40px;
}
.status-tabs +.table-nav {
  min-height: 30px;
  border: #aaaaaa solid 1px;
  border-top-right-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom: 0px !important;
  padding: 10px;
}
.status-tabs +.table-nav>div {
  height: 30px;
}
.status-tabs +.table-nav +.tbl,
.status-tabs +.table-nav +.table-container .tbl {
  border-radius: 0px !important;
}
.status-tabs +.table-nav +.tbl tr:first-child td,
.status-tabs +.table-nav +.tbl tr:first-child th,
.status-tabs +.table-nav +.table-container .tbl tr:first-child td,
.status-tabs +.table-nav +.table-container .tbl tr:first-child th {
  border-radius: 0px !important;
}
.status-tabs +.table-nav .split-line {
  min-height: 30px;
}
table.tbl {
  border: 1px solid #888888;
  border-collapse: separate;
  border-radius: 8px;
}
table.tbl \


    tr.loading {
  opacity: 0.1;
}
table.tbl tr:first-child th:first-child,
table.tbl tr:first-child td:first-child {
  border-top-left-radius: 8px;
}
table.tbl tr:first-child td:last-child,
table.tbl tr:first-child th:last-child {
  border-top-right-radius: 8px;
}
table.tbl tr:last-child th:first-child,
table.tbl tr:last-child td:first-child {
  border-bottom-left-radius: 8px;
}
table.tbl tr:last-child td:last-child,
table.tbl tr:last-child th:last-child {
  border-bottom-right-radius: 8px;
}
table.tbl tr:last-child td:last-child>*:last-child,
table.tbl tr:last-child th:last-child>*:last-child {
  border-bottom-right-radius: 6px !important;
}
table.tbl tr:last-child th,
table.tbl tr:last-child td {
  border-bottom: none !important;
}
table.tbl.no-pad td,
table.tbl.nopad td {
  line-height: 28px;
  padding: 0px !important;
}
table.tbl.no-pad td.filter-td,
table.tbl.nopad td.filter-td {
  padding-right: 15px !important;
}
table.tbl.nowrap td {
  white-space: nowrap;
  max-width: 400px;
  overflow-x: auto;
  overflow-y: hidden;
}
table.tbl tr.sticky {
  position: sticky;
  top: 100px;
}
table.tbl.norad {
  border-radius: 0px;
}
table.tbl.norad td,
table.tbl.norad th {
  border-radius: 0px !important;
}
table.tbl th.table-name {
  background: #FFF0B4;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
}
table.tbl th.table-name>span {
  align-items: center;
}
table.tbl .itog {
  font-weight: 500;
}
table.tbl[width='100%'] {
  width: 100%;
}
.tbl.no-br {
  border-radius: 0px !important;
}
.tbl.no-br td,
.tbl.no-br th {
  border-radius: 0px !important;
}
table.tbl td,
table.tbl th {
  margin: 0px;
  height: 30px;
  text-align: left;
  padding: 2px 7px;
  position: relative;
  border-bottom: 1px solid #888888;
}
table.tbl td:not(:last-child),
table.tbl th:not(:last-child) {
  border-right: 1px solid #888888;
}
table.tbl td:empty,
table.tbl th:empty {
  padding: 0px !important;
}
table.tbl tr.SV td,
table.tbl th {
  background: #F5F9FF linear-gradient(180deg,#CDE4FF 0%,#F5F9FF 86.77%);
  text-align: left;
  color: #1E1E1E;
  padding: 0px 7px;
  font-weight: 500;
}
table.tbl tr.SV td:has(.action-list),
table.tbl th:has(.action-list) {
  padding-left: 35px;
}
table.tbl tr.SV td:has(.action-list) .action-list,
table.tbl th:has(.action-list) .action-list {
  position: absolute;
  left: 0px;
  top: 0px;
  border-right: #aaaaaa solid 1px;
  border-radius: 0px;
}
table.tbl tr:not(.SV) td {
  background: white;
}
tr.prices_stat .red {
  background-color: #ffafaf !important;
}
tr.prices_stat .green {
  background-color: #afffaf !important;
}
tr.red td {
  background-color: #ffafaf !important;
}
tr.green td {
  background-color: #afffaf !important;
}
@media (min-width: 1000px) {
  table.tbl tr:hover:not(.SV) td {
    background-color: #E9F4FF;
  }
}
table.blocks {
  border-left: none !important;
  border-right: none !important;
}
table.blocks td:first-child {
  border-left: #084893 solid 1px;
}
table.blocks td:last-child {
  border-right: #084893 solid 1px !important;
}
table.blocks tr.empty td {
  height: 30px;
  border: none !important;
}
table.blocks tr.empty+tr td {
  border-top: #084893 solid 1px;
}
table.blocks tr.empty+tr td:first-child {
  border-top-left-radius: 4px;
}
table.blocks tr.empty+tr td:last-child {
  border-top-right-radius: 4px;
}
table.blocks tr.empty tr.block-last-child td:first-child {
  border-bottom-left-radius: 4px;
}
table.blocks tr.empty tr.block-last-child td:last-child {
  border-bottom-right-radius: 4px;
}
table.blocks tr.empty:last-child {
  display: none;
}
td.no-pad,
th.no-pad,
tr.no-pad td,
tr.no-pad th {
  padding: 0px !important;
  line-height: 28px;
}
td.no-pad:has(input),
td.no-pad:has(select),
th.no-pad:has(input),
th.no-pad:has(select),
tr.no-pad td:has(input),
tr.no-pad td:has(select),
tr.no-pad th:has(input),
tr.no-pad th:has(select) {
  vertical-align: top;
}
td.no-pad input,
td.no-pad .btn,
th.no-pad input,
th.no-pad .btn,
tr.no-pad td input,
tr.no-pad td .btn,
tr.no-pad th input,
tr.no-pad th .btn {
  border-radius: 0px !important;
  display: flex;
  border: none !important;
}
td.no-pad input:hover,
td.no-pad input:focus,
td.no-pad input:active,
td.no-pad .btn:hover,
td.no-pad .btn:focus,
td.no-pad .btn:active,
th.no-pad input:hover,
th.no-pad input:focus,
th.no-pad input:active,
th.no-pad .btn:hover,
th.no-pad .btn:focus,
th.no-pad .btn:active,
tr.no-pad td input:hover,
tr.no-pad td input:focus,
tr.no-pad td input:active,
tr.no-pad td .btn:hover,
tr.no-pad td .btn:focus,
tr.no-pad td .btn:active,
tr.no-pad th input:hover,
tr.no-pad th input:focus,
tr.no-pad th input:active,
tr.no-pad th .btn:hover,
tr.no-pad th .btn:focus,
tr.no-pad th .btn:active {
  border: none !important;
  outline: none !important;
}
td.no-pad>input,
td.no-pad>.btn,
th.no-pad>input,
th.no-pad>.btn,
tr.no-pad td>input,
tr.no-pad td>.btn,
tr.no-pad th>input,
tr.no-pad th>.btn {
  width: 100% !important;
}
td.no-pad .input-container,
td.no-pad .edit-shfc,
th.no-pad .input-container,
th.no-pad .edit-shfc,
tr.no-pad td .input-container,
tr.no-pad td .edit-shfc,
tr.no-pad th .input-container,
tr.no-pad th .edit-shfc {
  min-width: 50px;
  max-width: none !important;
  height: 30px;
}
td.no-pad .input-container .ddTitle,
td.no-pad .input-container select,
td.no-pad .edit-shfc .ddTitle,
td.no-pad .edit-shfc select,
th.no-pad .input-container .ddTitle,
th.no-pad .input-container select,
th.no-pad .edit-shfc .ddTitle,
th.no-pad .edit-shfc select,
tr.no-pad td .input-container .ddTitle,
tr.no-pad td .input-container select,
tr.no-pad td .edit-shfc .ddTitle,
tr.no-pad td .edit-shfc select,
tr.no-pad th .input-container .ddTitle,
tr.no-pad th .input-container select,
tr.no-pad th .edit-shfc .ddTitle,
tr.no-pad th .edit-shfc select {
  width: 100%;
}
td.no-pad .input-container input,
td.no-pad .edit-shfc input,
th.no-pad .input-container input,
th.no-pad .edit-shfc input,
tr.no-pad td .input-container input,
tr.no-pad td .edit-shfc input,
tr.no-pad th .input-container input,
tr.no-pad th .edit-shfc input {
  width: 100%;
  height: 100%;
}
td.no-pad>.input-container,
td.no-pad>.edit-shfc,
th.no-pad>.input-container,
th.no-pad>.edit-shfc,
tr.no-pad td>.input-container,
tr.no-pad td>.edit-shfc,
tr.no-pad th>.input-container,
tr.no-pad th>.edit-shfc {
  width: calc(100% - 0.2px) !important;
}
td.no-pad .dd,
th.no-pad .dd,
tr.no-pad td .dd,
tr.no-pad th .dd {
  border-radius: 0px !important;
}
td.no-pad .dd .ddTitle,
th.no-pad .dd .ddTitle,
tr.no-pad td .dd .ddTitle,
tr.no-pad th .dd .ddTitle {
  border: none !important;
}
td.no-pad select,
th.no-pad select,
tr.no-pad td select,
tr.no-pad th select {
  border-radius: 0px !important;
  border: none !important;
}
td.no-pad a img,
th.no-pad a img,
tr.no-pad td a img,
tr.no-pad th a img {
  margin: 0px !important;
}
td.no-pad .slide-toggle,
th.no-pad .slide-toggle,
tr.no-pad td .slide-toggle,
tr.no-pad th .slide-toggle {
  padding: 3px;
}
td.no-pad .show-shfc,
th.no-pad .show-shfc,
tr.no-pad td .show-shfc,
tr.no-pad th .show-shfc {
  padding: 0px 5px;
  height: 100%;
}
td.no-pad .cubs,
th.no-pad .cubs,
tr.no-pad td .cubs,
tr.no-pad th .cubs {
  border-radius: 0px !important;
  border-bottom: none;
  border-top: none;
  height: 100%;
  max-height: 50px;
}
td.no-pad .cubs:after,
th.no-pad .cubs:after,
tr.no-pad td .cubs:after,
tr.no-pad th .cubs:after {
  border: none !important;
  border-radius: 0px !important;
}
td.no-pad .pad,
th.no-pad .pad,
tr.no-pad td .pad,
tr.no-pad th .pad {
  padding: 0px 5px !important;
}
td.no-pad .col-menu,
th.no-pad .col-menu,
tr.no-pad td .col-menu,
tr.no-pad th .col-menu {
  border-right: none !important;
}
td.no-pad .add,
th.no-pad .add,
tr.no-pad td .add,
tr.no-pad th .add {
  background-image: url(/pics/add.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 20px;
  background-position: center center;
}
.nowrap {
  white-space: nowrap;
}
.fullwidther {
  width: 100%;
}
.fullwidther>* {
  width: 100%;
}
.fullwidther input[type=text] {
  width: 100%;
}
br {
  line-height: 10px;
  font-size: 1px;
}
.input-container {
  display: inline-flex;
  position: relative;
  vertical-align: bottom;
}
#price_arts tr:not(:last-child) {
  border-bottom: #DDDEE0 solid 1px !important;
}
#price_arts tr.art-confirmed-0 {
  font-size: 10px;
  font-style: italic;
}
#price_arts tr.art-confirmed-0 .art-img {
  display: none;
}
#price_arts tr.art-confirmed-0 .art-info:before {
  display: inline-block;
  content: "*";
}
#price_arts td {
  border: none !important;
  border-bottom: #9AB9DF solid 1.5px !important;
  cursor: pointer;
  text-align: left;
  padding: 8px;
}
#price_arts .art-info {
  padding-left: 15px;
}
#price_arts .art-info .art-brand {
  display: inline-block;
  font-weight: 500;
}
#price_arts .art-info .art-num {
  font-weight: 600;
}
#price_arts .art-info .art-opis {
  display: inline-block;
  color: #676767;
  font-size: 0.8rem;
  font-weight: 400;
}
#price_arts .art-info .art-opis a {
  display: inline-block;
}
#price_arts .art-img img {
  max-height: 40px;
  max-width: 100px;
}
#price_arts .do_search {
  text-align: right;
  padding-right: 15px;
}
#price_arts .do_search a:after {
  content: "\F105";
  font-family: Icons;
  display: inline-block;
  margin-left: 5px;
}
#price_arts .show-more {
  background-color: #1C66BD;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  padding: 0px 7px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: none;
  outline: none;
  vertical-align: top;
  border-radius: 5px;
  white-space: nowrap;
  text-align: center;
  transition: all 0.5s;
  width: 100%;
}
#price_arts .show-more:not(:has(img)):not(:empty) {
  min-width: 70px;
}
#price_arts .show-more img {
  height: 50%;
  top: -1px !important;
  vertical-align: sub;
}
#price_arts .show-more ficon {
  margin-right: 5px;
}
#price_arts .show-more ficon:before {
  font-size: 16px !important;
}
#price_arts .show-more:hover:not(:disabled):not(.btn-icon):not(.gold) {
  background-color: #2777D4;
  color: #FFAE22 !important;
}
#price_arts .show-more.green {
  background-color: #33B241;
}
#price_arts .show-more.green:hover {
  background-color: #2C9823 !important;
  color: white !important;
}
#price_arts .show-more.del,
#price_arts .show-more.red {
  background-color: #D32230 !important;
}
#price_arts .show-more.del:hover,
#price_arts .show-more.red:hover {
  background-color: #AB0C0C !important;
}
#price_arts .show-more.lred {
  background-color: #D32230aa !important;
}
#price_arts .show-more.edit:before {
  font: 16px Icons;
  content: "\E877";
  display: inline-block;
  font-size: 12px !important;
}
#price_arts .show-more .b-n {
  border: none !important;
}
#price_arts .show-more.icon {
  width: 34px !important;
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
#price_arts .show-more.icon img {
  top: 0px !important;
  height: 100% !important;
  width: auto !important;
}
#price_arts .show-more.bg-icon {
  width: 34px !important;
  min-width: 34px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  padding: 0px !important;
}
#price_arts .show-more.bg-icon.del {
  background-image: url(/pics/del.svg);
}
#price_arts .show-more.accept {
  background-image: url(/pics/tick.svg);
  padding-left: 30px;
}
#price_arts .show-more.add {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-image: url(/pics/add.svg);
}
#price_arts .show-more.add:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
#price_arts .show-more.add:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
#price_arts .show-more.add:after {
  left: 10px;
  position: absolute;
}
#price_arts .show-more.enter {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-image: url(/pics/enter.svg);
  background-position: 90% center;
  padding: 0px 24px 0px 7px !important;
}
#price_arts .show-more.enter:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
#price_arts .show-more.enter:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
#price_arts .show-more.enter:after {
  left: 10px;
  position: absolute;
}
#price_arts .show-more.cart:before {
  font: 16px Icons;
  content: "\E894";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
#price_arts .show-more.transp {
  background-color: transparent !important;
  border: #1C66BD solid 1px !important;
  color: #1C66BD;
}
#price_arts .show-more.xls {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-color: transparent !important;
  border: #1C66BD solid 1px !important;
  color: #1C66BD;
  background-image: url(/pics/xls.svg) !important;
}
#price_arts .show-more.xls:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
#price_arts .show-more.xls:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
#price_arts .show-more.xls:after {
  left: 10px;
  position: absolute;
}
#price_arts .show-more.gold-blue {
  background: linear-gradient(122.1deg,#FFE371 15.31%,#FFB518 76.91%);
  color: #1C66BD;
}
#price_arts .show-more.gold-blue:hover {
  color: #1C66BD !important;
}
#price_arts .show-more:disabled {
  opacity: 0.4;
}
#price_arts .show-more:empty:not(input):not(.transp) {
  width: 34px !important;
  min-width: 0px !important;
  text-align: center !important;
  background-position: center center;
  padding: 0px !important;
}
#price_arts .show-more.croses {
  border: #1C66BD solid 1px;
}
#price_arts .show-more.croses:not(:hover) {
  background: linear-gradient(134.24deg,#FFEFB0 28.09%,#FFDF36 81.4%);
}
#price_arts .show-more.croses:before {
  font: 20px Icons;
  content: "\E89B";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
#price_arts .show-more.croses:empty:before {
  margin-right: 0px !important;
}
#price_arts .show-more.load {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  font-size: 0px;
  background-image: url(../../pics/button_loading.gif);
}
#price_arts .show-more.load:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
#price_arts .show-more.load:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
#price_arts .show-more.load:after {
  left: 10px;
  position: absolute;
}
#price_arts .show-more.big {
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  font-size: 16px;
}
.small {
  font-size: 11px;
}
.small-inputs input {
  width: 80px !important;
}
.zakup,
.markup,
.diller,
.price {
  color: #3366cc;
}
div.top_line {
  background: linear-gradient(180deg,#2777D5 0%,#074792 98.23%);
  height: 80px;
  position: fixed;
  width: 100%;
  z-index: 10120;
  top: 0px;
}
div.top_line .btn {
  height: 42px;
  line-height: 40px;
}
.d3-box {
  background: transparent;
  backdrop-filter: blur(11.8067px);
  border: white solid 1px;
  border-radius: 6px;
  padding: 0px 5px;
  color: white;
  line-height: 42px;
  height: 42px;
  min-width: 42px;
  text-align: center;
  white-space: nowrap;
}
.d3-box:hover:not(.open) {
  background: linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%);
  outline-color: #FFAE22;
  color: #1C66BD;
}
.notify-box {
  background-color: transparent;
  position: relative;
}
.notify-box .notify-cnt {
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 6px;
  background: #FF9501;
  color: black;
  font-size: 10px;
  font-weight: 500;
  text-align: center;
  padding: 3px;
  line-height: 1;
  min-width: 21px;
  max-width: 40px;
  overflow: hidden;
  white-space: nowrap;
}
.notify-box .notify-cnt:empty {
  display: none;
}
div.top_line_inner {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
}
div.top_line_inner>div {
  white-space: nowrap;
}
div.bottom_line {
  background: #1C66BD;
  height: 45px;
}
.footer_general {
  width: 1700px;
  margin: 0px auto;
  padding: 25px 0;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.footer_general .footer_block {
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-width: 300px;
  width: 20%;
}
.footer_general .footer_block div:nth-child(1):not(.logo) {
  font-size: 24px;
  font-weight: 600;
  padding-bottom: 10px;
  text-align: left;
  line-height: 1;
}
.footer_general .footer_block .block_logo_pay {
  display: flex;
  justify-content: space-around;
  gap: 5px;
}
.footer_general .footer_block .block_logo_pay div {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}
.footer_general .footer_block .block_logo_pay div img {
  height: 30px;
}
.footer_general .footer_block .block_logo_pay div:nth-child(2) {
  gap: 15px;
}
.footer_general .footer_block .block_logo_pay div:nth-child(2) img:nth-child(1) {
  height: 23px;
  margin-top: 5px;
}
.footer_general .footer_block.contacts .telephone img {
  width: 22px;
  margin-right: 10px;
}
.footer_general .footer_block.contacts .address {
  text-align: left;
}
.footer_general .footer_block.contacts .address img {
  width: 15px;
  margin-right: 10px;
}
.footer_general .footer_block.contacts .messengers {
  padding-top: 0px;
}
.footer_general .footer_block.contacts .messengers img {
  height: 32px;
  margin-right: 10px;
}
.footer_general div:nth-child(1) > div:nth-child(2) > img:nth-child(1) {
  padding-right: 5px;
}
div.footer {
  color: white !important;
  background: linear-gradient(0deg,rgba(0,0,0,0.45),rgba(0,0,0,0.45)), linear-gradient(180deg,#2777D5 0%,#074792 98.23%);
  position: relative;
}
div.footer a {
  color: #FFFFFF !important;
}
div.top_line_inner,
div.footer_inner {
  margin: auto;
  height: 100%;
  max-width: 1700px;
  width: 100%;
}
.go-arrows {
  position: fixed;
  right: 10px;
  bottom: 5px;
  opacity: 0.3;
  z-index: 100000;
}
.go-arrows:hover {
  opacity: 1;
}
#go_up,
#go_down {
  width: 36px;
  height: 36px;
  border-radius: 6px;
  text-align: center;
  font-size: 24px;
  cursor: pointer;
  display: none;
  background: #1C66BD;
  color: #ffffff;
  line-height: 30px;
}
#go_up *,
#go_down * {
  vertical-align: top;
  position: relative;
  top: -5px;
}
p:empty {
  display: none;
}
.align-bottom {
  position: absolute;
  bottom: 0px;
}
.item_check {
  vertical-align: middle;
}
div.head-autorization a.reg_lnk {
  padding-left: 30px;
  line-height: 24px;
}
div.head-autorization a.reg_lnk:before {
  content: "\E885";
  font: 23px Icons;
  display: inline-block;
  border-radius: 28px;
  text-align: center;
  margin-right: 5px;
  vertical-align: sub;
}
div.head-autorization a.top-exit-lnk {
  text-align: center;
  vertical-align: top;
  width: 39px;
  height: 39px;
  line-height: 39px;
  color: white;
  border-radius: 8px;
}
div.head-autorization a.top-exit-lnk:hover {
  background: #5595E0 !important;
  color: #FFAE22 !important;
}
div.head-autorization a.top-exit-lnk:before {
  content: "\E896";
  font: 16px Icons;
}
.callback:before {
  content: "\E8A3";
  font-family: 'Icons';
  font-size: 16px;
  margin-right: 6px;
  position: relative;
  top: 1px;
}
div.head {
  height: 100px;
  margin: 0px 0px;
}
div.head-box {
  height: 100%;
  display: inline-block;
  float: left;
}
div.logo {
  position: relative;
  display: inline-block;
}
div.logo img {
  width: auto;
  height: 48px;
  max-height: 100%;
}
.logo-small {
  display: none !important;
}
.top-line-logo {
  display: none;
  height: 100%;
  margin-right: 5px;
}
.top-line-logo img {
  height: 100%;
}
div.filial_tels span {
  display: inline-block;
}
div.head-middle {
  width: 520px;
}
div.head-right {
  float: right;
  position: relative;
  width: 300px;
  display: inline-flex;
  align-items: center;
}
div.head-button {
  height: 100%;
  display: flex;
  align-items: center;
}
div.head-button a {
  border-radius: 3px;
  khtml-border-radius: 3px;
  moz-border-radius: 3px;
  background: #1C66BD;
  vertical-align: bottom;
  display: inline-block;
  padding: 10px 5px 13px 15px;
  text-align: center;
  width: 160px;
  text-decoration: none;
  color: white;
  margin-bottom: -11px;
}
div.head-button-manonline a {
  background: #1C66BD url(/pics/manonline.png) no-repeat 14px 10px;
  padding-left: 23px;
  margin-top: 19px;
}
div.head-button-feedback {
  float: right;
}
div.head-button-feedback a {
  padding-left: 0;
  padding-right: 10px;
}
#head_send_mail_to_manager {
  margin-top: 17px;
  padding-right: 13px;
}
div.head-button a img {
  display: inline-block;
  position: relative;
  top: 1px;
}
div.head-soc_clubs img {
  margin-left: 45px;
  float: left;
  margin-top: 7px;
}
div.head-user-data {
  background: #f6fafd;
  border: #ededed solid 1px;
  border-radius: 6px;
  padding: 10px;
  line-height: 25px;
  color: #787878;
}
div.head-user-data>div {
  white-space: nowrap;
  overflow-x: hidden;
}
div.head-phones {
  position: relative;
  left: -20px;
}
.price-sotr-settings {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  width: 100%;
}
.price-sotr-settings span.disabled,
.price-sotr-settings span.lock {
  opacity: 0.7;
}
.price-sotr-settings span.disabled:not(.lock):hover,
.price-sotr-settings span.lock:not(.lock):hover {
  opacity: 1;
}
.dropup-container {
  position: relative;
  padding-top: 20px;
  margin-bottom: 20px;
}
.dropup-container .toggler {
  color: #1C66BD;
  background: linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%);
  width: 66px;
  height: 30px;
  cursor: pointer;
  position: absolute;
  top: -2px;
  left: 0px;
  border-radius: 6px;
  z-index: 5;
  text-align: center;
  border: #1C66BD solid 1px;
  padding-top: 4px;
}
.dropup-container .toggler:before {
  content: "\E888";
  font: 11px Icons;
  vertical-align: top;
  display: inline-block;
  transition: transform 0.4s;
  transform: rotate(180deg);
}
.dropup-container .dropup {
  background: linear-gradient(180deg,#FFFA8C 0%,#FAFCFF 157.38%);
  border: #1C66BD solid 1px;
  padding: 20px;
  border-radius: 8px;
  position: relative;
  z-index: 50;
}
.dropup-container.close .toggler:before {
  transform: rotate(360deg);
}
.dropup-container.close .dropup {
  display: none;
}
.dropup-container form {
  width: 100% !important;
}
button.recall {
  background: #24b72b url(/pics/recall.png) no-repeat 15px 7px;
  padding: 15px 5px 25px 31px;
  width: 188px;
}
button.recall:hover {
  background-color: #24b72b;
}
div.head-filial-info {
  line-height: 23px;
  font-size: 13px;
  color: #4a4a4a;
}
div.head-filial-info img {
  margin-left: 20px;
  position: relative;
  top: 2px;
  margin-right: 7px;
}
div.head hr {
  background: #a1a1a1;
  width: 500px;
  float: left;
  border: 0;
  height: 1px;
  margin: 4px 0px;
}
div.head-parts-buttons a {
  display: inline-block;
  background: #1C66BD;
  width: 166px;
  height: 36px;
  text-align: center;
  color: white;
  text-decoration: none;
  margin: 0;
  margin-top: 5px;
  float: left;
  line-height: 28px;
  font-size: 15px;
  padding-top: 4px;
  border: #414850 solid 1px;
  border-radius: 5px;
}
div.head-parts-buttons a:hover {
  background: #17607f;
}
div.head-parts-buttons a:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
div.head-parts-buttons a:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
div.head-search {
  box-sizing: border-box;
  top: 0px;
  left: 0px;
  right: 214px;
  color: white;
  display: flex;
  justify-content: stretch;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 2%;
}
div.head-search .search-option {
  position: absolute;
  top: 10px;
  right: 200px;
  max-width: 120px;
  overflow: hidden;
  z-index: 5;
  padding: 0px 3px;
}
div.head-search .search-option label {
  color: black;
  position: relative;
  top: 1px;
  font-size: 14px;
  color: #1C66BD;
}
div.head-search .head-search-options-input {
  flex-grow: 1;
  white-space: nowrap;
}
div.head-search .head-search-options-input form {
  display: inline-flex !important;
  flex-grow: 1;
  vertical-align: top;
  width: 100%;
}
div.head-search>span:not(:first-child) {
  margin-left: 10px;
}
div.head-search .pricenka {
  border-radius: 8px;
  height: 48px;
  line-height: 48px;
  padding: 0px 25px;
  transition: all 0.3s;
  font-weight: 500;
  display: inline-flex !important;
  align-items: center;
  vertical-align: top;
}
div.head-search .pricenka img {
  margin-right: 1px;
}
div.head-search .pricenka:before {
  content: "";
  display: inline-block;
  background-size: contain;
  margin-right: 10px;
  height: 38px;
  width: 35px;
}
div.head-search .pricenka:hover,
div.head-search .pricenka.created {
  background: linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%);
  color: #1B65BC;
}
div.head-search .pricenka:hover:before,
div.head-search .pricenka.created:before {
  background-image: url(/pics/pricenka_icon_hover.svg);
}
div.head-search .pricenka:not(.created):not(:hover),
div.head-search .pricenka.created:hover {
  background: linear-gradient(140.77deg,#2777D5 12.3%,#084893 84%);
  color: white;
}
div.head-search .pricenka:not(.created):not(:hover):before,
div.head-search .pricenka.created:hover:before {
  background-image: url(/pics/pricenka_icon.svg);
}
div.head-search .head-search-result {
  left: 0px !important;
  top: 55px !important;
  width: 100%;
  border: none !important;
  padding: 0px !important;
  z-index: 10001;
  text-align: center;
}
div.head-search .head-search-result a:hover {
  background-color: transparent !important;
}
div.head-search .head-search-result h2 {
  margin: 10px;
}
.pricenka-info {
  border: 1px solid #084893;
  padding: 0px;
  border-radius: 6px;
  line-height: 24px;
  margin-bottom: 10px;
  width: 100%;
}
.pricenka-info>a,
.pricenka-info>div {
  padding: 6px;
  display: flex;
  justify-content: space-between;
  background-color: #D3EBFF;
  color: black;
}
.pricenka-info>a .event_num,
.pricenka-info>div .event_num {
  position: static;
  background: #144072;
  color: white;
  top: -1px;
  border-radius: 4px;
  line-height: 14px;
  font-weight: 400;
  font-size: 12px;
  height: 20px;
  line-height: 15px;
  padding: 3px;
}
.pricenka-info>a:first-child,
.pricenka-info>div:first-child {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.pricenka-info>a:last-child,
.pricenka-info>div:last-child {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pricenka-info>a:not(:last-child),
.pricenka-info>div:not(:last-child) {
  border-bottom: #084893 solid 1px;
}
.pricenka-info .header {
  background: #ADD8E6;
  padding-left: 36px;
  position: relative;
  cursor: pointer;
}
.pricenka-info .header img {
  height: 16px;
  position: absolute;
  left: 10px;
  top: 10px;
}
.pricenka-info .child-info {
  display: block;
  padding: 5px 10px 5px 10px;
  background: #f1f9ff;
}
.pricenka-info .child-info>div {
  display: flex;
  justify-content: space-between;
  padding-left: 0px;
  position: relative;
}
.pricenka-info .child-info:not(:last-child) {
  border-bottom: #084893 solid 1px;
}
.pricenka-info .child-info.errors {
  background-color: #fff7e8 !important;
}
.pricenka-info .child-info.deleted {
  background-color: #fff1f1 !important;
}
.pricenka-info .child-info.new {
  background-color: #e5ffec !important;
}
.pricenka-info .child-info.in_cart {
  background-color: #f6ffe5 !important;
}
div.head-search-options {
  font-size: 14px;
  padding: 0px;
  background: #FFAE22;
  display: inline-block;
  color: white;
  margin: 0px 0px;
  max-width: 360px;
  line-height: 26px;
  text-align: center;
  position: relative;
  border: #414850 solid 1px;
  border-radius: 5px;
}
div.head-search-options img {
  position: absolute;
  right: 3px;
  top: 45%;
}
div.head-search-options .title {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  width: 100%;
  position: relative;
  padding-right: 30px;
  padding-left: 10px;
  box-sizing: border-box;
}
div.head-search-options .title:after {
  content: "\E888";
  font-family: 'Icons';
  font-size: 12px;
  position: absolute;
  right: 11px;
}
div.head-search-options div.head-search-options-hover {
  position: absolute;
  z-index: 500;
  top: 52px;
  inset: 52px auto auto auto !important;
  left: 0px;
  display: none;
  width: 100%;
  text-align: left;
  padding: 2px 0px !important;
  border-radius: 5px;
  border: none !important;
  background: linear-gradient(180.67deg,#5797E3 0.58%,#113157 143.9%);
  color: white;
}
div.head-search-options-hover div {
  white-space: nowrap;
}
div.head-search-options-hover input {
  margin-right: 5px;
}
div.lastnums {
  width: 100%;
  max-height: 400px;
  overflow-y: auto;
  display: block;
  white-space: normal !important;
}
div.lastnums a {
  width: auto;
  overflow-x: hidden;
  display: block;
  color: white;
  text-decoration: none;
  border-color: #8BB2E1;
}
div.lastnums a:hover {
  background: #205EA7 !important;
}
div.head-search-input {
  display: inline-block;
  border-radius: 4px;
  margin: 0px 8px 0px 0px;
  position: relative;
  vertical-align: top;
  width: 100%;
}
div.head-search-input .input-container {
  width: 100%;
}
div.head-search-input .options-lastnums {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  background: linear-gradient(180deg,#2777D5 0%,#074792 98.23%);
  border-radius: 8px;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  color: white;
  border: none;
  cursor: pointer;
  line-height: 44px;
  z-index: 100;
}
div.head-search-input .options-lastnums .title {
  height: 100%;
}
div.head-search-input .options-lastnums:hover:not(.open) {
  background: linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%);
  color: #1C66BD;
}
div.head-search-input input[type="text"] {
  text-transform: uppercase;
  color: #1C66BD;
  width: 100%;
  padding-left: 40px;
  padding-right: 35px;
  margin-left: 0px;
  font-size: 16px;
  min-width: 120px;
  height: 48px;
  background: linear-gradient(90.04deg,rgba(27,101,187,0) 46.27%,rgba(27,101,187,0.3066) 93.4%);
  -webkit-appearance: none;
  border-radius: 8px;
}
div.head-search-input input[type="text"]:focus,
div.head-search-input input[type="text"]:active {
  box-shadow: none;
  padding-left: 39px;
}
div.head-search-input input::-webkit-input-placeholder {
  text-transform: none;
  font-weight: normal;
}
div.head-search-input input::-moz-placeholder {
  text-transform: none;
  font-weight: normal;
}
div.head-search-input input:-moz-placeholder {
  text-transform: none;
  font-weight: normal;
}
div.head-search-input input:-ms-input-placeholder {
  text-transform: none;
  font-weight: normal;
}
div.head-search-input input[type="submit"] {
  border: 0;
  outline: 0;
  background: url(/pics/search.svg) no-repeat top left;
  text-indent: -500px;
  width: 18px;
  height: 18px;
  cursor: pointer;
  border-radius: 0;
  box-shadow: 0;
  position: absolute;
  left: 15px;
  top: 15px;
}
div.head-cart {
  display: inline-block;
  height: 61px;
  padding: 12px 1px 12px 50px;
  background: #1C66BD url(/pics/cart.png) no-repeat 5px center;
  border: #414850 solid 1px;
  border-radius: 5px 0 0 5px;
  float: right;
  box-sizing: border-box;
}
div.head-cart:hover {
  background-color: #17607f;
  cursor: pointer;
}
div.head-cart span {
  color: white;
  font-size: 15px;
  margin-left: 15px;
}
div.head-cart div {
  display: block;
  color: #bdc6ca;
  font-size: 13px;
}
div.head-orders {
  display: inline-block;
  height: 61px;
  padding: 12px 1px 12px 50px;
  background: #6dc76d url(/pics/order-32.png) no-repeat 10px center;
  float: right;
  box-sizing: border-box;
  border: #414850 solid 1px;
  border-radius: 0 5px 5px 0;
  flex-grow: 1;
}
div.head-orders a {
  color: white;
  font-size: 15px;
  text-decoration: none;
}
div.head-orders p {
  margin-top: 5px;
  text-align: center;
}
div.head-orders div {
  display: block;
  color: #bdc6ca;
  font-size: 13px;
  margin-top: 3px;
}
div.head-orders:hover {
  background-color: #17607f;
  cursor: pointer;
}
div.footer_inner {
  height: 50px;
  display: flex;
  align-items: center;
}
div.footer_inner div {
  display: inline-block;
  height: 100%;
}
div.counters {
  height: 100%;
  display: inline-block;
}
div.footer-info-policy {
  display: flex !important;
  align-items: center;
  font-size: 12px;
}
div.footer-info-email {
  float: right;
  font-size: 13px;
}
div.footer-info-email a {
  color: #bbcbdb;
  text-decoration: none;
}
div.top_menu {
  background: transparent;
  font-size: 14px;
}
div.top_menu>a,
div.top_menu>div>a {
  position: relative;
  border-radius: 4px;
}
div.top_menu>a:not(:last-child):after,
div.top_menu>div>a:not(:last-child):after {
  content: "|";
  display: inline-block;
  color: white;
  font-weight: 200;
  position: absolute;
  right: -7px;
  top: 0px;
  font-size: 20px;
}
div.top_menu>a:hover,
div.top_menu>div>a:hover {
  background: #5595E0 !important;
  color: #FFAE22 !important;
}
div.top_menu>a,
div.top_menu>div {
  margin-left: 10px;
}
div.top_menu>div>a {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
div.top_menu>div>div {
  border-radius: 4px;
  border-top-left-radius: 0px;
}
div.top_menu>div>div a:hover {
  border-color: #FFAE22 !important;
}
div.top_menu>div:hover>a {
  background-color: #5595E0 !important;
  box-shadow: 3px 2px 4px rgba(0,0,0,0.09);
}
div.top_menu>div:hover>a:after {
  display: none;
}
.top_menu-burger {
  background: transparent;
  backdrop-filter: blur(11.8067px);
  border: white solid 1px;
  border-radius: 6px;
  padding: 0px 5px;
  color: white;
  line-height: 42px;
  height: 42px;
  min-width: 42px;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  width: 39px;
  height: 39px;
  line-height: 36px;
  right: 0px;
  top: 0px;
  position: relative;
  cursor: pointer;
}
.top_menu-burger:hover:not(.open) {
  background: linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%);
  outline-color: #FFAE22;
  color: #1C66BD;
}
.top_menu-burger:before {
  content: "\E898";
  font: 5px Icons;
  display: inline-block;
  transition: transform 0.5s;
  vertical-align: baseline;
  zoom: 2;
}
.top_menu-burger.open:before {
  transform: rotate(180deg);
}
.toggle-menu {
  display: none;
}
div.top_menu div {
  display: inline-block;
  position: relative;
}
div.top_menu div div {
  display: none;
  position: absolute;
  top: 45px;
  left: 0px;
  min-width: 230px;
  max-width: 360px;
  overflow: hidden;
  z-index: 2;
  background: linear-gradient(180deg,#5595E0 0%,#3C6FAB 100%);
  box-shadow: 3px 2px 4px rgba(0,0,0,0.09);
}
div.top_menu div div a {
  width: 100%;
  display: block;
  height: 40px;
  line-height: 38px;
  white-space: nowrap;
}
div.top_menu div div a:not(:last-child) {
  border-bottom: #82A5CF solid 1px;
  border-top: #82A5CF solid 1px;
}
div.top_menu div div a:first-child {
  border-top: 0 !important;
}
div.top_menu:not(.mob) div:hover div {
  display: block;
}
div.top_menu div:hover a {
  background-color: transparent;
}
div.top_menu a {
  color: white !important;
  height: 45px;
  display: inline-block;
  font-weight: 500;
  vertical-align: top;
  line-height: 44px;
  padding: 0px 15px;
  text-decoration: none;
}
div.top_menu a:hover {
  transition: all 0.5s;
  color: #FFAE22 !important;
}
@media (min-width: 1100px) {
  div.admin_menu {
    width: 100%;
    left: 0px !important;
    position: fixed !important;
    bottom: 0px !important;
    top: auto !important;
    background: #666666;
    opacity: 0.8;
    transition: opacity 0.2s;
  }
  div.admin_menu:hover {
    opacity: 1;
  }
  div.admin_menu .top_menu {
    margin: auto;
    max-width: 1700px;
    width: 100%;
    display: block;
  }
  div.admin_menu .top_menu a {
    color: white !important;
  }
  div.admin_menu .top_menu div>div>a {
    border-bottom: none !important;
    border-top: #888888 solid 1px;
    border-radius: 0px !important;
  }
  div.admin_menu .top_menu div:hover a {
    background-color: #444444 !important;
    border-radius: 0px !important;
  }
  div.admin_menu .top_menu div div a:hover {
    background-color: #444444;
    border-top: #555555 solid 1px;
    border-bottom: none !important;
  }
  div.admin_menu .top_menu div>div {
    bottom: 45px;
    top: auto !important;
    border-radius: 0px !important;
  }
}
div.bottom_menu {
  background: #f6fafd;
  color: #545454;
  padding: 30px;
  max-width: 1700px;
  width: 100%;
  margin: auto;
}
div.footer-menu-box {
  display: inline-block;
  width: 216px;
  height: 200px;
  vertical-align: top;
}
div.footer-menu-box span {
  font-weight: bold;
  border-bottom: #ededed solid 1px;
  padding-bottom: 8px;
  padding-right: 30px;
  margin-bottom: 8px;
  display: inline-block;
  width: auto;
  width: 160px;
  font-size: 110%;
  text-transform: uppercase;
}
div.footer-menu-box a {
  color: #545454;
  display: block;
  margin-bottom: 8px;
  text-decoration: none;
}
div.footer-menu-box a:hover {
  text-decoration: underline;
}
div.footer-menu-box .head-soc_clubs img {
  margin-left: 0;
  margin-right: 20px;
  margin-top: 15px;
}
div.footer-menu-box div.phones {
  line-height: 25px;
}
div.footer-menu-box div.phones img {
  position: relative;
  top: 2px;
  margin-right: 7px;
}
div.footer-menu-box .recall {
  margin-top: 20px;
}
div.head-autorization {
  height: 100%;
  display: inline-block;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-left: -40px;
}
div.head-autorization div.head-auth-login-container {
  display: inline-block;
  position: relative;
  left: 2px;
  padding-right: 10px !important;
  vertical-align: top;
  cursor: pointer;
}
div.head-autorization div.head-auth-login-container .title:before {
  content: "\E897";
  display: inline-block;
  font: 14px Icons;
  margin-right: 5px;
}
div.head-auth-login-box {
  padding: 20px !important;
  right: 0px !important;
  left: auto !important;
  z-index: 2;
  cursor: default;
  font-size: 14px;
  color: white !important;
}
div.head-auth-login-box .niceCheck {
  border: white solid 1px;
  vertical-align: sub;
  margin-right: 5px;
}
div.head-auth-login-box div.send-pass,
div.head-auth-login-box div.register-page {
  text-align: center;
  color: #B2D4FF;
}
div.head-auth-login-box div.send-pass a:hover,
div.head-auth-login-box div.register-page a:hover {
  background: none !important;
}
div.head-auth-login-box input[type="text"],
div.head-auth-login-box input[type="password"] {
  width: 300px;
  margin-bottom: 15px;
  height: 40px;
  color: white;
}
div.head-auth-login-box input[type="text"] {
  background: transparent url(/pics/customer.svg?t=2) no-repeat 260px center;
  border: white solid 1px;
}
div.head-auth-login-box input[type="password"] {
  background: url(/pics/auth_pass_inp_ico.png) no-repeat 260px center;
  border: white solid 1px;
}
.top-auth-name {
  display: inline-block;
  position: relative;
  padding-left: 10px;
  cursor: pointer;
  max-width: 130px;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  font-size: 14px;
}
.top-auth-name:before {
  content: "\E893";
  font: 16px Icons;
  display: inline-block;
  margin-right: 5px;
}
.top-auth-name span {
  vertical-align: middle;
  position: relative;
  top: -1px;
  line-height: 1;
}
.top-auth-name>div {
  font-size: 1rem;
  padding: 0px !important;
  width: 350px;
}
.top-auth-name>div .info {
  padding: 10px 20px;
  font-weight: 500;
}
.top-auth-name>div .info .confirmed:after {
  content: "";
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url(/pics/checked.svg) no-repeat;
  background-size: contain;
  margin-left: 5px;
  vertical-align: middle;
  position: relative;
  top: -3px;
}
.top-auth-name>div>a {
  height: 40px;
}
.top-auth-name>div>a.warn {
  padding-left: 20px;
  font-weight: 600;
}
.top-auth-name>div>a.warn:after {
  margin-left: 5px;
}
.top-auth-name.warn:after {
  margin-left: 5px;
}
.top-auth-id {
  padding-left: 2px !important;
}
.top-auth-cart:before {
  content: "\E894";
  font: 16px Icons;
  display: inline-block;
}
.top-auth-notifys:before {
  content: "\E8A2";
  font: 18px Icons;
  display: inline-block;
}
.top-auth-orders:before {
  content: "\E8A1";
  font: 16px Icons;
  display: inline-block;
}
div.head-auth-login-container a {
  color: #14617f;
  padding: 0;
}
div.head-auth-login-container a:hover {
  color: #14617f;
  background: transparent;
}
div.auth-rem {
  display: block;
  height: 40px;
  font-size: 14px;
}
div.auth-do-login {
  display: block;
  height: 40px;
  margin-bottom: 10px;
}
div.auth-do-login input {
  width: 100% !important;
  height: 100% !important;
  font-size: 18px;
  color: #054DA7;
  background-color: #99C7E7;
  border-radius: 8px;
  border: none;
  outline: none;
}
div.soc_auth {
  margin-top: 20px;
}
div.soc_auth a {
  margin-right: 15px;
}
.dd_menu {
  background: #1C66BD;
  border: #8b96a8 solid 2px;
  color: white;
  display: none;
  padding: 0px;
  position: absolute;
  width: auto;
  z-index: 9999;
  min-width: 130px !important;
  font-size: 14px;
}
.dd_menu a ficon {
  margin-right: 15px;
}
.dd_menu {
  border-radius: 8px;
}
.check_tumbler {
  display: inline-block;
  height: 17px;
  left: 0px;
  position: relative;
  width: 52px;
  vertical-align: middle;
  font-size: 11px;
}
.check_tumbler label {
  display: block;
  position: relative;
}
.check_tumbler input {
  bottom: 0;
  cursor: pointer;
  height: 20px;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
  z-index: 100;
}
.check_tumbler label {
  background: white;
  border-radius: 6px;
  box-shadow: inset 0 0px 0px 1px #1C66BD;
  display: block;
  height: 17px;
  line-height: 17px;
  width: 100%;
  text-align: left;
  vertical-align: top !important;
}
.check_tumbler label:before {
  content: "OFF";
  display: inline-block;
  font-size: 10px;
  position: absolute;
  left: 30px;
  color: #999999;
  vertical-align: top;
}
.check_tumbler label i {
  background: linear-gradient(140.77deg,#BCBCBC 12.3%,#929292 84%);
  border-radius: 6px;
  display: block;
  height: 100%;
  width: 29px;
  position: absolute;
  right: auto;
  left: -1px;
  top: 0px;
  z-index: 2;
}
.check_tumbler input:checked ~ label:before {
  content: "ON";
  position: relative;
  left: 5px;
  color: #777777;
}
.check_tumbler input:checked ~ label i {
  right: -1px;
  left: auto;
  background: linear-gradient(140.77deg,#60C357 12.3%,#008C0E 84%);
}
.check_sim {
  display: inline-block;
  width: 20px;
  height: 20px;
  border: #1C66BD solid 1px;
  border-radius: 4px;
  vertical-align: middle;
}
#tooltip {
  background: #fafafa;
  border: #7597a2 solid 1px;
  color: black;
  display: none;
  padding: 2px;
  position: absolute;
  top: 0px;
  z-index: 999999 !important;
  font-size: 12px;
  max-width: 400px;
  line-height: 16px !important;
}
#tooltip:empty {
  display: none !important;
}
#tooltip:hover {
  opacity: 1 !important;
}
.tooltip {
  font-size: inherit;
  font-family: inherit;
  padding: 0px;
}
div#fast_wnd {
  position: fixed;
  top: 0px;
  background: #FFFFFF;
  display: none;
  color: black;
  border: #f4f4f4 solid 2px;
  padding: 0px;
  z-index: 10144;
  border-radius: 6px;
  box-shadow: 1px 1px 15px 0px black;
  min-width: 360px;
  max-width: min(1000px,100%);
  max-height: min(100vh,600px);
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}
div#fast_wnd #fast_wnd-text-container {
  overflow: auto;
  max-height: calc( min(100vh, 600px) - 50px);
  height: calc(100% - 50px);
  padding: 10px;
}
div#fast_wnd #fast_wnd-text-container iframe {
  width: 100%;
}
div.close_wnd {
  position: absolute;
  right: 6px;
  top: 2px;
  z-index: 2;
  transition: all 1s;
  padding: 3px;
  line-height: 10px;
  opacity: 0.5;
}
div.close_wnd img {
  height: 18px;
  vertical-align: top;
}
div.close_wnd:hover {
  opacity: 1;
}
div#fast_wnd-title {
  color: black;
  font-size: 15px;
  font-weight: 500;
  height: 32px;
  overflow: hidden;
  white-space: nowrap;
  display: block;
  padding: 5px 10px;
  padding-right: 20px;
  background: #F5F9FF linear-gradient(180deg,#CDE4FF 0%,#F5F9FF 86.77%);
  border-bottom: #888888 solid 1px;
}
.spec {
  color: #D5580C;
}
.pb-box {
  width: 100%;
  position: relative;
  height: auto;
}
.pb-box progress {
  display: block;
  line-height: 30px;
  width: 100%;
  height: 15px;
}
.pb-box label {
  width: 100%;
  display: block;
  color: black;
  text-align: center;
  top: 15px;
  overflow-x: hidden;
  display: flex;
  justify-content: space-between;
}
.pb-box .perc {
  color: #1C66BD;
}
.split-line {
  width: 100%;
  min-height: 40px;
  margin-top: 0px;
  display: flex;
  gap: 20px;
  flex: 2;
  justify-content: flex-end;
}
.split-line .total font {
  margin: 0px !important;
}
.split-line-per_page {
  display: inline-block;
}
div.split-line-per_page select,
.page-selector select {
  width: 50px;
  cursor: pointer;
}
div.split-line-per_page select option {
  background: #f6fafd;
  color: black;
  font-size: 14px;
}
div.page_nums {
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.page_num {
  display: inline-block;
  background: white;
  color: black;
  text-align: center;
  border: #1C66BD solid 1px;
  margin: 0px 5px;
  padding: 0px 3px;
  height: 30px;
  width: 30px;
  line-height: 28px !important;
  text-decoration: none;
  border-radius: 4px;
  opacity: 0.5;
  transition: all 0.5s;
}
a.page_num:hover {
  background: #F0FAFF;
  color: #1C66BD !important;
  opacity: 1;
}
font.page_num {
  border: #1C66BD solid 1px;
  color: #1C66BD;
  background: #FFF0B4;
  opacity: 1;
}
.pages-input {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.pages-input .input-container  select {
  width: 50px !important;
  min-width: 50px !important;
}
.pages-input .input-container  input {
  width: 70px !important;
  min-width: 70px !important;
}
table.cat_price img {
  float: left;
  padding: 5px;
}
.decl_var {
  border: black solid 1px;
}
img.mail_img {
  margin: 2px;
  width: 60px;
}
.harmon_btn {
  background: #EEF3F7;
  border-bottom: #88abc6 solid 1px;
  border-top: #88abc6 solid 1px;
  color: #111111;
  cursor: pointer;
  font-size: 12px;
  height: 14px;
}
tr.tr_bold td {
  font-weight: bold;
}
div.bb {
  color: #aaaaaa;
  font-size: 11px;
  text-align: right;
}
div.bb a {
  color: #aaaaaa;
  font-size: 11px;
}
.fh {
  display: none;
}
.det_info {
  display: none;
}
.cat_opis {
  color: #555555;
  font-size: 10px;
  margin: 10px;
}
.f-icon {
  text-decoration: none;
}
.f-icon:after,
.f-icon:before {
  font-family: Icons;
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
}
.va-c {
  display: inline-flex !important;
  align-items: center;
  vertical-align: top;
}
.va-c img {
  margin-right: 1px;
}
.p-l {
  padding-left: 20px !important;
}
.sp-bw,
.space-between {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: flex-start;
}
.sp-bw.middle,
.space-between.middle {
  align-items: center;
}
.sp-bw.wrap,
.space-between.wrap {
  flex-wrap: wrap;
}
.dib {
  display: inline-block;
}
.sub {
  position: relative;
  top: -4px;
}
.f-stretch {
  display: flex;
  justify-content: stretch;
  gap: 10px;
}
.f-stretch>.f-s {
  flex-grow: 1;
}
.cell-action {
  position: absolute;
  display: block;
  top: 8px;
  right: 0px;
}
a.cell-action {
  width: 12px !important;
  height: 12px !important;
}
td:has(.cell-action) {
  padding-right: 18px !important;
}
div.obj-list {
  display: inline-flex;
  gap: 10px;
}
div.obj-list.wrap {
  flex-wrap: wrap;
}
.uppercase {
  text-transform: uppercase;
}
.fl-uc:first-letter {
  text-transform: uppercase;
}
.no-wrap {
  white-space: nowrap !important;
}
.no-wrap .space-between {
  flex-wrap: nowrap !important;
}
.boxes-container {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(320px,1fr));
  justify-content: space-evenly;
  grid-auto-flow: dense;
  gap: 20px;
}
.boxes-container .box {
  border-radius: 4px;
  border: #aaaaaa solid 1px;
  background: white;
  padding: 10px;
}
.boxes-container .box:hover {
  background: #eeeeee;
}
.column-stretch {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
}
.column-stretch>* {
  flex-grow: 1;
}
.i-croses:before {
  font: 20px Icons;
  content: "\E89B";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.i-croses:empty:before {
  margin-right: 0px !important;
}
.btn_w_image {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
}
.btn_w_image:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.btn_w_image:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.btn_w_image:after {
  left: 10px;
  position: absolute;
}
input,
button,
select,
input[type='reset'],
a.btn {
  font-weight: normal;
  text-decoration: none;
  box-sizing: border-box;
}
.btn,
.button_to_a {
  background-color: #1C66BD;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  padding: 0px 7px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: none;
  outline: none;
  vertical-align: top;
  border-radius: 5px;
  white-space: nowrap;
  text-align: center;
  transition: all 0.5s;
}
.btn:not(:has(img)):not(:empty),
.button_to_a:not(:has(img)):not(:empty) {
  min-width: 70px;
}
.btn img,
.button_to_a img {
  height: 50%;
  top: -1px !important;
  vertical-align: sub;
}
.btn ficon,
.button_to_a ficon {
  margin-right: 5px;
}
.btn ficon:before,
.button_to_a ficon:before {
  font-size: 16px !important;
}
.btn:hover:not(:disabled):not(.btn-icon):not(.gold),
.button_to_a:hover:not(:disabled):not(.btn-icon):not(.gold) {
  background-color: #2777D4;
  color: #FFAE22 !important;
}
.btn.green,
.button_to_a.green {
  background-color: #33B241;
}
.btn.green:hover,
.button_to_a.green:hover {
  background-color: #2C9823 !important;
  color: white !important;
}
.btn.del,
.btn.red,
.button_to_a.del,
.button_to_a.red {
  background-color: #D32230 !important;
}
.btn.del:hover,
.btn.red:hover,
.button_to_a.del:hover,
.button_to_a.red:hover {
  background-color: #AB0C0C !important;
}
.btn.lred,
.button_to_a.lred {
  background-color: #D32230aa !important;
}
.btn.edit:before,
.button_to_a.edit:before {
  font: 16px Icons;
  content: "\E877";
  display: inline-block;
  font-size: 12px !important;
}
.btn .b-n,
.button_to_a .b-n {
  border: none !important;
}
.btn.icon,
.button_to_a.icon {
  width: 34px !important;
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.btn.icon img,
.button_to_a.icon img {
  top: 0px !important;
  height: 100% !important;
  width: auto !important;
}
.btn.bg-icon,
.button_to_a.bg-icon {
  width: 34px !important;
  min-width: 34px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  padding: 0px !important;
}
.btn.bg-icon.del,
.button_to_a.bg-icon.del {
  background-image: url(/pics/del.svg);
}
.btn.accept,
.button_to_a.accept {
  background-image: url(/pics/tick.svg);
  padding-left: 30px;
}
.btn.add,
.button_to_a.add {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-image: url(/pics/add.svg);
}
.btn.add:empty:not(input),
.button_to_a.add:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.btn.add:empty:not(input):not(input):not(.transp),
.button_to_a.add:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.btn.add:after,
.button_to_a.add:after {
  left: 10px;
  position: absolute;
}
.btn.enter,
.button_to_a.enter {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-image: url(/pics/enter.svg);
  background-position: 90% center;
  padding: 0px 24px 0px 7px !important;
}
.btn.enter:empty:not(input),
.button_to_a.enter:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.btn.enter:empty:not(input):not(input):not(.transp),
.button_to_a.enter:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.btn.enter:after,
.button_to_a.enter:after {
  left: 10px;
  position: absolute;
}
.btn.cart:before,
.button_to_a.cart:before {
  font: 16px Icons;
  content: "\E894";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn.transp,
.button_to_a.transp {
  background-color: transparent !important;
  border: #1C66BD solid 1px !important;
  color: #1C66BD;
}
.btn.xls,
.button_to_a.xls {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-color: transparent !important;
  border: #1C66BD solid 1px !important;
  color: #1C66BD;
  background-image: url(/pics/xls.svg) !important;
}
.btn.xls:empty:not(input),
.button_to_a.xls:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.btn.xls:empty:not(input):not(input):not(.transp),
.button_to_a.xls:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.btn.xls:after,
.button_to_a.xls:after {
  left: 10px;
  position: absolute;
}
.btn.gold-blue,
.button_to_a.gold-blue {
  background: linear-gradient(122.1deg,#FFE371 15.31%,#FFB518 76.91%);
  color: #1C66BD;
}
.btn.gold-blue:hover,
.button_to_a.gold-blue:hover {
  color: #1C66BD !important;
}
.btn:disabled,
.button_to_a:disabled {
  opacity: 0.4;
}
.btn:empty:not(input):not(.transp),
.button_to_a:empty:not(input):not(.transp) {
  width: 34px !important;
  min-width: 0px !important;
  text-align: center !important;
  background-position: center center;
  padding: 0px !important;
}
.btn.croses,
.button_to_a.croses {
  border: #1C66BD solid 1px;
}
.btn.croses:not(:hover),
.button_to_a.croses:not(:hover) {
  background: linear-gradient(134.24deg,#FFEFB0 28.09%,#FFDF36 81.4%);
}
.btn.croses:before,
.button_to_a.croses:before {
  font: 20px Icons;
  content: "\E89B";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.btn.croses:empty:before,
.button_to_a.croses:empty:before {
  margin-right: 0px !important;
}
.btn.load,
.button_to_a.load {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  font-size: 0px;
  background-image: url(../../pics/button_loading.gif);
}
.btn.load:empty:not(input),
.button_to_a.load:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.btn.load:empty:not(input):not(input):not(.transp),
.button_to_a.load:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.btn.load:after,
.button_to_a.load:after {
  left: 10px;
  position: absolute;
}
.btn.big,
.button_to_a.big {
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  font-size: 16px;
}
.gold {
  position: relative;
  background: #FFB518 linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%) left top;
  color: #0A4C99;
  overflow: hidden;
}
.gold:hover {
  box-shadow: 0px 0px 10px 0px #FFC3448A;
}
.gold:hover:after {
  animation: move-light 1s;
}
.gold:after {
  content: "";
  position: absolute;
  top: -100%;
  left: -20px;
  width: 1px;
  height: 200%;
  box-shadow: 0px 0px 20px 20px rgba(255,255,255,0.5);
  background-color: rgba(255,255,255,0.5);
  transform: skewX(-35deg);
}
input[type='button'],
input[type='submit'],
button,
input[type='reset'] {
  background-color: #1C66BD;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  padding: 0px 7px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: none;
  outline: none;
  vertical-align: top;
  border-radius: 5px;
  white-space: nowrap;
  text-align: center;
  transition: all 0.5s;
}
input[type='button']:not(:has(img)):not(:empty),
input[type='submit']:not(:has(img)):not(:empty),
button:not(:has(img)):not(:empty),
input[type='reset']:not(:has(img)):not(:empty) {
  min-width: 70px;
}
input[type='button'] img,
input[type='submit'] img,
button img,
input[type='reset'] img {
  height: 50%;
  top: -1px !important;
  vertical-align: sub;
}
input[type='button'] ficon,
input[type='submit'] ficon,
button ficon,
input[type='reset'] ficon {
  margin-right: 5px;
}
input[type='button'] ficon:before,
input[type='submit'] ficon:before,
button ficon:before,
input[type='reset'] ficon:before {
  font-size: 16px !important;
}
input[type='button']:hover:not(:disabled):not(.btn-icon):not(.gold),
input[type='submit']:hover:not(:disabled):not(.btn-icon):not(.gold),
button:hover:not(:disabled):not(.btn-icon):not(.gold),
input[type='reset']:hover:not(:disabled):not(.btn-icon):not(.gold) {
  background-color: #2777D4;
  color: #FFAE22 !important;
}
input[type='button'].green,
input[type='submit'].green,
button.green,
input[type='reset'].green {
  background-color: #33B241;
}
input[type='button'].green:hover,
input[type='submit'].green:hover,
button.green:hover,
input[type='reset'].green:hover {
  background-color: #2C9823 !important;
  color: white !important;
}
input[type='button'].del,
input[type='button'].red,
input[type='submit'].del,
input[type='submit'].red,
button.del,
button.red,
input[type='reset'].del,
input[type='reset'].red {
  background-color: #D32230 !important;
}
input[type='button'].del:hover,
input[type='button'].red:hover,
input[type='submit'].del:hover,
input[type='submit'].red:hover,
button.del:hover,
button.red:hover,
input[type='reset'].del:hover,
input[type='reset'].red:hover {
  background-color: #AB0C0C !important;
}
input[type='button'].lred,
input[type='submit'].lred,
button.lred,
input[type='reset'].lred {
  background-color: #D32230aa !important;
}
input[type='button'].edit:before,
input[type='submit'].edit:before,
button.edit:before,
input[type='reset'].edit:before {
  font: 16px Icons;
  content: "\E877";
  display: inline-block;
  font-size: 12px !important;
}
input[type='button'] .b-n,
input[type='submit'] .b-n,
button .b-n,
input[type='reset'] .b-n {
  border: none !important;
}
input[type='button'].icon,
input[type='submit'].icon,
button.icon,
input[type='reset'].icon {
  width: 34px !important;
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
input[type='button'].icon img,
input[type='submit'].icon img,
button.icon img,
input[type='reset'].icon img {
  top: 0px !important;
  height: 100% !important;
  width: auto !important;
}
input[type='button'].bg-icon,
input[type='submit'].bg-icon,
button.bg-icon,
input[type='reset'].bg-icon {
  width: 34px !important;
  min-width: 34px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  padding: 0px !important;
}
input[type='button'].bg-icon.del,
input[type='submit'].bg-icon.del,
button.bg-icon.del,
input[type='reset'].bg-icon.del {
  background-image: url(/pics/del.svg);
}
input[type='button'].accept,
input[type='submit'].accept,
button.accept,
input[type='reset'].accept {
  background-image: url(/pics/tick.svg);
  padding-left: 30px;
}
input[type='button'].add,
input[type='submit'].add,
button.add,
input[type='reset'].add {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-image: url(/pics/add.svg);
}
input[type='button'].add:empty:not(input),
input[type='submit'].add:empty:not(input),
button.add:empty:not(input),
input[type='reset'].add:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
input[type='button'].add:empty:not(input):not(input):not(.transp),
input[type='submit'].add:empty:not(input):not(input):not(.transp),
button.add:empty:not(input):not(input):not(.transp),
input[type='reset'].add:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
input[type='button'].add:after,
input[type='submit'].add:after,
button.add:after,
input[type='reset'].add:after {
  left: 10px;
  position: absolute;
}
input[type='button'].enter,
input[type='submit'].enter,
button.enter,
input[type='reset'].enter {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-image: url(/pics/enter.svg);
  background-position: 90% center;
  padding: 0px 24px 0px 7px !important;
}
input[type='button'].enter:empty:not(input),
input[type='submit'].enter:empty:not(input),
button.enter:empty:not(input),
input[type='reset'].enter:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
input[type='button'].enter:empty:not(input):not(input):not(.transp),
input[type='submit'].enter:empty:not(input):not(input):not(.transp),
button.enter:empty:not(input):not(input):not(.transp),
input[type='reset'].enter:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
input[type='button'].enter:after,
input[type='submit'].enter:after,
button.enter:after,
input[type='reset'].enter:after {
  left: 10px;
  position: absolute;
}
input[type='button'].cart:before,
input[type='submit'].cart:before,
button.cart:before,
input[type='reset'].cart:before {
  font: 16px Icons;
  content: "\E894";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
input[type='button'].transp,
input[type='submit'].transp,
button.transp,
input[type='reset'].transp {
  background-color: transparent !important;
  border: #1C66BD solid 1px !important;
  color: #1C66BD;
}
input[type='button'].xls,
input[type='submit'].xls,
button.xls,
input[type='reset'].xls {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-color: transparent !important;
  border: #1C66BD solid 1px !important;
  color: #1C66BD;
  background-image: url(/pics/xls.svg) !important;
}
input[type='button'].xls:empty:not(input),
input[type='submit'].xls:empty:not(input),
button.xls:empty:not(input),
input[type='reset'].xls:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
input[type='button'].xls:empty:not(input):not(input):not(.transp),
input[type='submit'].xls:empty:not(input):not(input):not(.transp),
button.xls:empty:not(input):not(input):not(.transp),
input[type='reset'].xls:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
input[type='button'].xls:after,
input[type='submit'].xls:after,
button.xls:after,
input[type='reset'].xls:after {
  left: 10px;
  position: absolute;
}
input[type='button'].gold-blue,
input[type='submit'].gold-blue,
button.gold-blue,
input[type='reset'].gold-blue {
  background: linear-gradient(122.1deg,#FFE371 15.31%,#FFB518 76.91%);
  color: #1C66BD;
}
input[type='button'].gold-blue:hover,
input[type='submit'].gold-blue:hover,
button.gold-blue:hover,
input[type='reset'].gold-blue:hover {
  color: #1C66BD !important;
}
input[type='button']:disabled,
input[type='submit']:disabled,
button:disabled,
input[type='reset']:disabled {
  opacity: 0.4;
}
input[type='button']:empty:not(input):not(.transp),
input[type='submit']:empty:not(input):not(.transp),
button:empty:not(input):not(.transp),
input[type='reset']:empty:not(input):not(.transp) {
  width: 34px !important;
  min-width: 0px !important;
  text-align: center !important;
  background-position: center center;
  padding: 0px !important;
}
input[type='button'].croses,
input[type='submit'].croses,
button.croses,
input[type='reset'].croses {
  border: #1C66BD solid 1px;
}
input[type='button'].croses:not(:hover),
input[type='submit'].croses:not(:hover),
button.croses:not(:hover),
input[type='reset'].croses:not(:hover) {
  background: linear-gradient(134.24deg,#FFEFB0 28.09%,#FFDF36 81.4%);
}
input[type='button'].croses:before,
input[type='submit'].croses:before,
button.croses:before,
input[type='reset'].croses:before {
  font: 20px Icons;
  content: "\E89B";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
input[type='button'].croses:empty:before,
input[type='submit'].croses:empty:before,
button.croses:empty:before,
input[type='reset'].croses:empty:before {
  margin-right: 0px !important;
}
input[type='button'].load,
input[type='submit'].load,
button.load,
input[type='reset'].load {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  font-size: 0px;
  background-image: url(../../pics/button_loading.gif);
}
input[type='button'].load:empty:not(input),
input[type='submit'].load:empty:not(input),
button.load:empty:not(input),
input[type='reset'].load:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
input[type='button'].load:empty:not(input):not(input):not(.transp),
input[type='submit'].load:empty:not(input):not(input):not(.transp),
button.load:empty:not(input):not(input):not(.transp),
input[type='reset'].load:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
input[type='button'].load:after,
input[type='submit'].load:after,
button.load:after,
input[type='reset'].load:after {
  left: 10px;
  position: absolute;
}
input[type='button'].big,
input[type='submit'].big,
button.big,
input[type='reset'].big {
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  font-size: 16px;
}
input[type='file'] {
  height: 32px;
  border: none !important;
  border-radius: 0px !important;
}
.btn:not(.icon) img {
  position: relative;
  top: 2px;
}
.btn:not(.icon) img+* {
  margin-left: 3px;
}
input.load {
  background-image: url(/pics/button_loading.gif);
  background-position: 10px center;
}
.copy2cb {
  cursor: pointer;
}
td.oo-copy:not(:hover) .copy2cb {
  visibility: hidden;
}
input[name=cart_clear] {
  margin-left: 10px;
}
input[name="filter_search"] {
  background-image: url(/pics/search_white.svg);
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
}
input[name="filter_search"]:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
input[name="filter_search"]:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
input[name="filter_search"]:after {
  left: 10px;
  position: absolute;
}
.input-actions {
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  color: #aaaaaa;
  line-height: 30px;
  z-index: 5;
  display: inline-flex !important;
  align-items: center;
  vertical-align: top;
}
.input-actions img {
  margin-right: 1px;
}
.input-actions span {
  text-decoration: none;
  margin-right: 1px;
  cursor: pointer;
  width: 30px !important;
  height: 100%;
  line-height: 30px;
  text-align: center;
  opacity: 0.5;
  border-left: #1C66BD solid 1px;
}
.input-actions span:after,
.input-actions span:before {
  font-family: Icons;
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
}
.input-actions span:last-child {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.input-actions span:hover {
  opacity: 1;
}
.input-actions .cancel:before {
  font-family: Icons;
  content: "\E878";
  font-size: 8px !important;
  vertical-align: top;
  color: red;
}
.input-actions .accept:before {
  font-family: Icons;
  content: "\E873";
  vertical-align: middle;
  color: #1C66BD;
  font-size: 12px !important;
}
.input-actions .set_Y:before {
  content: "Y";
  display: block;
}
.input-actions .set_N:before {
  content: "N";
  display: block;
}
input[type='text'],
input[type='password'],
input[type='number'],
textarea {
  background: #fefefe;
  color: #565656;
  height: 32px;
  padding: 5px;
  width: 210px;
  box-sizing: border-box;
  border: #1C66BD solid 1px;
  -webkit-appearance: none;
  position: relative;
  z-index: 1;
}
input[type='text']:hover,
input[type='password']:hover,
input[type='number']:hover,
textarea:hover {
  border: #1C66BD solid 1px;
  background-color: #f0f0f0;
  border-radius: 5px;
  z-index: 2;
}
input[type='text']:focus,
input[type='text']:active,
input[type='password']:focus,
input[type='password']:active,
input[type='number']:focus,
input[type='number']:active,
textarea:focus,
textarea:active {
  border: #1C66BD solid 2px;
  z-index: 3;
  padding-left: 4px;
}
input[type='text']:focus::placeholder,
input[type='text']:active::placeholder,
input[type='password']:focus::placeholder,
input[type='password']:active::placeholder,
input[type='number']:focus::placeholder,
input[type='number']:active::placeholder,
textarea:focus::placeholder,
textarea:active::placeholder {
  font-size: 0px;
}
input[type='text']:disabled,
input[type='text'].disabled,
input[type='password']:disabled,
input[type='password'].disabled,
input[type='number']:disabled,
input[type='number'].disabled,
textarea:disabled,
textarea.disabled {
  color: #bbbbbb;
}
input[type='text'].search,
input[type='password'].search,
input[type='number'].search,
textarea.search {
  background: url(/pics/search.svg) no-repeat 95% center;
  background-size: 16px;
}
textarea {
  height: auto;
}
input[type='number'] {
  text-align: center;
}
input[type='number']::-webkit-inner-spin-button {
  opacity: 0.1;
}
input[type='number']:hover::-webkit-inner-spin-button {
  opacity: 0.9;
}
.ic-wrapper {
  position: relative;
}
.ic-wrapper div.extra {
  position: absolute;
  right: 10px;
  width: auto;
  display: inline-block;
  top: 0px;
  height: 30px;
  line-height: 30px;
  z-index: 11;
}
span.input-container[data-actions_count="1"] input {
  padding-right: 30px;
}
.words-req {
  min-width: 140px;
  display: flex !important;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 10px;
  max-height: 250px;
  overflow: auto;
  padding: 10px 0px;
}
.words-req>div {
  display: inline-block;
  vertical-align: top;
  width: 100%;
}
.words-req a {
  padding: 4px 8px;
  text-decoration: none;
  display: block;
  color: black;
  border-radius: 0px;
}
.words-req a:hover {
  background-color: #BCE1FF;
  color: #1C66BD !important;
}
.words-req a.sel {
  background-color: #bce1ff !important;
  color: white !important;
}
.bordered {
  box-shadow: 0px 0px 1px 1px #aaaaaa;
}
.red {
  background-color: #ffafaf !important;
}
.red td {
  background-color: #ffafaf !important;
}
.green {
  background-color: #2C9823;
}
.green td,
td.green {
  background-color: #97EFA1 !important;
}
.yellow {
  background-color: #FFE994 !important;
}
.yellow td {
  background-color: #FFE994 !important;
}
.yellow.btn:hover {
  background-color: #EED984 !important;
}
.blue {
  background-color: #BCE1FF;
  color: black;
  box-shadow: 0px 0px 1px 1px #aaaaaa;
}
input.red:hover {
  background: #c76f6f;
}
.c-red {
  color: #b75f5f !important;
}
.c-green {
  color: #3d973d !important;
}
.c-gray {
  color: #777777 !important;
}
.c-yellow {
  color: #EDB900 !important;
}
.c-blue {
  color: #1C66BD !important;
}
.c-i {
  color: inherit !important;
}
.bg-white,
td.bg-white {
  background-color: white !important;
}
input.green {
  background: #5db75d;
}
input.green:hover {
  background: #6dc76d;
}
select {
  width: 170px;
}
select.small {
  width: 100px;
}
select.simple_sel {
  width: auto;
}
input[name="del"],
a.del,
button[type=reset],
input.del,
button[name=filter_clear] {
  background-image: url(../../pics/del.svg);
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-color: #ed3636 !important;
  color: white;
}
input[name="del"]:empty:not(input),
a.del:empty:not(input),
button[type=reset]:empty:not(input),
input.del:empty:not(input),
button[name=filter_clear]:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
input[name="del"]:empty:not(input):not(input):not(.transp),
a.del:empty:not(input):not(input):not(.transp),
button[type=reset]:empty:not(input):not(input):not(.transp),
input.del:empty:not(input):not(input):not(.transp),
button[name=filter_clear]:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
input[name="del"]:after,
a.del:after,
button[type=reset]:after,
input.del:after,
button[name=filter_clear]:after {
  left: 10px;
  position: absolute;
}
a.del.transp {
  background-image: url(/pics/del_red_transp.svg);
  background-color: transparent !important;
  background-repeat: no-repeat;
  background-size: contain !important;
  height: 16px;
  width: 16px !important;
  opacity: 0.6;
}
a.del.transp:hover {
  opacity: 1;
  transition: all 0.5s;
}
td a.del.transp {
  vertical-align: middle;
}
a.disabled {
  opacity: 0.4;
}
.btn-img {
  width: 32px;
  padding: 0px !important;
  padding-left: 0px !important;
  text-align: center !important;
  padding-top: 4px !important;
  vertical-align: bottom;
  background-position: center center;
  background-size: 20px;
}
.btn-img img {
  height: 20px;
  margin: 0px !important;
}
.btn-img:before {
  margin: 0px !important;
}
input.btn-img,
a.btn-img {
  width: 32px;
  padding: 0px !important;
  padding-left: 0px !important;
  text-align: center !important;
  padding-top: 4px !important;
  vertical-align: bottom;
  background-position: center center;
  background-size: 20px;
}
input.btn-img img,
a.btn-img img {
  height: 20px;
  margin: 0px !important;
}
input.btn-img:before,
a.btn-img:before {
  margin: 0px !important;
}
.round {
  border-radius: 6px;
}
.shadow {
  box-shadow: 6px 6px 6px #000000;
}
.sh_model {
  background: #f9f9ff;
  border: #4c799f ridge 3px;
  height: 150px;
  margin: 5px;
  padding-top: 10px;
  position: relative;
}
div.tree_cat {
  background: url(pics/cat_folder.jpg) no-repeat;
  line-height: 20px;
  padding-left: 20px;
}
div.tree_def a {
  background: url(pics/cat_part.png) no-repeat;
  display: block;
  line-height: 20px;
  padding-left: 20px;
}
.dill_subtypes a {
  background: #eeeeff;
  border: #4c799f solid 1px;
  color: black;
  float: left;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 140px;
}
.dill_subtypes a.sel {
  background: #4c799f;
  color: white;
}
.country_filter a {
  background: #eeeeff;
  border: #4c799f solid 1px;
  color: black;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 140px;
  text-decoration: none;
}
.country_filter a img {
  vertical-align: middle;
  margin-right: 5px;
}
.country_filter a.sel {
  background: #4c799f;
  color: white;
}
div.podpis {
  font-size: 8px;
  font-style: italic;
  padding-left: 10px;
  text-align: right;
}
img.mark {
  cursor: pointer;
}
.smalltabs a {
  font-size: 9px;
}
.star {
  color: red;
}
tr.noborder td {
  background: transparent;
  border: 0;
}
.snoska {
  background: #ffff88 url(pics/info.png) no-repeat top right;
  border: #4c799f solid 1px;
  margin: 5px;
  min-width: 100px;
  padding: 5px;
  padding-bottom: 15px;
  padding-top: 15px;
}
.border-right {
  border-right: gray solid 2px;
}
img.lan_img {
  width: 16px;
}
.page_tabs-container {
  overflow-x: auto;
}
.tab_links,
.page_tabs {
  background: transparent !important;
  color: #1C66BD;
  display: inline-flex;
  align-items: flex-end;
  white-space: nowrap;
  max-width: 100%;
  height: 41px;
  padding: 0px;
  overflow-x: auto;
}
.yellow .tab_links,
.yellow .page_tabs {
  background-color: #FFAE22;
}
.tab_links:not(.bbn),
.page_tabs:not(.bbn) {
  margin-bottom: 10px;
}
@media (max-width: 800px) {
  .tab_links,
  .page_tabs {
    margin-bottom: 10px;
    overflow-x: auto;
  }
}
@media (min-width: 800px) {
  .tab_links.bbn>a,
  .page_tabs.bbn>a {
    border-bottom: none !important;
  }
}
.tab_links.yellow a,
.page_tabs.yellow a {
  background-color: #FFAE22;
}
.tab_links a,
.page_tabs a {
  color: black;
  display: inline-block;
  height: 30px;
  line-height: 29px;
  margin-left: 0px;
  margin-top: 0px;
  text-align: center;
  max-width: 200px;
  min-width: max-content;
  overflow: hidden;
  padding: 0px 10px;
  text-decoration: none;
  vertical-align: top;
  position: relative;
  z-index: 1;
  border-radius: 0px;
  opacity: 0.5;
  transition: all 0.2s;
  border: #1C66BD solid 1px;
}
.tab_links a:not(:last-child):not(.sel),
.page_tabs a:not(:last-child):not(.sel) {
  border-right: none;
}
.tab_links a:last-child,
.page_tabs a:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
@media (min-width: 600px) {
  .bbn.tab_links a:last-child,
  .bbn.page_tabs a:last-child {
    border-bottom-right-radius: 0px !important;
  }
}
.tab_links a:last-child:not(.sel):not(:hover),
.page_tabs a:last-child:not(.sel):not(:hover) {
  border-bottom-right-radius: 4px;
}
.tab_links a:first-child,
.page_tabs a:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
@media (min-width: 800px) {
  .bbn.tab_links a:first-child,
  .bbn.page_tabs a:first-child {
    border-bottom-left-radius: 0px !important;
  }
}
.tab_links a:first-child:not(.sel):not(:hover),
.page_tabs a:first-child:not(.sel):not(:hover) {
  border-bottom-left-radius: 4px;
}
.tab_links a .event_num,
.page_tabs a .event_num {
  background: #144072;
  color: white;
  top: -1px;
  border-radius: 4px;
  line-height: 14px;
  font-weight: 400;
}
.tab_links a img,
.page_tabs a img {
  height: 16px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.tab_links a:not(:empty):before,
.page_tabs a:not(:empty):before {
  margin-right: 5px;
}
.tab_links a:hover:not(.disabled),
.page_tabs a:hover:not(.disabled) {
  color: #1C66BD;
  opacity: 1;
}
a.tab_link_sel,
a.page_tab.sel {
  background: #FFE991;
  color: #212529;
  font-weight: 500;
  height: 36px;
  line-height: 34px;
  margin-top: 1px;
  z-index: 2;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  opacity: 1;
}
.pricenka-buttons a:not(.disabled) {
  opacity: 1;
}
.pricenka-tabs {
  position: sticky;
  top: 80px;
  z-index: 5;
  background: white;
  z-index: 10;
}
.pricenka-tabs .page_tabs a {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  background-color: #ADD8E6;
  border-color: #1C66BD;
  border-bottom: none;
}
.pricenka-tabs .page_tabs a.add-row {
  background-color: #33B241 !important;
}
.pricenka-tabs .page_tabs a.add-row img {
  opacity: 1;
}
.pricenka-tabs .page_tabs a.xls {
  background-color: #33B241;
}
.pricenka-tabs .page_tabs a.xls img {
  opacity: 1 !important;
}
.pricenka-tabs .page_tabs a.refresh {
  background-color: #1C66BD;
}
.pricenka-tabs .page_tabs a.refresh img {
  opacity: 1 !important;
}
.table-buttons .page_tab {
  background-color: #ADD8E6;
}
.n_imgs img {
  top: 0px;
}
.mng_name {
  color: #ddbb44;
}
small,
.small {
  font-size: 0.8rem !important;
}
.small a {
  font-size: 9px;
}
.error_msg_sess {
  background: #FFEBEB url(/pics/attention.svg) no-repeat 10px center !important;
  background-size: 20px !important;
  padding-left: 46px !important;
  color: black !important;
  text-align: left;
  border: none;
  font-weight: 400;
}
div.error_msg_sess {
  border: #1C66BE solid 1px;
  border-radius: 4px;
  padding: 6px;
  margin-bottom: 10px;
}
.error_msg_sess.link {
  padding-right: 25px;
}
.error_msg_sess .rl-cancel {
  float: right;
  opacity: 0.6;
  transition: all 0.6s;
  line-height: 1;
}
.error_msg_sess .rl-cancel:hover {
  opacity: 1;
}
.error_msg_sess .rl-cancel img {
  height: 18px;
}
.suc_msg_sess {
  background: #fff5f5;
  border: green solid 2px;
  border-radius: 8px;
  color: green;
  padding: 10px;
  text-align: center;
  margin-bottom: 10px;
}
.info-msg {
  border-radius: 4px;
  text-align: center;
  background-color: #FFDAA6;
  border: #888888 solid 1px;
  padding: 10px;
}
.garmoshka_field {
  display: none;
}
.garmoshka_link {
  background: url(pics/garmoshka_bg.jpg) repeat-x;
  border: #aac7d5 solid 1px;
  border-radius: 6px;
  color: black;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 29px;
  line-height: 29px;
  text-align: center;
  text-decoration: none;
  width: 100%;
}
.ch_yes {
  color: green;
}
.ch_not {
  color: red;
}
span.ipf_error,
span.ipf_warning {
  padding: 4px;
  position: relative;
}
.ipf_opis {
  color: white;
  font-size: 10px;
  padding: 2px;
  position: absolute;
  right: -300px;
  text-align: left;
  width: 300px;
  width: auto;
  z-index: 5;
}
span.ipf_error {
  border: #e32636 solid 0px;
}
span.ipf_error .ipf_opis {
  background: #e32636;
}
span.ipf_warning {
  border: orange solid 0px;
}
span.ipf_warning .ipf_opis {
  background: orange;
}
#show_filter,
#hide_filter {
  background: #f6fafd;
  border: #ededed solid 1px;
  border-radius: 2px;
  color: #5e5255;
  padding: 10px;
  float: right;
  text-decoration: none;
  position: relative;
  z-index: 2;
  top: 2px;
}
#hide_filter {
  border-bottom: 0;
  display: none;
}
.filter_block.submit {
  margin-top: 20px;
  float: right;
  width: 150px;
}
.filter_block.reset {
  margin-top: 25px;
  float: right;
}
.filter_field:after {
  content: '.';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.filter-row-open,
.filter-row-close {
  width: 30px;
  background-image: url(/pics/filter.svg) !important;
  background-repeat: no-repeat !important;
  background-position: center center !important;
  background-size: 16px !important;
  position: relative;
}
.filter-row-open.filter-row-close:after,
.filter-row-close.filter-row-close:after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: white url(/pics/del_red_transp.svg) no-repeat center center;
  background-size: contain;
  border-radius: 100%;
  position: absolute;
  bottom: 3px;
  right: 2px;
}
.edit_text_link {
  opacity: 0.2;
}
.edit_text_link:hover {
  opacity: 1;
}
input.int,
input[type="number"],
input.float {
  width: 44px !important;
  text-align: center;
}
.no-pad .input-container input.int,
.no-pad .input-container input[type="number"],
.no-pad .input-container input.float {
  width: 100% !important;
}
table.reg td {
  text-align: left;
}
div.inp_phone {
  position: relative;
  text-align: right;
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
div.inp_phone .input-container input {
  text-align: left !important;
}
#reg_mob_code,
.reg_mob_code {
  display: inline-block;
  text-align: right;
  padding: 0px 5px;
  white-space: nowrap;
  height: 32px;
  line-height: 28px;
  border: #ababab solid 1px;
  border-radius: 4px;
  z-index: 5;
}
#reg_mob_code img,
.reg_mob_code img {
  position: relative;
  top: -2px;
  height: 20px;
}
#ggle {
  display: none;
  margin: 20px;
}
div.sel_boxes span.s_box {
  background: #007BA7;
  border: #082567 solid 1px;
  color: white;
  display: inline-block;
  margin: 10px;
  padding: 5px;
  text-align: center;
}
div.sel_boxes span.s_box a {
  color: white;
}
div.sel_boxes span.sel {
  background: #003153;
}
.set_input_width_200 input,
.set_input_width_200 select {
  width: 200px;
}
.set_input_width_200 select {
  width: 200px;
}
.set_tr_height_20 tr {
  height: 25px;
}
.tr_clickable tr {
  cursor: pointer;
}
input[type=checkbox].opc_osf {
  background: #aaffaa;
  border: #aaffaa solid 1px;
}
.profile_soc {
  display: inline-block;
  margin-bottom: 5px;
  padding: 5px;
}
.profile_soc a {
  margin: 10px;
}
table.user_profile table.tbl tr.SV td {
  text-align: center;
}
table.user_profile table.tbl tr td {
  text-align: left;
}
img.userinfo_razdel {
  height: 16px;
  width: 16px;
}
.blue_sky_box {
  background: #F0F8FF;
  border: #A4BAED solid 1px;
  border-radius: 4px;
  margin-bottom: 15px;
}
.warn_no_data {
  color: red;
  font-size: 16px;
}
.sel_small select {
  width: 50px;
}
.img_sel {
  display: inline-block;
  width: 300px;
}
.img_sel a {
  float: left;
  height: 16px;
  margin: 3px;
  width: 16px;
}
.img_sel img {
  height: 16px;
  width: 16px;
}
div.mod_list div.mod {
  border: #eeeeee solid 1px;
  display: inline-block;
  height: 250px;
  margin: 20px;
  padding: 10px;
  text-align: center;
  width: 300px;
}
div.mod img {
  height: 210px;
  width: 280px;
}
.org_table {
  background: url(pics/shapka_1px.jpg);
  border: #555555 solid 1px;
  border-radius: 4px;
  width: 500px;
}
.lp_panel {
  display: inline-block;
  width: 290px;
}
.dis {
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  opacity: 0.3;
}
.hframe {
  visibility: hidden;
  width: 1px;
  height: 1px;
  position: absolute;
}
.line_list {
  line-height: 140px;
}
.add_to_cart {
  text-decoration: none;
}
.page-pricenka .add_to_cart.all {
  margin-right: 3px;
}
.no-pad .add_to_cart {
  border-radius: 0px !important;
  border: none !important;
  height: 100%;
  max-height: 40px;
}
.add_to_cart span {
  position: relative;
  top: -4px;
}
.edit {
  text-decoration: none;
}
.edit:after,
.edit:before {
  font-family: Icons;
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
}
.edit:before {
  content: "\E877";
  font-size: 16px !important;
}
.file {
  text-decoration: none;
}
.file:after,
.file:before {
  font-family: Icons;
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
}
.file:before {
  content: "\F115";
}
.obj-files-small {
  text-align: center;
  line-height: 1;
  height: auto !important;
  overflow: hidden;
}
.obj-files-small>div i {
  width: 25px !important;
}
.obj-files-small>div a {
  max-width: 200px;
  overflow-x: hidden;
  display: inline-block !important;
  white-space: nowrap !important;
  text-decoration: none;
}
.obj-files-small div.file-row {
  display: flex !important;
  align-items: center;
  gap: 10px;
}
.obj-files-small div.file-row .sf-check {
  width: 25px;
}
tr.dott {
  background-image: url(pics/tbl_dott.jpg);
  background-position: bottom left;
  background-repeat: repeat-x;
}
tr.dott fontf {
  background: white;
  position: relative;
  top: 2px;
  z-index: 1;
}
.catalog_brend_box {
  border: none;
  border-collapse: collapse;
}
.catalog_brend_box A {
  background: white;
  border: solid 2px white;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 25px;
}
.catalog_brend_box A:hover {
  border: solid 2px #ccf;
}
.catalog_brend_box A IMG {
  display: block;
  width: 100px;
}
table.user_profile tr.tr_head,
.profile h2 {
  color: orange;
  font-family: arial;
  font-size: 14px;
  font-weight: bold;
}
table.user_profile td font {
  font-family: tahoma;
}
table.user_profile td:nth-child(even) {
  text-align: right;
}
.kab_box {
  color: gray;
  width: 400px;
  padding: 20px;
}
.kab_box img {
  clear: none;
  float: left;
}
.kab_menu {
  font-weight: bold;
}
a.sort {
  color: #aaaaaa;
  text-decoration: none;
}
a.sort.sort_asc:after {
  content: "\E81D";
  font: 14px Icons;
}
a.sort.sort_desc:after {
  content: "\E81C";
  font: 14px Icons;
}
.tree_def {
  display: none;
}
.tree_cat {
  color: #2E5B7F;
  cursor: pointer;
}
.catalog_left_link {
  width: 50px;
}
#pelena {
  background: rgba(30,30,30,0.5);
  left: 0px;
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  z-index: 10090;
}
.loading-lf {
  width: 100px;
  height: 100px;
  margin: auto;
}
td .loading-lf {
  width: 18px;
  height: 18px;
}
#pelena .loading,
#pelena .loading-lf {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%);
}
.ajax-box {
  position: relative;
}
.ajax-box .loading {
  height: max(100%,100px);
  position: absolute;
  left: 0px !important;
  top: 0px !important;
}
div.carts-form_order-wnd input[type='text'] {
  width: 330px;
}
img.inline {
  position: relative;
  top: 2px;
}
td.price {
  white-space: nowrap !important;
  width: 100px;
}
td.price img {
  height: 16px;
  display: inline-block;
  float: left;
}
div.order_dop_btns {
  position: absolute;
  top: 0px;
  right: 5px;
}
div.order_buttons input {
  margin: 0 10px;
}
.order-sum {
  padding-right: 100px;
}
.order-status {
  display: inline-flex;
  white-space: nowrap;
  overflow-x: auto;
  height: 32px;
  line-height: 32px;
  font-size: 15px;
}
.order-status .order-status-cell {
  display: inline-flex;
}
.order-status .order-status-cell:not(.sel) {
  opacity: 0.4;
}
.order-status .order-status-cell:not(.sel) span {
  background-color: white !important;
}
.order-status .order-status-cell:not(:last-child):after {
  content: "—";
  display: inline-block;
  margin: 0px 5px;
  color: #888888;
  opacity: 0.4;
  font-size: 20px;
}
.order-status-cell {
  display: inline-flex;
  align-items: center;
  vertical-align: top;
  gap: 5px;
}
.order-status-cell span {
  border-radius: 100%;
  border: #888888 solid 1px;
  display: inline-block;
  width: 15px;
  height: 15px;
}
.cat-status img {
  height: 16px;
  vertical-align: middle;
  margin-right: 5px;
}
.cat-status .status-title {
  color: black !important;
}
td.status {
  white-space: nowrap;
}
td.status .status-name {
  display: inline-block;
  padding: 0px 7px;
}
td.status a {
  float: right;
  width: 30px;
}
div.user-profile-razdeli {
  border: #83A3C9 solid 1px;
  border-radius: 4px;
  width: 200px;
  min-width: max-content;
  float: left;
  position: sticky;
  top: 90px;
}
div.user-profile-razdeli div:nth-child(1) > a:before {
  content: "";
  display: inline-block;
  background: url(/pics/profile_icon.svg?t=1) no-repeat;
  background-size: contain;
  margin-right: 10px;
  height: 21px;
  width: 22px;
  vertical-align: text-bottom;
}
div.user-profile-razdeli div:nth-child(1) > a:hover:before,
div.user-profile-razdeli > a:nth-child(1):before {
  background-image: url(/pics/profile_icon_hover.svg?t=1);
}
div.user-profile-razdeli div:nth-child(2) > a:before {
  content: "";
  display: inline-block;
  background: url(/pics/delivery_icon.svg?t=1) no-repeat;
  background-size: contain;
  margin-right: 10px;
  height: 21px;
  width: 22px;
  vertical-align: text-bottom;
}
div.user-profile-razdeli div:nth-child(2) > a:hover:before,
div.user-profile-razdeli div:nth-child(2) > a.user-profile-razdel-sel:before {
  background-image: url(/pics/delivery_icon_hover.svg?t=1);
}
div.user-profile-razdeli div:nth-child(3) > a:before {
  content: "";
  display: inline-block;
  background: url(/pics/requisites_icon.svg?t=1) no-repeat;
  background-size: contain;
  margin-right: 10px;
  height: 21px;
  width: 22px;
  vertical-align: bottom;
}
div.user-profile-razdeli div:nth-child(3) > a:hover:before,
div.user-profile-razdeli div:nth-child(3)> a.user-profile-razdel-sel:before {
  background-image: url(/pics/requisites_icon_hover.svg?t=1);
}
div.user-profile-razdeli div:nth-child(4) > a:before {
  content: "";
  display: inline-block;
  background: url(/pics/settings_icon.svg?t=1) no-repeat;
  background-size: contain;
  margin-right: 10px;
  height: 21px;
  width: 22px;
  vertical-align: text-bottom;
}
div.user-profile-razdeli div:nth-child(4) > a:hover:before,
div.user-profile-razdeli div:nth-child(4)> a.user-profile-razdel-sel:before {
  background-image: url(/pics/settings_icon_hover.svg?t=1);
}
div.user-profile-razdeli div:nth-child(5) > a:before {
  content: "";
  display: inline-block;
  background: url(/pics/sys_data_icon.svg?t=1) no-repeat;
  background-size: contain;
  margin-right: 10px;
  height: 21px;
  width: 22px;
  vertical-align: text-bottom;
}
div.user-profile-razdeli div:nth-child(5) > a:hover:before,
div.user-profile-razdeli div:nth-child(5)> a.user-profile-razdel-sel:before {
  background-image: url(/pics/sys_data_icon_hover.svg?t=1);
}
div.user-profile-razdeli.dill div:nth-child(2) > a:before {
  background: url(/pics/icon_Legal_data.svg?t=1) no-repeat !important;
}
div.user-profile-razdeli.dill div:nth-child(2) > a:hover:before,
div.user-profile-razdeli.dill div:nth-child(2)> a.user-profile-razdel-sel:before {
  background-image: url(/pics/icon_Legal_data_hover.svg?t=1) !important;
}
div.user-profile-razdeli.dill div:nth-child(3) > a:before {
  background: url(/pics/settings_icon.svg?t=1) no-repeat !important;
  height: 24px;
  width: 24px;
}
div.user-profile-razdeli.dill div:nth-child(3) > a:hover:before,
div.user-profile-razdeli.dill div:nth-child(3)> a.user-profile-razdel-sel:before {
  background-image: url(/pics/settings_icon_hover.svg?t=1) !important;
}
div.user-profile-razdeli.dill div:nth-child(4) > a:before {
  background: url(/pics/icon_b2b.svg?t=1) no-repeat !important;
}
div.user-profile-razdeli.dill div:nth-child(4) > a:hover:before,
div.user-profile-razdeli.dill div:nth-child(4)> a.user-profile-razdel-sel:before {
  background-image: url(/pics/icon_b2b_hover.svg?t=1) !important;
}
a.user-profile-razdel {
  display: block;
  width: 100%;
  box-sizing: border-box;
  color: black;
  text-decoration: none;
  padding: 15px;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  border-bottom: #83A3C9 solid 1px;
}
a.user-profile-razdel:last-child {
  border-bottom: none;
}
a.user-profile-razdel-sel,
a.user-profile-razdel:hover {
  border-left: #084893 solid 2px;
  background: #C7DDFF;
  padding-left: 13px;
  color: #084893;
}
div.user-profile-razdeli > div:nth-child(1) > a,
div.user-profile-razdeli > div:nth-child(1) > a:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
div.user-profile-razdeli > div:nth-child(5) > a,
div.user-profile-razdeli > div:nth-child(5) > a:hover {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
a.user-profile-razdeli-ur {
  padding-left: 30px;
  color: #444444;
  display: block;
  text-decoration: none;
  margin: 5px;
}
a.user-profile-razdeli-ur-sel,
a.user-profile-razdeli-ur:hover {
  font-weight: bold;
}
a.user-profile-razdeli-ur-add_new {
  background: #24b72b;
  color: white;
  padding-left: 30px;
  text-decoration: none;
  display: block;
}
div.user-profile-razdel {
  max-width: 700px;
  margin-left: 205px;
}
div.user-profile-razdel h2 {
  padding: 15px 0 5px;
}
table.user-profile td {
  padding: 15px;
  height: 57px;
  vertical-align: middle;
}
table.user-profile td:nth-child(even) {
  text-align: right;
}
table.zebra tr:nth-child(even) {
  background: #fafafa;
}
.niceCheck {
  width: 20px;
  height: 20px;
  display: inline-block;
  cursor: pointer;
  background: url(/pics/input-checkbox.svg) no-repeat;
  background-size: 20px;
  position: relative;
  top: 3px;
  border-radius: 4px;
}
.niceCheck input {
  display: none;
}
.action-list {
  position: relative;
  cursor: pointer;
}
.action-list.content-none {
  font-size: 0px;
  width: 0px;
}
.action-list:empty:not(.not-empty) {
  display: none;
}
.action-list>div {
  cursor: auto;
}
div.action-list {
  display: inline-block;
}
.action-list>div,
.dd_menu,
.filter_field,
#tooltip {
  display: none;
  position: absolute;
  z-index: 10140;
  min-width: 40px;
  max-width: min(100vw,1000px) !important;
  max-height: 600px;
  width: auto;
  background: white;
  box-shadow: 4px 4px 31px rgba(0,0,0,0.25);
  border: #1C66BD solid 1px;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 7px;
  top: max(30px,100%);
  color: black;
  white-space: normal;
  text-align: left;
  left: 10px;
  line-height: 25px;
}
.cubs>.action-list>div,
.btn-list>.action-list>div,
.cubs>.dd_menu,
.btn-list>.dd_menu,
.cubs>.filter_field,
.btn-list>.filter_field,
.cubs>#tooltip,
.btn-list>#tooltip {
  padding: 0px;
}
.action-list>div>a,
.action-list>div .forward>a,
.dd_menu>a,
.dd_menu .forward>a,
.filter_field>a,
.filter_field .forward>a,
#tooltip>a,
#tooltip .forward>a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
  padding: 0 7px;
  line-height: 30px;
}
.action-list>div>a:not(:last-child),
.action-list>div .forward>a:not(:last-child),
.dd_menu>a:not(:last-child),
.dd_menu .forward>a:not(:last-child),
.filter_field>a:not(:last-child),
.filter_field .forward>a:not(:last-child),
#tooltip>a:not(:last-child),
#tooltip .forward>a:not(:last-child) {
  border-bottom: #82A5CF solid 1px !important;
}
.action-list>div:has(.words-req),
.dd_menu:has(.words-req),
.filter_field:has(.words-req),
#tooltip:has(.words-req) {
  max-width: 200px;
  padding: 0px !important;
}
.action-list>div:empty,
.dd_menu:empty,
.filter_field:empty,
#tooltip:empty {
  display: none !important;
}
.action-list>div>span a {
  display: flex;
  align-items: center;
  text-decoration: none;
  font-size: 14px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
  box-sizing: border-box;
  padding: 3px 5px;
}
.action-list>div>span a img {
  display: inline-table;
  margin-right: 10px;
}
.action-list.to-left {
  left: auto !important;
  right: 0px;
}
.action-list.ltr:not(.modal-class) div {
  left: 5px !important;
  right: auto !important;
}
.action-list>div>a img,
.action-list>div>a .f-icon,
.dd_menu>a img,
.dd_menu>a .f-icon,
.filter_field>a img,
.filter_field>a .f-icon {
  display: inline-table;
  margin-right: 10px;
}
.action-list>div>a:before,
.dd_menu>a:before,
.filter_field>a:before {
  font-size: 14px !important;
  margin-right: 10px;
}
.action-list>div>a:not(:last-child,
.action-list>div>a .btn),
.dd_menu>a:not(:last-child,
.dd_menu>a .btn),
.filter_field>a:not(:last-child,
.filter_field>a .btn) {
  border-bottom: 1px solid #C6C6C6;
}
.action-list>div>.action-list,
.dd_menu>.action-list,
.filter_field>.action-list {
  width: 100%;
}
.action-list>div .filter_field input[type=submit],
.action-list>div .filter_field input[type=button],
.action-list>div .filter_field button,
.action-list>div .filter_field li,
.dd_menu .filter_field input[type=submit],
.dd_menu .filter_field input[type=button],
.dd_menu .filter_field button,
.dd_menu .filter_field li,
.filter_field .filter_field input[type=submit],
.filter_field .filter_field input[type=button],
.filter_field .filter_field button,
.filter_field .filter_field li {
  margin-bottom: 0px;
}
.action-list>div.old,
.dd_menu.old,
.filter_field.old {
  display: none !important;
}
.action-list.up>div {
  top: auto !important;
  bottom: max(40px,100%);
}
.action-list.fullwidth>div>*,
.dd_menu.fullwidth>div>* {
  width: 100%;
}
.action-list.fullwidth>div>* div,
.action-list.fullwidth>div>* select,
.action-list.fullwidth>div>* span,
.dd_menu.fullwidth>div>* div,
.dd_menu.fullwidth>div>* select,
.dd_menu.fullwidth>div>* span {
  width: 100%;
}
.action-list.fullwidth>div a.btn,
.dd_menu.fullwidth>div a.btn {
  justify-content: center;
}
.action-list.to-right>div,
.action-list.to-right .dd_menu {
  right: auto;
  left: 0px;
}
.action-load>div {
  padding: 10px 20px;
}
.dd_menu {
  right: auto;
}
.action-list.content-none {
  border: none !important;
}
.action-list.content-none:after {
  content: "" !important;
  display: none !important;
}
.action-list.content-none:before {
  content: "" !important;
  display: none !important;
}
.action-list {
  text-decoration: none;
}
.action-list.gear:before {
  content: "\e900";
  font-family: 'IconsIo';
  font-size: 18px;
}
.action-list:after,
.action-list:before {
  font-family: Icons;
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
}
.action-list.tip:before {
  content: "\E85C";
  font-size: 15px;
}
.action-list.no-pad>div {
  padding: 0px !important;
}
.action-list.dropdown:after {
  content: "\E888";
  font-size: 10px;
  margin-left: 5px;
  color: #aaaaaa;
  vertical-align: middle;
}
.action-list.cubs>div li {
  margin-right: 0px;
}
.action-list.cubs>div input[type=submit],
.action-list.cubs>div input[type=button],
.action-list.cubs>div button,
.action-list.cubs>div li,
.action-list.cubs>div a.btn {
  display: block;
  width: 100%;
  margin-right: 0px;
  padding: 0px 10px;
  text-align: left !important;
}
.action-list.cubs>div input[type=submit]:not(:last-child),
.action-list.cubs>div input[type=button]:not(:last-child),
.action-list.cubs>div button:not(:last-child),
.action-list.cubs>div li:not(:last-child),
.action-list.cubs>div a.btn:not(:last-child) {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.action-list.cubs>div input[type=submit]:not(:first-child),
.action-list.cubs>div input[type=button]:not(:first-child),
.action-list.cubs>div button:not(:first-child),
.action-list.cubs>div li:not(:first-child),
.action-list.cubs>div a.btn:not(:first-child) {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.action-list.cubs>div a:hover {
  background: #00000026;
}
.db-list {
  padding: 10px;
}
.db-list a,
.db-list div {
  display: block;
  white-space: nowrap;
}
.cubs {
  height: 30px;
  line-height: 30px;
  width: 30px;
  display: inline-block;
  border-radius: 4px;
  background-color: white;
  text-align: center;
}
.cubs:after {
  display: block;
  content: '\e900';
  font-family: IconsIo;
  font-size: 18px;
  font-weight: bold;
  color: #1C66BD;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: #1C66BD solid 1px;
  border-radius: 5px;
}
.cubs:hover {
  background: linear-gradient(180deg,#2777D5 0%,#074792 98.23%) !important;
}
.cubs:hover:after {
  color: white;
}
.nopad .cubs {
  display: flex;
  align-items: center;
  justify-content: center;
}
.nopad .cubs:after {
  border: none !important;
  border-radius: 0px !important;
  height: auto !important;
}
.db-list a {
  display: block;
  white-space: nowrap;
}
.req {
  color: #9c3328;
}
.qp-container {
  position: relative;
}
.qp-box {
  border-radius: 6px;
  border: #aaaaaa solid 1px;
  position: relative;
  padding: 10px;
  text-align: left;
}
.qp-box .qp-box {
  background-color: white;
}
.qp-box p {
  margin: 0px !important;
}
.qp-box .header {
  background: #F5F9FF linear-gradient(180deg,#CDE4FF 0%,#F5F9FF 86.77%);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom: #888888 solid 1px;
  color: black;
  font-weight: 500;
  height: 30px;
  line-height: 29px;
  white-space: nowrap;
  overflow-x: hidden;
  position: absolute;
  max-width: 100%;
  padding: 0px 6px;
  top: 0px;
  left: 0px;
  right: 0px;
}
.qp-box:has(>.header) {
  padding-top: 38px;
}
.qp-box table th {
  background: #1C66BD !important;
  color: white;
  text-align: left;
  padding: 0px 10px;
}
.qp-box table td {
  padding: 11px;
}
.qp-box table th,
.qp-box table td {
  border: none !important;
}
.fog {
  width: 100%;
  height: 100%;
  position: absolute;
  color: white;
}
.fog .text {
  z-index: 5;
  color: white;
  position: absolute;
  top: 30%;
  left: 50%;
  text-align: center;
  transform: translate(-50%);
  font-size: 20px;
}
.fog:after {
  content: "";
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  display: block;
  position: absolute;
  background: black;
  opacity: 0.5;
  z-index: 3;
}
.action-buttons {
  white-space: nowrap;
  max-width: 100%;
  display: inline-block;
  justify-content: flex-end;
  text-align: right;
  overflow: hidden;
}
.action-buttons>input,
.action-buttons>a,
.action-buttons>button,
.action-buttons>span,
.action-buttons>div {
  background-color: #1C66BD;
  background-repeat: no-repeat;
  background-position: 5px center;
  background-size: 20px;
  color: white;
  cursor: pointer;
  font-size: 14px;
  padding: 0px 7px;
  display: inline-block;
  height: 32px;
  line-height: 32px;
  border: none;
  outline: none;
  vertical-align: top;
  border-radius: 5px;
  white-space: nowrap;
  text-align: center;
  transition: all 0.5s;
  flex-grow: 1;
  flex-shrink: 0;
}
.action-buttons>input:not(:has(img)):not(:empty),
.action-buttons>a:not(:has(img)):not(:empty),
.action-buttons>button:not(:has(img)):not(:empty),
.action-buttons>span:not(:has(img)):not(:empty),
.action-buttons>div:not(:has(img)):not(:empty) {
  min-width: 70px;
}
.action-buttons>input img,
.action-buttons>a img,
.action-buttons>button img,
.action-buttons>span img,
.action-buttons>div img {
  height: 50%;
  top: -1px !important;
  vertical-align: sub;
}
.action-buttons>input ficon,
.action-buttons>a ficon,
.action-buttons>button ficon,
.action-buttons>span ficon,
.action-buttons>div ficon {
  margin-right: 5px;
}
.action-buttons>input ficon:before,
.action-buttons>a ficon:before,
.action-buttons>button ficon:before,
.action-buttons>span ficon:before,
.action-buttons>div ficon:before {
  font-size: 16px !important;
}
.action-buttons>input:hover:not(:disabled):not(.btn-icon):not(.gold),
.action-buttons>a:hover:not(:disabled):not(.btn-icon):not(.gold),
.action-buttons>button:hover:not(:disabled):not(.btn-icon):not(.gold),
.action-buttons>span:hover:not(:disabled):not(.btn-icon):not(.gold),
.action-buttons>div:hover:not(:disabled):not(.btn-icon):not(.gold) {
  background-color: #2777D4;
  color: #FFAE22 !important;
}
.action-buttons>input.green,
.action-buttons>a.green,
.action-buttons>button.green,
.action-buttons>span.green,
.action-buttons>div.green {
  background-color: #33B241;
}
.action-buttons>input.green:hover,
.action-buttons>a.green:hover,
.action-buttons>button.green:hover,
.action-buttons>span.green:hover,
.action-buttons>div.green:hover {
  background-color: #2C9823 !important;
  color: white !important;
}
.action-buttons>input.del,
.action-buttons>input.red,
.action-buttons>a.del,
.action-buttons>a.red,
.action-buttons>button.del,
.action-buttons>button.red,
.action-buttons>span.del,
.action-buttons>span.red,
.action-buttons>div.del,
.action-buttons>div.red {
  background-color: #D32230 !important;
}
.action-buttons>input.del:hover,
.action-buttons>input.red:hover,
.action-buttons>a.del:hover,
.action-buttons>a.red:hover,
.action-buttons>button.del:hover,
.action-buttons>button.red:hover,
.action-buttons>span.del:hover,
.action-buttons>span.red:hover,
.action-buttons>div.del:hover,
.action-buttons>div.red:hover {
  background-color: #AB0C0C !important;
}
.action-buttons>input.lred,
.action-buttons>a.lred,
.action-buttons>button.lred,
.action-buttons>span.lred,
.action-buttons>div.lred {
  background-color: #D32230aa !important;
}
.action-buttons>input.edit:before,
.action-buttons>a.edit:before,
.action-buttons>button.edit:before,
.action-buttons>span.edit:before,
.action-buttons>div.edit:before {
  font: 16px Icons;
  content: "\E877";
  display: inline-block;
  font-size: 12px !important;
}
.action-buttons>input .b-n,
.action-buttons>a .b-n,
.action-buttons>button .b-n,
.action-buttons>span .b-n,
.action-buttons>div .b-n {
  border: none !important;
}
.action-buttons>input.icon,
.action-buttons>a.icon,
.action-buttons>button.icon,
.action-buttons>span.icon,
.action-buttons>div.icon {
  width: 34px !important;
  background: transparent !important;
  border: none !important;
  padding: 0px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.action-buttons>input.icon img,
.action-buttons>a.icon img,
.action-buttons>button.icon img,
.action-buttons>span.icon img,
.action-buttons>div.icon img {
  top: 0px !important;
  height: 100% !important;
  width: auto !important;
}
.action-buttons>input.bg-icon,
.action-buttons>a.bg-icon,
.action-buttons>button.bg-icon,
.action-buttons>span.bg-icon,
.action-buttons>div.bg-icon {
  width: 34px !important;
  min-width: 34px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20px;
  padding: 0px !important;
}
.action-buttons>input.bg-icon.del,
.action-buttons>a.bg-icon.del,
.action-buttons>button.bg-icon.del,
.action-buttons>span.bg-icon.del,
.action-buttons>div.bg-icon.del {
  background-image: url(/pics/del.svg);
}
.action-buttons>input.accept,
.action-buttons>a.accept,
.action-buttons>button.accept,
.action-buttons>span.accept,
.action-buttons>div.accept {
  background-image: url(/pics/tick.svg);
  padding-left: 30px;
}
.action-buttons>input.add,
.action-buttons>a.add,
.action-buttons>button.add,
.action-buttons>span.add,
.action-buttons>div.add {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-image: url(/pics/add.svg);
}
.action-buttons>input.add:empty:not(input),
.action-buttons>a.add:empty:not(input),
.action-buttons>button.add:empty:not(input),
.action-buttons>span.add:empty:not(input),
.action-buttons>div.add:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.action-buttons>input.add:empty:not(input):not(input):not(.transp),
.action-buttons>a.add:empty:not(input):not(input):not(.transp),
.action-buttons>button.add:empty:not(input):not(input):not(.transp),
.action-buttons>span.add:empty:not(input):not(input):not(.transp),
.action-buttons>div.add:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.action-buttons>input.add:after,
.action-buttons>a.add:after,
.action-buttons>button.add:after,
.action-buttons>span.add:after,
.action-buttons>div.add:after {
  left: 10px;
  position: absolute;
}
.action-buttons>input.enter,
.action-buttons>a.enter,
.action-buttons>button.enter,
.action-buttons>span.enter,
.action-buttons>div.enter {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-image: url(/pics/enter.svg);
  background-position: 90% center;
  padding: 0px 24px 0px 7px !important;
}
.action-buttons>input.enter:empty:not(input),
.action-buttons>a.enter:empty:not(input),
.action-buttons>button.enter:empty:not(input),
.action-buttons>span.enter:empty:not(input),
.action-buttons>div.enter:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.action-buttons>input.enter:empty:not(input):not(input):not(.transp),
.action-buttons>a.enter:empty:not(input):not(input):not(.transp),
.action-buttons>button.enter:empty:not(input):not(input):not(.transp),
.action-buttons>span.enter:empty:not(input):not(input):not(.transp),
.action-buttons>div.enter:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.action-buttons>input.enter:after,
.action-buttons>a.enter:after,
.action-buttons>button.enter:after,
.action-buttons>span.enter:after,
.action-buttons>div.enter:after {
  left: 10px;
  position: absolute;
}
.action-buttons>input.cart:before,
.action-buttons>a.cart:before,
.action-buttons>button.cart:before,
.action-buttons>span.cart:before,
.action-buttons>div.cart:before {
  font: 16px Icons;
  content: "\E894";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.action-buttons>input.transp,
.action-buttons>a.transp,
.action-buttons>button.transp,
.action-buttons>span.transp,
.action-buttons>div.transp {
  background-color: transparent !important;
  border: #1C66BD solid 1px !important;
  color: #1C66BD;
}
.action-buttons>input.xls,
.action-buttons>a.xls,
.action-buttons>button.xls,
.action-buttons>span.xls,
.action-buttons>div.xls {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  background-color: transparent !important;
  border: #1C66BD solid 1px !important;
  color: #1C66BD;
  background-image: url(/pics/xls.svg) !important;
}
.action-buttons>input.xls:empty:not(input),
.action-buttons>a.xls:empty:not(input),
.action-buttons>button.xls:empty:not(input),
.action-buttons>span.xls:empty:not(input),
.action-buttons>div.xls:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.action-buttons>input.xls:empty:not(input):not(input):not(.transp),
.action-buttons>a.xls:empty:not(input):not(input):not(.transp),
.action-buttons>button.xls:empty:not(input):not(input):not(.transp),
.action-buttons>span.xls:empty:not(input):not(input):not(.transp),
.action-buttons>div.xls:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.action-buttons>input.xls:after,
.action-buttons>a.xls:after,
.action-buttons>button.xls:after,
.action-buttons>span.xls:after,
.action-buttons>div.xls:after {
  left: 10px;
  position: absolute;
}
.action-buttons>input.gold-blue,
.action-buttons>a.gold-blue,
.action-buttons>button.gold-blue,
.action-buttons>span.gold-blue,
.action-buttons>div.gold-blue {
  background: linear-gradient(122.1deg,#FFE371 15.31%,#FFB518 76.91%);
  color: #1C66BD;
}
.action-buttons>input.gold-blue:hover,
.action-buttons>a.gold-blue:hover,
.action-buttons>button.gold-blue:hover,
.action-buttons>span.gold-blue:hover,
.action-buttons>div.gold-blue:hover {
  color: #1C66BD !important;
}
.action-buttons>input:disabled,
.action-buttons>a:disabled,
.action-buttons>button:disabled,
.action-buttons>span:disabled,
.action-buttons>div:disabled {
  opacity: 0.4;
}
.action-buttons>input:empty:not(input):not(.transp),
.action-buttons>a:empty:not(input):not(.transp),
.action-buttons>button:empty:not(input):not(.transp),
.action-buttons>span:empty:not(input):not(.transp),
.action-buttons>div:empty:not(input):not(.transp) {
  width: 34px !important;
  min-width: 0px !important;
  text-align: center !important;
  background-position: center center;
  padding: 0px !important;
}
.action-buttons>input.croses,
.action-buttons>a.croses,
.action-buttons>button.croses,
.action-buttons>span.croses,
.action-buttons>div.croses {
  border: #1C66BD solid 1px;
}
.action-buttons>input.croses:not(:hover),
.action-buttons>a.croses:not(:hover),
.action-buttons>button.croses:not(:hover),
.action-buttons>span.croses:not(:hover),
.action-buttons>div.croses:not(:hover) {
  background: linear-gradient(134.24deg,#FFEFB0 28.09%,#FFDF36 81.4%);
}
.action-buttons>input.croses:before,
.action-buttons>a.croses:before,
.action-buttons>button.croses:before,
.action-buttons>span.croses:before,
.action-buttons>div.croses:before {
  font: 20px Icons;
  content: "\E89B";
  display: inline-block;
  margin-right: 5px;
  vertical-align: middle;
}
.action-buttons>input.croses:empty:before,
.action-buttons>a.croses:empty:before,
.action-buttons>button.croses:empty:before,
.action-buttons>span.croses:empty:before,
.action-buttons>div.croses:empty:before {
  margin-right: 0px !important;
}
.action-buttons>input.load,
.action-buttons>a.load,
.action-buttons>button.load,
.action-buttons>span.load,
.action-buttons>div.load {
  padding-left: 32px !important;
  background-size: 16px !important;
  background-repeat: no-repeat;
  background-position: 10px 6px;
  text-align: left;
  display: inline-block;
  font-size: 0px;
  background-image: url(../../pics/button_loading.gif);
}
.action-buttons>input.load:empty:not(input),
.action-buttons>a.load:empty:not(input),
.action-buttons>button.load:empty:not(input),
.action-buttons>span.load:empty:not(input),
.action-buttons>div.load:empty:not(input) {
  background-position: center center;
  padding: 0px !important;
}
.action-buttons>input.load:empty:not(input):not(input):not(.transp),
.action-buttons>a.load:empty:not(input):not(input):not(.transp),
.action-buttons>button.load:empty:not(input):not(input):not(.transp),
.action-buttons>span.load:empty:not(input):not(input):not(.transp),
.action-buttons>div.load:empty:not(input):not(input):not(.transp) {
  width: 32px !important;
  min-width: 32px !important;
}
.action-buttons>input.load:after,
.action-buttons>a.load:after,
.action-buttons>button.load:after,
.action-buttons>span.load:after,
.action-buttons>div.load:after {
  left: 10px;
  position: absolute;
}
.action-buttons>input.big,
.action-buttons>a.big,
.action-buttons>button.big,
.action-buttons>span.big,
.action-buttons>div.big {
  height: 40px;
  line-height: 40px;
  padding: 0px 20px;
  font-size: 16px;
}
.action-buttons>input:not(:first-child),
.action-buttons>a:not(:first-child),
.action-buttons>button:not(:first-child),
.action-buttons>span:not(:first-child),
.action-buttons>div:not(:first-child) {
  margin-left: 20px;
}
.action-buttons>input.action-list:not(.cubs),
.action-buttons>a.action-list:not(.cubs),
.action-buttons>button.action-list:not(.cubs),
.action-buttons>span.action-list:not(.cubs),
.action-buttons>div.action-list:not(.cubs) {
  padding: 0px;
  border: none;
}
.action-buttons>input.adv-btn,
.action-buttons>a.adv-btn,
.action-buttons>button.adv-btn,
.action-buttons>span.adv-btn,
.action-buttons>div.adv-btn {
  padding: 0px !important;
}
.action-buttons li input,
.action-buttons li a,
.action-buttons li button {
  margin-right: 0px;
}
.action-buttons .dd_menu .action-list {
  width: 100% !important;
}
.action-buttons a img {
  height: 16px;
}
.action-buttons .action-list>div {
  top: max(40px,110%);
  padding: 0px;
  padding-bottom: 0px;
}
.action-buttons .action-list>div>input,
.action-buttons .action-list>div a,
.action-buttons .action-list>div span {
  margin: 0px !important;
  border-radius: 0px !important;
  border: none;
  text-align: left !important;
}
.action-buttons .action-list>div>input:not(:last-child),
.action-buttons .action-list>div a:not(:last-child),
.action-buttons .action-list>div span:not(:last-child) {
  border-bottom: #555555 solid 1px;
}
.action-buttons .action-list>div li {
  margin: 0px;
  padding: 0px;
}
.action-buttons .action-list>div li a {
  width: 100% !important;
}
.filter_field {
  display: none;
  right: 0px;
  top: 0px;
  padding: 0px !important;
  max-height: none !important;
  max-width: none !important;
  z-index: 10005;
  overflow: hidden;
  position: static !important;
}
.filter_field .filter-buttons {
  background: #FAFCFF;
  white-space: nowrap;
  padding: 10px;
  border-top: 1px solid #1C66BD;
  text-align: right;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width: 100%;
}
.filter_field .filter-buttons * {
  margin-left: 20px;
}
.filter_field .filter_block {
  white-space: nowrap;
}
.filter_field .filter_block:not(.hide) {
  display: inline-block;
}
.filter_field .filter-fileds {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
  max-height: 70vh;
  max-width: 420px !important;
  overflow-y: auto;
}
.filter_field .filter-fileds span.filter_block {
  width: 48%;
  max-width: 100%;
  margin-bottom: 5px;
}
.filter_field .filter-fileds span.filter_block.fullwidth {
  width: 100%;
}
.filter_field .filter-fileds span.filter_block.fullwidth .period {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.filter_field .filter-fileds span.filter_block.fullwidth .period .input-container {
  width: 48% !important;
}
.filter_field .filter-fileds span.filter_block.fullwidth .period .input-container input {
  width: 100%;
}
.filter_field .filter-fileds span.filter_block .input_container,
.filter_field .filter-fileds span.filter_block .input-container {
  width: 100%;
}
.filter_field .filter-fileds span.filter_block .dd {
  width: 100% !important;
}
.filter_field .filter-fileds span.filter_block input:not([type='checkbox']) {
  width: 100%;
  max-width: 100% !important;
}
.filter_field .filter-fileds img.line {
  display: none;
}
.filter_field .filter-fileds label>img {
  display: none;
}
.filter_field .input-group {
  width: 100%;
  display: block;
}
.filter_field .input-group>label {
  display: block;
  margin-bottom: 0px;
  letter-spacing: 0.3px;
  cursor: pointer;
  font-size: 14px;
}
.filter_field .input-group input:not(input[type=checkbox]),
.filter_field .input-group select {
  width: 100%;
}
.filter_field .input-group input[type=checkbox]~label,
.filter_field .input-group .check_tumbler~label {
  display: inline-block !important;
  margin-bottom: 0px;
}
.filter_field .input-group.bool {
  white-space: nowrap;
  flex-wrap: nowrap;
}
.filter_field .input-group.bool .check_tumbler {
  margin-right: 5px;
}
.filter_field .input-group * {
  vertical-align: middle;
}
.filter_field:before {
  content: attr(data-search-text);
  height: 40px;
  line-height: 40px;
  display: block;
  padding: 0px 20px;
  font-size: 18px;
  font-weight: bold;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  background: #2371CD linear-gradient(180deg,#2371CD 0%,#074792 100.00%);
  color: #ffffff;
}
.filter_field .close {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 41px;
  display: block;
  width: 32px;
  border-top-right-radius: 5px;
}
#filter-container {
  position: absolute;
  z-index: 10100;
  display: none;
  left: auto;
  min-width: 320px;
}
.top_line span.action-list.head-lans {
  text-transform: uppercase;
  margin-right: 5px;
  margin-left: 5px;
  display: inline-block;
  line-height: 34px;
  min-width: 75px !important;
  font-size: 14px;
  width: auto;
  justify-content: flex-start;
  color: white;
  display: inline-flex !important;
  align-items: center;
  vertical-align: top;
  vertical-align: middle;
}
.top_line span.action-list.head-lans img {
  margin-right: 1px;
}
.top_line span.action-list.head-lans:after {
  content: "\E81C";
  font-family: 'Icons';
  font-size: 12px;
  margin-left: 4px;
}
.top_line span.action-list.head-lans form {
  display: block;
  white-space: nowrap;
}
.top_line span.action-list.head-lans>div {
  width: 100%;
  border-top-left-radius: 0px !important;
  padding-top: 0px;
  top: 34px !important;
  padding: 0px !important;
  padding-bottom: 5px !important;
  min-width: 75px !important;
}
.top_line span.action-list.head-lans>div a {
  color: white;
  width: 100%;
  display: block;
}
.top_line span.action-list.head-lans>img {
  margin-right: 3px;
}
.top_line .action-list {
  padding: 0px 7px;
}
.top_line .action-list.open {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 4px !important;
  border-top-left-radius: 4px !important;
  background-color: #5797E3;
  outline: none !important;
  border: none !important;
  padding-right: 9px !important;
  color: #FFAE22;
}
.top_line .action-list.open:not(.head-lans) {
  height: 45px;
  position: relative;
  top: 3px;
}
.top_line .action-list>div {
  top: 43px;
  border-radius: 4px !important;
  border-top-right-radius: 0px !important;
  border: none !important;
  background: linear-gradient(180deg,#5797E3 0%,#3B6DA9 100%,#113157 100%);
  box-shadow: 3px 2px 4px rgba(0,0,0,0.09);
  color: #FFAE22;
}
.head-lans .top_line .action-list>div {
  top: 39px;
}
.top_line .action-list>div a {
  padding: 0px 7px;
  color: white;
}
.top_line .action-list>div a:hover {
  background: linear-gradient(180deg,rgba(124,200,233,0.63) 0%,rgba(50,119,201,0.63) 0.01%,rgba(9,74,150,0.63) 100%) !important;
  color: #FFAE22 !important;
}
.top_line .action-list>div input[type="text"],
.top_line .action-list>div input[type="password"] {
  outline-color: white;
}
.top_line .action-list>div input[type="text"]::-webkit-input-placeholder,
.top_line .action-list>div input[type="password"]::-webkit-input-placeholder {
  color: #cccccc;
}
.top_line .action-list .al-actions>a {
  background: transparent;
  padding: 0px 20px !important;
  height: 40px !important;
  line-height: 36px !important;
  display: block;
}
.top_line .action-list .al-actions>a:not(:last-child) {
  border-bottom: #82A5CF solid 1px !important;
}
.top_line .action-list .al-actions>a:not(:first-child) {
  border-top: #82A5CF solid 1px !important;
}
.top_line .action-list .al-actions>a:hover {
  border-color: #FFAE22 !important;
}
.top_line .action-list .al-actions>a.exit:before {
  content: "\E896";
  display: inline-block;
  font: 14px Icons;
  margin-right: 10px;
}
.head-lans img {
  height: 16px;
  width: 24px;
  cursor: pointer;
  vertical-align: sub;
  margin-right: 4px;
}
.head-lans .sel {
  opacity: 1 !important;
}
.croses {
  background-color: #FFF2BC !important;
  color: #1C66BD !important;
}
.croses td {
  background-color: #FFF2BC !important;
}
@keyframes spins {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes move-light {
  from {
    left: -20px;
    top: -200%;
  }
  to {
    left: 120%;
    top: 200%;
  }
}
@keyframes op-blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.op-blink {
  animation: 2s linear 0s infinite alternate op-blink;
}
@keyframes op-blink_80 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.7;
  }
}
.op-blink_80 {
  animation: 2s linear 0s infinite alternate op-blink_80;
}
.shake-alarm {
  animation: ring 0.5s infinite;
  transform-origin: center;
}
@keyframes ring {
  0% {
    transform: rotate(0deg);
  }
  20% {
    transform: rotate(-15deg);
  }
  40% {
    transform: rotate(10deg);
  }
  60% {
    transform: rotate(-10deg);
  }
  80% {
    transform: rotate(5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.loading.gears {
  width: 80.5px;
  height: 80.5px;
  max-height: 100%;
  background: white url("/pics/loading_scanner.gif") no-repeat;
  border-radius: 100%;
  background-size: contain;
  display: inline-block;
  position: relative;
}
td .loading.gears {
  height: 18px !important;
  width: 18px !important;
}
.user_discounts {
  display: inline-table;
}
.user_discounts td {
  padding: 6px !important;
}
table .hc {
  display: none;
}
.price_filter {
  border: #1C66BD solid 1px;
  background: #EBEBEB;
  border-radius: 6px;
  margin-bottom: 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px;
}
.price_filter>span {
  margin-right: 10px;
  vertical-align: top;
  display: inline-block;
  z-index: 5;
}
.price_filter .manual_markup {
  margin-left: 5px;
}
.price_filter .manual_markup input {
  width: 60px;
  vertical-align: top;
  height: 30px;
  border: 1px solid #084893;
  outline: none;
}
.price_filter .manual_markup * {
  vertical-align: middle;
}
.price_filter .manual_markup img {
  cursor: pointer;
}
span.client-search .client-search-head {
  display: inline-flex;
  position: relative;
  z-index: 10;
}
span.client-search .client-search-head .client_id {
  width: 60px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  outline: none;
}
span.client-search .client-search-head .client_name {
  width: 180px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  outline: none;
  appearance: none;
  padding-left: 5px;
  padding-right: 35px;
  background-image: url(/pics/select_arrow.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: contain;
}
span.client-search .client-search-head span[data-actions_count='1'] input {
  padding-right: 60px;
}
span.client-search>div {
  left: 0px !important;
  top: 25px !important;
  width: 100% !important;
  z-index: 10022;
}
span.client-search>div .input-container {
  width: calc(100% - 42px) !important;
  vertical-align: top;
}
span.client-search>div a {
  display: inline-block !important;
  vertical-align: top;
}
span.client-search .input-actions {
  right: 30px !important;
}
.copy_opis:after {
  content: "\E82F";
  font: 16px Icons;
  display: inline-block;
  margin-right: 5px;
}
.hidden-columns .dd_menu {
  padding: 10px;
}
#quick_alert {
  position: fixed;
  z-index: 10155;
  background: #5A92DE;
  display: block;
  max-width: min(500px,100%);
  min-width: 200px;
  width: auto;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  color: white;
  padding: 20px;
  padding-top: 15px;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  opacity: 0;
  top: -100px;
  transition: all 0.5s;
  left: 50%;
  transform: translate(-50%);
}
#quick_alert.error {
  background: #FF2D2D;
}
#quick_alert .close {
  position: absolute;
  right: 5px;
  top: 5px;
  text-decoration: none;
  cursor: pointer;
}
#quick_alert .close:after,
#quick_alert .close:before {
  font-family: Icons;
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
}
#quick_alert .close:before {
  content: "\E872";
  color: white;
}
#quick_alert .error_msg_sess {
  margin-bottom: 0px !important;
}
#quick_alert.show {
  top: 80px;
  opacity: 0.9;
}
.lastjurn {
  padding-left: 0px !important;
}
.lastjurn.url {
  float: left;
  margin-right: 5px;
}
.lastjurn a {
  background-color: transparent !important;
  border: 1px solid #084893;
  text-decoration: none;
  height: 32px;
  line-height: 30px;
  width: 32px;
  display: inline-block;
  color: #888888;
  border-radius: 4px;
  text-align: center;
  opacity: 0.5;
}
.lastjurn a:before {
  font-style: normal;
  font-weight: 400;
  content: "←";
  font-size: 20px;
  line-height: 1;
  color: #333333;
}
.lastjurn a:hover {
  color: #1C66BD;
  background: linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%);
  opacity: 1;
}
.-breadcrumb {
  display: inline-block;
}
.-breadcrumb a {
  font-size: inherit;
}
.sklad-add-manual input {
  width: auto !important;
}
.head-search-options-clarified {
  display: flex;
  justify-content: start;
  gap: 1%;
  padding-left: 5px;
  flex-wrap: wrap;
}
.head-search-width {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.fields-set-form .fields-set {
  display: flex;
  gap: 20px;
}
.fields-set-form .fields-set .input-container {
  width: 100%;
}
.fields-set-form .fields-set .input-container select {
  width: 100%;
}
.fields-set-form .next-step {
  display: none;
  text-align: right;
}
.brand-name {
  vertical-align: -webkit-baseline-middle;
}
.inner-content table:not(.nfw) {
  width: 100%;
}
.inner-content.dragover:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  content: "+";
  font-size: 100px;
  text-align: center;
  background: rgba(27,101,187,0.5);
  z-index: 5;
  color: white;
  border-radius: 4px;
}
.inner-content:has(.page_tabs.bbn) div:has(.page_tabs.bbn) ~.tbl,
.inner-content:has(.page_tabs.bbn) div:has(.page_tabs.bbn) ~.tbl tr:first-child td:first-child,
.inner-content:has(.page_tabs.bbn) div:has(.page_tabs.bbn) ~div .tbl,
.inner-content:has(.page_tabs.bbn) div:has(.page_tabs.bbn) ~div .tbl tr:first-child td:first-child,
.inner-content:has(.page_tabs.bbn) .page_tabs.bbn ~.tbl,
.inner-content:has(.page_tabs.bbn) .page_tabs.bbn ~.tbl tr:first-child td:first-child,
.inner-content:has(.page_tabs.bbn) .page_tabs.bbn  ~div .tbl,
.inner-content:has(.page_tabs.bbn) .page_tabs.bbn  ~div .tbl tr:first-child td:first-child {
  border-top-left-radius: 0px !important;
}
.inner-content:has(.page_tabs.table-buttons) div:has(.page_tabs.bbn) ~.tbl,
.inner-content:has(.page_tabs.table-buttons) div:has(.page_tabs.bbn) ~.tbl tr:first-child td:last-child,
.inner-content:has(.page_tabs.table-buttons) div:has(.page_tabs.bbn) ~div .tbl,
.inner-content:has(.page_tabs.table-buttons) div:has(.page_tabs.bbn) ~div .tbl tr:first-child td:last-child,
.inner-content:has(.page_tabs.table-buttons) .page_tabs.bbn ~.tbl,
.inner-content:has(.page_tabs.table-buttons) .page_tabs.bbn ~.tbl tr:first-child td:last-child,
.inner-content:has(.page_tabs.table-buttons) .page_tabs.bbn  ~div .tbl,
.inner-content:has(.page_tabs.table-buttons) .page_tabs.bbn  ~div .tbl tr:first-child td:last-child {
  border-top-right-radius: 0px !important;
}
.force-actions a {
  display: block;
}
.force-actions a:not(:last-child) {
  margin-bottom: 5px;
}
.left-nav {
  border: #ededed solid 1px;
  border-radius: 7px;
}
.left-nav .nav-link {
  align-items: center;
  display: flex;
  background-color: transparent;
  border-top: #ededed solid 1px;
  border-bottom: #ededed solid 1px;
  border-right: none;
  border-left: none;
  border-radius: 0;
  color: var(--bs-body-color);
  min-height: 55px;
  text-align: left;
  padding-left: 15px;
}
.left-nav .nav-link:hover {
  border-left: #0c60be solid 3px;
  background-color: transparent;
  padding-left: 12px;
}
.left-nav .nav-link.active {
  border-left: #0c60be solid 3px;
  background-color: transparent;
  padding-left: 12px;
}
.left-nav .nav-link.active .opacity-img {
  opacity: 1;
}
.left-nav .nav-link:first-child {
  border-top: none;
}
.left-nav .nav-link:last-child {
  border-bottom: none;
}
div button img .active {
  opacity: 1;
}
.opacity-img.active {
  opacity: 1;
}
.btn-stl {
  border: 2px solid steelblue;
  border-radius: 10px;
  padding: 8px 0 8px 4px;
  text-decoration: none;
}
.btn-stl:hover {
  background: steelblue;
  color: white;
}
.display-no-active {
  display: none;
}
.tbl_b th .hidden-columns {
  position: absolute;
  right: 5px;
  top: 5px;
  border-radius: 5px;
}
.tbl_b th .hidden-columns a.btn.icon {
  opacity: 0.5;
  background-color: white !important;
  border: 1px solid gray;
}
.tbl_b th .hidden-columns:hover {
  opacity: 1;
}
.bootstrap-select .bs-placeholder {
  color: black;
  border-radius: 0 5px 5px 0;
  height: 27px;
}
.bootstrap-select button {
  height: 28px !important;
  background-color: white;
  color: black;
  align-items: center;
}
.bootstrap-select .dropdown-menu .dropdown-item img {
  width: 24px;
  height: 16px;
  margin-right: 10px;
}
.bootstrap-select .filter-option img {
  width: 24px;
  height: 16px;
  margin-right: 10px;
  vertical-align: text-top;
}
#bs-select-1 ul {
  width: 150px;
}
#bs-select-1 ul li {
  font-size: 14px;
}
.bootstrap-select .bs-ok-default:after {
  height: 0.5em;
}
.bootstrap-select .filter-option-inner-inner {
  font-size: 14px;
}
#reset-search,
#reset-select {
  font-size: 14px;
  min-width: 80px;
  border: 1px solid #084893;
  background: linear-gradient(180deg,#2777D5 0%,#074792 98.23%);
  color: white;
}
#reset-search {
  min-width: 120px !important;
}
#sp-start {
  border: 1px solid #084893;
  border-radius: 0;
  height: 30px;
  font-size: 14px;
}
#sp-end {
  border: 1px solid #084893;
  height: 30px;
  font-size: 14px;
}
#price_filter-search-counts {
  border: 1px solid #084893;
  height: 30px;
  font-size: 14px;
  outline: none;
}
.filter-search-options-clarified {
  display: flex;
  justify-content: start;
  gap: 5%;
  padding-left: 5px;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  margin-top: 5px;
}
.filter-search-options-clarified>div {
  white-space: nowrap;
  font-size: 12px;
  margin-right: 20px;
}
.str_show {
  display: revert;
}
.str_hide {
  display: none;
}
.td_display_s_h {
  display: none;
}
.custom-tooltip {
  --bs-tooltip-bg: var(--bs-primary);
}
span.tooltip {
  opacity: 1 !important;
  display: inline-block !important;
}
.gallery a:nth-child(n+2) {
  display: none;
}
.price_name {
  position: relative;
  width: 35%;
}
.price_country {
  width: 12%;
}
.price_count_short {
  width: 10%;
}
.price_srok {
  width: 14%;
}
.price_zakup {
  width: 7%;
}
.price_markup {
  width: 7%;
}
.price_diler {
  width: 7%;
}
.price_price_date {
  width: 10%;
}
.price_diller_kod {
  width: 5%;
}
.price_value {
  width: 15%;
}
.price_count_short_adm {
  width: 7%;
}
.price_srok_adm {
  width: 7%;
}
.price_adm {
  width: 7%;
}
.price_price {
  padding-left: 35px;
}
.background-body {
  background: #F7F7F8;
}
.price-block-info {
  border-radius: 10px;
  margin-top: 5px;
  background: white;
  border: 1px solid #084893;
  display: flex;
  flex-direction: column;
}
.price-block-info .str {
  display: flex;
  align-items: center;
}
.price-block-info .str .dillers td {
  padding: 0 0.5rem;
}
.price-block-info .str .info {
  display: flex;
  justify-content: flex-start;
  align-items: start;
}
.price-block-info .str .info .gallery {
  display: flex;
  align-items: center;
  padding: 15px 5px 15px 10px;
}
.price-block-info .str .info .name {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 8px;
}
.price-block-info .str .info.disp_n_r {
  display: none;
}
.btn-price-expand {
  font-size: 14px;
  background: white;
  color: #054DA7;
  border: none;
}
.btn-price-expand:hover {
  background: white;
}
.th_table {
  display: revert;
  color: #81848F;
  width: 120px;
  height: 21px;
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
.th_table_mob {
  display: none;
}
.pricenka_banner {
  float: right;
  position: relative;
  top: 0px;
}
.pricenka-form {
  width: 100%;
  height: 220px;
  padding: 0px 10px;
  border-radius: 4px;
  background: linear-gradient(#3B8AE7 0%,#024594 100%), url(/pics/pricenka_form_bg.png) no-repeat;
  background-size: cover;
  background-blend-mode: overlay;
}
.pricenka-form .drag-drop-cont {
  width: 100%;
  height: 100%;
  border: none;
  background-color: transparent;
  background-image: url(/pics/drag_drop_white.svg);
  background-position: center 25px;
  padding-top: 80px;
  color: white;
}
.pricenka-form .drag-drop-cont h3 {
  color: white;
}
.pricenka-form .drag-drop-cont .upload-file-select {
  max-width: 555px;
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}
.pricenka-form .drag-drop-cont .upload-file-select .NFI-filename {
  color: #aaaaaa;
  text-align: center;
}
.pricenka-form .pricenka-file-sample {
  text-align: center;
}
.pricenka-form .pricenka-file-sample a {
  color: white;
}
.page-reg,
.page-auth_page {
  background: #F2F9FF url(/pics/reg_bg.png);
}
.page-reg .head-search-cart-container,
.page-auth_page .head-search-cart-container {
  display: none !important;
}
.page-reg .reg-container,
.page-reg .apart,
.page-auth_page .reg-container,
.page-auth_page .apart {
  display: block;
  margin: auto;
  margin-bottom: 100px;
  width: auto !important;
  background: white;
  border: #1C66BD solid 2px;
  border-radius: 33px;
  max-width: 500px;
  padding: 2% 5%;
}
.page-reg .reg-container h1,
.page-reg .apart h1,
.page-auth_page .reg-container h1,
.page-auth_page .apart h1 {
  color: black;
  font-size: 30px;
  text-align: center;
  margin-bottom: 20px;
  font-weight: 400;
}
.page-reg .reg-container .logo,
.page-reg .apart .logo,
.page-auth_page .reg-container .logo,
.page-auth_page .apart .logo {
  display: flex;
  justify-content: flex-start;
  gap: 35px;
  align-items: flex-end;
  padding-bottom: 10px;
}
.page-reg .reg-container .logo img,
.page-reg .apart .logo img,
.page-auth_page .reg-container .logo img,
.page-auth_page .apart .logo img {
  height: 70px;
}
.page-reg .reg-container .fio,
.page-reg .apart .fio,
.page-auth_page .reg-container .fio,
.page-auth_page .apart .fio {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.page-reg .reg-container .client_type,
.page-reg .apart .client_type,
.page-auth_page .reg-container .client_type,
.page-auth_page .apart .client_type {
  white-space: nowrap;
  display: flex;
  justify-content: space-between;
  padding: 0px 30px;
}
.page-reg .reg-container .client_type span,
.page-reg .apart .client_type span,
.page-auth_page .reg-container .client_type span,
.page-auth_page .apart .client_type span {
  display: inline-block;
  text-align: center;
  cursor: pointer;
  width: auto !important;
}
.page-reg .reg-container .client_type span label,
.page-reg .apart .client_type span label,
.page-auth_page .reg-container .client_type span label,
.page-auth_page .apart .client_type span label {
  cursor: pointer;
}
.page-reg .reg-container .reg-form,
.page-reg .reg-container .auth_page,
.page-reg .apart .reg-form,
.page-reg .apart .auth_page,
.page-auth_page .reg-container .reg-form,
.page-auth_page .reg-container .auth_page,
.page-auth_page .apart .reg-form,
.page-auth_page .apart .auth_page {
  display: flex;
  flex-direction: column;
  gap: 5px;
  width: auto;
}
.page-reg .reg-container .reg-form label,
.page-reg .reg-container .auth_page label,
.page-reg .apart .reg-form label,
.page-reg .apart .auth_page label,
.page-auth_page .reg-container .reg-form label,
.page-auth_page .reg-container .auth_page label,
.page-auth_page .apart .reg-form label,
.page-auth_page .apart .auth_page label {
  text-align: right;
  color: #2D2D2D;
  white-space: nowrap;
  font-size: 14px;
}
.page-reg .reg-container .reg-form>div .input-container,
.page-reg .reg-container .auth_page>div .input-container,
.page-reg .apart .reg-form>div .input-container,
.page-reg .apart .auth_page>div .input-container,
.page-auth_page .reg-container .reg-form>div .input-container,
.page-auth_page .reg-container .auth_page>div .input-container,
.page-auth_page .apart .reg-form>div .input-container,
.page-auth_page .apart .auth_page>div .input-container {
  width: 100%;
}
.page-reg .reg-container .reg-form>div .input-container .dd,
.page-reg .reg-container .auth_page>div .input-container .dd,
.page-reg .apart .reg-form>div .input-container .dd,
.page-reg .apart .auth_page>div .input-container .dd,
.page-auth_page .reg-container .reg-form>div .input-container .dd,
.page-auth_page .reg-container .auth_page>div .input-container .dd,
.page-auth_page .apart .reg-form>div .input-container .dd,
.page-auth_page .apart .auth_page>div .input-container .dd {
  width: 100%;
}
.page-reg .reg-container .reg-form>div input:not([type="radio"]),
.page-reg .reg-container .reg-form>div select,
.page-reg .reg-container .auth_page>div input:not([type="radio"]),
.page-reg .reg-container .auth_page>div select,
.page-reg .apart .reg-form>div input:not([type="radio"]),
.page-reg .apart .reg-form>div select,
.page-reg .apart .auth_page>div input:not([type="radio"]),
.page-reg .apart .auth_page>div select,
.page-auth_page .reg-container .reg-form>div input:not([type="radio"]),
.page-auth_page .reg-container .reg-form>div select,
.page-auth_page .reg-container .auth_page>div input:not([type="radio"]),
.page-auth_page .reg-container .auth_page>div select,
.page-auth_page .apart .reg-form>div input:not([type="radio"]),
.page-auth_page .apart .reg-form>div select,
.page-auth_page .apart .auth_page>div input:not([type="radio"]),
.page-auth_page .apart .auth_page>div select {
  width: 100%;
}
.page-reg .reg-container .reg-form>div>div,
.page-reg .reg-container .reg-form>div>span,
.page-reg .reg-container .auth_page>div>div,
.page-reg .reg-container .auth_page>div>span,
.page-reg .apart .reg-form>div>div,
.page-reg .apart .reg-form>div>span,
.page-reg .apart .auth_page>div>div,
.page-reg .apart .auth_page>div>span,
.page-auth_page .reg-container .reg-form>div>div,
.page-auth_page .reg-container .reg-form>div>span,
.page-auth_page .reg-container .auth_page>div>div,
.page-auth_page .reg-container .auth_page>div>span,
.page-auth_page .apart .reg-form>div>div,
.page-auth_page .apart .reg-form>div>span,
.page-auth_page .apart .auth_page>div>div,
.page-auth_page .apart .auth_page>div>span {
  width: 100%;
}
.page-reg .reg-container .reg-form>div.submit,
.page-reg .reg-container .auth_page>div.submit,
.page-reg .apart .reg-form>div.submit,
.page-reg .apart .auth_page>div.submit,
.page-auth_page .reg-container .reg-form>div.submit,
.page-auth_page .reg-container .auth_page>div.submit,
.page-auth_page .apart .reg-form>div.submit,
.page-auth_page .apart .auth_page>div.submit {
  grid-column: 1 / span 2;
  text-align: center;
}
.page-reg .reg-container .reg-form>div.submit input,
.page-reg .reg-container .auth_page>div.submit input,
.page-reg .apart .reg-form>div.submit input,
.page-reg .apart .auth_page>div.submit input,
.page-auth_page .reg-container .reg-form>div.submit input,
.page-auth_page .reg-container .auth_page>div.submit input,
.page-auth_page .apart .reg-form>div.submit input,
.page-auth_page .apart .auth_page>div.submit input {
  width: auto !important;
}
.page-reg .apart .logo,
.page-auth_page .apart .logo {
  gap: 75px;
}
.page-carts .cart-buttons {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
  margin-top: 8px;
  padding-right: 2px;
}
.page-carts .cart-buttons>div {
  display: flex;
  gap: 20px;
}
.page-carts .cart-buttons .cart-sum {
  margin-right: 20px;
  white-space: nowrap;
  line-height: 30px;
}
.page-carts .cart-item-price {
  color: #676767;
}
.page-carts .cart-item-sum {
  color: black;
  font-weight: 600;
}
.page-pricenka,
.page-multiprice {
  min-width: 850px;
}
.page-pricenka .price_tr-hidden,
.page-multiprice .price_tr-hidden {
  display: none !important;
}
.page-pricenka .add_to_cart.added,
.page-multiprice .add_to_cart.added {
  color: #b75f5f !important;
}
.page-pricenka .errors,
.page-pricenka .errors .part-row-status,
.page-pricenka .errors .npp,
.page-multiprice .errors,
.page-multiprice .errors .part-row-status,
.page-multiprice .errors .npp {
  background-color: #FFE7BE !important;
}
.page-pricenka .deleted,
.page-pricenka .deleted .part-row-status,
.page-pricenka .deleted .npp,
.page-multiprice .deleted,
.page-multiprice .deleted .part-row-status,
.page-multiprice .deleted .npp {
  background-color: #FFE4E4 !important;
}
.page-pricenka .new,
.page-pricenka .new .part-row-status,
.page-pricenka .new .npp,
.page-multiprice .new,
.page-multiprice .new .part-row-status,
.page-multiprice .new .npp {
  background-color: #B6FFCA !important;
}
.page-pricenka .in_cart,
.page-pricenka .in_cart .part-row-status,
.page-pricenka .in_cart .npp,
.page-multiprice .in_cart,
.page-multiprice .in_cart .part-row-status,
.page-multiprice .in_cart .npp {
  background-color: #EBFFC8 !important;
}
.page-pricenka .page_tab.add_to_cart,
.page-multiprice .page_tab.add_to_cart {
  position: relative;
  background: #FFB518 linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%) left top;
  color: #0A4C99;
  overflow: hidden;
}
.page-pricenka .page_tab.add_to_cart:hover,
.page-multiprice .page_tab.add_to_cart:hover {
  box-shadow: 0px 0px 10px 0px #FFC3448A;
}
.page-pricenka .page_tab.add_to_cart:hover:after,
.page-multiprice .page_tab.add_to_cart:hover:after {
  animation: move-light 1s;
}
.page-pricenka .page_tab.add_to_cart:after,
.page-multiprice .page_tab.add_to_cart:after {
  content: "";
  position: absolute;
  top: -100%;
  left: -20px;
  width: 1px;
  height: 200%;
  box-shadow: 0px 0px 20px 20px rgba(255,255,255,0.5);
  background-color: rgba(255,255,255,0.5);
  transform: skewX(-35deg);
}
.page-pricenka .part-row .sum:not(.bg-white),
.page-multiprice .part-row .sum:not(.bg-white) {
  background-color: #FFE994 !important;
}
.page-pricenka .part-row .target-m:not(.bg-white),
.page-multiprice .part-row .target-m:not(.bg-white) {
  background-color: #97EFA1 !important;
}
.page-pricenka .part-row .target-p:not(.bg-white),
.page-multiprice .part-row .target-p:not(.bg-white) {
  background-color: #FFAFAF !important;
}
.page-pricenka .part-row .part-row-status,
.page-multiprice .part-row .part-row-status {
  min-width: 24px;
  opacity: 1;
}
.page-pricenka .part-row .part-row-status img,
.page-multiprice .part-row .part-row-status img {
  height: 14px;
}
.page-pricenka .pricenka-add-container,
.page-multiprice .pricenka-add-container {
  display: inline-block;
  width: auto;
  max-width: 100%;
  flex-basis: min-content;
  flex-grow: 1;
}
.page-pricenka .pricenka-add-container .field.add,
.page-multiprice .pricenka-add-container .field.add {
  flex-shrink: 2;
}
.page-pricenka .pricenka-add-container .input-container,
.page-multiprice .pricenka-add-container .input-container {
  width: 100%;
}
.page-pricenka .pricenka-add-container .input-container input,
.page-multiprice .pricenka-add-container .input-container input {
  width: 100%;
}
.page-pricenka .pricenka-add-container .target,
.page-multiprice .pricenka-add-container .target {
  width: 55px !important;
}
.page-pricenka .pricenka-add-container .tbl td,
.page-multiprice .pricenka-add-container .tbl td {
  padding: 10px !important;
}
.page-pricenka .stat-line,
.page-multiprice .stat-line {
  margin-top: 10px;
}
.page-pricenka .pricenka-file-sample,
.page-multiprice .pricenka-file-sample {
  margin-top: 10px;
  line-height: 24px;
}
.page-pricenka .pricenka-file-sample a:before,
.page-multiprice .pricenka-file-sample a:before {
  content: "";
  background: url('/pics/xls.svg') no-repeat center center;
  background-size: 70%;
  width: 24px;
  height: 24px;
  display: inline-block;
  border-radius: 6px;
  vertical-align: bottom;
}
.page-pricenka .field-set.pricenka_settings,
.page-multiprice .field-set.pricenka_settings {
  max-width: 400px;
}
.page-pricenka .pricenka_manual_form table .filter-row,
.page-pricenka .pricenka_manual_form table tr.head,
.page-multiprice .pricenka_manual_form table .filter-row,
.page-multiprice .pricenka_manual_form table tr.head {
  position: sticky;
  z-index: 5;
  top: 118px;
  background-color: white;
}
.page-pricenka .pricenka-settings-box,
.page-multiprice .pricenka-settings-box {
  flex-basis: min-content;
  min-width: 500px;
  flex-grow: 1;
}
.page-empty {
  text-align: center;
}
.page-empty div {
  font-size: 16px;
  color: #646872;
  padding: 20px 0;
}
.price-list .box {
  flex: 1;
  cursor: pointer;
  max-width: 420px;
  min-width: 320px;
}
.price-list .box .price-name {
  font-size: 18px;
  font-weight: 500;
}
.price-list .box>div:not(:last-child) {
  margin-bottom: 10px;
}
.price-list .box .descript {
  height: 50px;
}
.cart-content {
  flex-direction: row-reverse;
}
.cart-content .cart-table {
  flex: 3;
}
.cart-content .cart-total-container {
  max-width: 300px;
  flex: 1;
}
.cart-content .cart-totals {
  background-color: #143C6E;
  border-radius: 8px;
  color: white;
  padding-bottom: 1px;
}
@media (min-width: 1000px) {
  .cart-content .cart-totals {
    position: sticky;
    top: 110px;
  }
}
.cart-content .cart-totals .total-row {
  height: 30px;
  line-height: 28px;
  border-bottom: #888888 solid 1px;
  display: flex;
  justify-content: space-between;
  padding: 0px 10px;
}
.cart-content .cart-totals .total-order {
  background-color: #FFF0B4;
  border-radius: 8px;
  padding: 10px;
  margin: 10px;
  color: black;
  font-weight: 600;
  font-size: 16px;
  line-height: 1;
}
.cart-content .cart-totals .total-order a,
.cart-content .cart-totals .total-order input {
  margin-top: 10px;
  width: 100%;
}
.cart-content .cart-totals .total-order .error {
  color: #F64043;
  font-size: 12px;
}
.art_opis,
.cat_descript {
  color: #777777;
}
.art-num .search {
  position: absolute;
  opacity: 0.5;
  display: none;
  right: 20px;
  top: 6px;
  z-index: 5;
  width: 16px;
  height: 16px;
  background: url("/pics/search.svg") no-repeat center center;
  background-size: contain;
}
.art-num .search:hover {
  opacity: 1;
  transition: all 0.5s;
}
.art-num:hover .search {
  display: block;
}
.flag {
  height: 18px;
}
.pricenka-start {
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 20px;
}
.pricenka-start .pricenka-start-settings {
  position: sticky;
  top: 100px;
  align-self: start;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: calc(100vh - 140px);
}
.pricenka-start .pricenka-start-settings>div {
  flex: 1;
}
.pricenka-start .pricenka-start-settings::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  display: none;
}
.pricenka-start .pricenka-file {
  align-self: start;
  display: inline-block;
  margin-bottom: 0px;
  width: 100%;
}
.pricenka-extended-settings {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.pricenka-extended-settings>div,
.pricenka-extended-settings>form {
  max-width: 400px;
}
.pricenka-settings {
  margin-bottom: 0px;
  max-width: 800px;
}
.pricenka-settings .set_choose img {
  margin-right: 0px;
}
.pricenka-settings .input-container {
  width: 100%;
}
.country-list .country {
  white-space: nowrap;
  min-width: 200px;
}
.country-list .country img {
  height: 32px;
  margin-top: -6px;
  border-radius: 4px;
}
.country-list select {
  visibility: hidden;
  width: 240px;
}
.country-list .input-container .select2 {
  width: 241px !important;
}
.country-list .select2-selection {
  overflow-x: visible !important;
  cursor: pointer !important;
  padding-bottom: 0px !important;
  border-color: #1C66BD !important;
  white-space: nowrap;
  min-width: 230px;
  border-radius: 4px !important;
  min-height: 32px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.country-list .select2-selection .select2-selection__choice {
  overflow: visible !important;
  padding-left: 0px !important;
  font-size: 0px !important;
  margin-top: 0px !important;
  padding-right: 30px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  border: none !important;
  border-radius: 0px !important;
  background: transparent !important;
  border-right: #1C66BD solid 1px !important;
  height: 31px;
  line-height: 30px;
}
.country-list .select2-selection .select2-selection__choice .select2-selection__choice__remove {
  background: white url("/pics/del_red_transp.svg") no-repeat center center;
  background-size: contain;
  border-radius: 60px;
  border-right: none;
  width: 18px;
  min-width: 18px;
  height: 18px;
  opacity: 0.3;
  transition: all 0.5s;
  top: 5px !important;
  right: 6px !important;
  left: auto !important;
}
.country-list .select2-selection .select2-selection__choice .select2-selection__choice__remove * {
  font-size: 0px !important;
}
.country-list .select2-selection .select2-selection__choice .select2-selection__choice__remove:hover {
  opacity: 1;
  background-color: white;
}
.country-list .select2-selection .select2-selection__choice .flag {
  height: 18px !important;
  border-radius: 0px;
}
.country-list .select2-selection .select2-search__field {
  cursor: pointer;
}
.country-list .select2-container--focus textarea {
  display: none !important;
}
.pricenka-filters {
  border: #1C66BD solid 1px;
  border-radius: 6px;
  padding: 15px;
  display: none !important;
}
.pricenka-filters:has(.field) {
  display: flex !important;
}
.pricenka-filters .ui-slider {
  background: linear-gradient(90deg,#2C9823 0%,#d4d510 50%,#CE1111 100%);
}
.pricenka-filters .ui-slider-range {
  background: transparent;
}
.pricenka-filters .target-filter {
  position: relative;
  width: 45%;
  transform: skewX(-15deg);
}
.pricenka-filters .target-filter.sel {
  box-shadow: #1C66BD 0px 0px 1px 2px;
}
.pricenka-filters .target-filter:not(.sel) {
  height: 28px;
  align-self: flex-end;
  line-height: 26px;
}
.pricenka-filters .target-filter:not(.sel):not(:hover) {
  opacity: 0.8;
}
.pricenka-filters .target-filter span {
  display: inline-block;
  transform: skewX(15deg);
}
.pricenka-filters .settings-sliders>div {
  width: 100%;
}
.pricenka-filters .settings-sliders .ui-slider {
  margin: 10px 5px 15px 5px;
}
.pricenka-filters .settings-sliders .slider-minus .ui-slider {
  background: linear-gradient(90deg,#2C9823 0%,rgba(212,213,16,0.5) 100%);
}
.pricenka-filters .settings-sliders .slider-plus {
  text-align: right;
}
.pricenka-filters .settings-sliders .slider-plus .ui-slider {
  background: linear-gradient(90deg,rgba(212,213,16,0.5) 0%,#CE1111 100%);
}
.stat-line {
  width: 100%;
  display: flex;
  justify-content: stretch;
  line-height: 16px;
  gap: 10px;
}
.stat-line .line {
  flex-grow: 1;
  display: flex;
}
.stat-line .line>span {
  display: block;
  height: 14px;
  border-radius: 6px;
  position: relative;
}
.stat-line .line>span.green:after {
  content: '';
  position: absolute;
  top: 0;
  right: -2px;
  width: 8px;
  height: 100%;
  background-color: white;
  transform: skewX(-15deg);
  transform-origin: bottom right;
  border-radius: 0px;
  z-index: 1;
}
.stat-line .line>span.red {
  background-color: #D32230 !important;
}
.select2 .select2-selection--multiple {
  padding-right: 30px;
  border-radius: 4px;
}
.select2 .select2-selection--multiple:after {
  content: "";
  display: inline-block;
  height: 20px;
  width: 20px;
  background: url(/pics/add_green.svg) no-repeat center center;
  background-size: 18px;
  position: absolute;
  right: 5px;
  top: 5px;
}
.disable-add .select2 .select2-selection--multiple:after {
  background-image: url(/pics/add_grey.svg) !important;
}
.inner-confirm {
  text-align: center;
}
.inner-confirm .inner-content {
  text-align: center;
  padding: 5%;
}
.inner-confirm .message {
  font-size: 1.5rem;
  font-weight: 500;
}
.inner-confirm .code-input,
.inner-confirm .contact-show {
  width: 100%;
  height: 40px;
  font-size: 1.2rem;
  text-align: center;
}
.inner-confirm .code-input.code-input,
.inner-confirm .contact-show.code-input {
  letter-spacing: 15px;
}
.inner-confirm .code-input.code-input::placeholder,
.inner-confirm .contact-show.code-input::placeholder {
  font-size: 2rem;
}
.inner-confirm .confirm-form {
  width: 340px;
  display: block;
  margin: auto;
  text-align: center;
}
.inner-confirm .confirm-form .buttons {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.NFI-wrapper {
  background: rgba(10,76,152,0.07);
  border: 1px solid #1055A4;
  border-radius: 7px;
  height: 32px;
  line-height: 30px;
  font-size: 0.9rem;
  display: inline-flex !important;
  justify-content: stretch;
  width: 100%;
}
.NFI-wrapper input {
  border: none !important;
  outline: none !important;
  border-radius: 0px !important;
}
.NFI-wrapper input:focus,
.NFI-wrapper input:active {
  border: none !important;
  outline: none !important;
  border-radius: 0px !important;
}
.NFI-wrapper .NFI-button {
  border-right: 1px solid #1055A4 !important;
  background-color: #33B241;
  color: white;
  height: 100%;
  padding: 0px 6px;
  overflow: visible !important;
}
.NFI-wrapper .NFI-filename {
  flex-grow: 1;
  width: auto !important;
  padding: 5px !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.input-container  .dd {
  width: 100%;
}
.dd .ddArrow::before {
  content: "\F107";
  font-family: 'Icons';
  font-size: 16px;
  vertical-align: top;
}
.no-pad .dd .ddTitle {
  border-radius: 0px !important;
}
.no-pad .dd .ddTitle .ddTitleText {
  padding-right: 20px !important;
}
.dd.borderRadiusTp .ddArrow::before {
  content: "\F106";
}
.btn-timer {
  display: inline-block;
  position: relative;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  margin-left: 5px;
}
.btn-timer:after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  border: white dashed 1px;
  border-radius: 100%;
  animation: spins 4s linear infinite;
  position: absolute;
  left: 0px;
  top: 0px;
}
.inp_num-cont {
  display: inline-block;
  white-space: nowrap;
  width: 100px;
  display: inline-flex;
}
.inp_num-cont .input-container {
  width: 50px;
}
.inp_num-cont input {
  width: 100% !important;
  border-radius: 0px !important;
  border-left: none !important;
  border-right: none !important;
  padding: 1px;
}
.inp_num-cont input:active,
.inp_num-cont input:focus {
  padding: 1px !important;
  border-left: none !important;
  border-right: none !important;
}
.inp_num-cont input,
.inp_num-cont a {
  display: inline-block !important;
  text-align: center !important;
  height: 100%;
  max-height: 50px;
}
.inp_num-cont a {
  padding: 0px 9px !important;
  background-color: #BCE1FF;
  color: black;
  border: #aaaaaa solid 1px;
}
.inp_num-cont a.minus {
  width: 25px !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-right: #aaaaaa solid 1px !important;
}
.inp_num-cont a.minus:before {
  content: "-";
  display: inline-block;
}
.inp_num-cont a.plus {
  width: 25px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: #aaaaaa solid 1px !important;
}
.inp_num-cont a.plus:before {
  content: "+";
  display: inline-block;
}
.no-pad .inp_num-cont {
  height: 100%;
  max-height: 45px;
}
.no-pad .inp_num-cont a,
.no-pad .inp_num-cont input {
  border-radius: 0px !important;
  border: none;
}
.inp_num-cont-small .inp_num-cont {
  height: 24px;
  width: 70px;
  line-height: 24px;
}
.inp_num-cont-small .inp_num-cont .input-container {
  width: 40px;
}
.inp_num-cont-small .inp_num-cont .btn {
  line-height: 20px;
  font-size: 12px;
}
.inp_num-cont-small .inp_num-cont .btn.minus,
.inp_num-cont-small .inp_num-cont .btn.plus {
  width: 18px !important;
}
.inp_num-cont-small .inp_num-cont input {
  font-size: 12px !important;
}
.page-orderlist .tbl,
.page-orderlist .tbl tr:first-child td:first-child {
  border-top-left-radius: 0px !important;
}
.page-cat_orderlist .tbl,
.page-cat_orderlist .tbl tr:first-child td:first-child {
  border-top-left-radius: 0px !important;
}
.filter_button {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  color: #888888;
  background-color: transparent;
  border: #1C66BD solid 1px;
  border-radius: 4px;
  opacity: 0.6;
}
.filter_button::after {
  content: "\E89F";
  font-family: Icons;
  font-size: 12px;
}
.filter_button:hover {
  opacity: 1;
  color: #1C66BD;
}
.sum {
  color: #1C66BD;
  font-weight: 500;
  white-space: nowrap;
}
.a-r,
.ta-r {
  text-align: right;
}
.ta-c {
  text-align: center !important;
}
.page-head {
  display: flex;
  justify-content: space-between;
  width: 100%;
  border: #aaaaaa solid 1px;
  border-radius: 4px !important;
  padding: 7px 10px;
  margin-bottom: 10px;
  background-color: #F1F9FF;
  font-size: 18px;
  align-items: center;
}
.page-head h1 {
  font-size: inherit;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0em;
  margin-block-end: 0 !important;
  display: inline-block;
}
.page-head h1 span {
  color: #084893;
}
.page-head .page-head-info {
  display: inline-block;
  margin-left: 20px;
  vertical-align: middle;
}
.page-head .date {
  color: #666666;
}
.doc-num {
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  gap: 3px;
}
.doc_head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  gap: 20px;
  flex-wrap: wrap;
}
.doc-head-info,
.doc-head-totals {
  display: flex;
  border: #888888 solid 1px;
  border-radius: 4px;
  border-collapse: collapse;
  overflow-x: auto;
  white-space: nowrap;
  max-width: 100%;
  min-width: 250px;
}
.doc-head-info>div,
.doc-head-totals>div {
  display: inline-flex;
  justify-content: space-between;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  white-space: nowrap;
  color: #888888;
  padding: 0px 10px;
}
.doc-head-info>div span,
.doc-head-totals>div span {
  color: black;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.doc-head-info>div span img,
.doc-head-totals>div span img {
  margin-right: 5px;
}
.doc-head-info>div:not(:last-child),
.doc-head-totals>div:not(:last-child) {
  border-right: #888888 solid 1px;
}
.doc-head-info>div>a,
.doc-head-totals>div>a {
  white-space: nowrap;
}
.doc-head-info>div.sel,
.doc-head-totals>div.sel {
  background: #0A55AB;
  color: white;
}
.doc-head-info>div.sel *,
.doc-head-totals>div.sel * {
  color: white;
}
.doc-head-info.active>div,
.doc-head-totals.active>div {
  transition: all 0.5s;
}
.doc-head-info.active>div:not(:hover),
.doc-head-totals.active>div:not(:hover) {
  opacity: 0.9;
}
.doc-head-info.active>div:hover,
.doc-head-totals.active>div:hover {
  background-color: #b4d3fe;
}
.doc-bottom-totals {
  display: flex;
  border: #888888 solid 1px;
  border-radius: 4px;
  border-collapse: collapse;
  overflow-x: auto;
  white-space: nowrap;
  max-width: 100%;
  min-width: 250px;
  border-top: none !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  display: inline-block;
  width: 340px;
}
.doc-bottom-totals>div {
  display: inline-flex;
  justify-content: space-between;
  height: 32px;
  line-height: 32px;
  vertical-align: top;
  white-space: nowrap;
  color: #888888;
  padding: 0px 10px;
}
.doc-bottom-totals>div span {
  color: black;
  margin-left: 5px;
  display: flex;
  align-items: center;
}
.doc-bottom-totals>div span img {
  margin-right: 5px;
}
.doc-bottom-totals>div:not(:last-child) {
  border-right: #888888 solid 1px;
}
.doc-bottom-totals>div>a {
  white-space: nowrap;
}
.doc-bottom-totals>div.sel {
  background: #0A55AB;
  color: white;
}
.doc-bottom-totals>div.sel * {
  color: white;
}
.doc-bottom-totals.active>div {
  transition: all 0.5s;
}
.doc-bottom-totals.active>div:not(:hover) {
  opacity: 0.9;
}
.doc-bottom-totals.active>div:hover {
  background-color: #b4d3fe;
}
.doc-bottom-totals>div {
  display: flex;
  border-right: none !important;
}
.doc-bottom-totals>div:not(:last-child) {
  border-bottom: #888888 solid 1px;
}
.doc-status {
  color: black;
  border: black solid 1px;
  border-radius: 8px;
  font-weight: 400;
  height: 32px;
  line-height: 30px;
  padding: 0px 10px;
  white-space: nowrap;
}
.input-container.date {
  width: 124px;
}
.input-container.date input {
  width: 124px;
  font-weight: bold;
}
.input-container.date:before {
  background-image: url(/pics/calendar.svg);
  content: '';
  width: 32px;
  height: 30px;
  display: inline-block;
  position: absolute;
  right: 1px;
  top: 1px;
  background-color: #F0FAFF;
  background-size: 20px;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  border-left: #555555 solid 1px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  z-index: 3;
}
.input-container.date.transp:not(:hover):before {
  border-left: none;
  background-color: transparent;
}
input.date {
  padding-right: 25px;
}
.mp_finded:placeholder-shown {
  background-image: url(/pics/dd_arrow.png) !important;
  background-repeat: no-repeat !important;
  background-position: 99% center !important;
  background-size: 12px !important;
  padding-right: 40px !important;
}
.drag-drop-cont {
  padding: 50px 10px 10px 10px;
  border: #1C66BD dashed 1px;
  border-radius: 6px;
  background: #F1F9FF url(/pics/dragdrop.svg) no-repeat center 10px;
  background-size: 45px;
  text-align: center;
  cursor: pointer;
  position: relative;
  display: block;
  width: auto;
  max-width: 100%;
}
.drag-drop-cont p {
  margin-bottom: 2px;
}
.drag-drop-cont .drag-drop-opis {
  margin-bottom: 5px;
  line-height: 17px;
}
.fields {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 10px;
}
.fields.column {
  max-width: 320px;
}
.fields.column .field {
  width: 100%;
}
.fields .field {
  width: 45%;
  max-width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.fields .field.fullwidth {
  width: 100%;
}
.fields .field>label {
  display: block;
  margin-bottom: 0px;
  letter-spacing: 0.3px;
  color: #888888;
  cursor: pointer;
  height: 30px;
}
.fields .field>label nobr {
  overflow-x: hidden;
  max-width: 100%;
  display: block;
}
.fields .field input:not(input[type=checkbox]),
.fields .field select {
  width: 100%;
}
.fields .field input[type=checkbox]~label,
.fields .field .check_tumbler~label {
  display: inline-block !important;
  margin-bottom: 0px;
}
.fields .field>.input-container {
  width: 100%;
}
.fields .field .dd {
  width: 100% !important;
}
.fields .field.disabled:after {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #ffffff00;
  z-index: 20000;
}
.fields .field.disabled * {
  opacity: 0.8;
}
.fields .field .show_explain {
  float: right;
}
th .extra-action {
  position: absolute;
  right: 12px;
  top: 2px;
}
td.filter-td {
  padding-right: 17px !important;
  position: relative;
}
td:has(.filter-trigger-icon),
th:has(.filter-trigger-icon) {
  padding-right: 17px !important;
  position: relative;
}
td:has(.filter-trigger-icon).no-pad,
th:has(.filter-trigger-icon).no-pad {
  padding-right: 15px !important;
}
td:has(.filter-trigger-icon):has(.extra-action),
th:has(.filter-trigger-icon):has(.extra-action) {
  padding-right: 40px !important;
}
.b-data-filter-trigger:empty {
  display: none;
}
.filter-trigger-icon {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 100%;
  width: 14px;
  cursor: pointer;
  text-align: center;
  line-height: 32px;
  border-right: none !important;
  border-top: none !important;
  border-bottom: none !important;
  box-shadow: 1px 1px 0px 0px #555;
  color: #1C66BD !important;
  background-color: white;
  border: #888888 solid 1px;
  display: inline-flex !important;
  align-items: center;
  vertical-align: top;
}
.filter-trigger-icon::after {
  content: "\E89E" !important;
  font: 12px Icons !important;
  width: 100% !important;
}
.filter-trigger-icon.glass {
  right: 14px;
}
.filter-trigger-icon.glass:after {
  content: "\E805";
  font-family: Icons;
  width: 100%;
}
.filter-trigger-icon:hover {
  box-shadow: inset 0 0 100px 100px rgba(188,188,188,0.2);
}
.filter-trigger-icon img {
  margin-right: 1px;
}
.filter-trigger {
  position: absolute !important;
  top: 3px;
  right: 3px;
}
.filter-left {
  position: absolute;
  left: 0px;
  top: 0px;
  bottom: 0px;
  width: 14px;
}
.filter-left .filter-trigger-icon {
  left: 0px;
  right: auto;
}
.filter-secondary .filter-trigger-icon {
  right: 14px;
}
.filter-left .filter-trigger-icon {
  right: auto;
  left: 0px;
}
.filter-red .filter-trigger-icon:after {
  color: red;
}
.filter-green .filter-trigger-icon:after {
  color: green;
}
.b-cashflow-table td:hover .filter-trigger-icon,
.tbl td:hover .filter-trigger-icon,
.tbl th:hover .filter-trigger-icon,
.b-cashflow-table th:hover .filter-trigger-icon {
  visibility: visible;
}
.filter-trigger-icon {
  color: #888888 !important;
  opacity: 0.2;
}
.filter-trigger-icon.triggered,
.filter-trigger-icon:hover {
  color: #1C66BD !important;
  opacity: 1;
}
.edit_oi_field {
  cursor: pointer;
}
.edit_oi_field div {
  padding: 5px;
}
.edit_oi_field:hover div {
  border: black dashed 1px;
  padding: 4px;
}
.edit_oi_field.float,
.edit_oi_field.int {
  width: 60px;
}
.edit_oi_field.float .input-container,
.edit_oi_field.int .input-container {
  width: 60px;
}
.i-replace:before {
  content: "\261E";
  font: 16px Icons;
  display: inline-block;
}
.filter_clone_span {
  white-space: nowrap;
}
.filter_clone_span .cancel {
  color: red;
  width: 30px;
  text-align: center;
  display: inline-block;
  margin-left: 5px;
  cursor: pointer;
}
.filter_clone_span .cancel:hover {
  background: #cccccc;
  border-radius: 4px;
}
iframe.chatbot {
  width: 100%;
  height: 100%;
  border: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10000;
}
.side-window {
  position: fixed;
  display: none;
  top: 0px;
  bottom: 0px;
  width: auto;
  min-width: 270px;
  max-width: 800px;
  left: -2000px;
  background: white;
  border-right: #1963B9 solid 2px;
  z-index: 21200;
  padding: 20px 20px;
  height: 100vh;
  overflow-y: auto;
}
.side-window .close {
  display: none;
  position: absolute;
  left: 5px;
  top: 5px;
  background: url(/admin/pics/del_red.svg) no-repeat center center;
  background-size: 25px;
  width: 30px;
  height: 30px;
  border-radius: 4px;
}
.side-window .close:hover {
  background-color: #eeeeee;
}
.side-window.R {
  right: 0px;
  left: auto;
}
datecal {
  display: inline-block;
  border-radius: 6px;
  height: 32px;
  width: 32px;
}
datecal m {
  border: #999999 solid 1px;
  border-bottom: none;
  display: block;
  height: 14px;
  font-size: 9px;
  background: orange;
  color: white;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  padding: 0px 2px;
  overflow: hidden;
}
datecal m.red {
  background: #fA7a7a;
}
datecal d {
  display: block;
  height: 18px;
  font-size: 12px;
  background: white;
  color: black;
  border-bottom-left-radius: 6px;
  border-bottom-right-radius: 6px;
  padding: 0px 2px;
  overflow: hidden;
  border: #999999 solid 1px;
  border-top: none;
}
.ui-datepicker-trigger {
  position: absolute;
  right: 5px;
  top: 6px;
  z-index: 5;
  cursor: pointer;
}
.i-srok {
  height: 32px !important;
}
.telegram-sub {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  background: white url(/pics/telegram.svg) no-repeat 10px center;
  border: #0A55AB solid 1px;
  background-size: 20px;
  padding: 5px 20px 5px 45px;
  border-radius: 4px;
  margin-bottom: 20px;
  min-height: 32px;
  line-height: 1;
}
.telegram-sub .buttons {
  white-space: nowrap;
}
.telegram-sub a {
  color: #28A8E9;
}
.telegram-sub img {
  height: 18px;
  opacity: 0.6;
  transition: all 0.6s;
}
.telegram-sub img:hover {
  opacity: 1;
}
.show_explain>img {
  height: 14px;
  position: relative;
  top: -1px;
  left: 3px;
}
.show_explain .dd_menu {
  minn-width: 100px;
  max-width: 300px;
  line-height: 15px;
  top: 40px;
}
.radios {
  display: inline-flex;
  gap: 20px;
}
.radios>div label,
.radios>span label {
  display: inline-block;
  width: 100%;
  min-width: 30px;
  height: 100%;
  text-align: center;
  border: #aaaaaa solid 1px;
  color: #aaaaaa;
  border-radius: 4px;
  cursor: pointer;
  height: 30px;
  line-height: 30px;
  padding: 0px 5px;
}
.radios>div label img,
.radios>span label img {
  max-height: 20px;
  max-width: 20px;
  vertical-align: sub;
  margin-right: 5px;
}
.radios>div input,
.radios>span input {
  display: none;
}
.radios>div input:checked+label,
.radios>span input:checked+label {
  border-color: #0A55AB;
  color: #0A55AB;
  background-color: #33B241;
}
.radios.vert img {
  margin-right: 0px !important;
}
#btSendReg:hover:not(:disabled):not(.btn-icon):not(.gold),
#send_feedback:hover:not(:disabled):not(.btn-icon):not(.gold) {
  background: linear-gradient(140.77deg,#FFE57A 12.3%,#FF9900 84%);
  outline-color: #FFAE22;
  color: #1C66BD !important;
}
table.load_price_list td.country-flag div {
  width: 65px;
}
table.load_price_list td.country-flag div img {
  height: 24px !important;
}
.obj-prim {
  text-align: left;
  background: white;
  display: inline-block;
  position: relative;
  max-width: 100%;
  border-radius: 4px;
  min-width: 200px;
  height: 30px;
}
.obj-prim input {
  padding-right: 75px;
  width: 320px;
}
.obj-prim .cancel,
.obj-prim .accept {
  display: none;
}
.obj-prim .prim-info {
  font-size: 10px;
  text-align: right;
  margin-left: 20px;
}
.obj-prim .prim-info:before {
  text-decoration: none;
  font-family: 'IconsIo';
  content: "\e901";
  font-size: 12px;
  opacity: 0.8;
}
.obj-prim .prim-info:before:after,
.obj-prim .prim-info:before:before {
  font-family: Icons;
  font-style: normal;
  font-size: 15px;
  font-weight: 400;
}
.obj-prim .show-shfc {
  padding: 0px 5px 1px 0px;
  padding-right: 20px !important;
  max-width: 500px;
  color: #777777;
  font-weight: 100;
}
.obj-prim .show-shfc .edit {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url("/pics/comment_edit.svg") no-repeat;
  background-size: 16px;
}
.obj-prim .show-shfc .edit:before {
  display: none;
}
.obj-prim span.input {
  position: relative;
  width: 100%;
}
.obj-prim span.input .edit-shfc {
  width: 100% !important;
  display: inline-block;
}
.obj-prim span.input .input-container {
  width: 100%;
}
td>.obj-prim {
  min-width: 0px;
  background: transparent !important;
  display: block;
}
td>.obj-prim span.input {
  border: none !important;
  background: transparent !important;
  padding: 0px !important;
}
td>.obj-prim span.input .input_container {
  width: auto !important;
}
td>.obj-prim span.input input {
  width: 100% !important;
  min-width: 200px;
}
td>.obj-prim .edit-shfc {
  position: relative !important;
  height: 30px !important;
}
.balance-container {
  width: auto;
  display: inline-block;
}
.balance-top-container {
  display: flex;
  justify-content: stretch;
  overflow-x: auto;
  gap: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: #AAAAAA solid 1px;
  padding-top: 3px;
}
.balance-top-container .balance-top-box {
  height: 43px;
  padding: 10px;
  padding-right: 25px;
  border: #1C66BD solid 1px;
  border-radius: 4px;
  flex: 1;
  position: relative;
  color: black;
  font-weight: bold;
  text-decoration: none;
  line-height: 20px;
  white-space: nowrap;
  opacity: 0.8;
  transition: all 0.5s;
}
.balance-top-container .balance-top-box:hover {
  opacity: 1;
  transform: translateY(4px);
}
.balance-top-container .balance-top-box:hover:after {
  transform: translateX(4px);
}
.balance-top-container .balance-top-box img {
  margin-right: 10px;
  vertical-align: center;
}
.balance-top-container .balance-top-box:after {
  content: "\F105";
  font: 20px Icons;
  font-weight: 100;
  position: absolute;
  right: 10px;
  top: 8px;
  transition: transform 0.2s ease;
}
.balance-top-container .balance-top-box.sel {
  outline: #0A55AB solid 2px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  opacity: 1;
}
.balance-top-container .balance-top-box.balance {
  background-color: #DFF4FF;
}
.balance-top-container .balance-top-box.cart {
  background-color: #F6FFCB;
}
.balance-top-container .balance-top-box.ordered {
  background-color: #FFF6D0;
}
.balance-top-container .balance-top-box.wait {
  background-color: #FFEBEB;
}
.balance-top-container .balance-top-box.wait:not(.empty):not(.sel) img {
  animation: ring 0.5s infinite;
  transform-origin: center;
}
.balance-top-container .balance-top-box.cancel {
  background-color: #FFE5BD;
}
.balance-top-container .balance-top-box.purchased {
  background-color: #E6FFEE;
}
.usercab-title {
  margin-bottom: 10px;
  font-weight: 500;
}
.usercab-title .usercab-fio {
  margin-right: 20px;
  font-size: 16px;
  vertical-align: top;
}
.usercab-title .usercab-balance {
  vertical-align: top;
}
.usercab-title .usercab-balance a {
  font-size: 16px;
  line-height: 1;
}
.usercab-title .usercab-balance a:hover img {
  animation: ring 0.5s infinite;
  transform-origin: center;
}
.usercab-container {
  display: grid;
  grid-template-columns: 1fr 240px;
  gap: 20px;
  max-width: 100%;
}
.usercab-container .usercab-content {
  width: 100%;
  padding-left: 0px;
  min-width: 0;
  flex: 0 0 auto;
}
.usercab-container .usercab-menu-big {
  text-align: right;
}
.uc-burger {
  width: 50px;
}
.inner-content.has-menu {
  padding-left: 0px;
}
.usercab-menu {
  display: inline-block;
  border: #1C66BD solid 1px;
  border-radius: 4px;
  background-color: white;
  z-index: 5;
}
.usercab-menu .menu-box {
  display: block;
  text-align: center;
  padding: 10px 2px;
  opacity: 0.8;
}
.usercab-menu .menu-box:not(:last-child) {
  border-bottom: #1C66BD solid 1px;
}
.usercab-menu .menu-box:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.usercab-menu .menu-box:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.usercab-menu .menu-box:hover {
  background-color: #F0FAFF;
  opacity: 1;
}
.usercab-menu .menu-box.sel {
  background-color: #FFF0B4;
  opacity: 1;
}
.usercab-menu .menu-box .menu-name {
  font-weight: 500;
  font-size: 16px;
  margin: 5px 0px;
  line-height: 20px;
}
.usercab-menu .menu-box .menu-description {
  color: #888888;
  padding: 0px 10px;
}
.usercab-menu.usercab-menu-S {
  position: fixed;
  right: 0px;
  top: 158px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  overflow-y: auto;
}
.usercab-menu.usercab-menu-S .menu-name {
  display: none;
}
.usercab-menu.usercab-menu-S .menu-description {
  display: none;
}
.usercab-menu.usercab-menu-B {
  width: 100%;
  max-width: 240px;
}
.notifys .notify {
  display: flex;
  align-items: center;
  padding: 5px 10px;
  padding-right: 25px;
  border-radius: 4px;
  border: #1C66BE solid 1px;
  margin-bottom: 20px;
}
.notifys .notify img {
  height: 18px;
}
.notifys .notify.notify-new-0 {
  opacity: 0.6;
}
.notifys .notify .notify-date {
  color: #888888;
  margin-left: 10px;
  margin-right: 20px;
}
.notifys .notify .notify-text p {
  padding: 0px;
  margin: 0px;
  display: inline-block;
}
.notifys .notify .notify-text .order-status-cell {
  margin-left: 5px;
}
.notifys .notify.notify-A {
  background-color: #FFEBEB;
}
.notifys .notify.notify-S {
  background-color: #D8FEE3;
}
.notifys .notify.link:hover {
  opacity: 1;
  outline: #0A55AB solid 1px;
}
.notifys .notify.link:hover:after {
  transform: translateX(4px);
}
.notifys .notify.link:after {
  content: "\F105";
  font: 20px Icons;
  font-weight: 100;
  position: absolute;
  right: 10px;
  top: 3px;
  transition: transform 0.2s ease;
}