body{
  display: flex;
  flex-direction: column;
  height:100%;
  min-height:100%;
  scroll-behavior: smooth;
}


.site-header {
  padding-bottom: 0;
  margin-bottom: 0;
  margin-top: 0;
}

.site-header__nav a {
  color: var(--dark-blue);
  font-weight: 800;
}

.site-header__control-item {
  color: var(--dark-blue);
}

.site-header__control {
  border-left: 1px solid rgba(29, 37, 60, 0.2);
}

.auth-button {
  display: flex;
  align-items: center;
}

.auth-button img {
  display: block;
  border-radius: 418px;
  width: 46px;
  height: 46px;
  margin-right: 12px;
}

.auth-button span {
  display: inline-block;
  min-width:48px;
  max-width:100px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.cab-section {
  margin-top: 24px;
  flex-grow: 1;
}

.cab-section .container{
  height:100%;
}

.cab-body {
  box-sizing: border-box;
  margin-left: 12px;
  margin-right: 12px;
  word-wrap: break-word;
  width: calc(100% - 24px);
  padding: 32px;
  background: var(--white);
  border-radius: 24px;
  display: grid;
  grid-template-columns: 262px 1fr;
  gap: 46px;
  min-height: 600px;
}

.partreg_setting_form {
    padding: 30px 24px 50px;
    border-radius: 20px;
    background: #fff;
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
}

.partreg_setting_form h1{
  text-align: center;
  width: 100%;
}

.select {
  position: relative;
  display: block;
  width: 100%;
}
.form-field.form-field--select .form-field__holder{
      padding: 0;
    border: 0;
}
.select__arrow {
  position:absolute; right:12px; top:50%; width:18px; height:18px; transform:translateY(-50%);
  background: no-repeat center / 18px 18px
    url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9l6 6 6-6' stroke='%231D253C' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  pointer-events:none;
}
.select__option:hover { background:#F4F6F8; }

.select__menu{
   position:absolute; 
   left:0; 
   right:0; 
   z-index:60; 
   max-height:240px; 
   overflow:auto; 
   background:#fff; 
   border:1px solid #D7DBE0; 
   border-radius:10px; 
   margin-top:6px; 
   box-shadow:0 8px 24px rgba(0,0,0,.08); 
}

.select__menu button{
    display:block; 
    width:100%; 
    text-align:left; 
    padding:10px 12px; 
    border:0; 
    background:#fff; 
    cursor:pointer;
}

.select--custom{
    position: relative;
}

.select--custom button{
    width:100%; 
    text-align:left; 
    padding-right:42px;
}

.form-actions{
    display: flex;
    width:100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap:24px;
    margin-top:20px;
}
.select__control {
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff;
    border: 1px solid var(--light-gray);
    border-radius: 18px;
    padding: 15px 16px;
    line-height: 1.3;
    font: inherit;
    color: #1D253C;
    transition: border-color .15s, box-shadow .15s;
    cursor:pointer;
    height: 64px;
}
.select--sm .select__control {
  padding: 8px 38px 8px 10px;
  border-radius: 8px;
  font-size: 14px;
}

.select__control[aria-expanded="true"] + .select__arrow{
  transform: translateY(-50%) rotate(-180deg);
}

.select__search { 
  padding: 10px; 
}
.select__search input { 
  width: 100%; 
  border: 1px solid #ddd; 
  padding: .375rem .5rem; 
  border-radius: .375rem; 
}
.select__search input::placeholder { 
  color:var(--light-gray);
}
.select__empty { 
  padding: 10px 15px; 
  color: #999;
 }

.form-actions button{
    width:100%;
    max-width:400px;
}


.form-field.form-field--vmiddle{
    justify-content: center;
    padding-top: 30px;
}

.form_section_title {
    width: 100%;
    margin: 40px 0 20px;
    font-weight: 800;
    font-size: 20px;
    line-height: 120%;
    color: var(--dark-blue);
    text-align: left;
    padding-bottom: 10px;
    border-bottom: solid 1px var(--light-gray);
}

.cab-body.cab-body--partreg {
    padding: 0;
    background: transparent;
    border-radius: 0;
    grid-template-columns: 1fr;
    gap: 25px;
}

.cab-body.cab-body--full{
  grid-template-columns:1fr;
}

.cab-body.cab-body--full .cab-body__empty .btn_border{
  width:auto;
}

.cab-body__menu {
  padding-right: 36px;
  border-right: 1px solid var(--light-gray);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.cab-body__menu-item {
  display: flex;
  align-items: center;
  font-weight: 800;
  font-size: 16px;
  line-height: 118%;
  color: var(--dark-blue);
  border-radius: 18px;
  padding: 10px 24px;
  height: 56px;
  transition: opacity var(--time) ease, background var(--time) ease;
  opacity: 0.4;
}

.cab-body__menu-item img,
.cab-body__menu-item svg {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 10px;
}

.cab-body__menu-item.cab-body__menu-item--current {
  opacity: 1;
  background: var(--light-gray);
}

.cab-body__menu-item:hover {
  opacity: 1;
  background: var(--light-gray);
}

.menu_splitter {
  width: 100%;
  height: 1px;
  background: var(--light-gray);
  border-radius: 2px;
}

.cab-body__main {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cab-body__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  min-height: 52px;
}

.cab-body__sorting {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--light-gray);
  border-radius: 18px;
  font-weight: 800;
  font-size: 16px;
  line-height: 120%;
  color: var(--dark-blue);
  padding: 0 18px;
  height: 52px;
  cursor: pointer;
  transition: background var(--time) ease;
}

.cab-body__sorting svg {
  margin-right: 10px;
}

.cab-body__sorting:hover {
  background: var(--light-gray);
}

.cab-body__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 120%;
  color: var(--dark-blue);
  text-align: left;
}

.cab-body__list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.cab-body__list.cab-body__list--form {
  flex-direction: row;
  flex-wrap: wrap;
}

.cab-body__list--form form{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  gap: 24px;
}

.cab-body__list--form .btn{
  height:64px;
}

.cabinet-body .alert{
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 20px;
    font-size:16px;
    font-weight: 600;
}

.cabinet-body .alert.alert-success{
  color:#3aad6c;
}
.cabinet-body .alert.alert-error,.cabinet-body .alert.alert-danger{
  color:#E4462A;
}

.zamov-item {
  background: var(--white);
  border: 1px solid var(--light-gray);
  border-radius: 24px;
  padding: 32px;
  position: relative;
  width: 100%;
}

.zamov-item__status {
  background: #f5f184;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: var(--black);
  width: 137px;
  height: 36px;
  position: absolute;
  left: 32px;
  top: -17px;
  border-radius: 12px;
  padding: 0px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.zamov-item__status.zamov-item__status--waiting {
  background: #f5f184;
}

.zamov-item__status.zamov-item__status--confirm {
  background: #a4f2c6;
}

.zamov-item__status.zamov-item__status--cancel {
  background: #ed9e90;
}

.zamov-item__status.zamov-item__status--finish {
  background: var(--light-gray);
}

.zamov-item__body {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 276px 1fr 156px;
  gap: 24px;
  overflow: hidden;
  position: relative;
}

.zamov-item__body .checkout-info__item {
  min-width: 0;
  width: 100%;
  max-width: 276px;
  padding: 9px 0;
  border-bottom: 0;
  justify-content: flex-start;
}

.trans-item__body {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 1fr 170px;
  gap: 24px;
  overflow: hidden;
  position: relative;
}

.zamov-item__info {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 12px;
}

.trans-item__info {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 12px;
}

.trans-item__info .zamov-item__info-item {
  grid-column: span 2;
}

.trans-item__info .zamov-item__info-item:first-child {
  grid-column: span 3;
}

.zamov-item__info-item {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.zamov-item__info-title {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: var(--gray);
}

.zamov-item__info-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: var(--black);
}

.cancel_zam {
  background: var(--error);
  width: 100%;
  font-weight: 800;
  font-size: 16px;
  line-height: 120%;
  color: var(--white);
  height:40px;
  border-radius:12px;
}

.cancel_zam svg {
  flex-shrink: 0;
  margin-right: 10px;
}

.cancel_zam:hover {
  background: #ed9e90;
}

.repeat_zam{
  background: #53e994;
  width: 100%;
  font-weight: 800;
  font-size: 16px;
  line-height: 120%;
  color: var(--white);
}

.repeat_zam svg {
  flex-shrink: 0;
  margin-right: 10px;
}

.repeat_zam:hover {
  background: #71c997;
}


.fon {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 200;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
}

.fon.open {
  display: block;
}

.cab-modal {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 200;
  width: calc(100% - 40px);
  max-width: 648px;
  height: auto;
  background: var(--white);
  border-radius: 24px;
  padding: 60px;
}

.cab-modal__inner{
  width: 100%;
}

.cab-modal.open {
  display:flex;
}

.cab-modal__title {
  font-weight: 800;
  font-size: 24px;
  line-height: 120%;
  text-align: center;
  color: var(--dark-blue);
  margin-bottom: 32px;
}

.cab-modal__message {
  font-weight: 500;
  line-height: 140%;
  text-align: center;
  color: var(--dark-gray);
  margin-bottom: 32px;
}

.cab-modal__ctrl {
  display: flex;
  gap: 24px;
}

.cab-modal__ctrl button {
  width: calc(50% - 12px);
}

.btn__cancel{
    background: var(--dark-blue);
}
.btn__cancel:hover {
    background: var(--link-hover);
}

.btn__confirm--bad {
  background: var(--error);
}

.btn__confirm--bad:hover {
  background: #ed9e90;
}

.btn__confirm{
  background: #3dc176;
}

.btn__confirm:hover {
  background: #6eb58d;
}

.close_modal {
  border: 1px solid var(--light-gray);
  border-radius: 18px;
  padding: 14px 18px;
  width: 52px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background var(--time) ease;
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2;
}

.close_modal svg {
  flex-shrink: 0;
}

.close_modal:hover {
  background: rgba(231, 233, 230, 0.3);
}

.cab-body__empty {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 32px;
  width: 100%;
  max-width: 600px;
  margin: 70px auto 100px;
}

.cab-body__empty .btn_border {
  width: 260px;
  margin: 0 auto;
}

.cab-body__second-title {
  font-weight: 800;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: var(--dark-blue);
}


.modal-page{
  margin-top:40px;
}

.modal-page .modal-inner{
  height: auto;
}
.modal-page .modal-box{
  height: auto;
  max-height: unset;
}

.alert-message{
    text-align: center;
    font-weight: 700;
    font-size: 16px;
}

.alert-message.alert-message--success{
 color: #62b385;
}

.alert-message.alert-message--error{color: #ed9e90;}

.alert-message.alert-message--attention{color: #cec945;}

.data-table td.no_data{
    text-align: center!important;
    padding: 50px 20px!important;
    font-weight: 600;
}

.data-table_comm{
  max-width:150px;
}

.button_box{
  display: flex;
  align-items: center;
}

.data-table__edit, .data-table__delete{
  cursor:pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px; 
}

.data-table__delete{
 
    margin-left:8px;
}
.data-table__delete:hover svg{
  color:red;
}

.original_price{
    font-size: 11px;
    font-style: italic;
}

.data-table--balance{
    text-align: center;
}
.data-table--balance th{
    text-align: center;
}

.data-table--balance tbody td{
    font-size:14px;
}
.data-item__status {
    background: #f5f184;
    font-weight: 700;
    font-size: 12px;
    line-height: 140%;
    color: var(--black);
    width: 137px;
    height: 30px;
    border-radius: 8px;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.data-table--balance tbody td {
    font-size: 14px;
    vertical-align: middle;
}


.zamov_item{
    background:#fff;
    border-radius: 12px;
    position: relative;
}

.zamov_item__header{
    display: flex;
    border-radius:0 12px 12px 12px;
    padding: 20px 20px 15px;    
    background: var(--light-gray);
}

.zamov_item__info{
    border-radius:0 0 12px 12px;
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .2s ease-in-out;
    overflow: hidden;
}


.open .zamov_item__info{
    grid-template-rows: 1fr;
}

.zamov-item .zamov_item__info-inner{
    padding:24px 24px 0;
    transition: padding .2s ease-in-out;
    min-height: 0;
}

.zam-info-item{
    border-bottom: 1px solid #f2f2f2;
    padding:10px 0;
    display: flex;
    align-items: center;
    gap:24px;
}

.zam-info-item:first-child{
    padding-top:0;
}

.zam-info-item:last-child{
    border-bottom:0;
}
.zam-info-item_left{
    opacity: 0.4;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 14px;
    line-height: 140%;
    color: var(--dark-blue);   
    width:24%;
    min-width:150px;
}

.zam-info-item_right{
    font-weight: 500;
    font-size: 16px;
    line-height: 140%;
    color: var(--dark-blue);
}

.zamov-item__controls{
  display:flex;
  flex-direction: column;
  gap:20px;
}

.open_zam_spoiler{
  height:40px;
  border-radius: 12px;
}
.open_zam_spoiler svg {
    width: 24px;
    height: 24px;
    margin-left: 10px;
    transform: rotate(180deg);
    transition: transform 0.3s ease;
}
.open .open_zam_spoiler svg{
    transform: rotate(0);
}

.select__option--empty{
      padding:10px;
}

.form-hint{
    color: #b5b5b5;
    font-size: 12px;
    padding: 5px 15px 0;
}
.tags-select{position:relative;min-height:42px;border:1px solid #dcdcdc;border-radius:6px;padding:6px 8px;background:#fff;cursor:text}
.tags-select:focus-within{outline:2px solid #6aa2ff;outline-offset:1px}
.tags-select__tags{display:flex;flex-wrap:wrap;gap:6px}
.tags-select__tag{display:inline-flex;align-items:center;gap:6px;background:#f3f5f8;border:1px solid #d6dbe3;border-radius:14px;padding:4px 8px}
.tags-select__remove{border:0;background:transparent;cursor:pointer;font-size:16px;line-height:1}
.tags-select__input{border:0;min-width:140px;flex:1;padding:4px 6px;outline:none}
.tags-select__menu{position:absolute;left:0;right:0;top:100%;z-index:20;background:#fff;border:1px solid #dcdcdc;border-radius:6px;margin-top:6px;max-height:260px;overflow:auto}
.tags-select__item{display:block;width:100%;text-align:left;padding:8px 10px;border:0;background:#fff;cursor:pointer}
.tags-select__item[aria-selected="true"], .tags-select__item:hover{background:#f0f6ff}
.tags-select__empty{padding:10px;color:#9aa0a6}

@media all and (max-width: 1200px) {
  .cab-body {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .cab-body__menu {
    display: none;
  }

  .mobile-nav .cab-body__menu {
    display: flex;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 24px;
    border-right: 0;
    padding: 12px;
  }

  .mobile-nav .cab-body__menu a{
    color: var(--white);
  }

  .mobile-nav .cab-body__menu a img{
    filter: grayscale(1) brightness(0) invert(1);
  }

  .mobile-nav .cab-body__menu-item.cab-body__menu-item--current{
    background: rgba(255, 255, 255, 0.1);
  }

  .mobile-nav .menu_splitter {
      opacity: 0.14;
  }  

  .zamov-item {
    padding: 28px;
  }

  .zamov-item__body .checkout-info__item {
    order: 1;
    grid-column: span 2;
    max-width: 100%;
  }

  .zamov-item__body {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .zamov-item__info {
    order: 3;
    grid-column: span 3;
  }

  .zamov-item__controls {
    order: 2;
    grid-column: span 1;
  }
}

@media all and (max-width: 767px) {
  .zamov_item__info-inner{
    padding: 20px 5px 0;
  }
  .zam-info-item{
    align-items: flex-start;
    flex-direction: column;
    gap: 10px;
  }
  .cab-body__list--form .btn{
    width: 100%;
  }

  .cab-body .cab-body__empty .btn_border{
      margin-top:15px;
   }

  .cab-section {
    margin-top: 12px;
  }

  .cab-body {
    padding: 24px;
  }

  .cab-body__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .cab-body__sorting {
    width: 100%;
  }

  .cab-body__title {
    font-size: 22px;
  }

  .zamov-item {
    padding: 24px;
  }

  .zamov-item__body .checkout-info__item {
    order: 1;
    grid-column: span 1;
  }

  .zamov-item__body {
    grid-template-columns: 1fr;
  }

  .trans-item__body {
    grid-template-columns: 1fr;
  }

  .zamov-item__info {
    order: 2;
    grid-column: span 1;
    grid-template-columns: 1fr 1fr;
  }

  .trans-item__info {
    grid-template-columns: 1fr;
  }

  .zamov-item__info-item:first-child {
    grid-column: span 2;
  }

  .zamov-item__controls {
    order: 3;
    grid-column: span 1;
  }

  .cab-modal {
    padding: 80px 24px 40px;
  }

  .cab-modal__title {
    margin-bottom: 24px;
  }

  .cab-modal__message {
    margin-bottom: 24px;
  }

  .cab-modal__ctrl button {
    width: 100%;
  }

  .cab-modal__ctrl {
    flex-direction: column;
    gap: 12px;
  }

  .cab-body__empty {
    flex-direction: column;
    gap: 12px;
  }
}