:root {
    --color-1: #172139; /*Основной цвет текста на сайте (как в приложении и проекте в figma)*/
    --color-2: #000000; /*Черный (black)*/
    --color-3: #ff6600; /*Основной оранжевый*/
    --color-4: #ffffff; /*Основной задний фон меню, шапки и других элементов*/
    --color-5: #a5a5a5; /*Серый средний (Medium Gray)*/
    --color-6: #dbdbdb; /*Светло-серый (Light Gray)*/
    --color-7: #f4f4f4; /*Основной задний фон страницы*/
    --color-8: #282525; /*Очень тёмно-серый / почти чёрный (Charcoal Black)*/
    --color-9: #d9d9d9; /*Светло-серый (почти белый) (Gainsboro-Gray)*/
    --color-10: #aeaeae; /*Серый ближе к светлому (Silver Gray)*/
    --color-11: #ff5959; /*Цвет индикатора наличия дефекта и утери на странице Имущества*/
    --color-12: #c4c4c4; /*Серый (Gray Neutral)*/
    --color-13: #efefef; /*Очень светло-серый (почти белый) (Off White)*/
    --color-14: #ff4545; /*Альтернативный Цвет индикатора "брак" на странице карточки товара*/
    --color-15: #e1e1e1; /*Цвет рамки (border) у подложки для полей ввода и вывода текста*/
    --color-16: #f5f5f5; /*Цвет подложки для полей ввода и вывода текста*/
    --color-17: #ff4444; /*Цвет индикатора "брак" на странице карточки товара*/
    --color-18: #457ed4; /*Цвет индикатора "нет штрихкода" на странице карточки товара*/
    --color-19: #f9d969; /*Цвет индикатора "дефект" на странице карточки товара*/
    --color-20: #44ca8a; /*Цвет индикатора отсутствия дефекта и утери на странице Имущества*/
    --color-21: #eb5757; /*Альтернативный Цвет индикатора отсутствия дефекта и утери на странице Имущества*/
    --transition: all 0.3s linear;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Futura PT", sans-serif;
  font-size: 16px;
  font-weight: 500;
  color: var(--color-1);
  height: 100vh;
  display: flex;
  flex-direction: column;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

h2 {
  font-size: 20px;
  font-weight: 600;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

a {
  text-decoration: none;
  cursor: pointer;
}

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

button {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background-color: transparent;
  max-width: 100%;
  width: 100%;
  cursor: pointer;
}

input {
  outline: 0;
  margin: 0;
  padding: 0;
}

.btn {
  max-width: 100%;
  width: 100%;
  background-color: var(--color-4);
  border-radius: 5px;
  color: var(--color-1);
  transition: var(--transition);
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
}

.inputSearch {
  border-radius: 5px;
  background-color: var(--color-4);
  padding: 16px 31px;
  border: none;
  width: 100%;
}

.inputSearch::placeholder {
  color: var(--color-10);
  text-transform: uppercase;
  font-weight: 600;
}

.btn:hover,
.btn.active,
.sinchronizacion__btn,
.btn__create {
  background-color: var(--color-1);
  color: var(--color-4);
}

/* toggle */

.toggle__wrap {
  position: relative;
  display: block;
  cursor: pointer;
  width: 53px;
  margin: 0 auto;
}

.toggle__item:last-child .toggle__wrap {
  margin-bottom: 0;
}

.toggle__input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}

.toggle__mark {
  display: inline-block;
  position: relative;
  border-radius: 53px;
}

.toggle__mark:before,
.toggle__mark:after {
  content: "";
  position: absolute;
  transition: all 0.5s ease;
}

/* basic styles */
.toggle__mark {
  background: var(--color-3);
  width: 47px;
  height: 22px;
  padding: 2px;
}

.toggle__mark:before {
  top: 2px;
  left: 2px;
  width: 18px;
  height: 18px;
  background-color: var(--color-4);
  border-radius: 50%;
}

.toggle__input:checked ~ .toggle__mark {
  background-color: var(--color-4);
}

.toggle__input:checked ~ .toggle__mark:before {
  left: 27px;
  top: 2px;
  background-color: var(--color-3);
}

.dFlex {
  display: flex;
}

.dGrid {
  display: grid;
}

.jcsb {
  justify-content: space-between;
}

.jcc {
  justify-content: center;
}

.fdrr {
  flex-direction: row-reverse;
}

.jce {
  justify-content: end;
}

.fdc {
  flex-direction: column;
}

.aic {
  align-items: center;
}

.ais {
  align-items: start;
}

/* статусы */

.status-successfully {
  background-color: var(--color-20) !important;
}

.status-expired {
  background-color: var(--color-19) !important;
}

.status-successfully_text {
  color: var(--color-20) !important;
}

.status-unsuccessfully_text {
  color: var(--color-11) !important;
}

.header {
  position: sticky;
  top: 0;
  background-color: var(--color-4);
  padding: 20px 0 20px;
  border: 1px solid var(--color-6);
  z-index: 2;
}

.container {
  /* max-width: 1860px; */
  width: 100%;
  margin: 0 auto;
  padding: 0 30px;
}

.header__block-box {
  gap: 60px;
}

.header__block-box h2,
.header__block-sinchr button,
.header__block-exit__btns {
  opacity: 0;
  transition: var(--transition);
}

.header__block-box h2 {
  line-height: 100%;
}

.header__block-box h2 a,
.main__container-box h2 a,
.main__not-property__box h2 a,
.main__container-box__title h2 a {
  color: var(--color-2);
  transition: var(--transition);
}

.main__not-property__box h2 a {
  margin-bottom: 25px;
}

.header__block-box h2 a:hover,
.main__container-box h2 a:hover,
.main__not-property__box h2 a:hover,
.main__container-box__title h2 a:hover {
  color: var(--color-3);
}

.header__block-sinchr button {
  flex: 1;
}

.header__block-sinchr {
  gap: 27px;
}

.header__block-logo {
  position: relative;
}

.header__block-logo__icon {
  position: absolute;
  top: -10px;
  left: 80px;
}

.header__block-logo__text {
  display: block;
  width: 37px;
  height: 17px;
  font-size: 12px;
  background-color: var(--color-3);
  color: var(--color-4);
  border-radius: 3.6px;
  text-align: center;
  position: absolute;
  top: -19px;
  right: -37px;
}

.header__block-exit {
  gap: 9px;
  padding: 5px 0 3px;
  align-items: center;
}

.header__block-exit__link {
  height: 16px;
}

.header__block-exit__link svg path {
  stroke: var(--color-3);
  transition: var(--transition);
}

.header__block-exit__link:hover svg path {
  stroke: var(--color-1);
}

/* main */

/* TABLE */
table thead th:not(:first-child) {
    border-left: 1px dotted var(--color-12);
    padding: 0 10px;
}
th {
    text-align: start;
    overflow: hidden;
    position: relative;
}
thead th {
    font-weight: 400;
    font-size: 13px;
    font-family: "Montserrat", sans-serif;
    padding: 10px 0;
}
thead th span {
    overflow: hidden;
    max-width: 100%;
    text-align: left;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: normal;
}
thead th:first-child {
    padding-left: 30px;
}
tbody tr:nth-child(odd) td {
    background: #fff;
}
tbody tr td:first-child {
    border-radius: 5px 0 0 5px;
    padding-left: 30px;
}
tbody tr td:last-child {
    border-radius: 0 5px 5px 0;
}
tbody tr td {
    padding: 10px 10px;
}
tbody tr:first-child td {
    margin-top: 5px;
}
/*table {
  min-width: 100%;
  width: auto;
  -webkit-box-flex: 1;
          flex: 1;
  display: grid;
  border-collapse: collapse;
  grid-template-columns: 
    /* minmax(50px, 220px)
    minmax(50px, 132px)
    minmax(50px, 132px)
    minmax(50px, 270px)
    minmax(50px, 203px)
    minmax(50px, 90px)
    minmax(50px, 145px)
    minmax(50px, 98px)
    minmax(50px, 90px)
    minmax(50px, 140px)
    minmax(50px, 165px); */
    
/*    minmax(5%,10%)    
    minmax(4%, 6%)    
    minmax(11%, 25%)   
    minmax(10%, 19%)    
    minmax(10%, 20%)    
    minmax(5%, 15%)    
    minmax(4%, 6%)    
    minmax(4%, 6%)    
    /* minmax(6%, 6%)    
    minmax(8%, 6%)     */
   /* minmax(5%, 34%);
}*/

.smallTable table {
  min-width: 100%;
  width: auto;
  -webkit-box-flex: 1;
          flex: 1;
  display: grid;
  border-collapse: collapse;
  grid-template-columns: 
    /* minmax(50px, 220px)
    minmax(50px, 132px)
    minmax(50px, 132px)
    minmax(50px, 270px)
    minmax(50px, 203px)
    minmax(50px, 90px)
    minmax(50px, 145px)
    minmax(50px, 98px)
    minmax(50px, 90px)
    minmax(50px, 140px)
    minmax(50px, 165px); */
    
    /* minmax(5%,10%)    
    minmax(4%, 6%)     */
    minmax(10%, 12%)   
    minmax(5%, 11%)    
    minmax(20%, 20%)    
    minmax(10%, 25%)    
    minmax(15%, 16%)    
    minmax(10%, 16%)    
    /* minmax(6%, 6%)    
    minmax(8%, 6%)     */
    minmax(5%, 34%);
}
.mainWrapTable.smallTable.settingsTable table {
  min-width: 100%;
  width: auto;
  -webkit-box-flex: 1;
          flex: 1;
  display: grid;
  border-collapse: collapse;
  grid-template-columns:    
  minmax(40%, 40%)   
  minmax(3%, 10%)   
  minmax(5%, 7%)    
  minmax(4%, 6%)    
  minmax(6%, 10%)    
  minmax(10%, 10%)    
  minmax(10%, 10%)    
  /* minmax(6%, 6%)    
  minmax(10%, 10%)     */
  minmax(10%, 10%);
}
td {
  /*  display: flex;
    align-items: center;*/
    /* overflow: hidden; */
  /*   overflow: auto;
  flex-wrap: nowrap;
  white-space: nowrap */
}
.tooltipImage {
  position: absolute;
  z-index: 1;
  width: 300px;
  display: none;
}
.image:hover .tooltipImage  {
  display: block;
}
.tooltipImage img {
  width: 100%;
}
.main__container-block__table {
  border-spacing: inherit;
}
.thWrapper {
  display: flex;
  align-items: center;
  gap: 10px;
}
/*thead,
tbody,
tr {
  display: contents;
}*/
th {
   /* display: flex;
    align-items: center;*/
    gap: 5px;
    white-space: nowrap;
    overflow: hidden;
}
td span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.mainWrapTable {
    overflow: auto;
    width: 100%;
}
label span.customCheckbox {
    content: "";
    display: inline-block;
    width: 13px;
    height: 13px;
    flex-shrink: 0;
    flex-grow: 0;
    border-radius: 2px;
    border: 1px solid var(--color-3);
    background-size: 16px;
    cursor: pointer;
    background-color: transparent;
}
label.checkbox {
    margin-right: 25px;
    display: flex;
    align-items: center;
    gap: 10px;
}
table a {
    color: var(--color-3);
    border-bottom: 1px solid var(--color-3);
    position: relative;
}
label.checkbox input {
    display: none;
}
label.checkbox input:checked ~ span.customCheckbox {
    border: 1px solid var(--color-3);
    border-radius: 2px;
    background: var(--color-3) url(../images/icons/check.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}
label.mainCheckbox.checkbox .customCheckbox {
    background: #fff;
    border-color: transparent;
}
a.image {
  text-decoration: none;
  border: 0;
}


.resize-handle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background: #ff5959;
  opacity: 0;
  width: 3px;
  cursor: col-resize;
}
 
.resize-handle:hover,
.header--being-resized .resize-handle {
  opacity: 0.5;
}
 
th:hover .resize-handle {
  opacity: 0.3;
}
.formSearchColTable {
    opacity: 0;
    position: absolute;
    z-index: -100;
    display: flex;
    align-items: center;
}
.formSearchColTable.active {
    opacity: 1;
    z-index: 1;
    top: 50%;
    width: 100%;
    left: 0;
    padding: 0 5px;
    transform: translate(0, -50%);
}

.formSearchBtn {
    position: absolute;
    width: auto;
    left: 10px;
}
.formSearchColTable .inputFormSearch input {
    padding: 6px 23px;
    border-radius: 5px;
    background-color: var(--color-4);
    border: none;
    width: 100%;
    text-transform: uppercase;
    font-weight: 700;
}
.closeFormSeacrh {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-15px, -50%);
}

.page {
  display: flex;
  flex-direction: column;
  height: 100vh;
}



.content__block {
  padding: 30px 0 36px;
  background-color: var(--color-7);
  gap: 36px;
  position: relative;
  /* overflow: hidden; */
  flex-grow: 1;
}

/* aside */

.aside {
  max-width: 290px;
  width: 100%;
}

#propertyAside {
  min-width: 290px;
  /* min-width: 49px; */
  transition: var(--transition);
}


#propertyAside.close  {
  min-width: 49px;
  max-width: 49px;
}
#propertyAside svg {
  min-width: 15px;
  width: 15px;
}

#propertyAside.close span {
  /* display: none; */
  opacity: 0;
  position: absolute;
  left: -100%;
}
#propertyAside .content__block-menu__hide svg {
  transition: all .3s ease;
}
#propertyAside.close .content__block-menu__hide svg {
  transform: rotate(180deg);
  transition: all .3s ease;
}


.content__block-menu {
  background-color: var(--color-4);
  transition: var(--transition);
  margin-bottom: 38px;
}

.content__block-menu__list {
  border-bottom: 1px solid var(--color-7);
  transition: var(--transition);
}

.content__block-menu__list.active,
.content__block-menu__list:hover {
  background-color: var(--color-1);
}

.content__block-menu__link {
  padding: 20px 15px;
  gap: 16px;
  color: var(--color-8);
  transition: var(--transition);
  line-height: 14px;
}

.content__block-menu__link.active,
.content__block-menu__link:hover {
  color: var(--color-4);
}

.content__block-menu__link.active svg path,
.content__block-menu__link:hover svg path {
  fill: var(--color-4);
}

.content__block-menu__link:hover.width svg path {
  fill: var(--color-3);
}

.content__block-menu__hide {
  font-family: "Futura PT", sans-serif;
  padding: 15px 0 18px;
  gap: 15px;
  font-size: 17px;
  color: var(--color-3);
  font-weight: 300;
  transition: var(--transition);
}

.content__block-menu__hide svg {
  transform: rotate(0);
}

.content__block-menu__hide:hover {
  color: var(--color-4);
  background-color: var(--color-1);
}

.content__block-menu__hide:hover svg path {
  transition: var(--transition);
}

.content__block-menu__hide:hover svg path {
  fill: var(--color-4);
}

.content__block-scrollbar {
  background-color: var(--color-4);
  padding-top: 25px;
  overflow: hidden;
}

.content__block-scrollbar h3 {
  padding-left: 15px;
}

.content__block-scrollbar__container {
  overflow-y: scroll;
  max-height: 450px;
  margin-top: 26px;
  gap: 21px;
}

.content__block-scrollbar__container-box__text {
  gap: 10px;
  padding-left: 15px;
  margin-bottom: 8px;
  cursor: pointer;
  transition: var(--transition);
}

.content__block-scrollbar__container-box__round {
  width: 20px;
  height: 20px;
  background-color: var(--color-3);
  border-radius: 50%;
  position: relative;
  transition: var(--transition);
}

.content__block-scrollbar__container-box__text:hover
  .content__block-scrollbar__container-box__round {
  background-color: #cf5d11;
}

.content__block-scrollbar__container-box__round::before,
.content__block-scrollbar__container-box__round::after {
  content: "";
  display: block;
  width: 8px;
  border-bottom: 2px solid var(--color-4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(0deg);
  transition: var(--transition);
}

.content__block-scrollbar__container-box__round::after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.content__block-scrollbar__container-box__text.active
  .content__block-scrollbar__container-box__round::after {
  transform: translate(-50%, -50%) rotate(0);
}

.content__block-scrollbar__container-box__border {
  display: none;
  position: relative;
  z-index: 1;
}

.content__block-scrollbar__container-box__border.active {
  display: block;
}

.content__block-scrollbar__container-box__lists::before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 50px;
  width: 1px;
  height: 100%;
  background-color: var(--color-7);
  z-index: -1;
}

.content__block-scrollbar__container-box__list {
  padding: 8px 0;
  cursor: pointer;
}

.content__block-scrollbar__container-box__list:hover {
  background-color: var(--color-1);
}

.content__block-scrollbar__container-box__link {
  font-weight: 300;
  font-size: 15px;
  color: var(--color-1);
  padding-left: 65px;
  transition: var(--transition);
}

.content__block-scrollbar__container-box__list:hover
  .content__block-scrollbar__container-box__link {
  color: var(--color-4);
}

.content__block-scrollbar__container-box__image {
  padding-right: 16px;
}

.content__block-scrollbar__container::-webkit-scrollbar {
  width: 3px; /* ширина всей полосы прокрутки */
}

.content__block-scrollbar__container::-webkit-scrollbar-track {
  background: var(--color-9); /* цвет зоны отслеживания */
}

.content__block-scrollbar__container::-webkit-scrollbar-thumb {
  background-color: var(--color-3); /* цвет бегунка */
  width: 3px;
  height: 114px;
}

/* main */

.main {
  max-width: 100%;
  width: 100%;
  padding-right: 30px;
}

.container__block {
  max-width: 1565px;
  width: 100%;
  flex: 1;
}

.main__not-property {
  gap: 29px;
}

.main__not-text {
  font-size: 18px;
  line-height: 1.3em;
  color: var(--color-10);
}

.main__container {
  height: 100%;
  gap: 22px;
}

.main__container-box {
  /* overflow-y: scroll; */
  height: auto;
}

.main__container-box__title {
  gap: 21px;
}

.main__container-box::-webkit-scrollbar {
  width: 0;
}
.main__container-box::-webkit-scrollbar-thumb {
  background-color: transparent;
  width: 0;
}
.main__container-box::-webkit-scrollbar-track {
  background-color: transparent;
  width: 0;
}

.main__container h2 {
  margin-bottom: 25px;
}

.main__container-block {
  max-width: 100%;
  width: 100%;
  margin-bottom: 25px;
}

.main__container-block__btns {
  margin-bottom: 25px;
}

.main__container-block__btns-box {
  gap: 20px;
  max-width: 62%;
  width: 100%;
  /* margin-bottom: 25px; */
}

.main__container-block__btns-box__view {
  gap: 20px;
  flex: 1;
  max-width: 100%;
  transition: var(--transition);
}

.main__container-block__btns-box__view.active,
.main__container-block__create.active {
  display: none;
}

/* create */

.main__create-block {
  background-color: var(--color-4);
  padding: 15px 25px;
  border-radius: 3px;
  gap: 10px;
}

.main__create-block__title {
  gap: 20px;
}

.main__create-block__title h2 {
  margin-bottom: 0;
}

.main__create-block__link {
  width: 20px;
  height: 20px;
}

.main__create-block__link svg path,
.main__create-block__link svg circle {
  transition: var(--transition);
}

.main__create-block__link:hover svg path,
.main__create-block__link:hover svg circle {
  stroke: var(--color-2);
}

.main__box-input {
  gap: 5px;
}

.main__create-block__inputs {
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.main__label {
    font-size: 17px;
    font-weight: 400;
    color: var(--color-1);
    gap: 4px;
}

.main__label svg {
  cursor: pointer;
}

.main__label svg path,
.main__label svg circle {
  transition: var(--transition);
}

.main__label svg:hover path,
.main__label svg:hover circle {
  stroke: var(--color-2);
}

.main__input {
    font-family: "Futura PT";
    font-size: 16px;
    font-weight: 400;
    color: var(--color-1);
    padding: 6px 15px;
    border: 1px solid var(--color-15);
    border-radius: 5px;
    background-color: var(--color-16);
}

/* main edit */

.header__edit-scroll__block {
  position: relative;
}

.header__edit-scroll__block-redirect {
  display: none;
  position: absolute;
  top: 0;
  left: 325px;
  background-color: var(--color-7);
  padding: 15px 22px;
  max-width: 100%;
  width: 100%;
  gap: 28px;
  z-index: 5;
}

.header__edit-scroll__block-redirect a {
  color: var(--color-1);
  font-size: 17px;
}

.header__edit-scroll__block-redirect a:hover,
.header__edit-scroll__block-redirect a.active {
  font-weight: 900;
}
table.JColResizer > tbody > tr > td, 
table.JColResizer > tbody > tr > th {
  padding: 10px 10px!important;
}
.main__edit {
  /*overflow-y: auto;*/
  /* height: 920px; */
 /* height: 78vh;*/
  width: 100%;
}

.main__edit-block__statuses {
  max-width: 460px;
  width: 100%;
}

.main__edit-block__status {
  width: 100%;
  padding: 8px 10px;
  text-align: center;
  gap: 10px;
  font-size: 15px;
  color: var(--color-4);
}

.status__red {
  background-color: var(--color-17);
  max-width: 169px;
}

.status-red-text {
  color: var(--color-17);
}

.status__blue {
  background-color: var(--color-18);
  max-width: 289px;
}

.status__yelow {
  background-color: var(--color-19);
  max-width: 234px;
  color: var(--color-1);
}

.main__edit-block__status img,
.main__edit-block__status svg {
  width: 27px;
  height: 24px;
}

.header__block-exit__btns {
  gap: 17px;
}

.header__block-exit__btns .main__edit-block__statuses {
  max-width: 100%;
  flex: 1;
}

.header__block-exit__btns
  .main__edit-block__statuses
  .main__edit-block__status {
  padding: 0;
  gap: 0;
}

.header__block-exit__btns
  .main__edit-block__statuses
  .main__edit-block__status {
  width: 30px;
  height: 30px;
}

.header__block-exit__btns
  .main__edit-block__statuses
  .main__edit-block__status
  img,
.header__block-exit__btns
  .main__edit-block__statuses
  .main__edit-block__status
  svg {
  width: 11px;
  height: 10px;
}

.main__edit-negative__statuses {
  gap: 30px;
  margin-top: 30px;
}

.main__edit-negative__statuses h2 {
  margin-bottom: 18px;
}

.main__edit-negative__statuses-toggle {
  max-width: 200px;
  width: 100%;
  gap: 20px;
  margin-bottom: 20px;
}

.main__edit-negative__statuses-toggle p {
  font-size: 20px;
}

.main__edit-negative__statuses-photo {
  gap: 30px;
  margin-bottom: 30px;
}

.main__edit-negative__statuses-box {
  gap: 30px;
}

.main__edit-negative__status {
  max-width: 50%;
  width: 100%;
}

.main__edit-negative__statuses-last__movement-title {
  margin-bottom: 5px;
}

.main__edit-negative__statuses-last__movement-title h2 {
  margin-bottom: 0;
}

.main__edit-negative__statuses-last__movement-title button {
  flex: 1;
  max-width: fit-content;
}

.select__property {
  font-family: "Futura PT", sans-serif;
  position: relative;
  max-width: 100%;
  width: 100%;
  z-index: 1;
  background-color: var(--color-16);
}

.select__property[data-state="active"] .select__property-label {
  max-height: 56px;
}

.select__property[data-state="active"] .select__property-label::before {
  opacity: 1;
}

.select__property-title {
  max-width: 100%;
  width: 100%;
  height: 34px;
  cursor: pointer;
  padding: 6px 15px;
  border: 1px solid var(--color-15);
  border-radius: 5px;
  z-index: 2;
}

.select__property-title::after {
  content: "";
  display: block;
  width: 7px;
  height: 10px;
  background-image: url(../images/icons/arrow-icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 13px;
  right: 17px;
  transform: rotate(-90deg);
  transition: var(--transition);
}

.select__property[data-state="active"] .select__property-title::after {
  transform: rotate(90deg);
}

.select__property-content {
  display: flex;
  position: absolute;
  top: 33px;
  left: 0;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  transition: var(--transition);
  height: 0;
  z-index: -1;
  visibility: hidden;
}

.select__property[data-state="active"] .select__property-content {
  border: 1px solid var(--color-15);
  height: 168px;
  visibility: visible;
}

.select__property-input {
  display: none;
  pointer-events: none;
}

.select__property-input:checked + label {
  color: var(--color-3);
}

.select__property-input:checked + label::after {
  content: attr(data-value);
}

.select__property-input:disabled + label {
  opacity: 0.6;
  pointer-events: none;
}

.select__property-label {
  height: 34px;
  padding: 6px 15px;
  transition: all 0.2s ease-out;
  cursor: pointer;
  color: var(--color-2);
  font-size: 16px;
}

.select__property-label:hover {
  color: var(--color-1);
  background-color: var(--color-1);
}

.select__property-label::before {
  content: attr(data-value);
  transition: var(--transition);
  opacity: 0;
}

.select__property-label::after {
  position: absolute;
  top: -37px;
  left: 15px;
  display: flex;
  align-items: center;
  max-width: 90%;
  width: 100%;
  height: 40px;
  color: var(--color-1);
  z-index: -1;
  visibility: visible;
}

.main__block-photo {
  margin-bottom: 10px;
}

.main__container-photo {
  grid-template-columns: repeat(auto-fill, minmax(277px, 1fr));
  gap: 10px;
}

.main__container-photo__image-block {
  position: relative;
  max-width: 100%;
  width: 100%;
}

.main__container-photo__image {
  display: block;
  max-width: 100%;
  width: 100%;
}

.main__container-photo__btn {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background-color: var(--color-3);
  transition: var(--transition);
}

.main__container-photo__btn img {
  transform: rotate(45deg);
}

.main__container-photo__btn:hover {
  background-color: var(--color-8);
}

.btn__create-add__photo {
  max-width: 277px !important;
  border: 1px solid transparent;
}

.btn__create-add__field {
  max-width: 255px;
}

.btn__create-add__photo:hover {
  border: 1px solid var(--color-1);
}

.main__block-description {
  margin-bottom: 5px;
}

.main__block-description__textarea {
  max-width: 100%;
  width: 100%;
  height: 75px;
  resize: none;
}

.main__block-charackteristicks {
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.btn__tab {
  padding: 10px;
  text-align: center;
  width: auto;
}
/*
.btn__tab:nth-of-type(1) {
  max-width: 170px;
}

.btn__tab:nth-of-type(2) {
  max-width: 107px;
}

.btn__tab:nth-of-type(3) {
  max-width: 164px;
}

.btn__tab:nth-of-type(4) {
  max-width: 160px;
}

.btn__tab:nth-of-type(5),
.main__container-block__btns-box__hide {
  max-width: 132px;
}

 settings

.main__settings-btns .btn__tab:nth-of-type(1) {
  max-width: 140px;
}

.main__settings-btns .btn__tab:nth-of-type(2) {
  max-width: 178px;
}

.main__settings-btns .btn__tab:nth-of-type(3) {
  max-width: 160px;
}

.main__settings-btns .btn__tab:nth-of-type(4),
.main__settings-btns .btn__tab:nth-of-type(5),
.main__settings-btns .btn__tab:nth-of-type(6) {
  max-width: 132px;
}
 */

.main__settings-block__toggles {
  margin-top: 13px;
  margin-bottom: 15px;
  justify-content: flex-start;
}

.main__settings-block__toggles-box {
  max-width: 552px;
  width: 100%;
  gap: 6px;
}

.main__settings-block__toggle-text {
  gap: 5px;
}

.main__settings-block__toggle-text img {
  width: 20px;
  height: 20px;
}

.main__settings-block__toggle-label {
  width: 52px;
}

.main__settings-block__toggle-input {
  width: 47px;
  border: none;
  padding: 2px 7px;
  text-align: center;
  font-size: 16px;
  color: var(--color-10);
  font-weight: 600;
  border-radius: 5px;
}

.main__container-block__btns-box__hide {
  flex: 2;
}

.sinchronizacion__btn {
  max-width: 336px;
  padding: 16px;
  gap: 10px;
  text-transform: uppercase;
}

.sinchronizacion__btn span:nth-of-type(2) {
  text-transform: lowercase;
  font-size: 10px;
}

.sinchronizacion__btn:hover,
.btn__create:hover {
  background-color: var(--color-4);
  color: var(--color-1);
}

.sinchronizacion__btn:hover svg path,
.btn__create:hover svg path {
  fill: var(--color-1);
}

.main__container-block__create {
  margin-bottom: 20px;
}

/* .main__container-block__create-box {
  max-width: 571px;
  width: 100%;
} */
.main__container-block__create-box {
  width: 100%;
  justify-content: flex-start;
  gap: 15px;
}
.btn__create {
  padding: 16px;
  gap: 10px;
  text-transform: uppercase;
}
.btn__create {
  width: auto;
}
/* .btn__create:nth-of-type(1) {
  max-width: 286px;
}

.btn__create:nth-of-type(2) {
  max-width: 255px;
} */

.main__container-block__create-inputs {
  max-width: 100%;
  width: 100%;
  gap: 13px;
}

.main__container-block__create-input__label {
  max-width: 302px;
  width: 100%;
  position: relative;
}

.main__container-block__create-input__btn {
  max-width: 13px;
  width: 100%;
  height: 13px;
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
}

.main__container-block__create-input__btn-icon {
  width: 13px;
  height: 13px;
}

.main__container-block__create-input__checkbox {
  font-size: 14px;
}

.input__checkbox {
  margin: 0;
  display: inline-flex;
  align-items: center;
  user-select: none;
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.main__container-block__create-input__checkbox {
  display: flex;
  align-items: center;
  gap: 10px;
  position: relative;
  color: var(--color-2);
  font-size: 14px;
}

.input__checkbox:checked
  + .main__container-block__create-input__checkbox::before {
  content: "";
  border: 1px solid var(--color-3);
  border-radius: 2px;
  background-color: var(--color-3);
}

.main__container-block__table-filter__block {
  width: 13px;
  height: 13px;
  position: relative;
  background-color: var(--color-4);
  z-index: 1;
  border-radius: 2px;
}

.main__container-block__create-input__checkbox::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 2px;
  border: 1px solid var(--color-3);
  background-size: 16px;
  cursor: pointer;
  background-color: transparent;
}

.main__container-block__table-filter__minus {
  display: none;
  width: 11px;
  height: 3px;
  background-color: var(--color-3);
  position: absolute;
  top: 50%;
  left: 53%;
  transform: translate(-6px, -47%);
  cursor: pointer;
  z-index: -1;
}

.main__container-block__table-filter
  .main__container-block__create-input__checkbox::before {
  content: "";
  display: inline-block;
  width: 13px;
  height: 13px;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: 2px;
  border: 1px solid transparent;
  background-size: 16px;
  cursor: pointer;
}

.input__checkbox:checked
  + .main__container-block__create-input__checkbox::after {
  content: "";
  background-image: url(../images/icons/check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  display: inline-block;
  width: 10px;
  height: 8px;
  position: absolute;
  top: 50%;
  left: 15px;
  transform: translate(-6px, -50%);
}

.input__checkbox:checked
  + .main__container-block__create-input__checkbox::after {
  content: "";
  top: 40%;
  transform: translate(-12px, -30%);
  cursor: pointer;
}

.main__container-block__lists-properties {
  margin-bottom: 57px;
}

.main__container-block__lists-properties__chapters {
  padding: 10px 30px;
}

.main__container-block__lists-properties__chapters p {
  border-left: 1px dotted var(--color-12);
  padding-left: 10px;
}

.main__container-block__lists-property {
  padding: 10px 30px;
  background-color: var(--color-4);
  border-radius: 5px;
}

.main__container-block__lists-property__id {
  gap: 26px;
}

.main__container-block__lists-property__id-link {
  color: var(--color-3);
  border-bottom: 1px solid var(--color-3);
}

.main__container-block__lists-property__image {
  display: block;
  height: 59px;
  border-radius: 5px;
}

.main__container-block__lists-property__text {
  gap: 5px;
}

.main__container-block__table-filter .main__container-block__table-col {
  position: relative;
}

.main__container-block__table-filter .main__container-block__table-col::before {
  content: "";
  display: block;
  height: 40px;
  position: absolute;
  border-left: 1px dotted var(--color-12);
  left: 10px;
}

.main__container-block__table-filter
  .main__container-block__table-col:nth-of-type(1)::before {
  display: none;
}

.main__container-block__table-col__label {
  display: none;
  max-width: 100%;
  width: 100%;
}

.main__container-block__table-col__label.active {
  display: block;
}

.main__container-block__table-col__text.active {
  display: block;
}

.main__container-block__table-col__text {
  display: none;
}

.main__container-block__table-col__name
  .main__container-block__table-col__label {
  max-width: 100%;
}

.main__container-block__table-col__input,
.main__container-block__table-col__select-title {
  max-width: 100%;
  border: 1px solid var(--color-13);
  border-radius: 5px;
  padding: 7px 8px;
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
}

.main__container-block__table-col:nth-of-type(4)
  .main__container-block__table-col__input {
  max-width: 100%;
}

/* edit last__movement*/
.main__edit-negative__statuses-last__movement .main__container-block__table,
.main__log-sinchr__table .main__container-block__table {
  font-family: "Montserrat", sans-serif !important;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-body
  .main__container-block__table-col,
.main__log-sinchr__table .main__container-block__table-body {
  font-size: 14px;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-col::before {
  left: 0;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-col:nth-child(1),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-col:nth-child(2),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-col:nth-child(3),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-col:nth-child(4),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-col:nth-child(5),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-col:nth-child(6) {
  max-width: 100%;
  width: 100%;
  padding: 0;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-row {
  padding: 11px 30px;
  margin-bottom: 5px;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(4),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(5),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(6) {
  padding: 0;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(2),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(3),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(4),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(5),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(6),
.main__settings-table
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(7),
.main__settings-table
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(8) {
  padding-left: 10px;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-col:nth-child(4),
.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(4) {
  padding-right: 44px;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(3) {
  opacity: 1;
}

.main__edit-negative__statuses-last__movement
  .main__container-block__table-body
  .main__container-block__table-row {
  padding-top: 20px;
  padding-bottom: 23px;
}

/* select */

.__select {
  display: none;
  position: relative;
  width: 185px;
  height: 31px;
  margin: 0 auto;
  z-index: 1;
}

.footer__box-select {
  display: flex;
  width: 356px;
}

.footer__box-select .__select__title {
  background-color: transparent;
  padding-bottom: 7px;
  padding-top: 7px;
}

.footer__box-select .__select__label::after {
  width: 100%;
}

.__select.active {
  display: block;
}

.__select[data-state="active"] .__select__label {
  max-height: 40px;
  border-width: 1px;
}

.__select[data-state="active"] .__select__label::before {
  opacity: 1;
}
.aside.close .content__block-scrollbar {
  opacity: 0;
  transition: var(--transition);
}
.__select__title {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  z-index: 2;
  height: 31px;
  gap: 20px;
  border: 1px solid var(--color-13);
  padding: 10px 5px;
  border-radius: 5px;
  background-color: var(--color-4);
  position: relative;
}

.__select[data-state="active"] .__select__title::after {
  transform: rotate(90deg);
}

.__select__content {
  position: absolute;
  top: 33px;
  left: 0;
  display: flex;
  flex-direction: column;
  max-width: 100%;
  width: 100%;
  background-color: #ffffff;
  border-radius: 5px;
  transition: all 0.3s ease-out;
  z-index: 1;
}

.__select[data-state="active"] .__select__content {
  border: 1px solid var(--color-13);
}

.__select__input {
  display: none;
  pointer-events: none;
}

.__select__input:checked + label {
  color: var(--color-3);
}

.__select__input:checked + label::after {
  content: attr(data-value);
}

.__select__input:disabled + label {
  opacity: 0.6;
  pointer-events: none;
}

.__select__label {
  height: 40px;
  max-height: 0;
  padding: 0 10px;
  transition: all 0.2s ease-out;
  cursor: pointer;
  color: var(--color-2);
  font-size: 16px;
}

.__select__label:hover {
  color: var(--color-4);
  background-color: var(--color-2);
}

.__select__label::before {
  content: attr(data-value);
  transition: var(--transition);
  opacity: 0;
}

.__select__label::after {
  position: absolute;
  top: -48px;
  left: -10px;
  display: flex;
  align-items: center;
  width: 200px;
  height: 40px;
  padding: 8px 16px;
  color: var(--color-2);
  z-index: -1;
}

/*  */

.main__container-block__lists-property__text-arrow {
  transform: rotate(-90deg);
}

.main__container-block__lists-property__defect {
  max-width: fit-content;
  width: 100%;
  padding-right: 43px;
  background-color: var(--color-11);
  border-radius: 5px;
  padding: 0px 10px;
  color: var(--color-4);
}

.main__container-block__lists-property p {
  border-left: 1px dotted transparent;
  padding-left: 10px;
}

.main__container-block__lists-properties__chapters a,
.main__container-block__lists-properties__chapters p,
.main__container-block__table-filter {
  font-family: "Montserrat", sans-serif;
  font-size: 13px;
  line-height: 1.3em;
  font-weight: 400;
}

.main__container-block__table-filter {
  position: sticky;
  top: -2px;
  background-color: var(--color-7);
  z-index: 1;
}

.main__container-block__lists-property__image-feik {
  width: 84px;
  height: 59px;
  margin-left: 30px;
  margin-right: 30px;
}

.main__container-block__lists-properties__chapters
  .main__container-block__lists-property__image {
  opacity: 0;
}

.main__container-block__paginations {
  margin-bottom: 19px;
}

.main__container-block__pagination {
  border-radius: 5px;
  padding: 15px 22px;
  background-color: transparent;
  color: var(--color-2);
  transition: var(--transition);
  cursor: pointer;
}

.main__container-block__pagination.active,
.main__container-block__pagination:hover {
  background-color: var(--color-1);
  color: var(--color-4);
}

.main__container-block__actions {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  gap: 30px;
}

.main__container-block__actions-choice span {
  font-weight: 700;
}

.main__container-block__actions-editing__box {
  position: relative;
}

.main__container-block__actions-editing {
  cursor: pointer;
}

.main__container-block__actions-editing p {
  margin: 0 4px 0 10px;
}

.main__container-block__actions-editing__arrow {
  transform: rotate(-90deg);
  transition: var(--transition);
}

.main__container-block__actions-editing.active
  .main__container-block__actions-editing__arrow {
  transform: rotate(90deg);
}

.main__container-block__actions-editing__box-popup {
  position: absolute;
  bottom: -15px;
  left: -20px;
  background-color: var(--color-4);
  width: 380px;
  z-index: 6;
  opacity: 0;
  visibility: hidden;
  transition: var(--transition);
}

.main__container-block__actions-editing__box-popup.active {
  visibility: visible;
  opacity: 1;
}

.main__container-block__actions-editing__box-popup__list {
  border-bottom: 1px solid var(--color-7);
  background-color: inherit;
  max-width: 100%;
  width: 100%;
  transition: var(--transition);
}

.main__container-block__actions-editing__box-popup__list:hover {
  border-bottom: 1px solid transparent;
  background-color: var(--color-1);
}

.main__container-block__actions-editing__box-popup__list:last-child {
  border-bottom: none;
}

.main__container-block__actions-editing__box-popup__list button {
  font-family: "Futura PT", sans-serif;
  font-size: 16px;
  line-height: 18px;
  font-weight: 300;
  color: var(--color-1);
  padding: 16px 35px;
  text-align: start;
}

.main__container-block__actions-editing__box-popup__list:hover button {
  color: var(--color-4);
}

.main__container-block__actions-editing__box-popup__list:first-child button {
  padding-top: 15px;
}

.main__container-block__actions-editing__box-popup__list:last-child button {
  padding-bottom: 15px;
  padding-left: 15px;
}

.main__container-block__actions-editing__box-popup__list-btn button {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  color: var(--color-10);
  gap: 10px;
}

.main__container-block__actions-selects {
  cursor: pointer;
  position: relative;
  z-index: 1;
}

.main__container-block__actions-select {
  position: relative;
  display: flex;
  width: 30px;
  height: 20px;
  z-index: 1;
}

.main__container-block__actions-select[data-state="active"]
  .main__container-block__actions-select__title {
  transform: translate(-3px, -50%) rotate(90deg);
}

.main__container-block__actions-select[data-state="active"]
  .main__container-block__actions-select__title::after {
  transform: translate(3px, -50%) rotate(-230deg);
}

.main__container-block__actions-select[data-state="active"]
  .main__container-block__actions-editing__arrow {
  transform: rotate(90deg);
}

.main__container-block__actions-select
  .main__container-block__actions-editing__arrow {
  max-width: 7px;
  width: 100%;
  height: 10px;
  align-self: center;
}

.main__container-block__actions-select[data-state="active"]
  .main__container-block__actions-select__content-label {
  max-height: 40px;
  border-width: 1px;
  font-family: "Futura PT", sans-serif;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-1);
  transition: var(--transition);
}

.main__container-block__actions-select[data-state="active"]
  .main__container-block__actions-select__content-label:hover {
  color: var(--color-4);
  background-color: var(--color-1);
}

.main__container-block__actions-select[data-state="active"]
  .main__container-block__actions-select__content-label::before {
  opacity: 1;
}

.main__container-block__actions-select__title {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
  z-index: 2;
}

.main__container-block__actions-select__content {
  position: absolute;
  bottom: 30px;
  left: -15px;
  display: flex;
  flex-direction: column;
  width: 55px;
  background-color: #ffffff;
  border-radius: 2px;
  transition: var(--transition);
  z-index: 1;
}

.main__container-block__actions-select__content input {
  display: none;
  pointer-events: none;
}
.main__container-block__actions-select__content
  input:checked
  + .main__container-block__actions-select__content-label {
  color: var(--color-3);
}
.main__container-block__actions-select__content
  input:checked
  + .main__container-block__actions-select__content-label::after {
  content: attr(data-value);
  color: var(--color-3);
  font-family: "Futura PT", sans-serif;
  font-size: 14px;
  font-weight: 600;
}
.main__container-block__actions-select__content
  input:disabled
  + .main__container-block__actions-select__content-label {
  opacity: 0.6;
  pointer-events: none;
}

.main__container-block__actions-select__content-label {
  display: flex;
  align-items: center;
  height: 40px;
  max-height: 0;
  padding: 0 16px;
  transition: var(--transition);
  cursor: pointer;
  color: var(--color-2);
  font-size: 16px;
  justify-content: space-between;
}
.main__container-block__actions-select__content-label::before {
  content: attr(data-value);
  transition: var(--transition);
  opacity: 0;
}
.main__container-block__actions-select__content-label::after {
  position: absolute;
  bottom: -47px;
  left: 0;
  display: flex;
  align-items: center;
  width: 200px;
  height: 40px;
  padding: 8px 16px;
  color: #333333;
  z-index: -1;
}

.main__container-block__actions-selects,
.main__container-block__actions-selects__box {
  gap: 5px;
}

.main__container-block__actions-selects__box {
  position: absolute;
  bottom: 0;
  left: 0;
}

.main__container-block__actions-selects__box-lists {
  border-radius: 5px;
}

.main__container-block__actions-selects__box-list {
  cursor: pointer;
  display: none;
}

.main__container-block__actions-selects__box-list.active {
  display: block;
  background-color: transparent;
  color: var(--color-3);
}

.main__container-block__actions-selects__box-list:hover {
  color: var(--color-3);
}

.main__container-block__table-filter .inputSearch {
  padding: 6px 23px;
}

.main__container-block__table-filter
  .main__container-block__create-input__btn-icon {
  width: 11px;
  height: 11px;
}

.main__container-block__table-filter .main__container-block__create-input__btn {
  max-width: 11px;
  height: 11px;
  top: 50%;
  left: 7px;
  transform: translateY(-50%);
}

.main__container-block__table-filter
  .main__container-block__create-input__label {
  max-width: 233px;
}

.main__container-block__table-row {
  padding: 10px 0;
}

.main__container-block__table-row:nth-child(odd) {
  background-color: var(--color-4);
  border-radius: 5px;
}

.main__container-block__table-filter .main__container-block__table-row {
  background-color: transparent;
  padding: 0 30px;
}

.main__container-block__table-body .main__container-block__table-row {
  padding-left: 30px;
  padding-right: 30px;
}

.main__container-block__table-col {
  max-width: 100%;
  width: 100%;
}

.main__container-block__table-col:nth-child(1) {
  padding-right: 26px;
  width: 20px;
}

.main__container-block__table-col:nth-child(2) {
  min-width: 34px;
  max-width: 0;
}

.main__container-block__table-col:nth-child(3) {
  max-width: 114px;
  width: 100%;
  padding-left: 30px;
}

.main__container-block__table-filter
  .main__container-block__table-col:nth-child(3) {
  opacity: 0;
}

.main__container-block__table-col:nth-child(4) {
  padding-left: 20px;
  width: 120px;
}

.main__container-block__table-col:nth-child(5) {
  padding-left: 35px;
  max-width: 233px;
  width: 100%;
}

.main__container-block__table-col:nth-child(6) {
  padding-left: 35px;
  width: 40%;
}

.main__container-block__table-col:nth-child(7) {
  padding-left: 51px;
  width: 17%;
}

.main__container-block__table-col:nth-child(7) .__select {
  width: 65px;
}

.main__container-block__table-col:nth-child(8) {
  padding-left: 35px;
  width: 30%;
}

.main__container-block__table-col:nth-child(8)
  .main__container-block__table-col__label {
  width: 126px;
}

.main__container-block__table-col:nth-child(9) {
  padding-left: 25px;
  width: 22%;
}

.main__container-block__table-col:nth-child(9)
  .main__container-block__table-col__label {
  width: 78px;
}

.main__container-block__table-col:nth-child(9)
  .main__container-block__table-col__label
  input {
  text-align: center;
}

.main__container-block__table-col:nth-child(10) {
  padding-left: 16px;
  width: 18%;
}

.main__container-block__table-col:nth-child(10) .__select {
  width: 65px;
}

.main__container-block__table-col:nth-child(11) {
  padding-left: 28px;
  width: 23%;
}

.main__container-block__table-col:nth-child(11) .__select {
  width: 123px;
}

.main__container-block__table-col:nth-child(12) {
  padding-left: 57px;
  width: 40%;
}

.main__container-block__table-col:nth-child(12)
  .main__container-block__table-col__label {
  width: 151px;
}

.main__settings .main__container-block__table-col {
  width: 100%;
}

.main__settings .main__container-block__table-col:nth-child(1) {
  max-width: 409px;
  gap: 10px;
}

.main__settings .main__container-block__table-col:nth-child(2) {
  max-width: 120px;
}

.main__settings .main__container-block__table-col:nth-child(3) {
  max-width: 173px;
}

.main__settings .main__container-block__table-col:nth-child(4) {
  max-width: 152px;
}

.main__settings .main__container-block__table-col:nth-child(5) {
  gap: 6px;
}

.main__settings .main__container-block__table-col:nth-child(5),
.main__settings .main__container-block__table-col:nth-child(6) {
  max-width: 206px;
}

.main__settings .main__container-block__table-col:nth-child(7) {
  max-width: 168px;
}

.main__settings .main__container-block__table-col:nth-child(7) {
  padding-left: 0;
}

.main__settings .main__container-block__table-col:nth-child(8) {
  max-width: 116px;
}

.main__settings .main__container-block__table-col:nth-child(8) {
  padding-left: 0;
}

.main__settings-label__table {
  max-width: 81px;
  width: 100%;
}

.main__settings-input__table {
  max-width: 81px;
  width: 100%;
  border: 1px solid var(--color-13);
  padding: 7px;
  background-color: var(--color-4);
  border-radius: 5px;
  text-align: center;
  font-weight: 500;
  font-size: 14px;
  font-family: "Montserrat", sans-serif !important;
}

.main__setting-id {
  transition: var(--transition);
  color: var(--color-2);
}

.main__setting-id:hover {
  color: var(--color-3);
}

.main__settings-marks,
.main__settings-marks::before,
.main__settings-marks::after {
  width: 4px;
  height: 4px;
  position: relative;
  background-color: var(--color-3);
  border-radius: 50%;
}

.main__settings-marks::before,
.main__settings-marks::after {
  position: absolute;
}

.main__settings-marks::before {
  content: "";
  top: 6px;
}

.main__settings-marks::after {
  content: "";
  bottom: 6px;
}

.main__settings-marks__edit {
  max-width: fit-content;
  height: 12px;
}

.main__settings .main__container-block__table-body {
  margin-bottom: 18px;
}

.main__settings .main__container-box {
  overflow: unset;
  height: 100%;
}

.content__block.settings {
  gap: 50px;
}

.main__settings .main__container-block__btns-box {
  margin-bottom: 0;
}

.main__settings .main__container-block__btns {
  margin-bottom: 11px;
}

/* log-sinchr */

.main__log-sinchr__table .main__container-block__table-col:nth-child(1) {
  max-width: 177px;
}

.main__log-sinchr__table .main__container-block__table-col:nth-child(2) {
  max-width: 153px;
}

.main__log-sinchr__table .main__container-block__table-col:nth-child(3),
.main__log-sinchr__table .main__container-block__table-col:nth-child(4) {
  max-width: 168px;
}

.main__log-sinchr__table .main__container-block__table-col:nth-child(5) {
  max-width: 322px;
}

.main__log-sinchr__table .main__container-block__table-col:nth-child(6) {
  max-width: 120px;
}

.main__log-sinchr__table .main__container-block__table-col:nth-child(7) {
  max-width: 102px;
}

.download__table {
  color: var(--color-3);
  font-family: "Montserrat", sans-serif !important;
  font-size: 14px;
  gap: 7px;
}

/* footer */
.footer {
  background: #fff;
  margin-top: auto;
}

.footer__block {
  gap: 120px;
}

.footer__block-create {
  gap: 36px;
  max-width: 100%;
  width: 100%;
}

.footer__block-create__box {
  gap: 75px;
}

.footer__box {
  gap: 20px;
  display: none;
}

.footer__box.active,
.footer__box-setting {
  display: flex;
}

.btn__footer {
  width: 195px;
  padding: 16px;
  text-align: center;
  color: var(--color-1);
  border: 1px solid var(--color-1);
  border-radius: 5px;
  transition: var(--transition);
  text-transform: uppercase;
  font-family: "Futura PT", sans-serif;
  font-weight: 600;
  font-size: 14px;
}

.btn__footer svg path {
  transition: var(--transition);
}

.btn__footer:hover svg path {
  fill: var(--color-4);
}

.btn__footer:hover {
  background-color: var(--color-1);
  border: 1px solid transparent;
  color: var(--color-4);
}

.btn__footer-icon {
  gap: 10px;
}

.btn__footer-icon .delete-icon {
  transform: rotate(45deg);
}

.footer__texts-date {
  gap: 30px;
}

.footer__texts-date p {
  font-family: "Montserrat", sans-serif;
  color: var(--color-5);
  font-size: 12px;
}

.footer__texts-doc {
  gap: 7px;
}

.footer__texts-doc span {
  color: var(--color-3);
  border-bottom: 1px solid var(--color-3);
  line-height: 16px;
  transition: var(--transition);
}

.footer__texts-doc:hover span {
  border-bottom: 1px solid transparent;
}

/* popup */

.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-4);
  z-index: 0;
  opacity: 0;
  display: none;
}

.popup.active {
  display: block;
  opacity: 1;
  z-index: 4;
  transition: var(--transition);
}

.popup__create {
  padding: 25px 15px;
  max-width: 390px;
  width: 100%;
}

.popup__container {
  gap: 17px;
}

.popup__container h3 {
  align-self: center;
}

.popup__block-input .main__input {
  max-width: 100%;
  width: 100%;
}

.popup__block-input .main__input::placeholder,
.popup__create .select__property-label::after,
.popup__create-add .main__block-description__textarea {
  color: var(--color-10);
}

.popup .toggle__input ~ .toggle__mark {
  background-color: var(--color-13);
}

.popup .toggle__mark:before {
  background-color: var(--color-10);
}

#groupField {
  z-index: 4;
}

#directory,
#typeField {
  z-index: 3;
}

#binding {
  z-index: 2;
}

.popup-overlay {
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  transition: var(--transition);
}

.popup-overlay.active {
  visibility: visible;
  background-color: var(--color-1);
  opacity: 0.5;
  position: fixed;
  max-width: 100%;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 3;
}

#popupCreate2 .popup__block-input,
#popupCreate2 .popup__create-select,
#popupCreate3 .popup__block-input,
#popupCreate3 .popup__create-select {
  gap: 5px;
}

#popupCreate2 .select__property-label::after,
#popupCreate3 .select__property-label::after {
  color: var(--color-1);
}

#popupCreate2 .edit__lists-save,
#popupCreate3 .edit__lists-save {
  width: 100%;
}

#popupCreate2 .main__label,
#popupCreate3 .main__label {
  font-size: 16px;
  margin-bottom: 4px;
}

.popup__create-texts a {
  color: var(--color-3);
  transition: var(--transition);
}

.popup__create-texts a:hover {
  color: var(--color-1);
}

/*  */

.main__container-block__paginations-archive {
  margin-bottom: 0;
}

.inventory__container .btn__tab:nth-of-type(2) {
  max-width: 170px;
}

.inventory__container .main__container-block__create-box {
  max-width: 100%;
}

.inventory__container .main__container-block__create-input__label {
  max-width: 233px;
}

.inventory__container .inputSearch {
  padding: 6px 23px;
}

.inventory__container .main__container-block__create-input__btn {
  max-width: 11px;
  height: 11px;
  top: 50%;
  left: 7px;
}

.inventory__container .main__container-block__table-col {
  padding-left: 10px;
}

.inventory__container .main__container-block__table-col:nth-child(1) {
  max-width: 20px;
}

.inventory__container .main__container-block__table-col:nth-child(2) {
  max-width: 156px;
}

.inventory__container .main__container-block__table-col:nth-child(3) {
  max-width: 140px;
}

.inventory__container .main__container-block__table-col:nth-child(4) {
  max-width: 113px;
}

.inventory__container .main__container-block__table-col:nth-child(5) {
  max-width: 199px;
}

.inventory__container .main__container-block__table-col:nth-child(6) {
  max-width: 182px;
}

.inventory__container .main__container-block__table-col:nth-child(7) {
  max-width: 113px;
}

.inventory__container .main__container-block__table-col:nth-child(8) {
  max-width: 116px;
}

.inventory__container .main__container-block__table-col:nth-child(9) {
  max-width: 106px;
}

.inventory__container .main__container-block__table-col:nth-child(10) {
  max-width: 124px;
}

.inventory__container .main__container-block__table-col:nth-child(11) {
  max-width: 164px;
}

.inventory__container
  .main__container-block__table-filter
  .main__container-block__table-col::before {
  left: 0;
}

.inventory__container
  .main__container-block__table-filter
  .main__container-block__table-row {
  padding: 16px 30px;
}

.inventory__container
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(3) {
  opacity: 1;
}

.inventory__container-log .main__container-block__table-col:nth-child(1) {
  max-width: 240px;
}

.inventory__container-log .main__container-block__table-col:nth-child(2) {
  max-width: 147px;
}

.inventory__container-log .main__container-block__table-col:nth-child(3) {
  max-width: 153px;
}

.inventory__container-log .main__container-block__table-col:nth-child(4) {
  max-width: 167px;
}

.inventory__container-log .main__container-block__table-col:nth-child(5) {
  max-width: 323px;
}

.inventory__container-log .main__container-block__table-col:nth-child(6) {
  max-width: 107px;
}

.inventory__container-log .main__container-block__table-col:nth-of-type(7) {
  max-width: 115px !important;
  padding-left: 10px !important;
}

.inventory__create-calendar,
.inventory__create-calendar .main__input {
  max-width: 100%;
  width: 100%;
}

.inventory__create-calendar {
  position: relative;
}

.inventory__create-calendar img {
  position: absolute;
  right: 13px;
  top: 9px;
}

/* inventory__container-create */

.inventory__container-create {
  gap: 30px;
}

.inventory__container-create .main__container-block__table-col::before {
  content: none;
}

.inventory__container-create .main__container-block__table-col:nth-child(1) {
  max-width: 293px;
}

.inventory__container-create .main__container-block__table-col:nth-child(2) {
  max-width: 344px;
}

.inventory__container-create .main__container-block__table-col:nth-child(3) {
  max-width: 102px;
}

.inventory__container-create .main__container-block__table-row:nth-child(odd) {
  background-color: var(--color-7);
  border-radius: 5px;
}

.inventory__container-create
  .main__container-block__table-filter
  .main__container-block__table-row {
  background-color: var(--color-4);
  color: var(--color-1);
}

.inventory__container-create .main__container-block__table {
  max-width: 50%;
  width: 100%;
}

.inventory__container-create .main__container-block__table-body {
  margin-bottom: 23px;
}

.inventory-create__volume h2 {
  margin-bottom: 25px;
}

.inventory-create__volume-count {
  gap: 40px;
}

.inventory-create__volume-count__text {
  font-size: 55px;
  color: var(--color-2);
  font-weight: 600;
  margin-bottom: 1px;
}

.inventory-create__volume-text {
  font-size: 20px;
  color: var(--color-2);
}

.inventory-create__volume-btns .btn__create {
  height: fit-content;
  max-width: 186px !important;
}

.inventory-create__volume-btns {
  margin-top: 16px;
  height: fit-content;
  gap: 25px;
  flex: 1;
}

.inventory-create__volume-btns .footer__texts-doc {
  font-size: 20px;
  max-width: fit-content;
}

.inventory-create__volume .footer__box {
  gap: 30px;
  margin-bottom: 0;
  margin-top: 40px;
}

.inventory-create__volume .btn__footer {
  max-width: 273px;
  width: 100%;
}

.inventory__container-create .main__container-block__table {
  max-width: 100%;
  width: 100%;
}

.inventory__container-create__solid
  .main__container-block__table-col:nth-child(2) {
  max-width: 100%;
}

.inventory-create__volume-lists .main__container-block__table-col::before {
  content: "";
}

.inventory-create__volume-lists
  .main__container-block__table-filter
  .main__container-block__table-row {
  padding: 0 30px;
}

.inventory-create__volume-lists .main__container-block__table-col:nth-child(1) {
  max-width: 86px;
  width: 100%;
}

.inventory-create__volume-lists
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(1) {
  opacity: 0;
}

.inventory-create__volume-lists .main__container-block__table-col:nth-child(2) {
  max-width: 131px;
  padding-left: 20px;
}

.inventory-create__volume-lists
  .main__container-block__table-filter
  .main__container-block__table-col:nth-child(2) {
  padding-left: 20px;
}

.inventory-create__volume-lists .main__container-block__table-col:nth-child(3) {
  max-width: 266px;
}

.inventory-create__volume-lists .main__container-block__table-col:nth-child(4) {
  max-width: 215px;
}

.inventory-create__volume-lists .main__container-block__table-col:nth-child(5) {
  max-width: 111px;
}

.inventory-create__volume-lists .main__container-block__table-col:nth-child(6) {
  max-width: 150px;
}

.inventory-create__volume-lists .main__container-block__table-col:nth-child(7) {
  max-width: 100px;
  padding-left: 10px;
  width: 100%;
}

.inventory-create__volume-lists .main__container-block__table-col:nth-child(8) {
  max-width: 100%;
  padding-left: 10px;
  width: 100%;
}

.inventory-create__volume .main__container-block__paginations {
  margin-bottom: 0;
}

.inventory-create__volume-block__lists {
  display: none;
}

.inventory-create__volume-block__lists.active {
  display: block;
}

.inventory-create__volume-count__text-size {
  font-size: 35px;
}

.inventory-create__volume-btns__result .btn__create {
  max-width: 269px !important;
}

.inventory-create__volume-result__block {
  margin-top: 63px;
  margin-bottom: 37px;
}

.inventory-create__volume-result__block h2 {
  margin-bottom: 0;
}

.inventory-create__volume-block__lists .download__table {
  max-width: fit-content;
}

.main__edit-block__statuses-result .status-expired {
  max-width: 376px;
  color: var(--color-1);
}

.main__edit-block__statuses-result .status__red {
  max-width: 346px;
}

.main__settings-btns__inventory {
  margin-bottom: 15px;
}

/* inventory-all__employees */

.inventory-all__employees .main__container-block__table-col:nth-child(2) {
  max-width: 85px;
}

.inventory-all__employees .main__container-block__table-col:nth-child(3) {
  max-width: 158px;
}

.inventory-all__employees .main__container-block__table-col:nth-child(4) {
  max-width: 173px;
  width: 100%;
}

.inventory-all__employees .main__container-block__table-col:nth-child(5) {
  max-width: 129px;
}

.inventory-all__employees .main__container-block__table-col:nth-child(6) {
  max-width: 132px;
}

.inventory-all__employees .main__container-block__table-col:nth-child(7) {
  max-width: 185px;
}

.inventory-all__employees .main__container-block__table-col:nth-child(8) {
  max-width: 160px;
}

.inventory-all__employees .main__container-block__table-col:nth-child(9) {
  max-width: 170px;
}

.inventory-all__employees .main__container-block__table-col:nth-child(10) {
  max-width: 150px;
}

.inventory-all__employees .main__container-block__table-col:nth-child(11) {
  max-width: 188px;
}

.inventory-all__employees
  .main__container-block__table-filter
  .main__container-block__table-row {
  padding: 16px 20px;
}

.inventory-all__employees-text {
  padding-left: 15px;
}

.employees__create {
  margin-bottom: 43px;
}

.employees__box-selects__lists {
  display: none;
  gap: 12px;
  margin-top: 12px;
}

.employees__box-selects__lists.active {
  display: flex;
}
.employees__box-selects .content__block-scrollbar__container-box__list:hover {
  background-color: transparent;
  cursor: pointer;
}

.employees__box-selects
  .content__block-scrollbar__container-box__list:hover
  .content__block-scrollbar__container-box__link {
  color: var(--color-1);
}
.employees__box-selects
  .content__block-scrollbar__container-box__lists::before {
  content: none;
}

.employees__box-selects__list .content__block-scrollbar__container-box__link {
  padding-left: 85px;
}

.employees__box-selects .content__block-scrollbar__container-box__text {
  font-weight: 900;
}

.level__two-select {
  font-weight: 600;
}

.employees__box-selects__list .content__block-scrollbar__container-box__link,
.level__two-select {
  gap: 10px;
}

.employees__settings-block__toggle {
  max-width: 552px;
  width: 100%;
  margin: 23px 0 20px;
}

.employees__container-block .main__settings-btns__inventory {
  margin-bottom: 0;
}

.btn__edit-department {
  gap: 5px;
  color: var(--color-3);
  max-width: fit-content;
}

.btns__department {
  display: none;
  flex: 1;
  margin-left: 30px;
  margin-bottom: 13px;
  gap: 23px;
}

.btns__department.active {
  display: flex;
}

.btns__department .btn__delete {
  color: var(--color-11);
  max-width: fit-content;
}

.popup__edit-department {
  padding: 25px 40px;
}

.popup__edit-department .select__property-label::after {
  color: var(--color-10);
}

#popupEditDepartment .select__property-label::after,
#popupEditLocation .select__property-label::after {
  color: var(--color-1);
}

#popupEditDepartment .edit__lists-save {
  width: 100%;
}

.employees-edit__info {
  margin-top: 20px;
}

.employees-edit__info .main__settings-btns .btn__tab:nth-of-type(2) {
  max-width: 100px;
}

.employees-edit__info .main__settings-btns .btn__tab:nth-of-type(3) {
  max-width: 190px;
}

.employees-edit__info .main__settings-btns .btn__tab {
  position: relative;
}

.employees-edit__info-round {
  max-width: 20px;
  width: 100%;
  height: 20px;
  background-color: var(--color-3);
  border-radius: 50%;
  color: var(--color-4);
  position: absolute;
  top: -11px;
  right: -8px;
}

.employees-edit__info .content__block-scrollbar__container-box {
  max-width: 275px;
}

.employees-edit__info-container {
  flex: 1;
  max-width: 275px;
}

.employees-edit__info-block {
  gap: 83px;
}

.employees-edit__info-block__result {
  background-color: var(--color-4);
  padding: 22px 28px;
  border-radius: 5px;
  max-width: 332px;
  width: 100%;
  gap: 15px;
  height: fit-content;
}

.employees-edit__info-block__result p {
  font-size: 17px;
}

.employees-edit__info-block__result a span {
  font-weight: 900;
}

.red_text span {
  color: var(--color-21);
}

.employees-edit__info-status {
  background-color: var(--color-4);
  border-radius: 5px;
  padding: 24px 27px;
  gap: 15px;
}

.employees-edit__info-status {
  font-size: 14px;
}

.employees-edit__info-status__text {
  font-size: 17px;
  margin-left: 18px;
}

.employees-edit__info-status .main__container-block__actions-editing p {
  font-family: "Montserrat", sans-serif;
}

.employees-edit__info .main__settings-btns__inventory {
  margin-bottom: 21px;
}

.main__container-block__table-filter .main__container-block__table-row {
  background-color: transparent;
  padding: 11px 30px 16px;
}

.employees-edit__movement .main__container-block__table-col {
  width: 100%;
  padding: 0;
}

.employees-edit__movement
  .main__container-block__table-filter
  .main__container-block__table-col {
  width: 100%;
  padding-left: 10px;
  opacity: 1;
}

.employees-edit__movement .main__container-block__table-col:nth-child(1) {
  max-width: 147px;
}

.employees-edit__movement .main__container-block__table-col:nth-child(2) {
  max-width: 93px;
}

.employees-edit__movement .main__container-block__table-col:nth-child(3) {
  max-width: 200px;
}

.employees-edit__movement .main__container-block__table-col:nth-child(4) {
  max-width: 240px;
}

.employees-edit__movement
  .main__container-block__table-body
  .main__container-block__table-col:nth-child(4) {
  color: var(--color-3);
}

.employees-edit__movement .main__container-block__table-col:nth-child(5) {
  max-width: 328px;
}

.employees-edit__movement
  .main__container-block__table-body
  .main__container-block__table-col:nth-child(5) {
  padding-right: 34px;
}

.employees-edit__movement .main__container-block__table-col:nth-child(6) {
  max-width: 262px;
}

.employees-edit__movement .main__container-block__table-col:nth-child(7) {
  max-width: 262px;
}

.employees-edit__movement
  .main__container-block__table-filter
  .main__container-block__table-col::before {
  left: 0;
}

.employees-edit__movement .main__container-block__table {
  margin-bottom: 32px;
}

.employees-edit__movement
  .main__container-block__table-body
  .main__container-block__table-row {
  padding-top: 22px;
  padding-bottom: 22px;
}

.employees-edit__movement .download__table {
  max-width: fit-content;
}

.location .main__container-block__btns-box {
  margin-bottom: 0;
}

.employees__box-selects__count,
.employees__box-selects__span,
.employees__box-selects__span-size {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-left: 30px;
  color: var(--color-2);
}

.employees__box-selects__count {
  color: var(--color-3);
}

.employees__box-selects__span-size {
  font-weight: 700;
}

/* notifications */

.notifications .inventory__container .btn__tab:nth-of-type(2) {
  max-width: 130px;
}

.notifications .main__container-block__table-col:nth-child(2) {
  max-width: 113px;
}

.notifications .main__container-block__table-col:nth-child(3) {
  max-width: 113px;
}

.notifications .main__container-block__table-col:nth-child(4) {
  max-width: 169px;
  width: 100%;
}

.notifications .main__container-block__table-col:nth-child(5) {
  max-width: 196px;
}

.notifications .main__container-block__table-col:nth-child(6) {
  max-width: 211px;
}

.notifications .main__container-block__table-col:nth-child(7) {
  max-width: 150px;
}

.notifications .main__container-block__table-col:nth-child(8) {
  max-width: 165px;
}

.notifications .main__container-block__table-col:nth-child(9) {
  max-width: 100%;
}

.notification__form {
  max-width: 346px;
  width: 100%;
  margin-left: 146px;
}

.notifications__main .employees__settings-block__toggle {
  max-width: 670px;
}

.notifications__main .content__block-scrollbar__container-box {
  max-width: 345px;
  width: 100%;
}

.notifications__main .employees__box-selects {
  margin: 15px 0px;
  gap: 15px;
}

.notifications__main .content__block-scrollbar__container-box__text {
  margin-bottom: 0;
}

@media screen and (max-width: 1400px) {
  h2 {
    font-size: 20px;
  }

  .header__block-exit__btns .sinchronizacion__btn span:nth-of-type(1) {
    display: none;
  }
}



/* tooltip */

.tooltip {
  max-width: 300px;
  width: 100%;
  padding: 5px;
  border-radius: 50px;
  border: 1px solid black;
  background-color: white;
  opacity: 0;
  transition: var(--transition);
  margin-left: 6px;
}

.tooltip__text {
  font-size: 12px;
}
.main__label {
  position: relative;
}
.main__label .tooltip {
  position: absolute;
  right: 0;
  z-index: -1;
}
.tooltip__text {
  font-size: 12px;
}
.main__label svg:hover ~ .tooltip {
  opacity: 1;
  z-index: 999;
  top: 100%;
}
.tooltipWrapper {
  position: relative;
  height: 22px;
}
.tooltipWrapper .tooltip {
  min-width: 250px;
}
@media screen and (min-width: 998px) {
    body {
        font-size: 13px;
    }
    .header {
        padding: 15px 0 7px;
    }
    .header__block-exit {
        padding: 0px 0 9px;
    }
    div.dFlex.aic.header__block-sinchr > button {
        min-width: 300px;
        margin-bottom: 5px;
    }
    .content__block {
        padding: 10px 0 26px;
    }

    .btn__create {
        padding: 6px 14px;
    }
    .btn {
        font-size: 10px;
    }
    .inputSearch {
        padding: 6px 35px;
        font-size: 10px;
    }
    .main__container h2 {
        margin-bottom: 5px;
    }
    .main__container-block__btns {
        margin-bottom: 5px;
    }
    .main__container-block__btns-box {
        margin-bottom: 8px;
    }
    .main__container-block__create {
        margin-bottom: 10px;
    }	
    .sinchronizacion__btn {
        max-width: 265px;
        padding: 3px 8px;
        margin-bottom: 8px;
    }
    .header h2 {
        font-size: 16px;
        margin-bottom: 8px;
    }
    .btn__tab {
        padding: 5px 10px;
    }
    .main__container-box__title {
        margin-bottom: 4px;
    }
  	#viewBlockMain > button {
        font-size: 12px;
    }
    #hideBtnTomMenu > button {
        font-size: 12px;
    }
    .main__container-block__btns-box__view {
        gap: 10px;
    }
   .btn__tab {
        max-width: 160px;
    }
    thead th {
        font-size: 12px;
    }
}

#titleMain {
    font-size: 20px;
    }

    #viewBlockMain > button {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    #hideBtnTomMenu > button {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
table > tbody > tr > td > .image > img {
    max-height: 20px;
    padding-top: 3px;
}
.header__block-logo__text-icon {
    max-width: 200px;
    width: 100%;
}
select.select__property.main__input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("../images/icons/OrangeArrowDown.svg");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
    padding-right: 30px; /* чтобы текст не наезжал на иконку */
}

label.main__input {
    border: 1px solid var(--color-4);
    background-color: var(--color-4);
}