@charset "UTF-8";
* {
  scrollbar-width: thin;
  scrollbar-color: #01abe8;
}

textarea::-webkit-scrollbar {
  cursor: pointer;
}

*::-webkit-scrollbar {
  height: 4px;
  width: 4px;
  cursor: pointer;
}

*::-webkit-scrollbar-track {
  cursor: pointer;
}

*::-webkit-scrollbar-thumb {
  background-color: #01abe8;
  border-radius: 5px;
  cursor: pointer;
}

[data-unit-attr] {
  position: relative;
  display: block;
  max-width: 120px;
}

[data-unit-attr]::after {
  content: "" attr(data-unit-attr);
  position: absolute;
  top: 80%;
  left: 50%;
  width: 100%;
  text-align: center;
  transform: translate(-50%, -50%);
  font-size: 12px;
  display: block;
}

[data-unit-attr] input {
  font-size: 20px;
}

.editButtons {
  display: flex;
  align-items: center;
  justify-content: start;
  -moz-column-gap: 8px;
  column-gap: 16px;
}

.editButton {
  cursor: pointer;
  width: 16px;
  height: 16px;
}

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

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

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

[data-add-position-wrapper] {
  display: none;
}

#addUserBlock {
  display: none;
}

.remodal {
  text-align: left;
}

.modal {
  margin-right: 0;
}

/* IU */
.modal .edit_input,
.edit_input {
  border: 1px solid #e0e0e0;
  font-size: 18px;
  padding: 9px 18px;
  color: #1b1d21;
  border-radius: 10px;
}

.modal .edit_input-small,
.edit_input-small {
  padding: 9px;
  font-size: 14px;
}

/* SETTINGS */
.price__factor_column-name {
  max-width: 300px;
  width: 100%;
  min-width: 200px;
}

/* CAT EDIT */
.cat__edit {
  max-width: 600px;
}

.cat__edit_arrow_container {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

.cat__edit_add {
  cursor: pointer;
  transition: all 0.2s linear;
  padding-top: 15px;
}

.cat__edit_add:hover {
  color: #a1bfca;
}

.cat__edit_row {
  font-size: 24px;
  line-height: 1;
  padding: 15px 0;
}

.cat__edit_row .cat__edit_add {
  font-size: 18px;
  padding: 15px 0 10px 20px;
}

.cat__edit_row-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.cat__edit_subrows {
  padding: 10px 0 10px 20px;
}

.cat__edit_subrows [data-materials],
.cat__edit_subrows [data-subcategories] {
  padding-left: 10px;
}

.cat__edit_subrows .cat__edit_row {
  font-size: 18px;
  line-height: 1.3;
  padding: 10px 0;
}

/* новые стили */
.row_5_column_container {
  width: 100%;
}

.row_5_column_container > div:nth-child(1) {
  width: 1620px;
  flex-basis: 1620px;
}

.row_5_column_container > div:nth-child(2) {
  width: 10%;
  flex-basis: 10%;
}

.row_5_column_container > div:nth-child(1) > div:nth-child(2) {
  width: 10%;
  flex-basis: 10%;
}

.row_5_column_container > div:nth-child(1) > div:nth-child(3) {
  width: 30%;
  flex-basis: 30%;
}

.row_5_column_container > div:nth-child(1) > div:nth-child(4) {
  width: 10%;
  flex-basis: 10%;
}

.row_5_column_container > div:nth-child(1) > div:nth-child(5) {
  width: 25%;
  flex-basis: 25%;
}

.row_5_column_container > div:nth-child(1) > div:nth-child(6) {
  width: 25%;
  flex-basis: 25%;
}

.row_5_column {
  width: 1620px;
  min-width: 1620px;
  justify-content: start;
}

.main_materials_table > div.row_5_column {
  width: 1620px;
  min-width: 1620px;
}

.row_5_column > div:nth-child(1) {
  width: 10%;
  flex-basis: 10%;
  min-width: auto;
}

.row_5_column > div:nth-child(2) {
  width: 30%;
  flex-basis: 30%;
  min-width: auto;
}

.row_5_column > div:nth-child(3) {
  width: 10%;
  flex-basis: 10%;
  min-width: auto;
}

.row_5_column > div:nth-child(4) {
  width: 25%;
  flex-basis: 25%;
  min-width: auto;
}

.row_5_column > div:nth-child(5) {
  width: 25%;
  flex-basis: 25%;
  min-width: auto;
}

.row_5_column_container > div {
  display: flex;
  align-items: center;
}

.main_materials_table .row_5_column_container .input_contain {
  background-color: transparent;
}

/* стили для таблицы основные работы */
.panel_material_block .row_column_8_1 .position_column {
  min-width: auto;
  width: auto;
  flex-basis: auto;
}

.panel_material_block .row_column_8 .position_column {
  min-width: auto;
  width: auto;
  flex-basis: auto;
}

.row_column_8 {
  min-width: 1620px;
  width: 1620px;
}

.row_column_8_1 {
  min-width: 1620px;
  width: 1620px;
}

.main_materials_table > div.row_column_8 {
  width: 1620px;
  min-width: 1620px;
}

.row_column_8_container {
  width: 1800px;
}

.row_column_8_container > div {
  width: 180px;
}

.row_column_8 > div:nth-child(1) {
  width: 5%;
  flex-basis: 5%;
  min-width: auto;
}

.row_column_8 > div:nth-child(2) {
  width: 21%;
  flex-basis: 21%;
  min-width: auto;
}

.row_column_8 > div:nth-child(3) {
  width: 35%;
  flex-basis: 35%;
  min-width: auto;
}

.row_column_8 > div:nth-child(4) {
  width: 10%;
  flex-basis: 10%;
  min-width: auto;
}

.row_column_8 > div:nth-child(5) {
  width: 15%;
  flex-basis: 15%;
  min-width: auto;
}

.row_column_8 > div:nth-child(6) {
  width: 8%;
  flex-basis: 8%;
  min-width: auto;
}

.row_column_8 > div:nth-child(7) {
  width: 8%;
  flex-basis: 8%;
  min-width: auto;
}

.row_column_8 > div:nth-child(8) {
  width: 8%;
  flex-basis: 8%;
  min-width: auto;
}

.row_column_8_1 > div:nth-child(2) {
  width: 5%;
  flex-basis: 5%;
  min-width: auto;
}

.row_column_8_1 > div:nth-child(3) {
  width: 21%;
  flex-basis: 21%;
  min-width: auto;
}

.row_column_8_1 > div:nth-child(4) {
  width: 35%;
  flex-basis: 35%;
  min-width: auto;
}

.row_column_8_1 > div:nth-child(5) {
  width: 10%;
  flex-basis: 10%;
  min-width: auto;
}

.row_column_8_1 > div:nth-child(6) {
  width: 15%;
  flex-basis: 15%;
  min-width: auto;
}

.row_column_8_1 > div:nth-child(7) {
  width: 8%;
  flex-basis: 8%;
  min-width: auto;
}

.row_column_8_1 > div:nth-child(8) {
  width: 8%;
  flex-basis: 8%;
  min-width: auto;
}

.row_column_8_1 > div:nth-child(9) {
  width: 8%;
  flex-basis: 8%;
  min-width: auto;
}

.row_column_8_1 > div {
  background-color: transparent;
}

.main_materials_table .row_column_8_1 .input_contain {
  background-color: transparent;
}

.editButtons2 {
  top: 34px;
  right: 0px;
  position: absolute;
}

.main_materials_table .row_column_8 .input_contain {
  background-color: transparent;
}

a {
  text-decoration: none;
  color: #9496a0;
}

a:hover {
  color: #000;
}

.row__position {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 18px;
  border-bottom: 1px solid #e0e0e0;
  padding: 5px 0;
}

.row__position input {
  font-size: 18px;
}

.row__position_content {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
}

.row__position_content .row__position_column {
  min-width: 200px;
  max-width: 200px;
  width: 100%;
  width: 100%;
  word-break: break-word;
}

.row__position_column span {
  padding: 12px;
  min-width: 200px;
  width: 100%;
  border: 1px solid transparent;
}

.row__position_column input {
  padding: 12px;
  min-width: 200px;
  width: 100%;
}

.row__position_column .mob_title {
  display: none;
}

.row__position_column.row__position_column-xs {
  min-width: 50px;
  max-width: 50px;
}

.row__position_column.row__position_column-xs span {
  min-width: 50px;
}

.row__position_column.row__position_column-xs input {
  min-width: 50px;
}

.row__position_column.row__position_column-s {
  min-width: 100px;
  max-width: 100px;
}

.row__position_column.row__position_column-s span {
  min-width: 100px;
}

.row__position_column.row__position_column-s input {
  min-width: 100px;
}

.row__position_column.row__position_column-m {
  min-width: 150px;
  max-width: 150px;
}

.row__position_column.row__position_column-m span {
  min-width: 150px;
}

.row__position_column.row__position_column-m input {
  min-width: 150px;
}

.row__position_column.row__position_column-l {
  min-width: 200px;
  max-width: 200px;
}

.row__position_column.row__position_column-l span {
  min-width: 200px;
}

.row__position_column.row__position_column-l input {
  min-width: 200px;
}

.row__position_column.row__position_column-xl {
  min-width: 250px;
  max-width: 250px;
}

.row__position_column.row__position_column-xl span {
  min-width: 250px;
}

.row__position_column.row__position_column-xl input {
  min-width: 250px;
}

.row__position_column.row__position_column-xxl {
  min-width: 300px;
  max-width: 300px;
}

.row__position_column.row__position_column-xxl span {
  min-width: 300px;
}

.row__position_column.row__position_column-xxl input {
  min-width: 300px;
}

.row__position_column.row__position_column-3xl {
  min-width: 350px;
  max-width: 350px;
}

.row__position_column.row__position_column-3xl span {
  min-width: 350px;
}

.row__position_column.row__position_column-3xl input {
  min-width: 350px;
}

.row__position_column.row__position_column-4xl {
  min-width: 400px;
  max-width: 400px;
}

.row__position_column.row__position_column-4xl span {
  min-width: 400px;
}

.row__position_column.row__position_column-4xl input {
  min-width: 400px;
}

.row__position_column.row__position_column-5xl {
  min-width: 450px;
  max-width: 450px;
}

.row__position_column.row__position_column-5xl span {
  min-width: 450px;
}

.row__position_column.row__position_column-5xl input {
  min-width: 450px;
}

.addIcon {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}

.add_btn_1 {
  cursor: pointer;
  transition: all 0.2s linear;
}

.add_btn_1 img {
  transition: all 0.1s linear;
}

.add_btn_1:hover {
  background: #01abe8;
  color: #fff;
}

.add_btn_1:hover img {
  filter: brightness(0) invert(1);
}

.add_user {
  cursor: pointer;
  transition: all 0.2s linear;
}

.add_user img {
  transition: all 0.1s linear;
}

.add_user:hover {
  background: #01abe8;
  color: #fff;
}

.add_user:hover img {
  filter: brightness(0) invert(1);
}

.order_info_block {
  align-items: center;
  margin: 40 -16px 0;
}

.order_info_block .access_contain_left,
.order_info_block .order_info_block_left {
  width: 50%;
  padding: 0 16px;
}

.order_info_block .access_contain_right,
.order_info_block .order_info_block_right {
  width: 50%;
  padding: 30px 16px;
}

.order_info_block .order_info_block_right {
  padding: 40px;
}

.input__edit__row {
  display: flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
}

[data-container] {
  position: relative;
}

[data-child-container] {
  display: none;
}

.arrow_container {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 8px;
  column-gap: 8px;
  transform: rotate(180deg);
  margin-right: 8px;
  transition: all 0.1s linear;
}

[data-container-arrow] {
  display: flex;
  align-items: center;
  cursor: pointer;
}

[data-container-arrow].active .arrow_container {
  transform: rotate(0);
}

.main_materials_table#main_materials > div {
  min-width: 1750px;
}

.main_materials_table#mainworks > div {
  min-width: 1650px;
}

.main_materials_table#techmat > div {
  min-width: 1500px;
}

.main_materials_table#complupholst > div {
  min-width: 1200px;
}

.main_materials_table#decoration > div {
  min-width: 1200px;
}

.main_materials_table_head-2 {
  margin-top: 20px;
}

.main_materials_table-2 {
  padding: 50px 0;
}

.main_materials_table_title {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-size: 36px;
}

.-flex {
  display: flex;
}

.align-items-center {
  align-items: center;
}

.text-center {
  text-align: center;
}

.order_positions_items {
  border-top: 1px solid #e0e0e0;
}

.order__position {
  display: flex;
  -moz-column-gap: 32px;
  column-gap: 32px;
  align-items: stretch;
  justify-content: space-between;
}

.order__position_form,
.order__position_total {
  width: calc(50% - 16px);
}

.order__position_form {
  max-width: 400px;
}

.order__position_total {
  display: flex;
  background: #fff;
}

.order__position_total .order_info_block_right_contain {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.order_counter {
  margin-top: 10px;
}

[data-counter] {
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  -webkit-user-select: contain;
  -moz-user-select: contain;
  user-select: contain;
}

[data-counter] [data-count-minus],
[data-counter] [data-count-plus] {
  cursor: pointer;
  font-size: 30px;
  width: 20px;
  user-select: none;
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */ /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */ /* Internet Explorer/Edge */
  user-select: none;
}

[data-counter] [data-count-input] {
  max-width: 120px;
  text-align: center;
  font-size: 20px;
  padding: 10px 15px 10px;
}

[data-counter] [data-count-unit] {
  padding-bottom: 20px;
}

.order_delete,
[data-position-delete] {
  cursor: pointer;
  padding: 10px;
  width: 43px;
  height: 43px;
  border-radius: 50%;
  align-self: flex-end;
  border: 1px solid transparent;
  transition: all 0.2s linear;
}

.accordion2_table [data-position-delete] {
  padding: 10px;
}

.accordion2_arrow {
  display: flex;
  justify-content: flex-end;
}

.order_delete:hover,
[data-position-delete]:hover {
  border: 1px solid rgba(255, 0, 0, 0.5);
}

.order_comment {
  height: 280px;
}

.order_product_name {
  font-size: 24px;
}

.order_product_name .input__edit__row {
  align-items: start;
}

.order_comment textarea {
  font-size: 18px;
  height: 100%;
  max-width: 100%;
  border: none;
  overflow: auto;
  outline: none;
  box-shadow: none;
  resize: none;
  font-family: "Rubik", sans-serif;
}

.row__position_column.res_block span {
  min-width: auto;
  padding-left: 0;
  padding-right: 0;
}

.row__position_column.res_block {
  font-size: 30px;
  justify-content: start;
}

.active {
  color: #000;
}

.editButton:hover {
  filter: brightness(0);
}

.editButton {
  cursor: pointer;
}

[data-select-input] [data-select].input_left0 {
  padding-left: 0;
}

.custom-checkbox {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.custom-checkbox + label {
  display: inline-flex;
  align-items: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-size: 20px;
}

.custom-checkbox + label::before {
  content: "";
  display: inline-block;
  width: 33px;
  height: 33px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #adb5bd;
  border-radius: 8px;
  margin-right: 15px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}

.custom-checkbox:checked + label::before {
  border-color: #0b76ef;
  background-color: #0b76ef;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}

#orders_block {
  min-height: 400px;
}

#orders_block .row__position-link {
  padding: 0;
  margin: 0;
}

#orders_block a.row__position_content {
  color: #1b1d21;
  padding: 10px;
  transition: all 0.1s linear;
}

#orders_block a.row__position_content:hover {
  background: #eaeced;
}

.notFound {
  padding: 20px;
  font-size: 24px;
  color: #9496a0;
}

.users__row {
  word-break: break-all;
  font-size: 18px;
  padding: 15px 0;
}

.users__row.disactive {
  color: #9496a0;
}

.users__row-title {
  color: #9496a0;
  border-bottom: none;
}

.hide_order_nav {
  display: none;
  position: absolute;
  z-index: 100;
  top: 80px;
  right: -70px;
  width: 70px;
  flex-direction: column;
  row-gap: 5px;
  padding: 15px;
  background: #fff;
  border: 1px solid #01abe8;
  transition: all 0.1s linear;
  cursor: pointer;
  border-radius: 0 10px 10px 0;
}

.hide_order_nav:hover {
  transform: matrix(1.1);
  background: #01abe8;
}

.hide_order_nav:hover > div {
  background: #fff;
}

.hide_order_nav > div {
  width: 40px;
  height: 4px;
  border-radius: 5px;
  background: #01abe8;
  transition: all 0.1s linear;
}

.hide_order_nav.active > div:first-child {
  transform: rotate(45deg) translate(2px, 4px);
}

.hide_order_nav.active > div:nth-child(2) {
  display: none;
}

.hide_order_nav.active > div:nth-child(3) {
  transform: rotate(-45deg) translate(3px, -4px);
}

.hide_order_nav.active:hover {
  transform: matrix(0.9);
}

.access_contain_left-input {
  margin-bottom: 20px;
}

.update_google {
  cursor: pointer;
  transition: all 0.1s linear;
  display: flex;
  align-items: center;
  justify-content: center;
}

.update_google:hover {
  opacity: 0.5;
}

.update_google_text {
  font-size: 16px;
  color: #afafaf;
}

.total__block {
  overflow-x: scroll;
  overflow-y: visible;
}

@media (max-height: 900px) {
  .nav_contain_wrapper {
    padding-bottom: 50px;
    overflow-y: scroll;
  }
}
@media (max-width: 1450px) {
  .accordion2_table-position_title {
    font-size: inherit;
  }
  .hide_order_nav {
    display: flex;
  }
  .order_nav_link,
  .nav_block1, .nav_block2,
  .nav_block2 > div {
    padding-left: 10px;
  }
  .nav_block3 {
    padding-left: 20px;
  }
  .nav_contain {
    background-color: #fff;
    transform: translateX(-100%);
    width: 250px;
  }
  .main_contain {
    margin-left: 0;
  }
  .main_contain2 {
    margin-left: 0;
  }
  .content_contain {
    padding: 15px 15px 23px 15px;
  }
  .total__block {
    overflow-x: scroll;
    overflow-y: visible;
    font-size: 14px;
  }
  #orderForm {
    flex-direction: column;
  }
  #orderForm .access_contain_left,
  #orderForm .order_info_block_left {
    width: 100%;
    padding: 0 16px;
  }
  #orderForm .access_contain_right,
  #orderForm .order_info_block_right {
    width: 100%;
    margin-top: 20px;
  }
  .accordion {
    font-size: 16px;
    padding: 5px;
  }
  .accordion .txt_16 {
    font-size: 14px;
  }
  .order__position {
    flex-direction: column;
  }
  .order__position_form,
  .order__position_total {
    width: 100%;
  }
  .order__position_total {
    margin-top: 20px;
  }
  .order_info_block_right {
    padding: 15px;
  }
  .accordion2 {
    padding: 10px;
  }
  .accordion2 .txt_16 {
    font-size: 10px;
  }
  .accordion2_table {
    font-size: 14px;
    padding: 10px;
  }
  .accordion2_table > div > div {
    font-size: 10px;
  }
  .total__row,
  .total__row_position {
    padding: 10px;
  }
  .total__row.active {
    background: #aed9e9;
  }
  .total__block-small .total__row,
  .total__block-small .total__row_position {
    font-size: 14px;
  }
  .total__row_column [data-select-input] [data-select] {
    padding: 5px;
    font-size: 14px;
  }
  .total__row_position_cell.txt_16 {
    font-size: 10px;
  }
}
.provider_name {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 16px;
  column-gap: 16px;
  padding: 5px 0;
}

.header_logo {
  margin-right: 144px;
}

@media (max-width: 1000px) {
  .header_logo {
    margin-right: 40px;
  }
}
@media (max-width: 700px) {
  .header_logo {
    margin-right: 0;
  }
}
@media (max-width: 900px) {
  .create__order .access_contain_left {
    width: 100%;
  }
  .create__order .order_info_block {
    padding: 15px;
  }
}
@media (max-width: 700px) {
  .menu_block2 {
    flex-direction: row;
    -moz-column-gap: 16px;
    column-gap: 16px;
    justify-content: center;
  }
}
.auth__input input {
  font-size: 20px;
}

.input_title {
  color: #9496A0;
  margin-bottom: 10px;
  font-size: 14px;
}

.main_materials_table_head.price__factor_row {
  margin: 77px 0 0 0;
  padding-bottom: 15px;
}

.last_updated__block {
  padding: 20px;
}

#orders_filter,
#filter {
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 8px;
}

#orders_filter .orders_filter_input,
#orders_filter .filter_input,
#filter .orders_filter_input,
#filter .filter_input {
  width: 300px;
  margin-right: 0;
}
#orders_filter .orders_filter_input.filter_input-small,
#orders_filter .filter_input.filter_input-small,
#filter .orders_filter_input.filter_input-small,
#filter .filter_input.filter_input-small {
  width: 250px;
}

.price_total_block.active .price_total_block-title {
  padding-bottom: 15px;
}

#filter .filter_input-complseams_id {
  max-width: 300px;
  width: 100%;
}

#filter .filter_input-complupholst_category {
  max-width: 300px;
  width: 100%;
}

#filter .filter_input-decoration_category {
  max-width: 300px;
  width: 100%;
}

#filter .filter_input-mainmat_provider_self_name {
  max-width: 300px;
  width: 100%;
}

#filter .filter_input-mainmat_name_for_client {
  max-width: 300px;
  width: 100%;
}

#filter .filter_input-complseams_id {
  max-width: 300px;
  width: 100%;
}

#filter .filter_input-complseams_id {
  max-width: 300px;
  width: 100%;
}

#filter .filter_input-complseams_id {
  max-width: 300px;
  width: 100%;
}

#filter .filter_input-complseams_id {
  max-width: 300px;
  width: 100%;
}

[data-select-input] [data-select] {
  padding-right: 35px;
}

.toggle_buttons {
  padding: 30px 0;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 12px;
       column-gap: 12px;
  row-gap: 12px;
}

.toggle_button {
  cursor: pointer;
  border-radius: 10px;
  padding: 12px;
  border: 1px solid #9496a0;
  color: #9496a0;
  transition: all 0.15s ease-in-out;
}
.toggle_button:hover {
  border: 1px solid #01abe8;
  background: #01abe8;
  color: #fff;
}

.toggle_button.active {
  border: 1px solid #01abe8;
  background: #01abe8;
  color: #fff;
}

.filter_toggle {
  padding-right: 30px;
  cursor: pointer;
  font-size: 18px;
  margin: 20px 0;
  font-weight: 500;
  position: relative;
  z-index: 1;
  display: none;
}
@media (max-width: 1300px) {
  .filter_toggle {
    display: inline-block;
  }
}

.filter_toggle [data-select] {
  position: relative;
  z-index: 2;
  cursor: pointer;
}

.filter_toggle.active {
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  z-index: 2;
}

.filter_toggle.active input {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.filter_toggle.active::before, .filter_toggle.active::after {
  display: block;
}

.filter_toggle.active::before {
  right: 0;
  transform: translateY(-50%) rotate(-45deg);
}

.filter_toggle.active::after {
  right: 6px;
  transform: translateY(-50%) rotate(45deg);
}

.filter_toggle::before, .filter_toggle::after {
  content: "";
  position: absolute;
  top: calc(50% + 2px);
  z-index: 3;
  width: 11px;
  height: 2px;
  background: #01abe8;
  transition: all 0.1s linear;
}

.filter_toggle::before {
  right: 0;
  transform: translateY(-50%) rotate(45deg);
}

.filter_toggle::after {
  right: 6px;
  transform: translateY(-50%) rotate(-45deg);
}

[data-controls-wrapper] {
  position: relative;
}
[data-controls-wrapper] [data-controls-button] {
  cursor: pointer;
}
[data-controls-wrapper].active [data-controls-body] {
  display: block;
}
[data-controls-wrapper].active [data-field-setting-button] {
  right: 1px;
  transform: translateY(-50%) rotate(225deg);
}

[data-controls-body] {
  display: none;
  position: absolute;
  top: 50px;
  left: 20px;
  z-index: 10;
  width: 250px;
  color: #000;
  font-size: 14px;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
}
[data-controls-body][data-controls-body-small] {
  top: 25px;
  left: 20px;
}

[data-control-item] {
  cursor: pointer;
  background: #e0e0e0;
  transition: all 0.2 ease-in-out;
  padding: 10px;
  color: #000;
  display: block;
}
[data-control-item]:hover {
  background: #bfe6f0;
}

[data-field-setting-button] {
  cursor: pointer;
  content: "";
  display: block;
  -webkit-clip-path: polygon(100% 0, 0 100%, 100% 100%);
  clip-path: polygon(100% 0, 0 100%, 100% 100%);
  background: #01abe8;
  width: 12px;
  height: 12px;
  border-left: 1px solid #01abe8;
  border-top: 1px solid #01abe8;
  border-radius: 2px;
  transition: right 0.15s linear;
  position: absolute;
  left: -20px;
  top: 50%;
  transform: translateY(-70%) rotate(45deg);
}

[data-field-setting-items] {
  top: 100%;
  left: 0;
}

.media_list_wrapper {
  padding: 10px 0;
}

.media_list_wrapper-title {
  margin-bottom: 5px;
}

.media_list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 10px;
       column-gap: 10px;
  row-gap: 10px;
}

.media_list_item {
  width: 100px;
  height: 100px;
  border-radius: 10px;
  border: 1px dashed #9a9a9a;
}
.media_list_item img, .media_list_item video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px;
}

.small_checkbox_input {
  padding: 10px 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
       column-gap: 5px;
}
.small_checkbox_input input {
  cursor: pointer;
  margin-right: 0;
  width: 20px;
  height: 20px;
  font-size: 14px !important;
}
.small_checkbox_input input::before {
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
}
.small_checkbox_input label {
  cursor: pointer;
  font-size: 14px;
}

.hidden-line-wrapper {
  padding: 5px 0;
  margin-top: 20px;
}

.hidden-line {
  width: 100%;
  height: 2px;
  background-color: #c3c3c3;
}

.settings_table {
  padding: 16px 0;
  display: flex;
  flex-direction: column;
  gap: 16px;
  border-bottom: 1px solid #9496a0;
}
.settings_table:last-child {
  border: none;
}

.settings_table_title {
  font-size: 24px;
  margin-bottom: 16px;
}

.settings_table_inner {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.settings_table_item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.reglament_input {
  font-size: 16px;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #9496a0;
  cursor: pointer;
  transition: all 0.2s linear;
  word-break: break-all;
}
.reglament_input:hover {
  color: #0b76ef;
  border-color: #0b76ef;
}
.reglament_input:active {
  transform: scale(0.98);
}/*# sourceMappingURL=custom.css.map */