@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,700;0,900;1,400&display=swap');

html,
body {
  height: 100%;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 0.75rem;
  color: #404040;
  line-height: 1.5;
  background: #fff;
}


.wrapper {
  width: 100%;
  min-width: 992px;
  max-width: 100%;
}

a {
  color: #001d9d;
  transition: .2s linear;
}

a:hover,
a:active,
a:focus {
  color: #111;
  /*text-decoration: none;*/
}

a:focus {
  outline: none;
}

.red {color:red}
.blue {color:#03209f;}
.grey {color:#676767}
.green {color:green}

.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  width: 100%;
  padding: 10px 20px 10px;
  background: #fff;
  min-width: 830px;
  box-shadow: 0 3px 27px 0 rgba(92, 154, 237, 0.3);

}



/* .scrollbar */
.scrollbar::-webkit-scrollbar,
.jstree::-webkit-scrollbar {
  width: 9px;
  display: block;
}

.scrollbar::-webkit-scrollbar-track,
.jstree::-webkit-scrollbar-track{
  /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
}

.scrollbar::-webkit-scrollbar-thumb,
.jstree::-webkit-scrollbar-thumb {
  background-color: #a9a9a9;
  /*outline: 1px solid #708090;*/
  margin-right: .1rem;
  border-radius: 5px;
}

/* .nav__toggle */
.nav__toggle {
  width: 30px;
  height: 30px;
  border: 0;
  background: #fff;
  cursor: pointer;
  position: relative;
  padding: 0;
  font-size: 0;
  text-indent: -9999px;
  border-radius: 50%;
  box-shadow: 0 0 13px rgba(0, 23, 122, .34);
  transition: .2s linear;
  margin-right: 16px;
}

.nav__toggle__btn,
.nav__toggle__btn:before,
.nav__toggle__btn:after {
  position: absolute;
  display: block;
  border-radius: 2px;
  background-color: #7e7e7e;
  width: 16px;
  height: 3px;
  transition: .2s linear;
}

.nav__toggle__btn {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

.nav__toggle__btn:before {
  content: "";
  top: -5px;
}

.nav__toggle__btn:after {
  content: "";
  bottom: -5px;
}

.nav__toggle:focus {
  outline: none
}

.nav__toggle:hover {
  background: #021e9d;
}

.nav__toggle:hover .nav__toggle__btn,
.nav__toggle:hover .nav__toggle__btn:before,
.nav__toggle:hover .nav__toggle__btn:after {
  background-color: #fff;
}

.nav__toggle:active {
  top: 1px;
}


/* .logo */
.logo {
  display: block;
  position: relative;
}

.logo img {
  display: block;
  height: 30px;
}

.logo:hover {
  opacity: .8
}

.logo:active {
  top: 1px;
}

/* dropdown */
.dropdown {}

.dropdown__box {}

.dropdown__box .dropdown-toggle::after {
  display: none;
}

.dropdown__box .dropdown-menu {
  /*border: 1px solid #001d9d;*/
  /*border-radius: 0.25rem;*/
  /*box-shadow: 0 1px 46px rgba(1, 30, 158, 0.33);*/
  padding: 0.75rem;
  font-size: 0.75rem;
}

.dropdown__danger .dropdown-menu {
  border: 1px solid #ff0007;
  color: #ff0007;
  font-size: 14px;
  width: 230px;
}

.dropdown-menu-sm {
  min-width: 100%;
  max-width: 7rem
}





/* .header__select */
.header__select {
  position: relative;
}


.header__select::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #96b8ed;
  border-right: 2px solid #96b8ed;
  position: absolute;
  top: 50%;
  right: 10px;
  z-index: 2;
  transform: translateY(-70%) rotate(135deg);
}




.header__select__icon {
  position: absolute;
  left: 8px;
  top: 50%;
  z-index: 2;
  width: 16px;
  height: 16px;
  transform: translateY(-50%)
}

.header__select__icon svg {
  display: block;
  width: 16px;
  height: 16px;
}

.header__select__select {
  color: #001d9d;
  font-size: 0.75rem;
  border: 2px solid #cadffe;
  border-radius: 17px;
  background: #fff;
  padding: 0.25rem 1.625rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: auto;
}

.header__select-1 {
  max-width: 100px;
}

.header__select-2 {
  max-width: 170px;
}

@media (min-width:1439px) {
  .header__select-1 {
    max-width: 120px;
  }

  .header__select-2 {
    max-width: 220px;
  }
}


 /*.table__money*/
.dropdown-menu-money {
  min-width: 100%;
  width: 30rem;
}

.table__money__header {
  font-weight: bold;
  margin-bottom: 0.5rem;
  border-bottom: 1px solid #ced4da;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
}

.table__money__row {
  margin-bottom: 0.25rem
}

.table__money__row:last-child {
  margin-bottom: 0
}

.table__money__item:nth-child(1) {
  width: 50%
}

.table__money__item:nth-child(2) {
  width: 25%
}

.table__money__item:nth-child(3) {
  width: 25%
}




/* .main */
.main {
  height: 100%;
  min-height: 100vh;
  position: relative;
  padding-top: 71px;
  padding-left: 11.7rem;
  transition: .1s linear;
}

.main__content {
  width: 100%;
  transition: .1s linear;
  padding: 1.6rem 1.25rem 1.25rem;
}

/* .nav__box */
.nav__box {
  background: #ebf2fd;
  width: 11.7rem;
  padding: 1.6rem 0 1.6rem 1.25rem;
  transition: .1s linear;
  position: fixed;
  left: 0;
  top:50px;
  height: 100%;
  z-index: 990;
}

.nav__active .main {
  padding-left: 5rem;
}

.nav__active .nav__box {
  width: 5rem;
}


/* .btn__addpost */
.btn__addpost {
  display: block;
  position: relative;
  padding: 10px 0 10px 54px;
  min-height: 41px;
  box-shadow: 0 3px 8px rgba(91, 112, 244, .5);
  background: #3651c4;
  background: linear-gradient(to left, #001d9d, #576fdb);
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  border: 0;
  border-radius: 20px;
}

.btn__addpost__icon {
  position: absolute;
  width: 41px;
  height: 41px;
  z-index: 2;
  display: block;
  top: 0;
  left: 0;
  background: url(../images/btn__addpost.png) 50% 50% no-repeat;
}

.btn__addpost__icon img {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 1px 1px 0
}

.btn__addpost__text {
  padding-right: 36px;
}

.btn__addpost:hover {
  opacity: .8
}

.btn__addpost:focus {
  outline: none;
}

.btn__addpost:active {
  top: 1px;
}

.nav__active .btn__addpost__text {
  display: none;
}

.nav__active .btn__addpost {
  padding-left: 41px;
}


/* .nav */
.nav {
  margin: 12px 0 0 0
}

.nav__link {
  position: relative;
  padding: 10px 20px 10px 54px;
  width: 100%;
  min-height: 39px;
  color: #4b4b4b;
  font-weight: 900;
  border-radius: 20px 0 0 20px;
  font-size: 13px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 2px;
}

.nav__link::before {
  display: block;
  content: "";
  position: absolute;
  z-index: 2;
  width: 16px;
  height: 16px;
  left: 12px;
  top: 11px;
  background-repeat: no-repeat;
  background-image: url(../images/nav-icon.png);
}




.nav__link-orders:before {
  background-position: 0 0;
}
@keyframes blink {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}
nav.new_order .nav__link-orders:after {
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  background-color: red;
  border-radius: 50%;
  margin-left: 5px;
  left: 19px;
  top: 8px;
  position: absolute;
  /*animation: blink 1s infinite;*/
}

.nav__link-shop:before {
  background-position: 0 -16px;
}

.nav__link-supplies:before {
  background-position: 0 -32px;
}

.nav__link-contragents:before {
  background-position: 0 -48px;
}

.nav__link-history:before {
  background-position: 0 -62px;
}

.nav__link-operations:before {
  background-position: 0 -78px;
}

.nav__link-stats:before {
  background-position: 0 -94px;
}

.nav__link-info:before {
  background-position: 0 -110px;
}

.nav__link-settings:before {
  background-position: 0 -126px;
}




.nav__link:hover,
.nav__link.active {
  background: #fff;
  color: #4b4b4b;
}

.nav__active .nav__link__text {
  display: none;
}








/* */
@media (min-width:1400px) {
  .col-xll-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }
  .col-xll-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-xll-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }
}

.mw-172 {
  max-width: 172px;
}

.mw-210 {
  max-width: 210px;
}
.mw-290 {
  max-width: 290px;
  width: 290px;
}
.mw-200 {
  max-width: 200px;
  width: 200px;
}

.mw-100 {
  max-width: 100px !important;
}
.mw-70 {
  max-width: 70px;
}

.w-290 {
  width: 290px;
}

.w-80 {
  width: 80px;
}

.w-90 {
  width: 90px;
}

.w-130 {
  width: 132px;
}
.wf-100 {width:100%}



/* select__box */
.form__select {
  position: relative;
}

.form__select::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #96b8ed;
  border-right: 2px solid #96b8ed;
  position: absolute;
  top: 50%;
  right: 9px;
  z-index: 2;
  transform: translateY(-70%) rotate(135deg);
}


.form__select select {
  border-color: #b0befa;
  padding: 4px 34px 4px 10px;
  font-size: 12px;
  color: #353537;
  height: calc(1.3em + 0.65rem + 2px);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#select-status {}

#select-status option[value="5"] {
  background-color: #cfffd4;
  color: green;
}

#select-status option[value="3"] {
  background-color: #ffe1e1;
  color: #9e0000;
}


.form__label {
  display: block;
  font-weight: bold;
  color: #353537;
  line-height: 1
}

.form__input {
  font-size: 12px;
  color: #353537;
  height: calc(1.3em + 0.65rem + 2px);
  border-color: #b0befa;
  padding: 4px 10px;
}


.form__search__btn {
  background-color: #001d9d;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: 16px;
  font-size: 0;
  text-indent: -9999px;
  height: 28px;
  width: 34px;
  margin-left: -0.25rem;
}

.form__search__btn:hover {
  background-color: #1A78DD;
}

.form__search__btn {
  background-image: url(../images/icon-search.svg);
}

.form__search__btn.barcode {
  background-image: url(../images/icon-barcode.svg);
  background-size: 20px;
}



.btn {
  font-size: 0.75rem
}

.btn svg {
  display: block;
  height: 16px;
  width: 16px;
  transition: .2s linear
}


.btn-xm svg {
  display: block;
  height: 20px;
  transition: .2s linear;
}

.btn-smx svg {
  height: 14px;
  width: 14px;
}

.btn-outline-primary svg {
  fill: #001d9d
}

.btn-outline-primary:hover svg,
.btn-outline-primary:active svg {
  fill: #fff
}

.btn-primary {
  background-color: #001d9d;
  border-color: #001d9d
}

.btn-success {
  box-shadow: 0 3px 9px rgba(40, 167, 69, .14);
}

.btn-sm {
  padding: 0.25rem 0.65rem;
  font-size: 0.75rem;
}
/* .btn-smm */
.btn-smm {
  padding: 0.3125rem 0.65rem;
  font-size: 0.75rem;
}
.btn-smx {
  padding: 0.25rem 0.5rem;
  font-size: 0.624rem;
}


.btn-xm {
  padding: 0.5rem 0.875rem;
  font-size: 0.75rem;
  border-radius: 1.25rem
}

.btn-radius {
  border-radius: 18px;
}

.btn-link {
  color: #001d9d;
  padding: 0
}

.btn-outline-primary {
  border-color: #001d9d;
  color: #001d9d;
}

.btn-icon {
  padding: 0.5rem;
}

.header .btn.btn-icon {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}


.tableshow__check .custom-control-label {
  font-size: 0
}

.custom-control-label::before {
  border-color: #001d9d
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #001d9d;
  background-color: #001d9d;
}

.btn-shadow {
  background: #fff;
  box-shadow: 0 0 7px rgba(0, 29, 157, 0.41);
  color: #001d9d
}

.btn-shadow:not(:disabled):not(.disabled):hover,
.btn-shadow:not(:disabled):not(.disabled):active,
.btn-shadow:not(:disabled):not(.disabled).active {
  background: #001d9d;
  color: #fff;
  box-shadow: 0 0 7px rgba(0, 29, 157, 0.41);
}

.btn-border {
  background: #fff;
  color: #001d9d;
  border: 2px solid #cadffe
}

.btn-border:not(:disabled):not(.disabled):hover,
.btn-border:not(:disabled):not(.disabled):active,
.btn-border:not(:disabled):not(.disabled).active {
  background: #cadffe;
  color: #001d9d;
}

.btn-iborder {
  background: #cadffe;
  color: #001d9d;
  border: 2px solid #cadffe
}

.btn-iborder:not(:disabled):not(.disabled):hover,
.btn-iborder:not(:disabled):not(.disabled):active,
.btn-iborder:not(:disabled):not(.disabled).active {
  background: #fff;
  color: #001d9d;
}

.header .btn, .header_btn {padding: 0.25rem 0.5rem;}



/* table elements */
.tablebox,
.tableshow,
.tovarbroker__table {
  /*overflow-x: auto;*/
  margin: 0 -10px;
  padding: 0 10px;
}

.tablebox__header,
.tablebox__row,
.tableshow__header,
.tableshow__row,
.tovarbroker__table__header,
.tovarbroker__table__row,
.tablebox__conclusion {
  width: 100%;
  /*min-width: 1000px;*/
}

.spoilerbox .tableshow__header,
.spoilerbox .tableshow__row {
  width: 100%;
  min-width: 940px;
}


.link__delete {
  display: inline-block;
  vertical-align: middle;
}

.link__delete img {
  display: block;
  height: 18px;
}

.link__delete:hover img,
.link__delete:active img,
.link__delete:focus img {
  opacity: 0.8
}

.link__delete svg {
  height: 22px;
  width: 22px;
  display: block;
  fill: #828282
}

.link__delete:hover svg,
.link__delete:active svg,
.link__delete:focus svg {
  fill: #dc3545;
}

.link__boxlink {
  border: 1px solid #c6dbfb;
  background: #fff;
  font-weight: bold;
  color: #353537;
  padding: 0.15rem 0.25rem;
  border-radius: 0.25rem
}
.link__boxlink.avans {
  border: 1px solid #e7de02;
}

.link__boxlink:hover,
.link__boxlink:active,
.link__boxlink:focus {
  color: #fff;
  background: #001d9d !important;
  border-color: #001d9d;
}

.link__bglink {
  border: 1px solid #001d9d;
  background: #e9f1fc;
  font-weight: bold;
  color: #353537;
  padding: 0.3rem 0.375rem;
  border-radius: 0.25rem;
  max-width: 18rem
}

.link__bglink:hover,
.link__bglink:active,
.link__bglink:focus {
  color: #fff;
  background: #001d9d
}

.link__bglink img {
  height: 16px;
}

.link__bglink.link__bglink--big {
  line-height: 1
}

.tableshow__item__bglink {display:flex; flex-direction: column; align-items: flex-start;}
.tableshow__item__bglink .link__bglink + .link__bglink {margin-top:5px;}




.link__boxlight {
  border: 1px solid #cfdff6;
  border-radius: 4px;
  padding: 3px 6px;
  color: #414141
}

.link__boxlight:hover,
.link__boxlight:active,
.link__boxlight:focus {
  border-color: #021e9d;
  background: #021e9d;
  color: #fff;
}

.box__circle {
  display: inline-block;
  vertical-align: middle;
  background: #f0cc04;
  color: #fff;
  font-size: 0.75rem;
  height: 1.5rem;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
}

.box__circle-big {
  height: 1.75rem !important;
  width: 1.75rem !important;
  line-height: 1.75rem !important;
}

a.box__circle:hover {
  opacity: 0.8;
  color: #fff;
}

.rating img {
  display: block;
  width: 12px;
  height: 12px;
  margin-right: 0.25rem;
}

.rating img:last-child {
  margin-right: 0
}

.dropdown__rating.show .dropdown-toggle {
  position: relative;
  z-index: 10000
}

.dropdown__rating .dropdown-menu {
  width: 200px;
  transform: translate3d(-65px, -16px, 0) !important;
  padding-top: 32px;
}

.rating__title {
  font-weight: bold;
  text-align: center;
  font-size: 0.85rem;
}

.rating__bgbox {
  background: #e0ebfb;
  border-radius: 0.25rem;
  margin-bottom: 0.375rem;
  padding: 0.3125rem 0.75rem;
}
.rating__bgbox_green {
  background: #e5fbe5;
  border-radius: 0.25rem;
  margin-bottom: 0.375rem;
  padding: 0.3125rem 0.75rem;
}


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


.box__uah {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold
}

.box__uah.disable {
  border: 1px solid #cecece;
  border-radius: 4px;
  color: #999;
  padding: 3px 6px
}

.text-primary {
  color: #03209f !important;
}

.text-secondary {
  color: #6f6f6f !important;
}
.text-gray {
  color:#999;
}

.italic {font-style: italic}


.img__box {display: block;overflow: hidden}
.img__box img {
  display: block;
  margin: 0 auto;
}

.img__box--splitter img {
  max-height: 40px;
      max-width: 60px;
}

/*.img__box--shop img {*/
/*}*/

.link__icon {
  padding: 0.25rem
    /* 0.375rem*/
}

.link__icon img {
  display: block;
  height: 22px;
}

.link__icon svg {
  display: block;
  height: 22px;
  width: 22px;
  fill: #707070
}

.link__icon:hover svg,
.btn.link__icon:active svg {
  fill: #001d9d
}

.link__icon:hover img {
  opacity: 0.8
}

.link__icon.btn-sm svg {
  height: 16px;
}

.link__icon-cars svg {
  height: 24px;
}

.link__icon.btn-primary svg {
  fill: #fff
}

.link__analog {
  border: 1px solid #8fbbff;
  border-radius: 0.25rem;
  background: #fff url(../images/icon-fill.png) 5px 50% no-repeat;
  font-size: 10px;
  font-weight: bold;
  color: #414141;
  padding: 0.15rem 0.5rem 0.15rem 1.75rem;
  width: 5.2rem;
  display: inline-block;
  font-variant: normal;
  line-height: 1;
  text-align: left;
  vertical-align: middle;margin-left: 0.125rem
}

.link__analog:hover {
  background-color: #e9f1fc;
  border-color: #001d9d
}


.box__buy {
  position: relative;
  text-align: center;
  background: #fff;
  border: 1px solid #8fbbff;
  border-radius: 0.25rem;
  padding: 0.25rem 1.95rem 0.25rem 0.25rem
}

.box__buy .btn {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.box__white {
  display: block;
  background: #fff;
  border-radius: 0.25rem;
  padding: 0.25rem 0.5rem;
  text-align: center;
}

.icon__arrow {
  display: block;
  position: relative;
  width: 14px;
  height: 14px;
}

.icon__arrow:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.box__label {
  font-size: 0.875rem;
  font-weight: bold;
}

.box__textgray {
  font-weight: bold;
  color: #5d5d5d
}

.box__desc {
  background: #ebf2fd;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.box__border {
  border: 1px solid #011e9e;
  border-radius: 0.25rem;
  padding: 0.75rem;
}

.box__white {
  background: #fff;
  border-radius: 0.25rem;
  padding: 0.75rem;
  box-shadow: 0 4px 18px rgba(12, 84, 160, 0.22);
}





/* .tablebox */

.tablebox__body {}

.tablebox__header {
  background: #ebf2fd;
  border-radius: 0.25rem 0.25rem 0 0;
}

.tablebox__row {
  background: #fff;
  box-shadow: 0 0 13px rgba(44, 144, 205, .3);
  border-radius: 4px;
  margin: 0 0 4px;
}

a.tablebox__row {
  border: 1px solid #fff;
  color: #414141
}

a.tablebox__row:hover {
  border: 1px solid #001d9d;
  color: #414141
}

.tablebox__item {
  word-break: break-word;
  padding: 6px 9px;
}

.tablebox__header .tablebox__item {
  padding-top: 8px;
  padding-bottom: 8px;
  font-weight: bold;
  color: #2f2f2f;
}

.tablebox__icon {
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 16px;
}

.tablebox__icon + .tablebox__icon {
  margin-right: 0
}
.open_task svg {
  display: block;
  width: 22px;
  height: 20px;
}
.tablebox__icon svg, .gallery_order_btn svg {
  display: block;
  width: 22px;
  height: 20px;
  fill: #011e9e
}
.tablebox__sales .item_history button svg , .get_freerest_history svg{
  width: 24px !important;
  height: 24px !important;
}
.tablebox__conclusion {
  background: #ebf2fd;
}

.tablebox__conclusion__item {
  word-break: break-word;
  padding: 6px 9px;
}






/* .tablebox__history */
.tablebox__history .tablebox__item:nth-child(1) {
  width: 7%;
  font-size: 0
}

.tablebox__history .tablebox__item:nth-child(2) {
  width: 13%
}

.tablebox__history .tablebox__item:nth-child(3) {
  width: 10%
}

.tablebox__history .tablebox__item:nth-child(4) {
  width: 20%
}

.tablebox__history .tablebox__item:nth-child(5) {
  width: 10%
}

.tablebox__history .tablebox__item:nth-child(6) {
  width: 10%
}

.tablebox__history .tablebox__item:nth-child(7) {
  width: 10%
}

.tablebox__history .tablebox__item:nth-child(8) {
  width: 20%
}

/* .tablebox__kontragent */
.tablebox__kontragent .tablebox__item:nth-child(1) {width:3%; font-size:0}
.tablebox__kontragent .tablebox__item:nth-child(2) {width:25%}
.tablebox__kontragent .tablebox__item:nth-child(3) {width:10%}
.tablebox__kontragent .tablebox__item:nth-child(4) {width:14%;}
.tablebox__kontragent .tablebox__item:nth-child(5) {width:8%;text-align:right}
.tablebox__kontragent .tablebox__item:nth-child(6) {width:18%;}
.tablebox__kontragent .tablebox__item:nth-child(7) {width:7%;}
.tablebox__kontragent .tablebox__item:nth-child(8) {width:15%}




/* .tablebox__sales */
.tablebox__sales .tablebox__item:nth-child(1),
.tablebox_sales_header .tablebox__item:nth-child(1) {
  width: 11%;
}

.tablebox__sales .tablebox__item:nth-child(2),
.tablebox_sales_header .tablebox__item:nth-child(2) {
  width: 14%
}

.tablebox__sales .tablebox__item:nth-child(3),
.tablebox_sales_header .tablebox__item:nth-child(3) {
  width: 18%
}
.tablebox__sales.client .tablebox__item:nth-child(2),
tablebox__sales.client .tablebox_sales_header .tablebox__item:nth-child(2) {
  width: 10%
}
.tablebox__sales.client .tablebox__item:nth-child(3),
tablebox__sales.client .tablebox_sales_header .tablebox__item:nth-child(3) {
  width: 22%;
  min-width: 22%;
}
.tablebox__sales.client .tablebox__item:nth-child(4),
tablebox__sales.client .tablebox_sales_header .tablebox__item:nth-child(4) {
  width: 10%
}

.tablebox__sales .tablebox__item:nth-child(4),
.tablebox_sales_header .tablebox__item:nth-child(4) {
  width: 11%
}

.tablebox__sales .tablebox__item:nth-child(5),
.tablebox_sales_header .tablebox__item:nth-child(5) {
  width: 14%
}

.tablebox__sales div.delivery, .tablebox__sales div.carinfo_row,
.tablebox_sales_header div.delivery, .tablebox_sales_header div.carinfo_row {
  width: 16%
}

.tablebox__sales .item_status,
.tablebox_sales_header .item_status {
  width: 10%
}

.tablebox__sales .item_history,
.tablebox_sales_header .item_history {
  width: 9%
}
.sto .tablebox__header div.delivery,
.sto .tablebox__body div.delivery,
.tablebox__header div.carinfo_row,
.tablebox__body div.carinfo_row {
  display: none;
}
.sto .tablebox__header div.carinfo_row,
.sto .tablebox__body div.carinfo_row,
.tablebox__header div.delivery,
.tablebox__body div.delivery {
  display: block;
}
/*.tablebox__splitter .tablebox__item:nth-of-type()*/
/* .tablebox__splitter */
.tablebox__splitter .tablebox__item:nth-child(1) {width: 3%; font-size: 0}
.tablebox__splitter .tablebox__item:nth-child(2) {width: 7%; font-size: 0}
.tablebox__splitter .tablebox__item:nth-child(3) {width: 32%}
/*.tablebox__splitter .tablebox__item:nth-child(3) { width: 16%;}*/
.tablebox__splitter .tablebox__item:nth-child(4) { width: 10%;}
.tablebox__splitter .tablebox__item:nth-child(5) { width: 14%}
.tablebox__splitter .tablebox__item:nth-child(6) { width: 10%;}
.tablebox__splitter .tablebox__item:nth-child(7) { width: 10%; text-align: center;}
.tablebox__splitter .tablebox__item:nth-child(8) { width: 10%}
.tablebox__splitter .tablebox__item:nth-child(9) { width: 4%; font-size: 0; text-align: center;}



/* .tabs__postavki */
.postavki.nav-tabs {
  border-bottom: 0
}

.postavki.nav-tabs .nav-item {
  margin: 0 10px 0 0
}

.postavki .nav-link,
.postavki .nav-link:hover,
.postavki .nav-link.active {
  border: 0;
  color: #353537;
  font-weight: bold;
}

.postavki.tab-content > .tab-pane {
  padding: 1rem 0.75rem 0.375rem;
  border-bottom-left-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

.nav-tabs .zomovlena,
.nav-tabs .zomovlena.active {
  background: #ebf2fd;
}

.tab-pane.zomovlena {
  background: #ebf2fd;
}

.nav-tabs .prihod,
.nav-tabs .prihod.active {
  background: #ead7b2;
}

.tab-pane.prihod {
  background: #ead7b2;
}

.nav-tabs .vuhid,
.nav-tabs .vuhid.active {
  background: #bec8f7;
}

.tab-pane.vuhid {
  background: #bec8f7;
}

/* .spoilerbox */
.spoilerbox {
  background: #fff;
  border-radius: 0.25rem;
  padding: 0 0.75rem;
  /*overflow: hidden;*/
  margin-bottom: 0.75rem;
}

.zomovlena .spoilerbox {
  box-shadow: 0 0 13px rgba(44, 144, 205, .3);
}

.zomovlena .prihod {
  box-shadow: 0 0 13px rgba(44, 144, 205, .3);
}

.zomovlena .vuhid {
  box-shadow: 0 0 13px rgba(44, 144, 205, .3);
}


.spoilerbox__btn {
  padding: 0.5rem 1.5rem 0.5rem 1.75rem;
  cursor: pointer;
  position: relative;
}

.spoilerbox__btn:before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%) rotate(135deg);
}

.spoilerbox__btn[aria-expanded="true"]:before {
  transform: rotate(-45deg);
}

.spoilerbox__btn__nubmer {
  background: #001d9d;
  border-radius: 0.25rem;
  padding: 0 0.35rem;
  color: #fff;
}

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

.spoilerbox__btn span {
  margin: 0 4px;
}

.spoilerbox__btn p {margin: 0;padding-left: 0.5rem;}


.spoilerbox__box {}
.spoilerbox__box.show {padding-bottom: 0.75rem}

.spoilerbox__line {
  display: block;
  background: #dbdbdb;
  height: 1px;
  width: 100%;
  margin-bottom: 0.5rem;
  font-size: 0
}

.spoilerbox__bg {
  background: #eaf2fd;
  padding: 0.875rem 0.375rem;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem
}

.spoilerbox__name {
  font-weight: bold;
  font-size: 0.875rem;
  margin: 0 0.375rem
}

.btn__pencil, .btn__paperclip {
  /*position: absolute;*/
  /*right: 0;*/
  /*top: 50%;*/
  /*transform: translateY(-50%);*/
  /*z-index: 2;*/
  /*height: 20px;*/
  /*width: 20px;*/
  /*padding: 0;*/
  background: none;
  border: 0;
  color: #666;
}
.btn__pencil svg, .btn__paperclip svg {height: 16px;
  width: 16px;}
.btn__pencil:hover,.btn__paperclip:hover {color:#0062cc}
.btn__pencil:focus,.btn__paperclip:focus {outline:none;}

/* .spoilerin */
.spoilerin {margin: 0.75rem 0;border:1px solid #dbdbdb;border-radius: 0.25rem;padding: 0 0.5rem}
.spoilerin:last-child {margin-bottom:0}


/* .tableshow */
.tableshow {
  color: #353537
}

.tableshow__item {
  word-break: break-word;
  padding: 0.5rem 0.375rem;
}

.tableshow__header .tableshow__item {
  padding: 0.75rem 0.25rem;
  font-weight: bold;
  line-height: 1
}

.tableshow__row {
  background: #fff;
  border-radius: 0.25rem;
  margin-bottom: 0.75rem;
}

.tableshow__row:last-child {
  margin-bottom: 0
}


.tableshow__item__groups {display: flex;align-items: center;justify-content: center}

.tableshow__item .navbar {padding: 0}
.tableshow__item .navbar-nav {margin:0;padding:0}
.tableshow__item .dropdown-toggle::after {    margin-left: .125em;}






.icon-down,
.icon-up {
  width: 8px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
}

.icon-down {
  background: url(../images/icon-down.png) 50% 0 no-repeat;
}

.icon-up {
  background: url(../images/icon-up.png) 50% 0 no-repeat;
}



.tableshow__input {
  font-size: 12px;
  color: #878787;
  height: calc(1.3em + 0.65rem + 2px);
  padding: 0.25rem 0.65rem;
  border-color: #001d9d;
  font-weight: bold;
}

.tableshow .btn {
  font-weight: bold;
}
/* .tableshow__prihod */
/*.tableshow__prihod .tableshow__item:nth-child(1) {width: 3%;}*/
/*.tableshow__prihod .tableshow__item:nth-child(2) {width: 19%;}*/
/*.tableshow__prihod .tableshow__item:nth-child(3) {width: 13%;}*/
/*.tableshow__prihod .tableshow__item:nth-child(4) {width: 9%; text-align: center;}*/
/*.tableshow__prihod .tableshow__item:nth-child(5) {width: 6%; text-align: center;}*/
/*.tableshow__prihod .tableshow__item:nth-child(6) {width: 7%; text-align: center;}*/
/*.tableshow__prihod .tableshow__item:nth-child(7) {width: 8%; text-align: center;}*/
/*.tableshow__prihod .tableshow__item:nth-child(8) {width: 8%;text-align: center;}*/
/*.tableshow__prihod .tableshow__item:nth-child(9) {width: 7%; text-align: center;}*/
/*.tableshow__prihod .tableshow__item:nth-child(10) {width: 7%; text-align: center;}*/
/*.tableshow__prihod .tableshow__item:nth-child(11) {width: 5%; font-size: 0;}*/
/*.tableshow__prihod .tableshow__item:nth-child(12) {width: 5%; font-size: 0;}*/
/*.tableshow__prihod .tableshow__item:nth-child(13) {width: 3%; font-size: 0}*/


@media (min-width:1400px) {
  /*.tableshow__prihod .tableshow__item:nth-child(1) {width: 3%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(2) {width: 20%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(3) {width: 14%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(4) {width: 8%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(5) {width: 6%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(6) {width: 6%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(7) {width: 8%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(8) {width: 8%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(9) {width: 7%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(10) {width: 7%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(11) {width: 5%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(12) {width: 5%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(13) {width: 3%;}*/
}

@media (min-width:1600px) {
  /*.tableshow__prihod .tableshow__item:nth-child(1) {width: 3%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(2) {width: 19%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(3) {width: 18%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(4) {width: 7%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(5) {width: 6%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(6) {width: 6%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(7) {width: 8%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(8) {width: 6%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(9) {width: 7%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(10) {width: 7%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(11) {width: 5%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(12) {width: 5%;}*/
  /*.tableshow__prihod .tableshow__item:nth-child(13) {width: 3%;}*/
}



/* .tableshow__vuhid */
/*.tableshow__prihod .tableshow__item:nth-child(1) {width: 3%;}*/
/*.tableshow__vuhid .tableshow__item:nth-child(2) {width: 26%;}*/
/*.tableshow__vuhid .tableshow__item:nth-child(3) {width: 13%}*/
/*.tableshow__vuhid .tableshow__item:nth-child(4) {width: 11%;text-align: center;}*/
/*.tableshow__vuhid .tableshow__item:nth-child(5) {width: 10%;}*/
/*.tableshow__vuhid .tableshow__item:nth-child(6) {width: 10%;}*/
/*.tableshow__vuhid .tableshow__item:nth-child(7) {width: 10%;text-align: center;}*/
/*.tableshow__vuhid .tableshow__item:nth-child(8) {width: 10%;text-align: center;}*/
/*.tableshow__vuhid .tableshow__item:nth-child(9) {width: 3%;  font-size: 0}*/
/*.tableshow__vuhid .tableshow__item:nth-child(10) {width: 4%;font-size: 0}*/

/*@media (min-width:1400px) {*/
  /*.tableshow__vuhid .tableshow__item:nth-child(1) {width: 3%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(2) {width: 28%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(3) {width: 20%}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(4) {width: 10%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(5) {width: 8%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(6) {width: 10%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(7) {width: 7%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(8) {width: 7%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(9) {width: 3%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(10) {width: 4%;}*/
/*}*/

/*@media (min-width:1600px) {*/
  /*.tableshow__vuhid .tableshow__item:nth-child(1) {width: 3%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(2) {width: 25%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(3) {width: 25%}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(4) {width: 10%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(5) {width: 8%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(6) {width: 8%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(7) {width: 7%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(8) {width: 7%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(9) {width: 3%;}*/
  /*.tableshow__vuhid .tableshow__item:nth-child(10) {width: 4%;}*/
/*}*/

/* .tableshow__zomovlena */
.tab-pane.zomovlena .spoilerbox__bg {margin-bottom: 1rem; background: #fff; padding: 0;}
.tab-pane.zomovlena .tableshow__row {background: #e9f1fc}

.tableshow__zomovlena .tableshow__item:nth-child(1) { max-width: 3%; min-width: 3%;}
.tableshow__zomovlena .tableshow__item:nth-child(2) { max-width: 14%; min-width: 14%;}
/*.tableshow__zomovlena .tableshow__item:nth-child(3) { width: 16%;}*/
.tableshow__zomovlena .tableshow__item:nth-child(3) { max-width: 27%; min-width: 27%}
.tableshow__zomovlena .tableshow__item:nth-child(4) { max-width: 15%; min-width: 15%; text-align: center}
.tableshow__zomovlena .tableshow__item:nth-child(5) { max-width: 6%; min-width: 6%; text-align: center}
.tableshow__zomovlena .tableshow__item:nth-child(6) { max-width: 7%; min-width: 7%; text-align: center}
.tableshow__zomovlena .tableshow__item:nth-child(7) { max-width: 8%; min-width: 8%; text-align: center}
.tableshow__zomovlena .tableshow__item:nth-child(8) { max-width: 10%; min-width: 10%;}
.tableshow__zomovlena .tableshow__item:nth-child(9) { max-width: 10%; min-width: 10%;}
.tableshow__zomovlena .tableshow__item:nth-child(10) { max-width: 10%; min-width: 10%; font-size: 0}
.tableshow__zomovlena.is_replenish .not_is_replenish,
.tableshow__zomovlena.is_replenish .is_replenish {
  max-width: 5%;
  min-width: 5%;
}
.tableshow__zomovlena.not_is_replenish .is_replenish {
  display: none;
}

.tableshow__zomovlena-2 .tableshow__item:nth-child(1) { width: 16%;}
/*.tableshow__zomovlena-2 .tableshow__item:nth-child(2) { width: 16%;}*/
.tableshow__zomovlena-2 .tableshow__item:nth-child(2) { width: 30%}
.tableshow__zomovlena-2 .tableshow__item:nth-child(3) { width: 18%; text-align: center}
.tableshow__zomovlena-2 .tableshow__item:nth-child(4) { width: 6%; text-align: center; font-size: inherit;}
.tableshow__zomovlena-2 .tableshow__item:nth-child(5) { width: 7%; text-align: center}
.tableshow__zomovlena-2 .tableshow__item:nth-child(6) { width: 8%; text-align: center}
.tableshow__zomovlena-2 .tableshow__item:nth-child(7) { width: 15%;}
/*.tableshow__zomovlena-2 .tableshow__item:nth-child(8) { width: 5%; font-size: 0}*/



/*@media (min-width:1400px) {*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(1) { width: 3%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(2) { width: 13%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(3) { width: 15%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(4) { width: 18%}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(5) { width: 15%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(6) { width: 6%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(7) { width: 7%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(8) { width: 8%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(9) { width: 10%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(10) { width: 5%;}*/

  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(1) { width: 15%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(2) { width: 16%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(3) { width: 17%}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(4) { width: 16%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(5) { width: 6%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(6) { width: 7%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(7) { width: 8%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(8) { width: 10%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(9) { width: 5%;}*/
/*}*/
/*@media (min-width:1600px) {*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(1) { width: 3%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(2) { width: 11%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(3) { width: 15%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(4) { width: 20%}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(5) { width: 15%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(6) { width: 6%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(7) { width: 7%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(8) { width: 8%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(9) { width: 10%;}*/
  /*.tableshow__zomovlena .tableshow__item:nth-child(10) { width: 5%;}*/

  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(1) { width: 13%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(2) { width: 16%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(3) { width: 19%}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(4) { width: 16%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(5) { width: 6%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(6) { width: 7%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(7) { width: 8%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(8) { width: 10%;}*/
  /*.tableshow__zomovlena-2 .tableshow__item:nth-child(9) { width: 5%;}*/
/*}*/




/* .buhalt */
.buhalt {}

.buhalt__list {padding-left: 0}

.buhalt__table {
  border: 1px solid #001d9d;
  border-radius: 0.25rem;
  padding: 0.625rem;
  overflow: hidden;
}

.buhalt__table__title {
  font-size: 0.875rem;
  font-weight: bold;
  color: #606060
}

/* .tablebox__buhalt */
.tablebox__buhalt__table .tablebox__header,
.tablebox__buhalt__table .tablebox__row,
.tablebox__buhalt__table .tablebox__conclusion  {
  width: 100%;
  min-width: 750px;
}


.tablebox__buhalt__list .tablebox__header {
  min-width: 100%;
}

.tablebox__buhalt__list .tablebox__row {
  min-width: 100%
}

.tablebox__buhalt__list .tablebox__item:nth-child(1) {
  width: 60%;
}

.tablebox__buhalt__list .tablebox__item:nth-child(2) {
  width: 40%;
}
.tablebox__buhalt__table .tablebox__item:nth-child(1), .tablebox__buhalt__table .tablebox__conclusion__item:nth-child(1) {
  width: 13%;
}

.tablebox__buhalt__table .tablebox__item:nth-child(2), .tablebox__buhalt__table .tablebox__conclusion__item:nth-child(2) {
  width: 13%;
}

.tablebox__buhalt__table .tablebox__item:nth-child(3), .tablebox__buhalt__table .tablebox__conclusion__item:nth-child(3) {
  width: 23%;
}

.tablebox__buhalt__table .tablebox__item:nth-child(4), .tablebox__buhalt__table .tablebox__conclusion__item:nth-child(4) {
  width: 14%;
}

.tablebox__buhalt__table .tablebox__item:nth-child(5), .tablebox__buhalt__table .tablebox__conclusion__item:nth-child(5) {
  width: 14%;
}

.tablebox__buhalt__table .tablebox__item:nth-child(6), .tablebox__buhalt__table .tablebox__conclusion__item:nth-child(6) {
  width: 9%;
}

.tablebox__buhalt__table .tablebox__item:nth-child(7), .tablebox__buhalt__table .tablebox__conclusion__item:nth-child(7) {
  width: 9%;
}
.tablebox__buhalt__table .tablebox__item:nth-child(8), .tablebox__buhalt__table .tablebox__conclusion__item:nth-child(8) {
  width: 5%;
}
/*.tablebox__buhalt__table .tablebox__conclusion__item:nth-child(1) {*/
/*  width: 14%;*/
/*}*/

/*.tablebox__buhalt__table .tablebox__conclusion__item:nth-child(2) {*/
/*  width: 14%;*/
/*}*/

/*.tablebox__buhalt__table .tablebox__conclusion__item:nth-child(3) {*/
/*  width: 9%;*/
/*}*/

/*.tablebox__buhalt__table .tablebox__conclusion__item:nth-child(4) {*/
/*  width: 14%;*/
/*}*/


/* .searchdai */
.searchdai__number {
  /*background-size: 22px;*/
  /*border-radius: 0.25rem 0 0 0.25rem;*/
  /*padding: 0.25rem 0.75rem 0.25rem 2.1rem;*/
  /*color: #fff;*/
  /*font-weight: bold;*/
  border: 1px solid #b0befa;
  border-radius: 3px;
  padding-left: 17px;
  background: url(../svg/gos_num.svg) no-repeat;
  background-size: contain;
  background-position: 0 50%;
  width: 100px;
  margin-right: .5rem;
}

.searchdai__number input {
  text-align: center;
}

.searchdai__filter {
  background: #ebf2fd;
  border: 1px solid #b0befa;
  border-radius: 0.25rem;
  padding: 0.25rem 0.25rem 0.25rem 0.5rem;
  margin-left: -0.25rem;
}

/* .splitter */
.splitter {
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 989;
  left: 11.7rem;
  transition: 0.1s linear;
  background: #fff;
  box-shadow: 0 5px 35px rgba(43, 43, 43, 0.61);
  border-radius: 0.25rem 0.25rem 0 0;
}

.nav__active .splitter {
  left: 5rem
}

#splitter__box {
  position: relative;
  height: 120px;
  overflow: auto;
  padding: 1rem;
  z-index: 2;
  background: #fff;
}

.splitter__btn {
  height: 40px;
  position: absolute;
  cursor: row-resize;
  left: 0;
  top: -18px;
  width: 100%;
  z-index: 1
}

.splitter__btn__button {
  display: block;
  font-size: 0;
  text-indent: -9999px;
  width: 64px;
  height: 40px;
  background: #fff;
  position: relative;
  z-index: 1;
  box-shadow: 0 5px 35px rgba(43, 43, 43, 0.61);
  border-radius: 50px/30px;
  margin: 0 auto;
  /*cursor: pointer;*/
}

.splitter__btn:after {
  position: absolute;
  left: 10%;
  bottom: 0;
  width: 80%;
  background: #fff;
  height: 22px;
  content: "";
  z-index: 1;
}

.splitter__btn__button i,
.splitter__btn__button i:before,
.splitter__btn__button i:after {
  display: block;
  position: absolute;
  z-index: 2;
  background: #001d9d;
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.splitter__btn__button i {
  top: 10px;
  left: 28px;
}

.splitter__btn__button i:before {
  content: "";
  top: 0;
  left: -12px;
}

.splitter__btn__button i:after {
  content: "";
  top: 0;
  right: -12px;
}



/* splitter elements */
.splitter__header__text {
  font-size: 0.875rem;
  line-height: 1
}

.shop__header__item {
  font-weight: bold;
  text-align: center;
  font-size: 0.875rem;
}

.shop__header__item:nth-child(1) {
  width: 60%
}

.shop__header__item:nth-child(2) {
  width: 10%
}

.shop__header__item:nth-child(3) {
  width: 30%
}

.shop__header__item > div {
  padding: 0.375rem 0;
  background: #e8e8e8;
  border-radius: 0.25rem
}


.shop__item {
  background: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0 13px rgba(44, 144, 205, 0.3);
  margin-bottom: 0.75rem;
  padding: 0.375rem 0;
}

.shop__item__buttons {
  margin-top: auto;
  width: 100%
}

.shop__item__title {
  color: #414141;
  font-weight: bold;
  display: block;
  width: 100%
}

.shop__item__text {
  color: #767676;
  width: 100%;
}

.shor__item__bgbox {
  height: 115px;
  padding: 0.5rem;
  background: #ebf2fd;
  border-radius: 0.25rem;
  width: 100%;
  overflow: auto;
  position: relative;
}


.shop__header__item:nth-child(1) {
  width: 33.333333%
}

.shop__header__item:nth-child(2) {
  width: 33.333333%
}

.shop__header__item:nth-child(3) {
  width: 33.333333%
}

.shop__item__col:nth-child(1) {
  width: 20%;
}

.shop__item__col:nth-child(2) {
  width: 80%
}

.shop__item__col:nth-child(3) {
  width: 20%
}

.shop__item__col:nth-child(4) {
  width: 80%
}

@media (min-width:1200px) {
  .shop__header__item:nth-child(1) {
    width: 50%
  }

  .shop__header__item:nth-child(2) {
    width: 10%
  }

  .shop__header__item:nth-child(3) {
    width: 40%
  }

  .shop__item__col:nth-child(1) {
    width: 10%;
  }

  .shop__item__col:nth-child(2) {
    width: 40%
  }

  .shop__item__col:nth-child(3) {
    width: 10%
  }

  .shop__item__col:nth-child(4) {
    width: 40%
  }

}

@media (min-width:1400px) {
  .shop__header__item:nth-child(1) {
    width: 53%
  }

  .shop__header__item:nth-child(2) {
    width: 10%
  }

  .shop__header__item:nth-child(3) {
    width: 37%
  }

  .shop__item__col:nth-child(1) {
    width: 10%;
  }

  .shop__item__col:nth-child(2) {
    width: 43%
  }

  .shop__item__col:nth-child(3) {
    width: 10%
  }

  .shop__item__col:nth-child(4) {
    width: 37%
  }
}

@media (min-width:1600px) {
  .shop__header__item:nth-child(1) {
    width: 60%
  }

  .shop__header__item:nth-child(2) {
    width: 10%
  }

  .shop__header__item:nth-child(3) {
    width: 30%
  }

  .shop__item__col:nth-child(1) {
    width: 10%;
  }

  .shop__item__col:nth-child(2) {
    width: 50%
  }

  .shop__item__col:nth-child(3) {
    width: 10%
  }

  .shop__item__col:nth-child(4) {
    width: 30%
  }

}


/* .tovarcol */
.tovarcol__box {
  margin: 0 -0.5rem
}

.tovarcol__box > div {
  padding: 0 0.5rem
}

.tovarcol, .settings {
  background: #ebf2fd;
  border-radius: 0.25rem;
}

.tovarcol__header, .settings__header {
  background: #fff;
  padding: 0.75rem 0.5rem;
  box-shadow: 0 3px 21px rgba(1, 30, 158, 0.14);
  border-radius: 0.25rem;
  width: 100%
}

.tovarcol__title, .settings__title {
  font-size: 0.75rem;
  font-weight: bold;
  color: #001d9d;
}

.tovarcol__list, .settings__list {
  padding: 0.5rem;
  list-style: none;
  margin: 0;
}

.tovarcol__list li, .settings__list li {
  border-bottom: 1px solid #a8c5f1;
  padding: 0.25rem 0;
  font-weight: bold;
  font-size: 0.75rem;
}

.tovarcol__list li:last-child, .settings__list li:last-child {
  border-bottom: 0
}

.tovarcol__footer {
  padding: 0 0.75rem 0.75rem;
  margin: auto -0.25rem 0 -0.25rem;
}

.tovarcol__footer .btn {
  width: 50%;
  margin: 0 0.25rem
}

@media (min-width:1200px) {
  .tovarcol__header {
    padding: 0.75rem;
  }

  .tovarcol__list {
    padding: 0.5rem 0.75rem;
  }

  .tovarcol__title {
    font-size: 1rem;
  }

  .tovarcol__list li {
    font-size: 0.875rem;
    padding: 0.5rem 0;
  }
}

/* .tovarbroker */
.tovarbroker {
  padding: 1rem 1.25rem 0;
  background: #f6f6f6;
  margin: 0 -1.25rem 1rem -1.25rem
}

.tovarbroker__header {
  font-size: 0.875rem;
  font-weight: bold;
}

.tovarbroker__header img {
  height: 24px;
}

.tovarbroker__table {
  padding-bottom: 0.75rem
}

.tovarbroker__table__header {}

.tovarbroker__table__row {
  background: #fff;
  border-radius: 0.25rem;
  box-shadow: 0 0 13px rgba(0, 23, 122, 0.34);
  margin-bottom: 0.5rem
}

.tovarbroker__table__item {
  padding: 0.375rem 0.5rem;
}

.tovarbroker__table__header .tovarbroker__table__item {
  color: #727272;
}

.tovarbroker__table__row .tovarbroker__table__item {
  font-size: 0.875rem;
}

.tovarbroker__table__scladu {
  background: #ebf2fd;
  border-radius: 0.25rem;
  font-size: 0.5rem;
}

.tovarbroker__table__scladu .box__white:nth-child(1) {
  width: 40%;
}

.tovarbroker__table__scladu .box__white:nth-child(2) {
  width: 25%;
  margin: 0 5%;
}

.tovarbroker__table__scladu .box__white:nth-child(3) {
  width: 25%
}

.tovarbroker__table__scladu .icon__arrow {
  margin: 0 auto;
}

.tovarbroker__table__item:nth-child(1) {
  width: 10%;
  padding-left: 1rem
}

.tovarbroker__table__header .tovarbroker__table__item:nth-child(1) {
  padding-left: 0
}

.tovarbroker__table__item:nth-child(2) {
  width: 30%
}

.tovarbroker__table__item:nth-child(3) {
  width: 20%;
}

/*.tovarbroker__table__item:nth-child(4) {*/
  /*width: 5%;*/
  /*font-size: 0;*/
  /*text-align: center;*/
/*}*/

.tovarbroker__table__item:nth-child(4) {
  width: 20%;
}

.tovarbroker__table__item:nth-child(5) {
  width: 20%
}


/* .tovar */
.tovar {}


.tovar__img {
  padding: 0
}

.tovar__addimg {
  margin: 0 auto;
  max-width: 150px;
}


.tovar__content {}

.tovar__col {
  padding: 0 0.875rem 0 0
}

.tovar__col + .tovar__col {
  padding: 0 0 0 0.875rem
}

.tovar__title {
  font-size: 1rem;
  font-weight: bold;
  width: 100%
}



.tovar__tags {}

.tovar__tags__item {}

.tovar__tags__label {
  color: #252525;
  font-weight: bold;
  width: 25%;
  padding-right: 1rem;
  text-align: right;
}

.tovar__tags__field {
  border-radius: 0.25rem;
  /*border: 1px solid #d0d0d0;*/
  padding: 0.25rem;
  width: 75%;
}



.tovar__info__item {
  border-radius: 0.25rem;
  padding: 0.25rem 0.75rem
}

.tovar__info__item:nth-child(odd) {
  background: #f6f6f6
}

.tovar__info__item span:nth-child(1) {
  width: 70%
}

.tovar__info__item span:nth-child(2) {
  width: 30%
}
.tovar__info__item a {
  width: 30%
}





.slider__tovar {
  position: relative;
}

.product_img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}



/* slick slider */
.slick-dots {
  display: flex;
  justify-content: center;
  margin-top: .7rem;
  margin-bottom: .7rem
}

.slick-dots li {
  padding: 0 4px;
}

.slick-dots li button {
  display: block;
  border-radius: 50%;
  width: 14px;
  height: 14px;
  background: #fff;
  border: 1px solid #b8b8b8;
  font-size: 0;
  text-indent: -9999px;
}

.slick-dots li button:hover,
.slick-dots li button:focus,
.slick-dots li.slick-active button {
  background: #001d9d;
  border-color: #001d9d;
}

.slick-dots li button:focus {
  outline: none;
}

.slick-arrow {
  display: block;
  font-size: 0;
  text-indent: -9999px;
  z-index: 5;
  position: absolute;
  border-radius: 0.25rem;
  height: 2.125rem;
  width: 2.125rem;
  top: 50%;
  border: 0;
  background: #fff;
  transform: translateY(-50%);
  box-shadow: 0 0 13px rgba(12, 84, 160, 0.41);
  transition: 0.1s linear
}

.slick-arrow:before {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  border-top: 4px solid #001d9d;
  border-right: 4px solid #001d9d;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate3d(-70%, -50%, 0) rotate(45deg);
  transition: 0.1s linear;
}

.slick-prev {
  left: 0;
}

.slick-prev.slick-arrow:before {
  transform: translate3d(-30%, -50%, 0) rotate(-135deg);
}

.slick-next {
  right: 0;
}

.slick-arrow:hover {
  background: #001d9d;
}

.slick-arrow:hover:before {
  border-color: #fff
}

.slick-arrow:focus {
  outline: none;
}




/* popup */
.modal-backdrop {
  background: #ebf1fd
}

.modal-backdrop.show {
  opacity: 0.78
}

.modal-content {
  border: 0;
  box-shadow: 0 1px 46px rgba(1, 30, 158, 0.33);
  padding: 1.375rem;
}

.close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  padding: 0 !important;
  border: 1px solid #9b9b9b !important;
  color: #9b9b9b;
  border-radius: 50%;
  margin: 0;
  width: 1.625rem;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  color: #005cbf !important;
  border-color: #005cbf !important;
  outline: none;
}

.modal-header {
  padding: 0 0 1.375rem;
  border-bottom: 0;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #373738;
  justify-content: center;
}

.modal-body {
  padding: 0
}


/* popup */
.modal-backdrop {
  background: #ebf1fd
}

.modal-backdrop.show {
  opacity: 0.78
}

.modal-content {
  border: 0;
  box-shadow: 0 1px 46px rgba(1, 30, 158, 0.33);
  padding: 1.375rem;
}

.close {
  position: absolute;
  top: 8px;
  right: 8px;
  z-index: 5;
  padding: 0 !important;
  border: 1px solid #9b9b9b !important;
  color: #9b9b9b;
  border-radius: 50%;
  margin: 0;
  width: 1.625rem;
}

.close:not(:disabled):not(.disabled):hover,
.close:not(:disabled):not(.disabled):focus {
  color: #005cbf !important;
  border-color: #005cbf !important;
  outline: none;
}

.modal-header {
  padding: 0 0 1.375rem;
  border-bottom: 0;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
  color: #373738;
  justify-content: center;
}

.modal-body {
  padding: 0
}


.modal .form-control, .zdacha_box .form-control, .client_search_box .form-control {
  border-color: #aec5f3;
  font-size: 0.75rem;
  padding: 0.5rem 0.75rem;
  height: calc(1.75em + 0.75rem + 2px);
}

.modal textarea.form-control {
  height: auto;
}

.modal .btn {
  font-size: 0.75rem;
  padding: 0.3125rem 1.25rem;
  white-space: nowrap
}

.modal .btn.btn-lg {
  padding: 0.5rem 0.75rem;
}

.modal .btn.btn-block {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.modal .btn-success {
  box-shadow: 0 4px 9px rgba(41, 167, 68, 0.33)
}

.modal .btn-danger {
  box-shadow: 0 4px 9px rgba(255, 0, 0, 0.33)
}

.label__light {
  display: block;
  margin-bottom: 0.25rem;
}

.label__bold {
  display: block;
  font-weight: bold;
}

.d-flex > .label__bold {
  text-align: right;
  padding: 0 0.75rem 0 0
}

.label__bgtext {
  background: #e1eafb;
  border-right: 0.25rem;
  font-weight: bold;
  padding: 0.5rem 0.375rem
}

.modal .form__select {
  width: 100%
}

.modal .custom-control {
  line-height: 1.5rem;
  font-weight: bold;
}

.modal .form__select {
  padding-left: 0;
  padding-right: 0;
}

.input__bg {
  background: #eff4fd
}

.label__bgtext {
  background: #e1eafb;
  border-radius: 0.25rem;
  font-weight: bold;
  padding: 0.5rem 0.375rem;
  height: calc(1.75em + 0.75rem + 2px);
  /*margin-left: 2%;*/
}


.modal__text {
  font-size: 0.875rem;
  margin-bottom: 1.25rem
}

.modal .row {
  margin-left: -12px;
  margin-right: -12px;
}

.modal .row > div {
  padding-left: 12px;
  padding-right: 12px;
}



@media (min-width: 576px) {
  .modal-dialog {
    margin-top: 3.5rem
  }

  .modal-270 {
    max-width: 270px;
  }

  .modal-360 {
    max-width: 360px;
  }

  .modal-400 {
    max-width: 400px
  }

  .modal-450 {
    max-width: 450px
  }

  .modal-550 {
    max-width: 550px
  }

  .modal-470 {
    max-width: 470px
  }

  .modal-820 {
    max-width: 820px
  }
  .modal-900 {
    max-width: 900px
  }
  .modal-950 {
    max-width: 950px
  }
}


/* .analogtovara */
.analogtovara__item {
  border-radius: 0.25rem;
  border: 1px solid #001d9d;
  padding: 0.375rem;
  margin-bottom: 0.5rem;
}

.analogtovara__item:last-child {
  margin-bottom: 0
}

.analogtovara__bg {
  background: #ebf2fd;
  text-align: center;
  width: 17%;
  border-radius: 0.25rem;
}

.analogtovara__bg__small {
  font-size: 0.6875rem;
  color: #626262;
  display: block;
  width: 100%;
}

.analogtovara__bg__bold {
  display: block;
  width: 100%;
  font-weight: bold;
}

.analogtovara__table {
  width: 83%;
}

.analogtovara__table__item {
  margin-bottom: 0.5rem;
}

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

.analogtovara__table__label {
  font-weight: bold;
  text-align: right;
  width: 18%;
}

.analogtovara__table__content {
  padding-left: 0.75rem;
  width: 82%;
}

/* .detaliz */
.detaliz {
  margin-bottom: 1.25rem;
}

.tablebox__detaliz .tablebox__header {
  min-width: 100%;
}

.tablebox__detaliz .tablebox__body {
  max-height: 13.1rem;
  min-height: 7.1rem;
  overflow-y: auto;
  margin: 0 -10px;
  padding: 0 8px 0 10px;
}

.tablebox__detaliz .tablebox__row {
  min-width: 100%;
  box-shadow: 0 2px 6px rgba(1, 50, 158, 0.18);
}

.tablebox__detaliz .tablebox__conclusion {
  min-width: 100%;
  background: none;
}

.tablebox__detaliz .tablebox__item:nth-child(1) {
  width: 10%;
}

.tablebox__detaliz .tablebox__item:nth-child(2) {
  width: 20%;
}

.tablebox__detaliz .tablebox__item:nth-child(3) {
  width: 50%;
}

.tablebox__detaliz .tablebox__item:nth-child(4) {
  width: 10%;
}

.tablebox__detaliz .tablebox__item:nth-child(5) {
  width: 10%;
}




/* .calculator */
.calculator {
  padding-left: 0 !important;
}

.calculator .btn {
  text-align: center;
  padding: 0.375rem 0;
  width: 2.375rem;
  margin: 0 0.25rem 0.5rem;
  font-weight: bold;
  font-size: 0.875rem;
}

/* */

/* .form__search */
.form__search__new {
  width: 600px;
}

.form__search__new .form__search__wrap {
  position: relative;
  padding-right: 2.25rem
}

.form__search__new .form__search__btn {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

.form__search__abs {
  position: absolute;
  top: 50%;
  right: 2.25rem;
  transform: translateY(-50%);
  z-index: 2;
}

.form__search__abs .custom-control-label {
  font-size: 0.675rem;
  color: #001d9d;
  vertical-align: sub;
}

.form__search__abs .custom-control-label::before {
  top: 0;
}

.form__search__abs .custom-control-label::after {
  top: 0
}

/* .card */
.cardbox {margin-bottom: 1rem;}
.cardbox__name {line-height: 1;margin-bottom: 0.5rem;font-size: 1rem;color:#6f6f6f;font-weight: bold;}
.cardbox__name__bold {color:#353537;font-size: 0.875rem;padding-left: 0.5rem}

.cardbox .row {margin-left:-8px;margin-right: -8px;}
.cardbox .col {padding-left: 8px;padding-right: 8px;}

.cardbox__input {border-color: #cadffe;font-size: 0.75rem;color:#404040; height: calc(1.25rem + 0.65rem + 2px);}
.cardbox__input::placeholder {color:#6f6f6f;}

.cardbox__box {background-color:#ebf2fd;border-radius: 0.25rem;padding: 0.75rem;}
.cardbox__box-pb0 {padding-bottom: 0;}
.cardbox__box-pb0 > * {margin-bottom: 0.75rem;}
.cardbox__box--white {background-color: #fff;box-shadow: 0px 0px 13px 0px rgba(44, 144, 205, 0.3);}

.form__select--cardbox select,
.form__select--cardbox2 select {border-color: #cadffe;font-weight: bold;height: calc(1.25rem + 0.65rem + 2px);font-size: 0.75rem;}
.form__select--cardbox2 select {color:#6f6f6f;font-weight: normal}

.cardbox__checkbox {padding-top: 0.5rem; margin-bottom: -0.25rem;}
.cardbox__checkbox .custom-control {margin-right:1.375rem}
.cardbox .custom-control {font-size: 0.75rem;color:#353537; line-height: 1.625rem; font-weight: bold;}
.cardbox .custom-control.light {font-weight: normal;color:#6f6f6f; line-height: 1.2}
.cardbox__label {font-weight: bold;margin-bottom: 0;font-size: 0.75rem;color:#353537;margin-right: 0.675rem;}

.cardbox__autoclienta {
  font-size: 0.875rem;color:#2f2f2f;text-align:left;padding: 4px 12px;
  border-radius: 0.25rem; box-shadow: 0px 0px 13px 0px rgba(44, 144, 205, 0.3);
  background-color: #fff;
}

/* .cardbox__info */
.cardbox__info {margin-right: 1.5rem}
.cardbox__info__name {font-size: 0.75rem;font-weight: bold;margin-right:0.75rem;}
.cardbox__info__summa {font-size: 0.75rem;background-color: #fff;border-radius: 0.25rem;padding: 5px 12px;text-align: center;min-width: 116px;}

/* .partnergroup */
.partnergroup {}
.partnergroup__item {
  color:#0420a0;border:1px solid transparent;background:none;padding: 0;border-radius: 0.5rem;
  padding: 4px; transition: 0.2s linear;margin-right:1px;}
.partnergroup__item svg {width:20px;height: 20px;}
.partnergroup__item.green {color:#04a025;}
.partnergroup__item.red {color:#ff0000;}
.partnergroup__item:hover, .partnergroup__item.active {border-color:#0420a0;}
.partnergroup__item.green:hover, .partnergroup__item.green.active {border-color:#04a025;}
.partnergroup__item.red:hover, .partnergroup__item.red.active {border-color:#ff0000;}
.partnergroup__item:focus {outline: none;}

.cardbox .spoilerbox {position: relative}
.cardbox .spoilerbox:last-child {margin-bottom: 0}
.cardbox .spoilerbox__btn {padding: 0.625rem 4.5rem 0.625rem 1.75rem}

.spoilerbox__icons {position: absolute;top:8px;right:12px;z-index: 10;}
.spoilerbox__icons__item {transition: 0.2s linear}
.spoilerbox__icons__item svg {width:19px;height: 19px;}
.spoilerbox__icons-bags svg {width:24px; height: 23px;}
.spoilerbox__icons__item:hover {opacity: 0.8}

.cardbox .tablebox__body .tablebox__row:last-child {margin-bottom: 0}

/* .tablebox__last10 */
.tablebox__last10 .tablebox__item:nth-child(1) {width: 10%}
.tablebox__last10 .tablebox__item:nth-child(2) {width: 20%}
.tablebox__last10 .tablebox__item:nth-child(3) {width: 20%}
.tablebox__last10 .tablebox__item:nth-child(4) {width: 15%;text-align: center}
.tablebox__last10 .tablebox__item:nth-child(5) {width: 10%;text-align: center}
.tablebox__last10 .tablebox__item:nth-child(6) {width: 10%;text-align: center}
.tablebox__last10 .tablebox__item:nth-child(7) {width: 15%;text-align: center}

/* .tablebox__cardbox */
.tablebox__cardbox .tablebox__header, .tablebox__cardbox .tablebox__row {min-width: 960px;}
.tablebox__cardbox {padding-top: 1rem}
.tablebox__cardbox .tablebox__item:nth-child(1) {width: 10%}
.tablebox__cardbox .tablebox__item:nth-child(2) {font-size: 0;width:5%}
.tablebox__cardbox .tablebox__item:nth-child(3) {width: 30%}
.tablebox__cardbox .tablebox__item:nth-child(4) {width: 15%;text-align: center}
.tablebox__cardbox .tablebox__item:nth-child(5) {width: 10%;text-align: center}
.tablebox__cardbox .tablebox__item:nth-child(6) {width: 15%;text-align: center}
.tablebox__cardbox .tablebox__item:nth-child(7) {width: 15%;text-align: center}

/* .tablebox__poslugi */
.tablebox__poslugi .tablebox__item:nth-child(1) {width: 5%;font-size: 0;}
.tablebox__poslugi .tablebox__item:nth-child(2) {width:20%}
.tablebox__poslugi .tablebox__item:nth-child(3) {width: 30%}
.tablebox__poslugi .tablebox__item:nth-child(4) {width: 10%;}
.tablebox__poslugi .tablebox__item:nth-child(5) {width: 15%;}
.tablebox__poslugi .tablebox__item:nth-child(6) {width: 20%;font-size: 0;}
@media (min-width:1400px) {
  .tablebox__poslugi .tablebox__item:nth-child(3) {width: 35%}
  .tablebox__poslugi .tablebox__item:nth-child(6) {width: 15%;}
}

/* .tablebox__billing */
.tablebox__billing .tablebox__item:nth-child(1) {width:10%;}
.tablebox__billing .tablebox__item:nth-child(2) {width:50%}
.tablebox__billing .tablebox__item:nth-child(3) {width:15%}
.tablebox__billing .tablebox__item:nth-child(4) {width:10%;}
.tablebox__billing .tablebox__item:nth-child(5) {width:15%;}

/* .tablebox__zakaz1 */
.tablebox__zakaz1 .tablebox__item:nth-child(1) {width: 7%; font-size: 0}
.tablebox__zakaz1 .tablebox__item:nth-child(2) {width: 15%}
.tablebox__zakaz1 .tablebox__item:nth-child(3) { width: 16%;}
.tablebox__zakaz1 .tablebox__item:nth-child(4) { width: 10%;}
.tablebox__zakaz1 .tablebox__item:nth-child(5) { width: 10%}
.tablebox__zakaz1 .tablebox__item:nth-child(6) { width: 8%;}
.tablebox__zakaz1 .tablebox__item:nth-child(7) { width: 20%; text-align: center;}
.tablebox__zakaz1 .tablebox__item:nth-child(8) { width: 10%}
.tablebox__zakaz1 .tablebox__item:nth-child(9) { width: 4%; font-size: 0; text-align: center;}

/* .tablebox__zakaz2 */
.tablebox__zakaz2 .tablebox__item:nth-child(1) {width: 2%; font-size: 0}
.tablebox__zakaz2 .tablebox__item:nth-child(2) {width: 7%; font-size: 0}
.tablebox__zakaz2 .tablebox__item:nth-child(3) {width: 25%}
.tablebox__zakaz2 .tablebox__item:nth-child(4) { width: 12%;}
.tablebox__zakaz2 .tablebox__item:nth-child(5) { width: 12%}
.tablebox__zakaz2 .tablebox__item:nth-child(6) { width: 28%;}
/*.tablebox__zakaz2 .tablebox__item:nth-child(6) { width: 20%; text-align: center;}*/
.tablebox__zakaz2 .tablebox__item:nth-child(7) { width: 10%}
.tablebox__zakaz2 .tablebox__item:nth-child(8) { width: 4%; font-size: 0; text-align: center;}


/* .iframe */
.iframe {display:block;width:100%; max-width: 1000px;}


/* .shorts */
.shorts {text-align: center;}
.shorts.row {margin-left: -0.5rem;margin-right: -0.5rem}
.shorts .col {padding-left: 0.5rem;padding-right: 0.5rem}

.short {
  display: -ms-flexbox !important; display: flex !important;
  -ms-flex-direction: column !important; flex-direction: column !important;
  -ms-flex-pack: justify !important; justify-content: space-between !important;
  border:1px solid #c6dbfb;border-radius: 0.25rem;padding:1rem 0.5rem;margin-bottom:1rem; line-height: 1.2}
.short__title { font-weight: bold;color:#414141; margin-bottom: 0.5rem;}
.short__suptitle {display:block;margin-bottom: 0.5rem}

.short__img {margin-bottom: 0.5rem;}
.short__img img {display:block;max-height:7rem;object-fit: contain; max-width: 100%}
.short__info > * {margin-left: 0.25rem;margin-right: 0.25rem;}
.short__rezerv {color:red;font-size: 0.75rem;}
.short__price {font-size: 0.875rem; text-transform: uppercase; font-weight: bold;}
.short__number {font-size: 0.75rem;}

/* .tabs__tablet */
.tabst__nav {border-bottom: 0; margin-top: 0;}
.tablet .nav-tabs .nav-link {color:#404040;font-weight:bold;font-size:1rem;border-bottom: 0;padding: 0.375rem 1rem 0.375rem;width:50%;}
.tablet .nav-tabs .nav-link.active {border-color:#c6dbfb;color:#03209f;}
.tabst__bar {width: 18px; height: 20px;}
.tabst__content {border:1px solid #c6dbfb; background: #fff; border-radius: 0 0 0.25rem 0.25rem; box-shadow: 0 0 13px rgba(44, 144, 205, 0.3);}
.tabst__content .tab-pane {padding:1rem 1rem 0.5rem}

/* .navtablet */
.navtablet {
  list-style: none;padding: 0;margin:0 -0.25rem 0 -0.25rem;
  display: -ms-flexbox !important; display: flex !important;
  -ms-flex-wrap: wrap !important; flex-wrap: wrap !important;
  max-height:80vh; overflow-y: auto;
}
.navtablet > li {
  display: -ms-flexbox !important; display: flex !important;
  -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;
  padding: 0 0.25rem 0.5rem 0.25rem;
}
.navtablet__item {
  display: -ms-flexbox !important; display: flex !important;
  -ms-flex-direction: column !important; flex-direction: column !important;
  background-color: #f3f3f3;border:1px solid #f1f1f1;border-radius: 0.25rem;padding: 1rem 0.5rem 0.5rem;
  position: relative;color:#404040;text-align:center;line-height:1.2;width:100%;transition: 0.2s linear;
}
.navtablet__item:hover {background:none;}
.navtablet__item .box__circle {
  position:absolute;top:0.5rem;left:0.5rem;z-index: 1;
  width:1.75rem;height:1.75rem;line-height:1.75rem;font-size:0.875rem;
}
.navtablet__icon {
  display: -ms-flexbox !important; display: flex !important;
  -ms-flex-align: center !important; align-items: center !important;
  -ms-flex-pack: center !important;justify-content: center !important;
  margin-bottom:0.5rem;
}
.navtablet__icon img {display:block;max-height:5rem;object-fit: contain; max-width: 100%}
.navtablet__name {display:block;margin-bottom:0.25rem;font-weight:bold;font-size:0.875rem}
.navtablet__desc {font-size:0.75rem;color:#666}

/* .prod */
.prod .spoilerbox {background: #ebf2fd;border-radius: 0.25rem;margin-bottom: 0.5rem;}
.prod .spoilerbox__btn {padding-right: 0}
.prod .spoilerbox__box.show {padding-bottom: 0.25rem}
.prod__wrap {position: relative;padding-bottom: 70px;}
.prod__items {max-height:300px; overflow-y: auto;}
.prod__item {background-color:#fff;border-radius:0.25rem;margin-bottom:0.5rem;position:relative;padding:0.5rem 2rem 0.5rem 0.5rem;}
.prod__item .link__delete {position:absolute;right:0.5rem;top:50%;transform:translate3d(0,-50%,0)}
.prod__item__name {color:#03209f;font-weight:bold;margin-right: 0.5rem}
.prod__item__number {color:#6f6f6f; margin-right: 0.5rem;}
.prod__item__price {font-weight:bold;}
.prod__desc {margin-bottom:0;color:#6f6f6f}
.prod__tools {
  position: absolute;z-index: 2;background: #fff;left: 0;bottom: 0.5rem;right: 0;
  padding: 1rem;box-shadow: 0 -1px 13px rgba(44, 144, 205, .3);border-radius: 0.25rem;border: 1px solid #c6dbfb;
}
.client_product_order_view img {
  max-width: 360px;
  object-fit: contain;
}
@media (min-width: 1281px) {
  .col-xln-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}