@charset "UTF-8";
@font-face {
  font-family: "Overpass";
  src: url("/templates/default/fonts/Overpass-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Overpass";
  src: url("/templates/default/fonts/Overpass-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: "Niconne";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/niconne/v15/w8gaH2QvRug1_rTfnQKn2W4O.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Niconne";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/niconne/v15/w8gaH2QvRug1_rTfnQyn2Q.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format("woff2");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format("woff2");
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format("woff2");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format("woff2");
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v32/KFOmCnqEu92Fr1Mu4mxK.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --margin-xs: 0.5rem;
  --margin-small: 1rem;
  --margin-medium: 2rem;
  --margin-large: 3rem;
  --margin-xl: 4rem;
  --padding-xs: 0.5rem;
  --padding-small: 1rem;
  --padding-medium: 2rem;
  --padding-large: 3rem;
  --padding-xl: 4rem;
  --gap-xs: 0.5rem;
  --gap-small: 1rem;
  --gap-medium: 2rem;
  --gap-large: 3rem;
  --gap-xl: 4rem;
  --border-radius-xs: 0.5rem;
  --border-radius-small: 1rem;
  --border-radius-medium: 2rem;
  --border-radius-large: 3rem;
  --border-radius-xl: 4rem;
  --margin-containers: 32px;
  --header-size: 76px;
  --main-margin: 100px;
  --left-right-margin: 270px;
  --item-shadow: 0 0 15px rgba(50,50,50, 0.5);
  --btn-shadow: 0 0 5px #212533;
  --row-line-height: 16.5px;
  --selector-size: 12px;
  /*New colors palette*/
  --color-accent: #89A2FA;
  /* Light Theme colors */
  --color-light: #F5F6FA;
  --color-light-grey: #e5e7ea;
  --color-black: #111111;
  --color-dark: #131619;
  --color-dark-80: rgba(19, 22, 25, 0.8);
  --color-dark-40: rgba(19, 22, 25, 0.4);
  --color-grey: #e9ecea;
  --color-dark-brown: #525252;
  --color-light-brown: #F2F1EB;
  --color-green: #438c37;
  /*Light palette*/
  --light-color-base: #F5F6FA;
  --light-color-content: #212533;
  --light-color-neutral: #A1A5B2;
  --light-color-accent: #1946E5;
  --light-color-gradient-dark: linear-gradient(0deg, rgba(33,37,51,1) 0%, rgba(46,53,77,1) 100%);
  --light-color-gradient-dark-hover: linear-gradient(0deg, rgba(36,39,51,1) 0%, rgba(46,52,71,1) 100%);
  --light-color-error: #B24747;
  --light-color-success: #56B247;
  /*Dark palette*/
  --dark-color-base: #131619;
  --dark-color-primary: #797979;
  --dark-color-neutral: #FFFFFF;
  --dark-color-text-alt: #929a9e;
  --dark-color-accent: #FFFFFF;
  /*Classic palette*/
  --classic-color-base: #E5DE35;
  --classic-color-primary: #2D2C2C;
  --classic-color-neutral: #E0E0E0;
}

body.light-theme {
  --color-error: var(--light-color-error);
  --color-success: var(--light-color-success);
  /*Text*/
  --color-primary-text-color: var(--light-color-content);
  --color-primary-text-alt: #262A33;
  /*Header*/
  --color-header-background: var(--light-color-base);
  /*Disabled*/
  --color-btn-disabled-background: #D2D4D9;
  --color-btn-disabled-text: var(--light-color-neutral);
  --color-btn-disabled-border: var(--light-color-neutral);
  /*Scroll*/
  --color-scrollbar-background: #D2D4D9;
  --color-scrollbar-thumb: var(--light-color-neutral);
  /*Main*/
  --color-border: #c0c0c0;
  --color-background: #F5F6FA;
  --color-background-alt: var(--light-color-gradient-dark);
  --color-project-background: #FAFBFC;
  --color-project-container-shadow: var(--light-color-content);
  --color-text: var(--light-color-content);
  --color-item-list: var(--light-color-neutral);
  --color-active: var(--light-color-content);
  /*Button*/
  --color-btn-border: var(--light-color-content);
  --color-btn-pressed: var(--light-color-content);
  --color-btn-background: var(--light-color-gradient-dark);
  --color-btn-text: #FAFAFC;
  --color-btn-shadow: var(--light-color-content);
  /*Popup*/
  --color-popup-background: var(--light-color-base);
  --color-popup-text: var(--light-color-content);
  /*Dropdown*/
  --color-dropdown-background: var(--light-color-base);
  /*Table*/
  --color-table-icons-fill: var(--light-color-base);
  --color-table-th: var(--light-color-content);
  --color-background-table-tr: #D8DCEB;
  --color-background-table-th: var(--light-color-base);
  --color-table-item: var(--color-dark-brown);
  --color-active-page-btn: #D8DCEB;
  --color-filtering-arrows: var(--light-color-accent);
  /*Selector*/
  --color-selector-background: #FAFBFC;
  --color-selector-list-background: #FAFBFC;
  --color-selector-text: var(--light-color-content);
  --color-selector-scrollbar-thumb: #525252;
  /*Input*/
  --color-input-border: var(--light-color-neutral);
  --color-input-background-hover: #f1efef;
  --color-input-border-focus: #89A2FA;
  /*Theme Switcher*/
  --color-theme-switcher: var(--color-light-grey);
  /*Hover effect*/
  --color-shadow-hover: var(--light-color-content);
  --color-btn-hover-border: #89A2FA;
  --color-btn-background-hover: var(--light-color-gradient-dark-hover);
  --color-dropdown-text-hover: var(--light-color-content);
  --color-background-hover: var(--color-light-grey);
  --color-table-element-hover: #E2E2E2;
  --color-text-hover: #89A2FA;
  --color-item-list-hover: #89A2FA;
}

body.dark-theme {
  --color-error: var(--light-color-error);
  --color-success: var(--light-color-success);
  /*Text*/
  --color-primary-text-color: var(--dark-color-neutral);
  --color-primary-text-alt: var(--dark-color-neutral);
  /*Header*/
  --color-header-background: var(--dark-color-base);
  /*Disabled*/
  --color-btn-disabled-background: var(--dark-color-primary);
  --color-btn-disabled-text: #B8C2CC;
  --color-btn-disabled-border: #B8C2CC;
  /*Scroll*/
  --color-scrollbar-thumb: color-mix(in srgb, var(--dark-color-base) 80%, white);
  --color-scrollbar-background: var(--dark-color-base);
  /*Main*/
  --color-border: #B8C2CC;
  --color-background: #1B1F24;
  --color-background-alt: #0A0D0D;
  --color-project-background: #1B1F24;
  --color-project-container-shadow: var(--dark-color-base);
  --color-text: #EFEFEF;
  --color-item-list: #A1A5B2;
  --color-active: var(--dark-color-accent);
  /*Button*/
  --color-btn-border: #17181A;
  --color-btn-pressed: var(--light-color-content);
  --color-btn-background: #0A0D0D;
  --color-btn-text: #EFEFEF;
  --color-btn-shadow: #0A0D0D;
  /*Popup*/
  --color-popup-background: var(--dark-color-base);
  --color-popup-text: var(--dark-color-accent);
  /*Dropdown*/
  --color-dropdown-background: var(--dark-color-base);
  /*Table*/
  --color-table-icons-fill: var(--light-color-base);
  --color-table-th: #FFFFFF;
  --color-background-table-tr: #1B1F24;
  --color-background-table-th: var(--dark-color-base);
  --color-table-item: #EFEFEF;
  --color-active-page-btn: #0A0D0D;
  --color-filtering-arrows: var(--light-color-accent);
  /*Input*/
  --color-input-background-hover: #f1efef;
  /*Selector*/
  --color-selector-background: #0A0D0D;
  --color-selector-list-background: var(--dark-color-base);
  --color-selector-text: var(--light-color-base);
  --color-selector-scrollbar-thumb: #525252;
  --color-selector-scrollbar-background: #262A33;
  /*Theme Switcher*/
  --color-theme-switcher: #232d38;
  /*Hover effect*/
  --color-shadow-hover: var(--dark-color-base);
  --color-btn-hover-border: #89A2FA;
  --color-dropdown-text-hover: var(--light-color-content);
  --color-btn-background-hover: #0C0D0D;
  --color-background-hover: rgb(49, 49, 49);
  --color-table-element-hover: #4b4e4e;
  --color-text-hover: #89A2FA;
  --color-item-list-hover: #f5f5f5;
}

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  margin: -1px !important;
  border: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  clip-path: inset(100%) !important;
  clip: rect(0 0 0 0) !important;
  overflow: hidden !important;
}

@media (max-width: 767px) {
  .hidden-mobile {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .visible-mobile {
    display: none !important;
  }
}

.scroll-lock {
  overflow: hidden;
}

.none {
  display: none !important;
}

.show {
  display: block !important;
}

[data-toggle=toggle] {
  display: none;
}

.showFlex {
  display: flex !important;
}

.darkbg {
  background: #ddd !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
*::before, *::after {
  box-sizing: inherit;
}

html {
  box-sizing: inherit;
}

body {
  margin: 0 auto;
  background-image: url("/templates/default/assets/images/b6.webp");
  overflow: hidden;
  height: 100%;
  font-size: 1rem;
  color: #444;
}
@media screen and (min-width: 2000px) {
  body {
    background-size: cover;
  }
}

a {
  text-decoration: none;
}

li {
  list-style: none;
}

button {
  border: none;
  outline: none;
  cursor: pointer;
  font-family: inherit;
}

img {
  max-width: 100%;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

::-webkit-scrollbar {
  height: 5px;
  width: 5px;
  background: var(--color-background);
}

::-webkit-scrollbar-corner, ::-webkit-scrollbar-button {
  height: 0;
  width: 0;
  background: var(--color-background);
}

::-webkit-scrollbar-thumb {
  background: var(--color-scrollbar-thumb);
  color: var(--color-primary-text-color);
  border-radius: 8px;
}

[class*=__container] {
  max-width: 100%;
  margin: 0 auto;
}

[class*=-btn]:hover {
  background: var(--color-btn-background-hover);
}

[class*=-btn]:disabled:hover {
  box-shadow: none;
  background: var(--color-btn-disabled-background);
}

#main__wrapper {
  height: 100%;
  width: 100%;
  position: absolute;
}

#scroller {
  height: 100%;
  width: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch;
  margin: auto;
  overflow: hidden;
  overflow-y: auto;
}

#main__container {
  bottom: 0;
  display: flex;
  flex-direction: column;
  left: 0;
  overflow-y: auto;
  position: absolute;
  right: 0;
  top: 0;
}

.content {
  margin: calc(var(--header-size) + 82px) 20px 30px;
  font-family: "Overpass", "sans-serif";
}

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 var(--padding-small);
}

h10 {
  margin: 0.625rem;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
  color: #b393d3;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #957dad, 1px 2px 0 #957dad, 1px 3px 0 #957dad, 1px 4px 0 #957dad, 1px 5px 0 #957dad, 1px 6px 0 #957dad, 1px 10px 5px rgba(16, 16, 16, 0.5), 1px 15px 10px rgba(16, 16, 16, 0.4), 1px 20px 30px rgba(16, 16, 16, 0.3), 1px 25px 50px rgba(16, 16, 16, 0.2);
}

h11 {
  font-size: 1.875rem;
  font-weight: 600;
  font-family: "Niconne", cursive;
  color: #e0d6e9;
  text-shadow: 2px 2px 0 #957dad, 2px 2px 0 #ee4b2b, 4px 4px 0 #00c2cb, 6px 6px 0 #ff7f50, 8px 8px 0 #553c9a;
}

.titleProject {
  font-size: 30px;
  font-weight: 600;
  display: flex;
  justify-content: center;
  margin: var(--margin-small) 0;
  align-items: center;
  gap: var(--gap-small);
}
.titleProject img {
  width: auto;
  height: 40px;
}

.saveBigList {
  position: sticky;
  z-index: 99;
  top: 150px;
  width: 100%;
  text-align: right;
}

.raz {
  border: 1px solid red;
}

.sticky {
  position: sticky;
  top: 0;
  min-height: 2em;
  background: lightpink;
}

.jqInputNew {
  cursor: pointer;
}

.jqClick {
  cursor: pointer;
}

.center {
  margin: 0 auto;
  text-align: center;
}

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

.lntxt {
  overflow: hidden;
}
.lntxt:before, .lntxt .lndot::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  width: 100%;
  height: 2px;
  background: rgb(230, 235, 235);
  border: solid #FFF;
  border-width: 0 0.5em 0;
}
.lntxt:before {
  margin-left: -100%;
}
.lntxt:after {
  margin-right: -100%;
}

.dbClick {
  cursor: pointer;
}

.clicker {
  width: 200px;
  height: 20px;
  color: blue;
  background-color: white;
  font-weight: Bold;
  outline: none;
  cursor: pointer;
}
.clicker:focus + .hiddendiv {
  display: block;
}

.hiddendiv {
  display: none;
  background-color: #ffffe0;
}

.save-button {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  background: transparent;
}
.save-button img {
  filter: invert(27%) sepia(99%) saturate(1618%) hue-rotate(93deg) brightness(105%) contrast(92%);
}
@media (hover: hover) {
  .save-button:hover {
    filter: invert(51%) sepia(99%) saturate(2493%) hue-rotate(86deg) brightness(106%) contrast(96%);
    transform: scale(95%);
    transition: transform 0.1s ease-in;
  }
}
@media (hover: none) {
  .save-button:active {
    filter: invert(51%) sepia(99%) saturate(2493%) hue-rotate(86deg) brightness(106%) contrast(96%);
    transform: scale(95%);
    transition: transform 0.1s ease-in;
  }
}

.array-block {
  display: flex;
  flex-grow: 0;
  gap: var(--gap-small);
  align-items: self-start;
}
.array-block-name {
  align-items: center;
  min-width: 10%;
}

.theme-div {
  display: flex;
  background-color: var(--color-theme-switcher);
  border: 1px solid #404d5a;
  border-radius: 8px;
  color: var(--color-primary-text-color);
}
.theme-div span {
  padding: 8px 16px;
  cursor: pointer;
}
.theme-div span.selected {
  background-color: var(--color-background);
  color: var(--color-primary-text-color);
  font-weight: 600;
  border-radius: 8px;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.26), 0 1px 1px 0 rgba(0, 0, 0, 0.27), 0 3px 6px 0 rgba(0, 0, 0, 0.1), inset 0 -3px 0 0 var(--color-btn-hover-border);
}

.user__profile-popup {
  border-radius: 24px;
  font-family: "Open sans", "sans-serif";
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: none;
  padding: 0;
  box-shadow: 0 0 15px rgba(50, 50, 50, 0.2);
  background-color: var(--color-popup-background);
  color: var(--color-popup-text);
  text-align: center;
}
.user__data {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding-left: 16px;
  gap: 8px;
}

.dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.5);
}
.dialog__wrapper {
  font-family: Overpass, sans-serif;
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 1em;
}
.dialog__wrapper img {
  height: 128px;
  width: 128px;
  border: 1px solid var(--light-color-content);
  padding: 10px;
  border-radius: 24px;
}
.dialog__right {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.dialog__upper {
  display: flex;
}
.dialog__underData {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 8px 0 32px;
}
.dialog__underData > span {
  padding-left: 8px;
}
.dialog__bottom {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  gap: 16px;
}

.openDialog-btn {
  cursor: pointer;
  background: var(--color-header-background);
}
@media (hover: hover) {
  .openDialog-btn:hover {
    color: var(--color-header-background);
    background: var(--color-header-background);
    border: none;
    box-shadow: none;
  }
}
@media (hover: none) {
  .openDialog-btn:active {
    color: var(--color-header-background);
    background: var(--color-header-background);
    border: none;
    box-shadow: none;
  }
}

.change-user__data-btn, .to-user__profile-btn {
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 500;
  height: 64px;
  width: 150px;
  color: var(--color-btn-text);
  background: var(--color-btn-background);
  box-shadow: 0 0 5px var(--color-btn-shadow);
  padding: 9px 15px;
  border-radius: 8px;
  cursor: pointer;
}

.close-popup {
  display: flex;
  justify-content: flex-end;
  background: var(--color-popup-background);
}

.closeDialog-btn:hover {
  border: none;
  box-shadow: none;
  background: var(--color-popup-background);
}

.input-text {
  outline: none;
  width: 100%;
  padding: var(--padding-xs);
  max-width: 400px;
  font-size: 16px;
  border: 1px solid var(--color-input-border);
  border-radius: 8px;
}
.input-text:focus-visible {
  border: 1px solid var(--color-input-border-focus);
  box-shadow: 0 0 0 1px var(--color-input-border-focus);
}
.input-text:focus {
  background-color: var(--color-input-background-hover);
  border: 1px solid var(--color-input-border-focus);
  box-shadow: 0 0 0 1px var(--color-input-border-focus);
}
@media (hover: hover) {
  .input-text:hover {
    background-color: var(--color-input-background-hover);
  }
}
@media (hover: none) {
  .input-text:active {
    background-color: var(--color-input-background-hover);
  }
}

.address-columns-list {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  margin: var(--margin-small) 0;
}
.address-columns-list-item, .address-columns-list-header {
  display: grid;
  justify-content: space-between;
  grid-template-columns: max-content 350px;
  grid-gap: var(--gap-small);
}
.address-columns-list-item_name {
  display: flex;
  align-items: center;
  min-width: 150px;
}
.address-columns-list-item_select-wrapper {
  width: 350px;
}

.addAddress {
  font-family: Overpass, "sans-serif";
  font-size: 16px;
  font-weight: 600;
  padding: var(--padding-small);
}

.addressPick {
  position: relative;
  background: transparent;
  font-family: Overpass, "sans-serif";
  font-size: 16px;
  font-weight: 600;
  padding-left: var(--padding-small);
}
.addressPick.checked {
  color: var(--color-success);
}
.addressPick.checked::after {
  position: absolute;
  top: -3px;
  content: "✓";
  color: var(--color-success);
  padding-left: var(--padding-xs);
}
@media (hover: hover) {
  .addressPick:hover {
    text-decoration: underline;
  }
}
@media (hover: none) {
  .addressPick:active {
    text-decoration: underline;
  }
}

.error-message {
  color: #9a3030;
}

.success-message {
  color: #53b244;
}

.button {
  text-decoration: none;
  background: #666;
  padding: 0.3em 1em;
  border-radius: 0.3em;
  color: #fff;
}
.button2 {
  text-decoration: none;
  background: #dfdfdf;
  padding: 0.5px 5px;
  border-radius: 0.1em;
  color: #ff0000;
}
.buttonSticky {
  background: #00c2cb;
  position: sticky; /* Div будет "прилипать" к экрану */
  z-index: 9999; /* Максимальное значение z-индекса */
  top: 150px; /* Опционально: разместить div в верхней части окна браузера */
  text-align: right;
}
.button-action {
  display: flex;
  cursor: pointer;
  background: transparent;
}
.button--add {
  filter: invert(55%) sepia(27%) saturate(991%) hue-rotate(65deg) brightness(92%) contrast(86%);
  cursor: pointer;
}
.button--add-text {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding-inline: 16px;
  cursor: pointer;
  height: 32px;
  min-width: 220px;
  font-weight: 600;
  color: #dfe3e1;
  background-color: #438f37;
}
@media (hover: hover) {
  .button--add-text:hover {
    color: #e9ecea;
    background-color: #53b244;
  }
}
@media (hover: none) {
  .button--add-text:active {
    color: #e9ecea;
    background-color: #53b244;
  }
}
@media (hover: hover) {
  .button--add:hover {
    filter: invert(60%) sepia(73%) saturate(392%) hue-rotate(64deg) brightness(91%) contrast(85%);
    transform: scale(90%);
    transition: transform 0.3s;
  }
}
@media (hover: none) {
  .button--add:active {
    filter: invert(60%) sepia(73%) saturate(392%) hue-rotate(64deg) brightness(91%) contrast(85%);
    transform: scale(90%);
    transition: transform 0.3s;
  }
}
.button--remove {
  filter: invert(15%) sepia(92%) saturate(2852%) hue-rotate(348deg) brightness(88%) contrast(79%);
  cursor: pointer;
}
@media (hover: hover) {
  .button--remove:hover {
    filter: invert(29%) sepia(96%) saturate(1485%) hue-rotate(341deg) brightness(86%) contrast(80%);
    transform: scale(90%);
    transition: transform 0.3s;
  }
}
@media (hover: none) {
  .button--remove:active {
    filter: invert(29%) sepia(96%) saturate(1485%) hue-rotate(341deg) brightness(86%) contrast(80%);
    transform: scale(90%);
    transition: transform 0.3s;
  }
}
.button-55 {
  align-self: center;
  background-color: #fff;
  background-image: none;
  background-position: 0 90%;
  background-repeat: repeat no-repeat;
  background-size: 4px 3px;
  border-style: solid;
  border-width: 2px;
  box-shadow: rgba(0, 0, 0, 0.2) 15px 28px 25px -18px;
  box-sizing: border-box;
  color: #41403e;
  cursor: pointer;
  display: inline-block;
  font-family: Neucha, sans-serif;
  font-size: 1rem;
  line-height: 3px;
  outline: none;
  padding: 0.75rem;
  margin: 5px;
  text-decoration: none;
  transition: all 235ms ease-in-out;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  border-bottom-left-radius: 15px 255px;
  border-bottom-right-radius: 225px 15px;
  border-top-left-radius: 255px 15px;
  border-top-right-radius: 15px 225px;
}
.button-55.active {
  background-color: #c0ffc0;
}
.button-55:focus {
  box-shadow: rgba(0, 0, 0, 0.3) 2px 8px 4px -6px;
}
.button-55.itemSelect {
  color: #ff0000;
  border-color: rgb(204, 0, 0);
  background: color-mix(in oklab, var(--color-light), black 1%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.button-55.selected {
  color: #0000ff;
  font-weight: bold;
  border-color: rgb(0, 0, 204);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.button-55.selected-r {
  color: #ff0000;
  font-weight: bold;
  border-color: rgb(204, 0, 0);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.button-55:not(.active):hover {
  box-shadow: rgba(0, 0, 0, 0.3) 2px 8px 8px -5px;
  transform: translate3d(0, 2px, 0);
  background-color: #ffffd0;
  cursor: pointer;
}
.buttonScheldule {
  background: #c0ffc0;
  color: #60ff60;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  justify-content: center;
}
.button_google {
  cursor: pointer;
  display: inline-block;
  font-family: "Overpass", sans-serif;
  font-size: 16px;
  text-align: start;
  margin: 3px;
  font-weight: 600;
  text-decoration: none;
  user-select: none;
  padding: 0.6em 1.2em;
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 2px;
  background: var(--color-light);
  transition: all 0.3s ease 0s;
}
.button_google:active {
  border: 1px solid rgb(204, 204, 204);
  background: color-mix(in oklab, var(--color-light), black 1%);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
.button_google:focus-visible {
  border: 1px solid color-mix(in oklab, var(--color-light), black 25%);
  background: color-mix(in oklab, var(--color-light), black 1%);
}
@media (hover: hover) {
  .button_google:hover {
    border: 1px solid rgb(198, 198, 198);
    background: color-mix(in oklab, var(--color-light), black 1%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
}
@media (hover: none) {
  .button_google:active {
    border: 1px solid rgb(198, 198, 198);
    background: color-mix(in oklab, var(--color-light), black 1%);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  }
}
.button--cancel, .button--edit {
  background: none;
  cursor: pointer;
}
.button_gantt {
  width: 200px;
  height: 20px;
  margin: 3px;
  overflow: hidden; /* Скрывает текст, выходящий за пределы span */
  text-overflow: ellipsis; /* Добавляет многоточие в конце обрезанного текста */
  white-space: nowrap;
  font-size: 10px;
  vertical-align: middle;
  text-align: center;
  line-height: 1em;
}

.buttonScheldule {
  background: #c0ffc0;
  color: #60ff60;
  width: 50px;
  height: 50px;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  justify-content: center;
}

.cross-button {
  padding: 0;
  background-color: transparent;
  border: none;
  width: 48px;
  height: 48px;
  aspect-ratio: 1;
  cursor: pointer;
  position: relative;
  border-radius: var(--border-radius-small);
}
@media (hover: hover) {
  .cross-button:hover::after, .cross-button:hover::before {
    background-color: var(--color-accent);
  }
}
@media (hover: none) {
  .cross-button:active::after, .cross-button:active::before {
    background-color: var(--color-accent);
  }
}
.cross-button::before, .cross-button::after {
  content: "";
  position: absolute;
  top: 48%;
  left: 15%;
  width: 70%;
  height: 2px;
  background-color: var(--color-dark);
  border-radius: 25px;
}
.cross-button::before {
  rotate: 45deg;
}
.cross-button::after {
  rotate: -45deg;
}

.table__hero {
  display: flex;
  justify-content: center;
  font-family: "Overpass", sans-serif;
  padding: 0;
  box-sizing: border-box;
}
.table__hero button {
  cursor: pointer;
}
.table__hero button:disabled {
  cursor: default;
}
.table__hero .fillInput {
  cursor: pointer;
  text-align: left;
}
.table__hero select {
  color: var(--color-primary-text-color);
  background-color: var(--color-background);
  padding: 2px;
  margin: 0 10px;
  outline: none;
  border: none;
  cursor: pointer;
}
.table-slim .table__scrollable {
  margin: 0;
}
.table__scrollable {
  position: relative;
  overflow-x: auto;
  margin: 10px 0;
  width: 100%;
  padding-bottom: 8px;
}
.table__scrollable::-webkit-scrollbar {
  width: 4px;
  border-radius: 8px;
  background-color: var(--color-scrollbar-background);
}
.table__scrollable::-webkit-scrollbar-thumb {
  background-color: var(--color-scrollbar-thumb);
  border-radius: 8px;
}
.table__header {
  gap: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.table__bottom {
  margin: 32px;
}
.table__body {
  margin: 32px 0;
}
.table__thead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 34px;
  padding: 0 16px;
  border-radius: 8px 8px 0 0;
  border-top: 1px solid var(--color-border);
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  background-color: var(--color-background-table-th);
}
.table__thead-right, .table__thead-left {
  display: flex;
  gap: 16px;
}
.table__footer {
  width: 100%;
  height: 34px;
  border-radius: 0 0 8px 8px;
  border-bottom: 1px solid var(--color-border);
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  background-color: var(--color-background-table-th);
}
.table__filter {
  border-left: 1px solid var(--color-border);
  border-right: 1px solid var(--color-border);
  font-size: 12px;
  text-align: left;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  table-layout: auto;
  white-space: nowrap;
}
.table__filter .jqInputNew {
  cursor: pointer;
  font-weight: 900;
  text-align: center;
}
.table__filter td {
  border-bottom: 1px solid var(--color-border);
  display: table-cell;
  padding: 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-table-item);
}
.table__filter a {
  text-decoration: none;
  color: var(--color-table-item);
  font-size: 12px;
}
.table__filter th {
  color: var(--color-table-th);
  background-color: var(--color-background-table-th);
  vertical-align: middle;
  position: relative;
  padding: 8px 32px 8px 8px;
  font-size: 14px;
  cursor: pointer;
}
.table__filter th::before, .table__filter th::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 12px;
  border: 4px solid transparent;
  background-position: center, right;
}
.table__filter th::before {
  border-bottom-color: var(--color-filtering-arrows);
  margin-top: -8px;
}
.table__filter th::after {
  border-top-color: var(--color-filtering-arrows);
  margin-top: 1px;
}
.table__filter .sortOff {
  pointer-events: none;
}
.table__filter .sortOff::before, .table__filter .sortOff::after {
  content: none;
}
.table__filter th:not(.no-sorting):hover {
  color: var(--color-text-hover);
}
.table__filter .no-sorting {
  cursor: default;
}
.table__filter .no-sorting::before {
  border-bottom-color: var(--color-btn-disabled-text);
  margin-top: -8px;
}
.table__filter .no-sorting::after {
  border-top-color: var(--color-btn-disabled-text);
  margin-top: 1px;
}
.table__filter .th-sort-asc {
  color: var(--color-text-hover);
  font-weight: 700;
}
.table__filter .th-sort-asc::before {
  border-width: 6px;
  margin-top: -9px;
  right: 10px;
  border-bottom-color: var(--color-filtering-arrows);
}
.table__filter .th-sort-asc::after {
  content: none;
}
.table__filter .th-sort-desc {
  color: var(--color-text-hover);
  font-weight: 700;
}
.table__filter .th-sort-desc::before {
  content: none;
}
.table__filter .th-sort-desc::after {
  border-width: 6px;
  margin-top: -2px;
  right: 10px;
  border-top-color: var(--color-filtering-arrows);
}
.table-action-list {
  display: flex;
}
.table-input {
  display: block;
  width: 100%;
  padding: 8px;
  background-color: transparent;
  border: none;
  font-size: inherit;
  font-family: inherit;
  line-height: inherit;
}
.table-input::placeholder {
  color: #212529;
  opacity: 0.4;
}
.table-input.active {
  background-color: rgb(176, 255, 176);
}
.table-input:focus {
  outline: none;
  box-shadow: inset 0 -2px 0 0 var(--color-text-hover);
}
.table-input:disabled {
  cursor: not-allowed;
  outline: none;
  opacity: 0.7;
  background-color: var(--color-btn-disabled-background);
}
.table-input::placeholder {
  color: var(--color-primary-text-color);
}
.tableTim1 {
  border: solid #000 2px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px #ccc;
  -moz-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
}
.tableTim1 th {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(top, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border-top: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.tableTim1 td, .tableTim1 th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 3px;
  text-align: center;
  position: relative;
}

[class*=change-tr-padding],
.hide-table-columns-btn,
.reset-filter-btn,
.changeElementsQty-btn {
  display: flex;
  align-items: center;
  height: 20px;
  width: 20px;
  padding: 4px;
  border-radius: 4px;
  position: relative;
  background: var(--color-btn-background);
}

.reset-filter-btn:disabled,
[class*=change-tr-padding]:disabled,
.hide-table-columns-btn:disabled,
.changeElementsQty-btn:disabled {
  color: var(--color-btn-disabled-text);
  background: var(--color-btn-disabled-background);
  fill: var(--color-btn-disabled-text);
}

.reset-filter-btn svg, .changeElementsQty-btn svg {
  fill: var(--color-table-icons-fill);
  height: 20px;
  width: 20px;
}

[class*=change-tr-padding] svg, .hide-table-columns-btn svg {
  height: 20px;
  width: 20px;
}

.hide-table-columns-btn path {
  fill: var(--color-table-icons-fill);
}

:disabled svg, :disabled path {
  fill: var(--color-btn-disabled-text);
}

.changeElementsQty-popup {
  display: none;
  z-index: 999;
  position: absolute;
  top: 25px;
  left: 0;
  padding: 8px 16px;
  border-radius: 8px;
  align-items: center;
  color: var(--color-text);
  background: var(--color-background);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.deleteColumns-popup {
  display: none;
  z-index: 999;
  top: 30px;
  right: -5px;
  padding: 16px 8px;
  border-radius: 8px;
  color: var(--color-text);
  background: var(--color-background);
  position: absolute;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.deleteColumns-popup:after {
  position: absolute;
  right: 5px;
  top: -9px;
  width: 0;
  height: 0;
  content: "";
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid var(--color-background);
}
.deleteColumns-popup span {
  padding: 0 8px;
}

.creatingRow {
  line-height: var(--row-line-height);
  background-color: var(--color-background-table-th);
}
.table__filer .creatingRow td {
  padding: 0;
  border: none;
}

.dataRow {
  line-height: var(--row-line-height);
  background-color: var(--color-background-table-tr);
}
@media (hover: hover) {
  .dataRow:hover {
    background-color: var(--color-table-element-hover);
  }
}
@media (hover: none) {
  .dataRow:active {
    background-color: var(--color-table-element-hover);
  }
}

.filterRow {
  box-shadow: 0 16px 50px rgba(50, 50, 50, 0.05);
  position: relative;
  background-color: var(--color-background-table-th);
}
.filterRow:has(+ .creatingRow) {
  box-shadow: none;
}
.table__filter .filterRow td {
  border: none;
  padding: 0;
}

.addTr {
  font-weight: bold;
  cursor: pointer;
}

.totalTr {
  background-color: var(--color-background-table-th);
  color: var(--color-primary-text-color);
  font-weight: bold;
}
.totalTr td {
  border: none;
}

.statusData {
  display: flex;
  justify-content: center;
  padding: 4px 8px;
  border-radius: 24px;
  box-shadow: 0 0 10px rgba(50, 50, 50, 0.3);
  color: var(--color-black);
}

.found-indicator {
  color: var(--color-table-th);
  font-size: 14px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.found-indicator span {
  height: 16px;
}

.pagination {
  justify-content: center;
  align-items: center;
}

.page-buttons-list {
  display: flex;
  gap: 8px;
  margin: 0 auto;
  flex-shrink: 0;
}

.page-btn {
  background-color: #f1f1f1;
  border: 1px solid #ccc;
  color: #333;
  padding: 10px 15px;
  margin: 0 5px;
  cursor: pointer;
  border-radius: 5px;
  transition: background-color 0.3s, color 0.3s;
}
@media (hover: hover) {
  .page-btn:hover {
    background-color: #ddd;
  }
}
@media (hover: none) {
  .page-btn:active {
    background-color: #ddd;
  }
}
.page-btn:disabled {
  background-color: #e9ecef;
  color: #aaa;
  cursor: not-allowed;
}
.page-btn:hover:not(:disabled, .active) {
  color: var(--color-primary-text-color);
  font-weight: 600;
  background: var(--color-active-page-btn);
  box-shadow: none;
}
.page-btn:disabled:hover {
  background: none;
}
.page-btn.active {
  background-color: #007bff;
  color: white;
  border: 1px solid #007bff;
}
.page-btn.active:hover {
  background: none;
  background-color: #007bff;
  color: white;
}

#total-Qty, #total-found-Qty {
  padding: 0 4px;
  font-weight: 700;
}

select, #elementsQty option:checked {
  font-weight: 700;
}

.elements-found {
  display: flex;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: var(--color-background);
  opacity: 1;
  overflow: hidden;
  z-index: 99;
  box-shadow: var(--item-shadow);
}
.dropdown-content span {
  color: var(--color-primary-text-color);
  font-size: 14px;
  padding: 4px 8px;
  text-decoration: none;
  display: block;
}
@media (hover: hover) {
  .dropdown-content label:hover {
    background-color: var(--color-btn-background-hover);
    border-left: 3px solid var(--color-btn-hover-border);
  }
  .dropdown-content label:hover span {
    color: var(--color-text-hover);
  }
}
@media (hover: none) {
  .dropdown-content label:active {
    background-color: var(--color-btn-background-hover);
    border-left: 3px solid var(--color-btn-hover-border);
  }
  .dropdown-content label:active span {
    color: var(--color-text-hover);
  }
}

.label-checkbox, .label-checkbox-upd, .disable__column-checkbox {
  display: flex;
  justify-content: left;
  cursor: pointer;
  padding: 4px 8px;
}

.filterRow__label {
  display: block;
}

.address-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
.address-list_wrapper {
  position: absolute;
  padding: var(--padding-small) var(--padding-xs);
  background-color: var(--color-background);
}

.advanced-settings__div {
  position: relative;
}
.advanced-settings-btn {
  display: block;
  padding: 8px 16px;
  color: var(--color-btn-text);
  background: var(--color-btn-background);
  font-family: Overpass, "sans-serif";
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  border: 0;
  border-radius: 8px;
}

.adv-menu-popup {
  display: none;
}
.adv-menu-popup__inner {
  width: 170px;
  transform: translateX(9px);
  z-index: 999;
  position: absolute;
  display: block;
  background-color: var(--color-background);
  color: var(--color-primary-text-color);
}
.adv-menu-popup__inner span {
  padding: 0 8px;
}

.tooltip {
  position: fixed;
  background: #444;
  color: #fff;
  text-align: center;
  padding: 10px 20px;
  margin: 20px;
  border-radius: 8px;
}

.accordion {
  width: 100%;
  cursor: pointer;
}
.accordion__content {
  display: none;
  opacity: 0;
  width: 100%;
}
.accordion__content.open {
  opacity: 1;
  display: table-row;
  animation: fadeInFromNone 0.5s ease-in-out;
}

@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: table-row;
    opacity: 0;
  }
  100% {
    display: table-row;
    opacity: 1;
  }
}
@media screen and (max-width: 1100px) {
  .table__header {
    flex-wrap: wrap;
    justify-content: space-evenly;
  }
}
@media screen and (max-width: 500px) {
  .table__filter th {
    font-size: 16px;
  }
  td {
    font-size: 16px;
  }
  .page-btn {
    padding: 4px 8px;
    margin: 2px;
  }
}
.tr_serviceInstall1 {
  background-color: #e8eCeB;
  color: #c0c0c0;
}
@media (hover: hover) {
  .tr_serviceInstall1:hover {
    background-color: var(--color-table-element-hover);
  }
}
@media (hover: none) {
  .tr_serviceInstall1:active {
    background-color: var(--color-table-element-hover);
  }
}

.tr_activationStatus0 {
  background-color: #ffe0e0;
  color: #c0c0c0;
}
@media (hover: hover) {
  .tr_activationStatus0:hover {
    background-color: var(--color-table-element-hover);
  }
}
@media (hover: none) {
  .tr_activationStatus0:active {
    background-color: var(--color-table-element-hover);
  }
}

.tr_activationStatus2 {
  background-color: #e0ffe0;
}
@media (hover: hover) {
  .tr_activationStatus2:hover {
    background-color: var(--color-table-element-hover);
  }
}
@media (hover: none) {
  .tr_activationStatus2:active {
    background-color: var(--color-table-element-hover);
  }
}

.selector__hero {
  font-family: "Overpass", sans-serif;
  cursor: pointer;
  width: inherit;
}
.selector__hero.disabled {
  cursor: default;
}
.selector-slim .select-box {
  margin: 0;
}
.selector-slim .selected-item {
  border: 1px solid var(--color-dark-80);
  border-radius: 0;
  box-shadow: none;
}
.selector-slim .selector-caption {
  padding: var(--selector-size);
}
.selector__options {
  background: var(--color-selector-list-background);
  color: var(--color-selector-text);
  box-shadow: var(--btn-shadow);
  max-height: 0;
  width: inherit;
  opacity: 0;
  transition: all 0.4s;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}
.selector__options.active {
  max-height: 240px;
  opacity: 1;
  overflow-y: scroll;
  margin-top: 58px;
}
.selector__options.active + .selected-item .svg-selected {
  transform: rotateX(180deg);
  top: -1px;
}
.selector__options::-webkit-scrollbar {
  width: 8px;
  background: var(--color-selector-scrollbar-background);
  border-radius: 0 8px 8px 0;
}
.selector__options::-webkit-scrollbar-thumb {
  background: var(--color-selector-scrollbar-thumb);
  border-radius: 0 8px 8px 0;
}
.selector__wrapper {
  width: inherit;
}
.selector-caption {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 12px;
  white-space: nowrap;
  width: calc(100% - 32px);
}
.selector-caption-alt {
  white-space: normal;
  line-break: anywhere;
}
.selector-input {
  color: var(--color-selector-text);
  background: var(--color-selector-list-background);
  border: 8px solid var(--color-selector-list-background);
  box-shadow: var(--item-shadow);
  stroke: var(--color-primary-text-color);
  width: inherit;
  height: 64px;
  padding-left: 16px;
  font-family: inherit;
  font-size: 16px;
  position: absolute;
  border-radius: 8px 8px 0 0;
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
}
.selector-input::placeholder {
  color: var(--color-selector-text);
}
.selector-input:focus {
  outline: none;
}
.selector-input.active {
  font-family: inherit;
  opacity: 1;
  pointer-events: auto;
}
.selector-data {
  display: flex;
  align-items: center;
  gap: 8px;
}
.selector-icon {
  width: 32px;
  height: 32px;
  margin-right: 12px;
}
.selector-popup__wrapper {
  position: absolute;
  width: inherit;
  min-width: 200px;
  margin-top: 16px;
  z-index: 9200;
}
.selector-error {
  color: var(--color-error);
  font-size: 16px;
  border: 1px solid var(--color-black);
  padding: 2px;
  margin-bottom: 5px;
  order: 3;
}

.select-box {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: inherit;
}
.select-box .option {
  padding: 12px 24px;
  cursor: pointer;
}
.select-box .option .radio {
  display: none;
}
.select-box label {
  cursor: pointer;
}

.selected-item {
  display: block;
  box-shadow: 0 0 5px #0c0c0d;
  background: var(--color-selector-background);
  border-radius: 8px;
  color: var(--color-selector-text);
  position: relative;
}
.table-select .selected-item {
  margin: 0;
  box-shadow: none;
  border-radius: 0;
}

.svg-selected {
  position: absolute;
  height: 100%;
  width: 32px;
  right: 10px;
  top: -1px;
  transition: all 0.4s;
}
.svg-selected path {
  stroke: var(--color-selector-text);
}

.search-box {
  width: 100%;
}
.search-box label {
  display: block;
  width: inherit;
}

.multi-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border: 1px solid var(--color-border);
  border-radius: 4px;
}

.check-icon {
  display: none;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.check-icon path {
  stroke-width: 3;
  stroke: var(--color-selector-text);
}

[aria-checked=true] .check-icon {
  display: flex;
}

.option:focus {
  color: var(--color-text-hover);
  border-top: 1px solid var(--color-item-list);
  border-bottom: 1px solid var(--color-item-list);
}
.option:focus, .option[selected=true], .option:hover {
  color: var(--color-item-list-hover);
  border-top: 1px solid var(--color-item-list);
  border-bottom: 1px solid var(--color-item-list);
}
.option:first-child:hover {
  border-top: none;
}
.option:last-child:hover {
  border-bottom: none;
}
.option label[for] {
  display: flex;
  align-items: center;
}

.jqHide {
  display: none;
  visibility: hidden;
  pointer-events: none;
  order: 2;
}

@media screen and (max-width: 1100px) {
  .select-box {
    width: 40vw;
  }
  .selector-caption {
    line-height: 32px;
    font-size: 14px;
  }
  .option {
    line-height: 32px;
    font-size: 16px;
  }
}
@media screen and (max-width: 960px) {
  .select-box {
    width: 60vw;
  }
}
@media screen and (max-width: 600px) {
  .select-box {
    width: 60vw;
  }
}
@media screen and (max-width: 450px) {
  .select-box {
    width: 70vw;
  }
}
.search__button {
  height: 32px;
  background: none;
  aspect-ratio: 1;
}
.search__button:hover img {
  filter: invert(28%) sepia(0%) saturate(4417%) hue-rotate(332deg) brightness(101%) contrast(88%);
}
.search__button img {
  filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.3));
}

.carousel_container {
  max-width: 320px;
  max-height: 240px;
  position: relative;
  margin: auto;
  overflow: hidden;
}
.carousel_title {
  margin: 2px;
  font-size: 16px;
  font-weight: bold;
  color: DarkBlue;
}
.carousel_prev, .carousel_next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  background-color: rgb(0, 0, 0);
  opacity: 0.2;
}
@media (hover: hover) {
  .carousel_prev:hover, .carousel_next:hover {
    background-color: rgb(0, 0, 0);
    opacity: 1;
  }
}
@media (hover: none) {
  .carousel_prev:active, .carousel_next:active {
    background-color: rgb(0, 0, 0);
    opacity: 1;
  }
}
.carousel_next {
  right: 0;
  border-radius: 3px 0 0 3px;
}
.carousel_prev {
  left: 0;
  border-radius: 3px 0 0 3px;
}
.carousel_numbertext {
  color: #ffff00;
  font-weight: bold;
  font-size: 14px;
  padding: 8px 12px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  top: 0;
}
.carousel_text {
  color: #ffff00;
  font-weight: bold;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
}
.carousel_dot {
  cursor: pointer;
  height: 14px;
  width: 14px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
@media (hover: hover) {
  .carousel_dot:hover {
    background-color: #606060;
  }
}
@media (hover: none) {
  .carousel_dot:active {
    background-color: #606060;
  }
}
.carousel_dot.style1 {
  height: 11px;
  width: 11px;
}
.carousel_dot.style2 {
  height: 8px;
  width: 8px;
}
.carousel_active {
  background-color: #151515;
}
.carousel_fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 5.5s;
  animation-name: fade;
  animation-duration: 5.5s;
}

@-webkit-keyframes carousel_fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
@keyframes carousel_fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
.b-carousel {
  height: 240px;
  width: 320px;
  overflow: hidden;
  position: relative;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 1px solid;
}
.b-carousel__prev, .b-carousel__next {
  position: absolute;
  top: 50%;
  left: 10px;
  width: 40px;
  height: 40px;
  transform: translateY(-50%) translateZ(0);
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0.7;
  z-index: 3;
}
.b-carousel__next {
  left: auto;
  right: 20px;
}
.b-carousel__wrap {
  height: 240px;
  width: 320px;
  display: flex;
  transition: transform 0.5s;
  will-change: transform;
  position: relative;
  z-index: 1;
}
.b-carousel__item {
  flex: 0 0 100%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-carousel__img {
  height: 240px;
  width: 320px;
  display: block;
}

/* Каждый слайд должен быть flex-контейнером для центрирования содержимого */
.mySlides {
  align-items: center;
  justify-content: center;
}

/* Центрируем изображения внутри ссылок */
.mySlides a {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto; /* Дополнительное центрирование */
}

/* Убедимся, что картинки не выходят за границы */
.mySlides img {
  max-width: 100%;
  height: auto;
  margin: 0 auto; /* Центрирование по горизонтали */
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control[readonly] {
  background-color: #d3d2d2;
}

label[required]:after {
  color: red;
  content: " *";
  font-weight: bold;
}

.form-group {
  margin-bottom: 15px;
}

.form-horizontal .mlkm-form-title {
  padding-bottom: var(--padding-small);
}

.statistics {
  display: flex;
  gap: var(--gap-small);
}
.statistics__content {
  background-color: var(--color-background);
  border-radius: 0.5rem;
  padding: var(--padding-medium);
  width: 100%;
}
.statistics__content-header {
  font-size: clamp(28px, 1.875vw, 36px);
  font-weight: 700;
  color: var(--color-text);
  margin-bottom: var(--margin-medium);
}
.statistics__content-block {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
}
.statistics__content-item {
  display: flex;
  gap: var(--gap-small);
  padding: var(--padding-small);
  margin-bottom: var(--margin-xs);
  border: 1px solid var(--color-dark);
}
.statistics__content-list_caption {
  margin-bottom: var(--margin-xs);
}
.statistics__projects {
  display: flex;
  flex-direction: column;
}
.statistics__projects h2 {
  font-size: clamp(24px, 1.6666666667vw, 32px);
}
.statistics__projects-graphics {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
}
.statistics__projects-graphics .statistics__graphics {
  width: 600px;
}
.statistics__general-charts {
  display: flex;
  gap: var(--gap-medium);
  margin-bottom: var(--margin-medium);
}
.statistics__graphics {
  margin: var(--margin-medium);
  width: 100%;
  flex: 1;
}
.statistics__aside {
  height: 100vh;
  min-width: 300px;
  background-color: var(--color-background);
  border-radius: 0.5rem;
}
.statistics__aside-item {
  padding: var(--padding-small);
}
.statistics__aside-button {
  color: var(--color-dark);
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  background-color: transparent;
}
.statistics__aside-button span {
  width: 100%;
  font-family: Overpass, "sans-serif";
  font-weight: 600;
  font-size: 16px;
}
@media (hover: hover) {
  .statistics__aside-button:hover {
    color: var(--color-text-hover);
  }
  .statistics__aside-button:hover img {
    filter: invert(60%) sepia(32%) saturate(719%) hue-rotate(191deg) brightness(102%) contrast(96%);
  }
}
@media (hover: none) {
  .statistics__aside-button:active {
    color: var(--color-text-hover);
  }
  .statistics__aside-button:active img {
    filter: invert(60%) sepia(32%) saturate(719%) hue-rotate(191deg) brightness(102%) contrast(96%);
  }
}

.statistics__reload-button {
  padding: 0;
  background-color: transparent;
  border: none;
  background: var(--color-dark);
  color: white;
  border: 1px solid var(--color-dark);
  border-radius: 4px;
  padding: 8px 16px;
  margin-top: var(--margin-medium);
  font-family: Overpass, "sans-serif";
  font-weight: 500;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.15s ease;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .statistics__reload-button {
    width: 100%;
    padding: 12px 16px;
    font-size: 16px;
  }
}
.statistics__reload-button:hover {
  background: #2a2a2a;
  border-color: #2a2a2a;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.statistics__reload-button:active {
  background: #1a1a1a;
  transform: translateY(1px);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.statistics__title {
  margin-bottom: var(--margin-medium);
}

.statistics__selector-container {
  width: 500px;
}

.statistics__server-status {
  margin-top: var(--margin-large);
  background: linear-gradient(135deg, var(--color-background) 0%, var(--color-background-alt) 100%);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.statistics__server-status .statistics__server-header {
  background: linear-gradient(135deg, var(--color-accent) 0%, #6b73ff 100%);
  color: white;
  padding: var(--padding-medium);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-small);
}
.statistics__server-status .statistics__server-header .statistics__title {
  font-size: clamp(24px, 1.6666666667vw, 32px);
  margin: 0;
  display: flex;
  align-items: center;
  gap: var(--gap-small);
  font-weight: 700;
}
.statistics__server-status .statistics__server-header .statistics__server-icon {
  width: 32px;
  height: 32px;
  stroke: currentColor;
  flex-shrink: 0;
}
.statistics__server-status .statistics__server-header .statistics__server-last-check {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  background: rgba(255, 255, 255, 0.2);
  padding: var(--padding-xs) var(--padding-small);
  border-radius: 20px;
  font-size: 14px;
  backdrop-filter: blur(10px);
}
.statistics__server-status .statistics__server-header .statistics__server-last-check .statistics__time-icon {
  width: 16px;
  height: 16px;
  stroke: currentColor;
  flex-shrink: 0;
}
.statistics__server-status .statistics__server-content {
  padding: var(--padding-medium);
}
.statistics__server-status .statistics__section-title {
  font-size: clamp(18px, 1.25vw, 24px);
  margin-bottom: var(--margin-medium);
  color: var(--color-text);
  display: flex;
  align-items: center;
  gap: var(--gap-small);
  font-weight: 600;
}
.statistics__server-status .statistics__section-title .statistics__section-icon {
  width: 24px;
  height: 24px;
  fill: var(--color-accent);
  stroke: var(--color-accent);
  flex-shrink: 0;
}
.statistics__server-status .statistics__section-title .statistics__section-icon[id=Capa_1] {
  fill: var(--color-accent);
  stroke: none;
}
.statistics__server-status .statistics__section-title .statistics__section-icon[id=Capa_1] path,
.statistics__server-status .statistics__section-title .statistics__section-icon[id=Capa_1] ellipse,
.statistics__server-status .statistics__section-title .statistics__section-icon[id=Capa_1] g {
  fill: var(--color-accent);
  stroke: none;
}

.statistics__server-info {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
}

.statistics__server-last-check {
  padding: var(--padding-small);
  background-color: var(--color-background-alt);
  border-radius: var(--border-radius-xs);
  color: var(--color-text);
  font-size: 14px;
}

.statistics__server-services {
  margin-bottom: var(--margin-large);
}
.statistics__server-services .statistics__services-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: var(--gap-medium);
}
.statistics__server-services .statistics__service-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-medium);
  background: linear-gradient(135deg, var(--color-background) 0%, var(--color-background-alt) 100%);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.statistics__server-services .statistics__service-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.statistics__server-services .statistics__service-info {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
}
.statistics__server-services .statistics__service-icon {
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.statistics__server-services .statistics__service-icon svg {
  width: 100%;
  height: 100%;
}
.statistics__server-services .statistics__service-name {
  font-weight: 600;
  color: var(--color-text);
  font-size: 16px;
}
.statistics__server-services .statistics__service-status {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.statistics__server-services .statistics__service-status .statistics__status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
}
.statistics__server-services .statistics__service-status--active {
  background-color: var(--color-success);
  color: white;
}
.statistics__server-services .statistics__service-status--inactive {
  background-color: var(--color-error);
  color: white;
}

.statistics__server-disks {
  margin-bottom: var(--margin-large);
}
.statistics__server-disks .statistics__disks-container {
  background: linear-gradient(135deg, var(--color-background) 0%, var(--color-background-alt) 100%);
  border-radius: 12px;
  padding: var(--padding-medium);
  border: 1px solid var(--color-border);
}
.statistics__server-disks .statistics__disks-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: var(--gap-large);
}
.statistics__server-disks .statistics__disk-item {
  background: white;
  border-radius: 16px;
  padding: var(--padding-medium);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  border: 1px solid var(--color-border);
  transition: all 0.3s ease;
}
.statistics__server-disks .statistics__disk-item:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
}
.statistics__server-disks .statistics__disk-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: var(--margin-medium);
  padding-bottom: var(--padding-small);
  border-bottom: 2px solid var(--color-light-grey);
}
.statistics__server-disks .statistics__disk-header .statistics__disk-name {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
}
.statistics__server-disks .statistics__disk-header .statistics__disk-name .statistics__disk-icon {
  width: 20px;
  height: 20px;
  stroke: var(--color-accent);
  flex-shrink: 0;
}
.statistics__server-disks .statistics__disk-header .statistics__disk-name strong {
  color: var(--color-text);
  font-size: 18px;
  font-weight: 700;
  font-family: "Overpass", "sans-serif";
}
.statistics__server-disks .statistics__disk-header .statistics__disk-mount {
  color: var(--color-item-list);
  font-size: 12px;
  font-family: "Courier New", monospace;
  background: var(--color-light-grey);
  padding: var(--padding-xs);
  border-radius: var(--border-radius-xs);
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  cursor: help;
  position: relative;
  transition: all 0.2s ease;
}
.statistics__server-disks .statistics__disk-header .statistics__disk-mount:hover {
  background: var(--color-background-hover);
  transform: translateY(-1px);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.statistics__server-disks .statistics__disk-chart {
  display: flex;
  justify-content: center;
  margin: var(--margin-medium) 0;
  height: 200px;
  width: 200px;
  margin-left: auto;
  margin-right: auto;
}
.statistics__server-disks .statistics__disk-chart canvas {
  width: 200px !important;
  height: 200px !important;
  max-width: 200px;
  max-height: 200px;
}
.statistics__server-disks .statistics__disk-info .statistics__disk-details {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-small);
  font-size: 14px;
  font-family: "Overpass", "sans-serif";
}
.statistics__server-disks .statistics__disk-info .statistics__disk-detail {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--padding-xs) var(--padding-small);
  background: var(--color-light-grey);
  border-radius: var(--border-radius-xs);
  font-family: "Overpass", "sans-serif";
  height: 40px;
  box-sizing: border-box;
}
.statistics__server-disks .statistics__disk-info .statistics__disk-detail .statistics__disk-label {
  color: var(--color-item-list);
  font-weight: 500;
  font-size: 14px;
  font-family: "Overpass", "sans-serif";
  line-height: 1.2;
}
.statistics__server-disks .statistics__disk-info .statistics__disk-detail .statistics__disk-value {
  color: var(--color-text);
  font-weight: 600;
  font-size: 14px;
  font-family: "Overpass", "sans-serif";
  line-height: 1.2;
}
.statistics__server-disks .statistics__disk-info .statistics__disk-detail .statistics__disk-value--free {
  color: var(--color-success);
}
.statistics__server-disks .statistics__disk-info .statistics__disk-percent-value {
  padding-left: var(--padding-small);
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  font-family: "Overpass", "sans-serif";
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.statistics__server-disks .statistics__disk-info .statistics__disk-percent-value--low {
  background-color: rgba(86, 178, 71, 0.15);
  color: var(--color-success);
  border: 1px solid rgba(86, 178, 71, 0.3);
}
.statistics__server-disks .statistics__disk-info .statistics__disk-percent-value--medium {
  background-color: rgba(255, 193, 7, 0.15);
  color: #ffc107;
  border: 1px solid rgba(255, 193, 7, 0.3);
}
.statistics__server-disks .statistics__disk-info .statistics__disk-percent-value--high {
  background-color: rgba(178, 71, 71, 0.15);
  color: var(--color-error);
  border: 1px solid rgba(178, 71, 71, 0.3);
}

.statistics__server-update {
  background: linear-gradient(135deg, var(--color-background) 0%, var(--color-background-alt) 100%);
  border: 1px solid var(--color-border);
  border-radius: 12px;
  padding: var(--padding-medium);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  margin-bottom: var(--margin-large);
}
.statistics__server-update .statistics__update-content {
  display: flex;
  align-items: center;
  gap: var(--gap-medium);
}
.statistics__server-update .statistics__update-content .statistics__update-icon {
  width: 32px;
  height: 32px;
  stroke: var(--color-accent);
  flex-shrink: 0;
}
.statistics__server-update .statistics__update-content .statistics__update-info {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
  flex: 1;
}
.statistics__server-update .statistics__update-content .statistics__update-info .statistics__update-label {
  color: var(--color-text);
  font-size: 16px;
  font-weight: 600;
}
.statistics__server-update .statistics__update-content .statistics__update-info .statistics__update-status {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  padding: 8px 16px;
  border-radius: 20px;
  font-weight: 600;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.statistics__server-update .statistics__update-content .statistics__update-info .statistics__update-status .statistics__status-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: currentColor;
}
.statistics__server-update .statistics__update-content .statistics__update-info .statistics__update-status--ok {
  background-color: var(--color-success);
  color: white;
}
.statistics__server-update .statistics__update-content .statistics__update-info .statistics__update-status--error {
  background-color: var(--color-error);
  color: white;
}

@media (max-width: 767px) {
  .statistics__server-status .statistics__server-header {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-medium);
  }
  .statistics__server-status .statistics__server-header .statistics__server-last-check {
    align-self: stretch;
    justify-content: center;
  }
  .statistics__server-services .statistics__services-grid {
    grid-template-columns: 1fr;
  }
  .statistics__server-services .statistics__service-item {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-small);
  }
  .statistics__server-disks .statistics__disks-grid {
    grid-template-columns: 1fr;
  }
  .statistics__server-disks .statistics__disk-info .statistics__disk-details {
    grid-template-columns: 1fr;
  }
  .statistics__server-update .statistics__update-content {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--gap-small);
  }
  .statistics__server-update .statistics__update-content .statistics__update-info {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
}
.error-file {
  border: 1px solid var(--color-border);
  border-radius: var(--border-radius-medium);
  padding: var(--padding-medium);
  margin: var(--margin-medium) 0;
}
.error-file.solved {
  color: var(--color-dark);
  border: 1px solid var(--color-success);
  background-color: #e1eaca;
}
.error-filtering {
  display: flex;
  align-items: start;
  gap: var(--gap-medium);
  background-color: #ebebeb;
  border-radius: var(--border-radius-medium);
  padding: var(--padding-large);
  margin-bottom: var(--margin-medium);
}
.error-filtering__date {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.error-filtering__date label {
  font-size: clamp(16px, 0.9375vw, 18px);
  font-weight: 500;
}
.error-filtering__status {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  width: 250px;
}
.error-filtering__caption {
  font-size: clamp(16px, 1.0416666667vw, 20px);
  font-weight: 600;
}
.error-types {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  width: 280px;
}
.error-types-to-send {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
.error-types-to-send > div {
  display: flex;
  gap: var(--gap-xs);
}
.error-types-to-send label {
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-style: italic;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
}
.error-types-to-send input {
  width: 20px;
  aspect-ratio: 1;
}
.error-content {
  display: flex;
  flex-direction: column;
  margin-bottom: var(--margin-small);
}
.error-content__text {
  margin-top: var(--margin-small);
  padding: var(--padding-small);
  border: 1px dashed var(--color-dark);
  background-color: antiquewhite;
}
.error-content__text-button {
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-weight: 500;
  width: 256px;
  border: 1px solid #52ab44;
  border-radius: 4px;
  padding: 0.4rem;
  background-color: #56B247;
  color: var(--color-dark);
}
@media (hover: hover) {
  .error-content__text-button:hover {
    color: color-mix(in oklab, var(--color-dark), black 30%);
    background-color: #65bc57;
    transition: 0.2s ease-in-out;
  }
}
@media (hover: none) {
  .error-content__text-button:active {
    color: color-mix(in oklab, var(--color-dark), black 30%);
    background-color: #65bc57;
    transition: 0.2s ease-in-out;
  }
}
.error-content__information {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-small);
  padding-bottom: var(--padding-medium);
  border-bottom: 1px solid;
}
.error-content__information-button {
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-weight: 500;
  padding: 0.4rem;
  border-radius: 4px;
  padding-inline: 24px;
  border: 1px solid var(--color-border);
  background-color: #6e8ae1;
  color: var(--color-dark);
}
@media (hover: hover) {
  .error-content__information-button:hover {
    color: var(--color-dark);
    background-color: #5979dd;
    transition: 0.2s ease-in;
  }
}
@media (hover: none) {
  .error-content__information-button:active {
    color: var(--color-dark);
    background-color: #5979dd;
    transition: 0.2s ease-in;
  }
}
.error-content__information-button.remove {
  background-color: #B24747;
}
@media (hover: hover) {
  .error-content__information-button.remove:hover {
    background-color: #bc5757;
  }
}
@media (hover: none) {
  .error-content__information-button.remove:active {
    background-color: #bc5757;
  }
}
.error-content__information-select {
  font-size: clamp(14px, 0.8333333333vw, 16px);
  padding: 0.4rem;
  border-radius: 4px;
  border: 1px solid var(--color-border);
  color: var(--color-dark);
}
.error-content__information-select:focus, .error-content__information-select:focus-visible {
  outline: 1px solid var(--color-accent);
  border: 1px solid var(--color-accent);
}
.error-content__information-item span {
  font-weight: 600;
}
.error-content__information-status {
  display: flex;
  align-items: center;
  gap: var(--gap-medium);
  margin-top: var(--margin-xs);
}
.error-content__information-status_item {
  font-weight: 600;
  font-style: italic;
  color: color-mix(in oklab, currentColor, black 45%);
}
.error-content__information-status.solved-error {
  margin-top: var(--margin-medium);
}
.error-content__information-status[data-errortype="1"] {
  color: var(--color-error);
}
.error-content__information-status[data-errortype="2"] {
  color: #a69429;
}
.error-content__information-status[data-errortype="3"] {
  color: var(--color-success);
}

.filtering {
  display: flex;
  align-items: center;
  gap: var(--gap-medium);
}
.filtering__date {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.filtering__status {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  width: 250px;
}
.filtering__selector {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
.filtering__selector .selector__hero {
  width: 300px;
}

.style-black {
  background-color: #e0ffe0 !important;
  color: #00D000 !important;
  font-weight: bold !important;
}

.style-rb {
  background-color: #ffe0e0 !important;
  color: #D00000 !important;
  font-weight: bold !important;
}

.style-bb {
  background-color: #e0e0ff !important;
  color: #0000D0 !important;
  font-weight: bold !important;
}

.style-yb {
  background-color: #ffffe0 !important;
  color: #dfdf00 !important;
  font-weight: bold !important;
}

.tabs {
  font-size: 0;
}
.tabs > input[type=radio] {
  display: none;
}
.tabs > div {
  display: none;
  border: 1px solid #e0e0e0;
  padding: 10px 15px;
  font-size: 16px;
}
.tabs > label {
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: #f5f5f5;
  border: 1px solid #e0e0e0;
  padding: 2px 8px;
  font-size: 16px;
  line-height: 1.5;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
  cursor: pointer;
  position: relative;
  top: 1px;
}
.tabs > label:not(:first-of-type) {
  border-left: none;
}
.tabs > input[type=radio]:checked + label {
  background-color: #fff;
  border-bottom: 1px solid #fff;
  color: Red;
  font-weight: Bold;
}
.tabs-new {
  margin-bottom: 10rem;
}
.tabs-new .tab-button-label:first-of-type {
  border-left: 1px solid var(--color-border);
}
.tabs-new .tab-button-label:last-of-type {
  border-right: 1px solid var(--color-border);
}
.tabs-new .tab-button-label.active {
  font-weight: 800;
  height: 48px;
  top: 1px;
  border-bottom: none;
  border-color: var(--color-dark);
}
.tabs-content {
  display: block;
  border: 1px solid var(--color-dark);
  background-color: var(--color-background);
  padding: var(--padding-medium);
  font-size: 16px;
}
.tabs-content_box-nav {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  margin-top: var(--margin-medium);
  margin-bottom: var(--margin-medium);
  padding: var(--padding-small);
  border: 1px solid var(--color-border);
}
.tabs-content_box-nav.active {
  border-bottom: none;
  margin-bottom: 0;
}
.tabs-content_box-nav-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--gap-xs);
  padding-bottom: 8px;
  border-bottom: 1px solid var(--color-border);
}
.tabs-content_box-nav-inner:last-of-type {
  padding-bottom: 0;
  border-bottom: none;
}
.tabs-content_box-nav-button {
  font-family: Overpass, "sans-serif";
  height: 32px;
  background: transparent;
  font-size: 16px;
}
.tabs-content_box-nav-button.active {
  color: #c23d3d;
  font-weight: 800;
}
.tabs-content_box-nav-buttonQQQQQ {
  font-family: Overpass, "sans-serif";
  height: 32px;
  background: transparent;
  font-size: 16px;
}
.tabs-content_box-nav-buttonQQQQQ.active {
  color: #c23d3d;
  font-weight: 800;
}
.tabs-title {
  font-weight: 600;
  font-size: 16px;
  color: var(--color-green);
}
.tabs-title-block {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
  margin-bottom: var(--margin-small);
}
.tabs-status {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
  margin-bottom: var(--margin-medium);
}
.tabs-status-table {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
.tabs-comments {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
  margin-bottom: var(--margin-small);
}
.tabs-comments-inner {
  display: flex;
  gap: var(--gap-xs);
  align-items: end;
}
.containerUploadFile .tabs-upload {
  height: 400px;
}

.tab-button-label {
  font-size: 16px;
  text-align: center;
  vertical-align: middle;
  user-select: none;
  background-color: var(--color-background);
  padding: var(--padding-xs) var(--padding-medium);
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  border: 1px solid var(--color-dark);
  height: 40px;
  top: 1px;
  position: relative;
}
.tab-button-label:not(.active) {
  top: 5px;
  border-right: none;
  border-color: var(--color-border);
  border-bottom-color: var(--color-dark);
}

.taComment {
  min-width: 400px;
  max-width: 80%;
  min-height: 80px;
  height: 100%;
  width: 800px;
}

#tab-btn-1:checked ~ #content-1 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-2:checked ~ #content-2 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-3:checked ~ #content-3 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-4:checked ~ #content-4 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-5:checked ~ #content-5 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-6:checked ~ #content-6 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-7:checked ~ #content-7 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-8:checked ~ #content-8 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-9:checked ~ #content-9 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-10:checked ~ #content-10 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-11:checked ~ #content-11 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-12:checked ~ #content-12 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-13:checked ~ #content-13 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-14:checked ~ #content-14 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-15:checked ~ #content-15 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-16:checked ~ #content-16 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-17:checked ~ #content-17 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-18:checked ~ #content-18 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-19:checked ~ #content-19 {
  display: block;
  background: #FFFFFF;
}

#tab-btn-20:checked ~ #content-20 {
  display: block;
  background: #FFFFFF;
}

.containerMenu {
  display: grid;
  grid-gap: 5px;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
}

.small-menu {
  display: flex;
  flex-direction: column;
  width: 150px;
  gap: 8px;
}

.logout-btn {
  padding: 8px;
  border-radius: 8px;
  background: var(--color-btn-background);
  color: var(--color-btn-text);
  width: 100%;
}

[id*=category_] {
  margin: 16px 0;
  font-size: 20px;
}

.header {
  display: flex;
  align-items: center;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  padding-inline: 32px;
  position: fixed;
  height: 76px;
  top: 0;
  left: 0;
  right: 0;
  color: var(--color-primary-text-color);
  background-color: var(--color-header-background);
  backdrop-filter: blur(18px);
  z-index: 9900;
  font-family: Overpass, "sans-serif";
}
.header.stickyOn {
  box-shadow: none;
}
@media screen and (min-width: 2500px) {
  .header {
    padding-inline: calc(var(--left-right-margin));
  }
}
@media (max-width: 1023px) {
  .header {
    height: 32px;
  }
}
@media screen and (max-width: 400px) {
  .header {
    padding-inline: 8px;
  }
}
.header__nav {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.header__left {
  display: flex;
  align-items: center;
  gap: 16px;
}
@media screen and (max-width: 1600px) {
  .header__left {
    margin: 0;
  }
}
@media (max-width: 1280px) {
  .header__left {
    height: 76px;
    width: 120px;
  }
}
.header__middle {
  top: 58px;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 1280px) {
  .header__middle {
    transform: translate(0, 0);
    z-index: 9999;
    height: 100%;
    background: var(--color-header-background);
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 76px;
    user-select: none;
  }
}
.header__exit {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1600px) {
  .header__exit {
    margin: 0;
  }
}
.header__logo, .header__exit {
  height: 32px;
}
@media (hover: hover) {
  .header__logo svg:hover, .header__exit svg:hover {
    fill: var(--color-text-hover);
  }
}
@media (hover: none) {
  .header__logo svg:active, .header__exit svg:active {
    fill: var(--color-text-hover);
  }
}
.header__logo svg, .header__exit svg {
  height: 32px;
  width: 32px;
  fill: var(--color-primary-text-color);
}
.header__element {
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--color-primary-text-color);
}
.header__username {
  height: 32px;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1.05px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 1023px) {
  .header__username {
    height: 24px;
    font-size: 10px;
  }
}
.header__username a {
  color: var(--color-primary-text-color);
}
.header__current-project_info {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 960px) {
  .header {
    height: 32px;
  }
  .header__left {
    height: 32px;
  }
  .header__middle {
    top: 32px;
  }
  .header__logo {
    height: 16px;
  }
  .header__logo svg {
    height: 16px;
    width: 16px;
  }
  .burgerMenu-btn svg {
    height: 16px;
    width: 16px;
  }
  .header__current-project_header, .header__current-project_right {
    height: 24px;
    width: 120px;
    font-size: 10px;
  }
  .header__current-project_right {
    display: none;
  }
}
.bordered {
  background: #f8f8f8;
  border: solid #ccc 1px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 1px #ccc;
  -moz-box-shadow: 0 1px 1px #ccc;
  box-shadow: 0 1px 1px #ccc;
}
@media (hover: hover) {
  .bordered tr:hover {
    background: #fbf8e9 !important;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
}
@media (hover: none) {
  .bordered tr:active {
    background: #fbf8e9 !important;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
}
.bordered tr:last-child td:first-child {
  -moz-border-radius: 0 0 0 6px;
  -webkit-border-radius: 0 0 0 6px;
  border-radius: 0 0 0 6px;
}
.bordered tr:last-child td:last-child {
  -moz-border-radius: 0 0 6px 0;
  -webkit-border-radius: 0 0 6px 0;
  border-radius: 0 0 6px 0;
}
@media (hover: hover) {
  .bordered td:hover {
    background-color: #fbf8d9;
    overflow: visible;
    white-space: normal;
    height: auto;
  }
}
@media (hover: none) {
  .bordered td:active {
    background-color: #fbf8d9;
    overflow: visible;
    white-space: normal;
    height: auto;
  }
}
.bordered td, .bordered th {
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 3px;
  text-align: left;
}
.bordered td:first-child, .bordered th:first-child {
  border-left: none;
}
.bordered td a {
  width: 100%;
  height: 100%;
  color: DarkBlue;
}
.bordered td span {
  display: block;
  width: 100%;
  height: 100%;
}
.bordered th {
  background-color: #dce9f9;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#dce9f9));
  background-image: -webkit-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -moz-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -ms-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: -o-linear-gradient(top, #ebf3fc, #dce9f9);
  background-image: linear-gradient(top, #ebf3fc, #dce9f9);
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
  border-top: none;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.bordered th:first-child {
  -moz-border-radius: 6px 0 0 0;
  -webkit-border-radius: 6px 0 0 0;
  border-radius: 6px 0 0 0;
}
.bordered th:last-child {
  -moz-border-radius: 0 6px 0 0;
  -webkit-border-radius: 0 6px 0 0;
  border-radius: 0 6px 0 0;
}
.bordered th:only-child {
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
}

.tableWithoutBorder {
  width: 50%;
  margin-bottom: 20px;
  border-collapse: collapse;
}
.tableWithoutBorder th {
  font-weight: bold;
  padding: 5px;
  background: #efefef;
  border: 1px solid #dddddd;
}
.tableWithoutBorder td {
  border: 1px solid #dddddd;
  padding: 5px;
}
.tableWithoutBorder tr td:first-child, .tableWithoutBorder tr th:first-child {
  border-left: none;
}
.tableWithoutBorder tr td:last-child, .tableWithoutBorder tr th:last-child {
  border-right: none;
}

.tableGrey {
  width: 100%;
  margin: auto auto 20px;
  border: 5px solid #fff;
  border-bottom-width: 3px;
  border-collapse: collapse;
  outline: 3px solid #d3d3d3;
  font-size: 15px;
  background: #fff !important;
}
.tableGrey th {
  font-weight: bold;
  padding: 7px;
  background: #d3d3d3;
  border: none;
  text-align: left;
  font-size: 15px;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #d3d3d3;
}
.tableGrey td {
  padding: 7px;
  border: none;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  font-size: 15px;
}
.tableGrey tbody tr:nth-child(even) {
  background: #f3f3f3 !important;
}

.sortable {
  background: #f8f8f8;
  width: 980px;
  border-left: 1px solid #c6d5e1;
  border-top: 1px solid #c6d5e1;
  border-bottom: none;
  margin: 0 auto 0;
}
.sortable th {
  background: url(../images/header-bg.gif);
  text-align: left;
  color: #cfdce7;
  border: 1px solid #fff;
  border-right: none;
}
.sortable th h3 {
  font-size: 10px;
  padding: 6px 8px 8px;
}
.sortable td {
  padding: 4px 6px 6px;
  border-bottom: 1px solid #c6d5e1;
  border-right: 1px solid #c6d5e1;
}
.sortable td.evenselected {
  background: #ecf2f6;
}
.sortable td.oddselected {
  background: #dce6ee;
}
.sortable .head h3 {
  background: url(../images/sort.gif) 7px center no-repeat;
  cursor: pointer;
  padding-left: 18px;
}
.sortable .desc, .sortable .asc {
  background: url(../images/header-selected-bg.gif);
}
.sortable .desc h3, .sortable .asc h3 {
  background: url(../images/desc.gif) 7px center no-repeat;
  cursor: pointer;
  padding-left: 18px;
}
.sortable .head:hover, .sortable .desc:hover, .sortable .asc:hover {
  color: #fff;
}
.sortable .evenrow td {
  background: #fff;
}
.sortable .oddrow td {
  background: #ecf2f6;
}
@media (hover: hover) {
  .sortable tr:hover {
    background: #fbf8d9 !important;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
}
@media (hover: none) {
  .sortable tr:active {
    background: #fbf8d9 !important;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
  }
}

#controls {
  width: 980px;
  margin: 0 auto;
  height: 20px;
}

#perpage {
  float: left;
  width: 200px;
}
#perpage select {
  float: left;
  font-size: 11px;
}
#perpage span {
  float: left;
  margin: 2px 0 0 5px;
}

#navigation {
  float: left;
  width: 580px;
  text-align: center;
}
#navigation img {
  cursor: pointer;
}

#text {
  float: left;
  width: 200px;
  text-align: right;
  margin-top: 2px;
}

.burgerMenu {
  margin: auto;
  width: 50%;
}
@media (max-width: 1280px) {
  .burgerMenu {
    margin: 0;
    width: auto;
  }
}
.burgerMenu-btn {
  cursor: pointer;
  display: none;
}
@media (max-width: 1280px) {
  .burgerMenu-btn {
    display: flex;
    left: 50%;
    transform: translate(-50%, -50%);
    position: fixed;
  }
}
.burgerMenu-btn path {
  stroke: var(--color-primary-text-color);
}
@media (max-width: 1280px) {
  .burgerMenu .burgerMenu-btn:hover {
    background: var(--color-header-background);
  }
}
.burgerMenu__scroll {
  display: flex;
  align-items: center;
  gap: 64px;
}
@media (max-width: 1400px) {
  .burgerMenu__scroll {
    gap: 48px;
  }
}
@media (max-width: 1280px) {
  .burgerMenu__scroll {
    bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 0;
    overflow-y: auto;
    position: absolute;
    right: 0;
    top: 0;
    gap: 16px;
    padding: 16px 0;
  }
}
.burgerMenu-text {
  color: var(--color-primary-text-color);
  padding-left: 8px;
}
@media (hover: hover) {
  .burgerMenu-text:hover {
    color: var(--color-text-hover);
  }
}
@media (hover: none) {
  .burgerMenu-text:active {
    color: var(--color-text-hover);
  }
}
@media (max-width: 1280px) {
  .burgerMenu__wrapper {
    height: 100%;
    width: 100%;
    position: relative;
    -webkit-overflow-scrolling: touch;
    margin: auto;
    overflow: hidden;
    overflow-y: auto;
    user-select: none;
  }
}
.burgerMenu-option {
  display: flex;
  align-items: center;
}

[class*=-hbtn] {
  cursor: pointer;
  background: var(--color-header-background);
  height: 32px;
}
[class*=-hbtn] path {
  fill: var(--color-primary-text-color);
}
[class*=-hbtn] path, [class*=-hbtn] g, [class*=-hbtn] svg {
  height: 32px;
  width: 32px;
}
@media (hover: hover) {
  [class*=-hbtn]:hover path {
    fill: var(--color-text-hover);
  }
}
@media (hover: none) {
  [class*=-hbtn]:active path {
    fill: var(--color-text-hover);
  }
}

.addOptions-content {
  display: flex;
  justify-content: space-between;
  padding: var(--padding-small);
}
.addOptions-content_item {
  margin-left: var(--margin-small);
  display: flex;
  gap: var(--gap-small);
  min-height: 36px;
}
.addOptions-content_item-title {
  font-size: 16px;
  font-weight: 600;
  max-width: 200px;
  display: flex;
  align-items: center;
}
.addOptions-fields {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: var(--gap-small);
}
.addOptions-input-text, .addOptions-input-number {
  outline: none;
  width: 100%;
  padding: var(--padding-xs);
  max-width: 400px;
  font-size: 16px;
  border: 1px solid var(--color-input-border);
  border-radius: 8px;
}
@media (hover: hover) {
  .addOptions-input-text:hover, .addOptions-input-number:hover {
    background-color: var(--color-input-background-hover);
  }
}
@media (hover: none) {
  .addOptions-input-text:active, .addOptions-input-number:active {
    background-color: var(--color-input-background-hover);
  }
}
.table__hero .addOptions-input-select {
  outline: none;
  width: 100%;
  padding: var(--padding-xs);
  max-width: 400px;
  font-size: 16px;
  border: 1px solid var(--color-input-border);
  border-radius: 8px;
  margin: 0;
}
.addOptions-input-text:focus-visible, .addOptions-input-number:focus-visible, .addOptions-input-select:focus-visible {
  border: 1px solid var(--color-input-border-focus);
  box-shadow: 0 0 0 1px var(--color-input-border-focus);
}
.addOptions-input-text:focus, .addOptions-input-number:focus, .addOptions-input-select:focus {
  background-color: var(--color-input-background-hover);
  border: 1px solid var(--color-input-border-focus);
  box-shadow: 0 0 0 1px var(--color-input-border-focus);
}
.addOptions-input-checkbox {
  cursor: pointer;
  height: 24px;
  width: 24px;
  align-items: center;
  justify-content: center;
}
.addOptions-button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: sticky;
  z-index: 9999;
  top: 150px;
  width: 64px;
  height: 64px;
  background: transparent;
  margin-bottom: var(--margin-xs);
}
.addOptions-button_wrapper {
  display: flex;
  justify-content: center;
  align-items: end;
  width: 100px;
}

.storage-menu {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  margin-bottom: var(--margin-small);
}
.storage-menu button {
  font-size: 14px;
  width: 300px;
}
.storage-main-selector_wrapper {
  margin-bottom: var(--margin-small);
}
.storage-history {
  margin: var(--margin-small) 0;
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
.storage-history-list {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
.storage-checkbox {
  aspect-ratio: 1;
  width: 24px;
  cursor: pointer;
}
.storage-checkbox_wrapper {
  display: flex;
  align-items: center;
  gap: var(--gap-xs);
}
.storage-checkbox_wrapper button {
  font-size: 14px;
  width: 350px;
}
.storage-project-menu_selector {
  display: flex;
  gap: var(--gap-xs);
}
.storage-project-menu_selector-header {
  font-weight: 600;
}

.parse {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.parse-row {
  display: flex;
  gap: var(--gap-small);
  white-space: pre-line;
  padding-bottom: var(--padding-small);
  border-bottom: 1px solid;
}
.parse-row-name {
  min-width: 25%;
  font-weight: 600;
}
.parse-settings {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
  align-items: center;
  background: var(--color-background);
  border: 2px solid var(--color-border);
  border-radius: var(--border-radius-xs);
  padding: var(--padding-medium);
  box-shadow: var(--item-shadow);
  margin: auto;
}
.parse-settings-add-timer__button {
  width: 300px;
}
.parse-settings-tg {
  display: flex;
  align-items: center;
  gap: var(--gap-small);
}
.parse-settings-buttons {
  display: flex;
  gap: var(--gap-small);
  justify-content: center;
  margin-top: var(--margin-small);
}
.parse-settings-save__button {
  width: 120px;
}
.parse-settings-back__button {
  width: 120px;
}
.parse-timer {
  display: flex;
  flex-wrap: wrap;
  border: 1px solid var(--color-dark-80);
  padding: var(--padding-small);
  gap: var(--gap-small);
}
.parse-timer label {
  display: flex;
  gap: var(--gap-xs);
  width: 380px;
}
.parse-timer-delete__button {
  background: none;
}
.parse-timer-delete__button img {
  width: 32px;
  height: 32px;
}
.parse-list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: var(--padding-small);
  gap: var(--gap-small);
}
.parse-header {
  display: flex;
  gap: var(--gap-small);
  justify-content: center;
}
.parse-authorization__form {
  display: flex;
  flex-direction: column;
  gap: var(--gap-small);
}
.parse-section__list {
  display: flex;
  gap: var(--gap-small);
}

.box_rotate {
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.box-title {
  font-size: 32px;
  font-weight: 800;
  text-align: center;
  margin-bottom: var(--margin-small);
}
.box-content {
  border: 1px solid var(--color-border);
  border-top: none;
  padding: var(--padding-small);
}
.box-content-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: start;
  gap: var(--gap-small);
  margin: var(--margin-xs) 0;
}
.box-content-item {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
.box-content-item_inner {
  display: flex;
}
.box-content-item_title {
  display: inline-block;
  margin: var(--margin-xs);
  font-size: 16px;
  font-weight: 600;
  color: var(--color-dark-80);
}
.box-content.style2 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.box-content.style2:nth-of-type(odd) {
  background-color: rgb(245, 246, 250);
}
.box-content.style2:nth-of-type(even) {
  background-color: rgb(235, 236, 240);
}

.project__header {
  display: flex;
  justify-content: center;
}
.project__header-list {
  display: flex;
  justify-content: space-evenly;
  text-align: center;
  width: 100vw;
  border-radius: 0;
  background: var(--color-project-background);
  box-shadow: 0 0 5px var(--color-black);
}
.project-menu_roll {
  display: none;
}
.project-menu__container {
  font-family: Overpass, "sans-serif";
  margin-top: var(--header-size);
  max-width: 100%;
  border-radius: 0;
  position: fixed;
  top: 0;
  z-index: 999;
}
.project__actions {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 120px;
}
.project__actions__container {
  position: relative;
  display: flex;
  justify-content: center;
  padding: 96px 0;
  font-family: "Overpass", "sans-serif";
}
.project__actions-list {
  color: var(--color-primary-text-color);
  display: flex;
  justify-content: center;
  gap: 32px;
  font-size: 14px;
}
.project__action-item > span {
  background-color: var(--color-background);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  align-items: center;
  justify-content: center;
  text-align: center;
  display: flex;
  height: 64px;
  width: 150px;
  border-radius: 8px;
  padding: 18px 32px;
}
@media (hover: hover) {
  .project__action-item:hover .drop-btn {
    background: var(--color-btn-background-hover);
    color: var(--color-text-hover);
  }
}
@media (hover: none) {
  .project__action-item:active .drop-btn {
    background: var(--color-btn-background-hover);
    color: var(--color-text-hover);
  }
}
.project__container {
  border: 4px solid var(--color-border);
  border-radius: 24px;
  padding-bottom: 70px;
  background-color: var(--color-background);
  box-shadow: 0 0 100px 5px var(--color-project-container-shadow);
}
.project-list__name {
  font-weight: 600;
  font-family: Overpass, "sans-serif";
}
.project-list__button {
  display: flex;
  justify-content: center;
  padding: 10px;
  font-size: 20px;
  width: 95%;
  margin: 5px;
  text-align: center;
  color: var(--color-dark);
}
.project-address_upload-file {
  padding-left: var(--padding-small);
}

.table_bea {
  width: 100%;
  border: none;
  margin-bottom: 20px;
}
.table_bea thead th {
  padding: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  color: #444441;
  border-top: 2px solid #716561;
  border-bottom: 2px solid #716561;
}
.table_bea tbody td {
  padding: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #444441;
  border-top: 1px solid #716561;
}

.div_options {
  background: #807E3E; /* Цвет фона */
  padding: 10px; /* Поля вокруг текста */
  border-radius: 5px; /* Уголки */
}

#iconSave {
  border: 0;
  padding: 0;
  margin: 0;
  background: url("/templates/default/assets/images/s_save.png") no-repeat;
  width: 20px;
  height: 20px;
}

.dropdown-arrow {
  position: absolute;
  right: 8px;
  top: 0;
  bottom: 0;
  z-index: 50;
  height: 100%;
  min-width: 16px;
  overflow: visible;
}
.dropdown-arrow path {
  fill: var(--color-text);
}
.dropdown-item {
  position: relative;
}
.dropdown-item__a {
  display: inline-flex;
  align-items: center;
  color: var(--color-primary-text-color);
  height: 50px;
  font-weight: 500;
  transition: all 0.3s;
}
.dropdown-item .dropdown__menu {
  z-index: 99;
  text-align: left;
  position: absolute;
  border-radius: 0 0 8px 8px;
  line-height: 40px;
  box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  transform: translateY(10px);
  opacity: 0;
  transition: 0.2s;
  transition-property: opacity, transform;
}
.dropdown-item:hover .dropdown__menu {
  display: block;
  pointer-events: all;
  transform: translateY(0px);
  opacity: 1;
}
.dropdown-item:hover .dropdown-item__a {
  color: var(--color-text-hover);
}
.dropdown-option {
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  padding: 4px 8px;
  box-shadow: inset 0 -30px 5px -30px rgba(50, 50, 50, 0.3);
  background-color: var(--color-dropdown-background);
}
.dropdown-option:last-child {
  border-radius: 0 0 8px 8px;
  box-shadow: none;
}
.dropdown-option__a {
  display: flex;
  width: max-content;
  margin-right: 24px;
  color: var(--color-primary-text-color);
}
.dropdown-option:hover {
  background-color: var(--color-background-hover);
  border-left: 3px solid var(--color-btn-hover-border);
}
.dropdown-option:hover > a {
  color: var(--color-text-hover);
}
.dropdown-option:hover .dropdown-arrow path {
  fill: var(--color-text-hover);
}

.extra .dropdown__extra-menu {
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  position: absolute;
  border-radius: 0 8px 8px 8px;
  top: 0;
  left: 100%;
  white-space: nowrap;
  overflow: hidden;
  pointer-events: none;
  transform: translateY(20px);
  opacity: 0;
  transition: all 0.2s;
}
.extra:hover .dropdown__extra-menu {
  pointer-events: all;
  transform: translateY(0);
  opacity: 1;
}
.extra .dropdown__extra-menu li {
  padding: 0 8px;
}
.extra-link-item {
  cursor: pointer;
}

.current-project {
  height: 32px;
  display: flex;
  text-align: center;
  z-index: 1;
  background: var(--color-background);
  position: absolute;
  top: -16px;
  padding: 4px;
  border-radius: 8px;
  box-shadow: 0 0 5px var(--color-project-container-shadow);
}
.current-project span {
  display: flex;
  font-weight: 700;
  color: var(--color-primary-text-alt);
  padding: 0 8px;
  line-height: 24px;
}

li.project__action-item ul.dropdown__menu {
  display: none;
  max-height: 0;
  width: calc(100% - 28px);
  border-radius: 0 0 8px 8px;
  line-height: 40px;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  pointer-events: none;
  transform: translateY(10px);
  opacity: 0;
  transition: all 0.5s, opacity 0.3s, transform 0.3s;
}
li.project__action-item.dropBtn-show {
  display: block;
  max-height: 100%;
  pointer-events: all;
  opacity: 1;
  transform: translateX(14px);
  animation: extraItemHover 0.3s;
}
li.project__action-item:hover > ul.dropdown__menu {
  display: block;
  max-height: 100%;
  pointer-events: all;
  opacity: 1;
  transform: translateX(14px);
  animation: extraItemHover 0.3s;
}

.drop-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 135px;
  height: 60px;
  padding: 8px;
  border: 1px solid var(--color-btn-border);
  border-radius: 8px;
  font-family: Overpass, "sans-serif";
  font-size: 16px;
  font-weight: 500;
  background: var(--color-btn-background);
  color: var(--color-btn-text);
  box-shadow: 0 0 5px var(--color-btn-shadow);
}

div.containerTwo {
  overflow: auto;
  margin: 15px;
  padding: 10px;
}
div.blockLeft, div.blockRight {
  width: 49%;
  float: left;
  padding: 10px;
}

.resultModify {
  background: #ffe0e0;
  margin: 10px;
  padding: 10px;
  border-radius: 20px;
  transition: opacity 1s 3s;
}

@media screen and (max-width: 3300px) {
  .drop-btn {
    width: 10vw;
    height: 6vh;
  }
}
@media screen and (max-width: 1980px) {
  .drop-btn {
    width: 135px;
    height: 60px;
  }
}
@media screen and (max-width: 1600px) {
  .project__actions-list {
    flex-wrap: wrap;
    margin: 0 16px;
  }
}
@media screen and (max-width: 1100px) {
  .drop-btn {
    width: 200px;
  }
  .dropdown-option__a {
    width: auto;
  }
  .dropdown-item .dropdown__menu {
    pointer-events: all;
  }
  .dropdown__menu {
    z-index: 9999;
    display: none;
  }
  .dropdown__extra-menu {
    z-index: 9999;
  }
  .project-menu__container {
    display: none;
  }
  .project-menu_roll {
    z-index: 99;
    display: inline-block;
    position: fixed;
    top: calc(var(--header-size) + 10px);
    left: 50%;
    transform: translate(-50%, -50%);
    background: var(--color-header-background);
    height: 20px;
    width: 80px;
    border-bottom-left-radius: 90px;
    border-bottom-right-radius: 90px;
    cursor: pointer;
  }
  .roll-dots {
    color: var(--color-primary-text-color);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: -4px;
    left: 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 4px;
    background: var(--color-header-background);
  }
}
@media screen and (max-width: 960px) {
  .project__header-list {
    flex-wrap: wrap;
    flex-direction: column;
  }
  .project-menu__container {
    margin-top: 32px;
  }
  .project-menu_roll {
    top: 42px;
  }
  .stickyOn .project__header-list {
    flex-direction: row;
  }
  li.dropdown-item {
    display: block;
  }
  .dropdown-item .dropdown__menu {
    opacity: 1;
    overflow: hidden;
    display: none;
    transform: none;
  }
  .extra .dropdown__extra-menu {
    opacity: 1;
    position: relative;
    left: 0;
    transform: translateY(0);
    display: none;
    border-radius: 8px;
  }
}
@media screen and (max-width: 800px) {
  .project__actions__container {
    margin: 0 32px;
  }
}
@media screen and (max-width: 600px) {
  .content {
    margin: var(--header-size) 0 0;
  }
}
@keyframes extraItemHover {
  0% {
    display: none;
    transform: translate(0, 10px);
    max-height: 0;
    opacity: 1;
  }
  1% {
    display: block;
    transform: translate(0, 10px);
    max-height: 0;
    opacity: 0;
  }
  90% {
    display: block;
    transform: translate(14px, 0);
    max-height: 80%;
    opacity: 1;
  }
  100% {
    display: block;
    transform: translate(14px, 0);
    max-height: 100%;
    opacity: 1;
  }
}
.marg10 {
  margin-bottom: 10px;
}

.marg20 {
  margin-bottom: 20px;
}

.w1.w1 {
  width: 1px;
}

.w2.w2 {
  width: 2px;
}

.w3.w3 {
  width: 3px;
}

.w4.w4 {
  width: 4px;
}

.w5.w5 {
  width: 5px;
}

.w6.w6 {
  width: 6px;
}

.w7.w7 {
  width: 7px;
}

.w8.w8 {
  width: 8px;
}

.w9.w9 {
  width: 9px;
}

.w10.w10 {
  width: 10px;
}

.w11.w11 {
  width: 11px;
}

.w12.w12 {
  width: 12px;
}

.w13.w13 {
  width: 13px;
}

.w14.w14 {
  width: 14px;
}

.w15.w15 {
  width: 15px;
}

.w16.w16 {
  width: 16px;
}

.w17.w17 {
  width: 17px;
}

.w18.w18 {
  width: 18px;
}

.w19.w19 {
  width: 19px;
}

.w20.w20 {
  width: 20px;
}

.w21.w21 {
  width: 21px;
}

.w22.w22 {
  width: 22px;
}

.w23.w23 {
  width: 23px;
}

.w24.w24 {
  width: 24px;
}

.w25.w25 {
  width: 25px;
}

.w26.w26 {
  width: 26px;
}

.w27.w27 {
  width: 27px;
}

.w28.w28 {
  width: 28px;
}

.w29.w29 {
  width: 29px;
}

.w30.w30 {
  width: 30px;
}

.w31.w31 {
  width: 31px;
}

.w32.w32 {
  width: 32px;
}

.w33.w33 {
  width: 33px;
}

.w34.w34 {
  width: 34px;
}

.w35.w35 {
  width: 35px;
}

.w36.w36 {
  width: 36px;
}

.w37.w37 {
  width: 37px;
}

.w38.w38 {
  width: 38px;
}

.w39.w39 {
  width: 39px;
}

.w40.w40 {
  width: 40px;
}

.w41.w41 {
  width: 41px;
}

.w42.w42 {
  width: 42px;
}

.w43.w43 {
  width: 43px;
}

.w44.w44 {
  width: 44px;
}

.w45.w45 {
  width: 45px;
}

.w46.w46 {
  width: 46px;
}

.w47.w47 {
  width: 47px;
}

.w48.w48 {
  width: 48px;
}

.w49.w49 {
  width: 49px;
}

.w50.w50 {
  width: 50px;
}

.w51.w51 {
  width: 51px;
}

.w52.w52 {
  width: 52px;
}

.w53.w53 {
  width: 53px;
}

.w54.w54 {
  width: 54px;
}

.w55.w55 {
  width: 55px;
}

.w56.w56 {
  width: 56px;
}

.w57.w57 {
  width: 57px;
}

.w58.w58 {
  width: 58px;
}

.w59.w59 {
  width: 59px;
}

.w60.w60 {
  width: 60px;
}

.w61.w61 {
  width: 61px;
}

.w62.w62 {
  width: 62px;
}

.w63.w63 {
  width: 63px;
}

.w64.w64 {
  width: 64px;
}

.w65.w65 {
  width: 65px;
}

.w66.w66 {
  width: 66px;
}

.w67.w67 {
  width: 67px;
}

.w68.w68 {
  width: 68px;
}

.w69.w69 {
  width: 69px;
}

.w70.w70 {
  width: 70px;
}

.w71.w71 {
  width: 71px;
}

.w72.w72 {
  width: 72px;
}

.w73.w73 {
  width: 73px;
}

.w74.w74 {
  width: 74px;
}

.w75.w75 {
  width: 75px;
}

.w76.w76 {
  width: 76px;
}

.w77.w77 {
  width: 77px;
}

.w78.w78 {
  width: 78px;
}

.w79.w79 {
  width: 79px;
}

.w80.w80 {
  width: 80px;
}

.w81.w81 {
  width: 81px;
}

.w82.w82 {
  width: 82px;
}

.w83.w83 {
  width: 83px;
}

.w84.w84 {
  width: 84px;
}

.w85.w85 {
  width: 85px;
}

.w86.w86 {
  width: 86px;
}

.w87.w87 {
  width: 87px;
}

.w88.w88 {
  width: 88px;
}

.w89.w89 {
  width: 89px;
}

.w90.w90 {
  width: 90px;
}

.w91.w91 {
  width: 91px;
}

.w92.w92 {
  width: 92px;
}

.w93.w93 {
  width: 93px;
}

.w94.w94 {
  width: 94px;
}

.w95.w95 {
  width: 95px;
}

.w96.w96 {
  width: 96px;
}

.w97.w97 {
  width: 97px;
}

.w98.w98 {
  width: 98px;
}

.w99.w99 {
  width: 99px;
}

.w100.w100 {
  width: 100px;
}

.w101.w101 {
  width: 101px;
}

.w102.w102 {
  width: 102px;
}

.w103.w103 {
  width: 103px;
}

.w104.w104 {
  width: 104px;
}

.w105.w105 {
  width: 105px;
}

.w106.w106 {
  width: 106px;
}

.w107.w107 {
  width: 107px;
}

.w108.w108 {
  width: 108px;
}

.w109.w109 {
  width: 109px;
}

.w110.w110 {
  width: 110px;
}

.w111.w111 {
  width: 111px;
}

.w112.w112 {
  width: 112px;
}

.w113.w113 {
  width: 113px;
}

.w114.w114 {
  width: 114px;
}

.w115.w115 {
  width: 115px;
}

.w116.w116 {
  width: 116px;
}

.w117.w117 {
  width: 117px;
}

.w118.w118 {
  width: 118px;
}

.w119.w119 {
  width: 119px;
}

.w120.w120 {
  width: 120px;
}

.w121.w121 {
  width: 121px;
}

.w122.w122 {
  width: 122px;
}

.w123.w123 {
  width: 123px;
}

.w124.w124 {
  width: 124px;
}

.w125.w125 {
  width: 125px;
}

.w126.w126 {
  width: 126px;
}

.w127.w127 {
  width: 127px;
}

.w128.w128 {
  width: 128px;
}

.w129.w129 {
  width: 129px;
}

.w130.w130 {
  width: 130px;
}

.w131.w131 {
  width: 131px;
}

.w132.w132 {
  width: 132px;
}

.w133.w133 {
  width: 133px;
}

.w134.w134 {
  width: 134px;
}

.w135.w135 {
  width: 135px;
}

.w136.w136 {
  width: 136px;
}

.w137.w137 {
  width: 137px;
}

.w138.w138 {
  width: 138px;
}

.w139.w139 {
  width: 139px;
}

.w140.w140 {
  width: 140px;
}

.w141.w141 {
  width: 141px;
}

.w142.w142 {
  width: 142px;
}

.w143.w143 {
  width: 143px;
}

.w144.w144 {
  width: 144px;
}

.w145.w145 {
  width: 145px;
}

.w146.w146 {
  width: 146px;
}

.w147.w147 {
  width: 147px;
}

.w148.w148 {
  width: 148px;
}

.w149.w149 {
  width: 149px;
}

.w150.w150 {
  width: 150px;
}

.w151.w151 {
  width: 151px;
}

.w152.w152 {
  width: 152px;
}

.w153.w153 {
  width: 153px;
}

.w154.w154 {
  width: 154px;
}

.w155.w155 {
  width: 155px;
}

.w156.w156 {
  width: 156px;
}

.w157.w157 {
  width: 157px;
}

.w158.w158 {
  width: 158px;
}

.w159.w159 {
  width: 159px;
}

.w160.w160 {
  width: 160px;
}

.w161.w161 {
  width: 161px;
}

.w162.w162 {
  width: 162px;
}

.w163.w163 {
  width: 163px;
}

.w164.w164 {
  width: 164px;
}

.w165.w165 {
  width: 165px;
}

.w166.w166 {
  width: 166px;
}

.w167.w167 {
  width: 167px;
}

.w168.w168 {
  width: 168px;
}

.w169.w169 {
  width: 169px;
}

.w170.w170 {
  width: 170px;
}

.w171.w171 {
  width: 171px;
}

.w172.w172 {
  width: 172px;
}

.w173.w173 {
  width: 173px;
}

.w174.w174 {
  width: 174px;
}

.w175.w175 {
  width: 175px;
}

.w176.w176 {
  width: 176px;
}

.w177.w177 {
  width: 177px;
}

.w178.w178 {
  width: 178px;
}

.w179.w179 {
  width: 179px;
}

.w180.w180 {
  width: 180px;
}

.w181.w181 {
  width: 181px;
}

.w182.w182 {
  width: 182px;
}

.w183.w183 {
  width: 183px;
}

.w184.w184 {
  width: 184px;
}

.w185.w185 {
  width: 185px;
}

.w186.w186 {
  width: 186px;
}

.w187.w187 {
  width: 187px;
}

.w188.w188 {
  width: 188px;
}

.w189.w189 {
  width: 189px;
}

.w190.w190 {
  width: 190px;
}

.w191.w191 {
  width: 191px;
}

.w192.w192 {
  width: 192px;
}

.w193.w193 {
  width: 193px;
}

.w194.w194 {
  width: 194px;
}

.w195.w195 {
  width: 195px;
}

.w196.w196 {
  width: 196px;
}

.w197.w197 {
  width: 197px;
}

.w198.w198 {
  width: 198px;
}

.w199.w199 {
  width: 199px;
}

.w200.w200 {
  width: 200px;
}

.w201.w201 {
  width: 201px;
}

.w202.w202 {
  width: 202px;
}

.w203.w203 {
  width: 203px;
}

.w204.w204 {
  width: 204px;
}

.w205.w205 {
  width: 205px;
}

.w206.w206 {
  width: 206px;
}

.w207.w207 {
  width: 207px;
}

.w208.w208 {
  width: 208px;
}

.w209.w209 {
  width: 209px;
}

.w210.w210 {
  width: 210px;
}

.w211.w211 {
  width: 211px;
}

.w212.w212 {
  width: 212px;
}

.w213.w213 {
  width: 213px;
}

.w214.w214 {
  width: 214px;
}

.w215.w215 {
  width: 215px;
}

.w216.w216 {
  width: 216px;
}

.w217.w217 {
  width: 217px;
}

.w218.w218 {
  width: 218px;
}

.w219.w219 {
  width: 219px;
}

.w220.w220 {
  width: 220px;
}

.w221.w221 {
  width: 221px;
}

.w222.w222 {
  width: 222px;
}

.w223.w223 {
  width: 223px;
}

.w224.w224 {
  width: 224px;
}

.w225.w225 {
  width: 225px;
}

.w226.w226 {
  width: 226px;
}

.w227.w227 {
  width: 227px;
}

.w228.w228 {
  width: 228px;
}

.w229.w229 {
  width: 229px;
}

.w230.w230 {
  width: 230px;
}

.w231.w231 {
  width: 231px;
}

.w232.w232 {
  width: 232px;
}

.w233.w233 {
  width: 233px;
}

.w234.w234 {
  width: 234px;
}

.w235.w235 {
  width: 235px;
}

.w236.w236 {
  width: 236px;
}

.w237.w237 {
  width: 237px;
}

.w238.w238 {
  width: 238px;
}

.w239.w239 {
  width: 239px;
}

.w240.w240 {
  width: 240px;
}

.w241.w241 {
  width: 241px;
}

.w242.w242 {
  width: 242px;
}

.w243.w243 {
  width: 243px;
}

.w244.w244 {
  width: 244px;
}

.w245.w245 {
  width: 245px;
}

.w246.w246 {
  width: 246px;
}

.w247.w247 {
  width: 247px;
}

.w248.w248 {
  width: 248px;
}

.w249.w249 {
  width: 249px;
}

.w250.w250 {
  width: 250px;
}

.w251.w251 {
  width: 251px;
}

.w252.w252 {
  width: 252px;
}

.w253.w253 {
  width: 253px;
}

.w254.w254 {
  width: 254px;
}

.w255.w255 {
  width: 255px;
}

.w256.w256 {
  width: 256px;
}

.w257.w257 {
  width: 257px;
}

.w258.w258 {
  width: 258px;
}

.w259.w259 {
  width: 259px;
}

.w260.w260 {
  width: 260px;
}

.w261.w261 {
  width: 261px;
}

.w262.w262 {
  width: 262px;
}

.w263.w263 {
  width: 263px;
}

.w264.w264 {
  width: 264px;
}

.w265.w265 {
  width: 265px;
}

.w266.w266 {
  width: 266px;
}

.w267.w267 {
  width: 267px;
}

.w268.w268 {
  width: 268px;
}

.w269.w269 {
  width: 269px;
}

.w270.w270 {
  width: 270px;
}

.w271.w271 {
  width: 271px;
}

.w272.w272 {
  width: 272px;
}

.w273.w273 {
  width: 273px;
}

.w274.w274 {
  width: 274px;
}

.w275.w275 {
  width: 275px;
}

.w276.w276 {
  width: 276px;
}

.w277.w277 {
  width: 277px;
}

.w278.w278 {
  width: 278px;
}

.w279.w279 {
  width: 279px;
}

.w280.w280 {
  width: 280px;
}

.w281.w281 {
  width: 281px;
}

.w282.w282 {
  width: 282px;
}

.w283.w283 {
  width: 283px;
}

.w284.w284 {
  width: 284px;
}

.w285.w285 {
  width: 285px;
}

.w286.w286 {
  width: 286px;
}

.w287.w287 {
  width: 287px;
}

.w288.w288 {
  width: 288px;
}

.w289.w289 {
  width: 289px;
}

.w290.w290 {
  width: 290px;
}

.w291.w291 {
  width: 291px;
}

.w292.w292 {
  width: 292px;
}

.w293.w293 {
  width: 293px;
}

.w294.w294 {
  width: 294px;
}

.w295.w295 {
  width: 295px;
}

.w296.w296 {
  width: 296px;
}

.w297.w297 {
  width: 297px;
}

.w298.w298 {
  width: 298px;
}

.w299.w299 {
  width: 299px;
}

.w300.w300 {
  width: 300px;
}

.w301.w301 {
  width: 301px;
}

.w302.w302 {
  width: 302px;
}

.w303.w303 {
  width: 303px;
}

.w304.w304 {
  width: 304px;
}

.w305.w305 {
  width: 305px;
}

.w306.w306 {
  width: 306px;
}

.w307.w307 {
  width: 307px;
}

.w308.w308 {
  width: 308px;
}

.w309.w309 {
  width: 309px;
}

.w310.w310 {
  width: 310px;
}

.w311.w311 {
  width: 311px;
}

.w312.w312 {
  width: 312px;
}

.w313.w313 {
  width: 313px;
}

.w314.w314 {
  width: 314px;
}

.w315.w315 {
  width: 315px;
}

.w316.w316 {
  width: 316px;
}

.w317.w317 {
  width: 317px;
}

.w318.w318 {
  width: 318px;
}

.w319.w319 {
  width: 319px;
}

.w320.w320 {
  width: 320px;
}

.w321.w321 {
  width: 321px;
}

.w322.w322 {
  width: 322px;
}

.w323.w323 {
  width: 323px;
}

.w324.w324 {
  width: 324px;
}

.w325.w325 {
  width: 325px;
}

.w326.w326 {
  width: 326px;
}

.w327.w327 {
  width: 327px;
}

.w328.w328 {
  width: 328px;
}

.w329.w329 {
  width: 329px;
}

.w330.w330 {
  width: 330px;
}

.w331.w331 {
  width: 331px;
}

.w332.w332 {
  width: 332px;
}

.w333.w333 {
  width: 333px;
}

.w334.w334 {
  width: 334px;
}

.w335.w335 {
  width: 335px;
}

.w336.w336 {
  width: 336px;
}

.w337.w337 {
  width: 337px;
}

.w338.w338 {
  width: 338px;
}

.w339.w339 {
  width: 339px;
}

.w340.w340 {
  width: 340px;
}

.w341.w341 {
  width: 341px;
}

.w342.w342 {
  width: 342px;
}

.w343.w343 {
  width: 343px;
}

.w344.w344 {
  width: 344px;
}

.w345.w345 {
  width: 345px;
}

.w346.w346 {
  width: 346px;
}

.w347.w347 {
  width: 347px;
}

.w348.w348 {
  width: 348px;
}

.w349.w349 {
  width: 349px;
}

.w350.w350 {
  width: 350px;
}

.w351.w351 {
  width: 351px;
}

.w352.w352 {
  width: 352px;
}

.w353.w353 {
  width: 353px;
}

.w354.w354 {
  width: 354px;
}

.w355.w355 {
  width: 355px;
}

.w356.w356 {
  width: 356px;
}

.w357.w357 {
  width: 357px;
}

.w358.w358 {
  width: 358px;
}

.w359.w359 {
  width: 359px;
}

.w360.w360 {
  width: 360px;
}

.w361.w361 {
  width: 361px;
}

.w362.w362 {
  width: 362px;
}

.w363.w363 {
  width: 363px;
}

.w364.w364 {
  width: 364px;
}

.w365.w365 {
  width: 365px;
}

.w366.w366 {
  width: 366px;
}

.w367.w367 {
  width: 367px;
}

.w368.w368 {
  width: 368px;
}

.w369.w369 {
  width: 369px;
}

.w370.w370 {
  width: 370px;
}

.w371.w371 {
  width: 371px;
}

.w372.w372 {
  width: 372px;
}

.w373.w373 {
  width: 373px;
}

.w374.w374 {
  width: 374px;
}

.w375.w375 {
  width: 375px;
}

.w376.w376 {
  width: 376px;
}

.w377.w377 {
  width: 377px;
}

.w378.w378 {
  width: 378px;
}

.w379.w379 {
  width: 379px;
}

.w380.w380 {
  width: 380px;
}

.w381.w381 {
  width: 381px;
}

.w382.w382 {
  width: 382px;
}

.w383.w383 {
  width: 383px;
}

.w384.w384 {
  width: 384px;
}

.w385.w385 {
  width: 385px;
}

.w386.w386 {
  width: 386px;
}

.w387.w387 {
  width: 387px;
}

.w388.w388 {
  width: 388px;
}

.w389.w389 {
  width: 389px;
}

.w390.w390 {
  width: 390px;
}

.w391.w391 {
  width: 391px;
}

.w392.w392 {
  width: 392px;
}

.w393.w393 {
  width: 393px;
}

.w394.w394 {
  width: 394px;
}

.w395.w395 {
  width: 395px;
}

.w396.w396 {
  width: 396px;
}

.w397.w397 {
  width: 397px;
}

.w398.w398 {
  width: 398px;
}

.w399.w399 {
  width: 399px;
}

.w400.w400 {
  width: 400px;
}

.w401.w401 {
  width: 401px;
}

.w402.w402 {
  width: 402px;
}

.w403.w403 {
  width: 403px;
}

.w404.w404 {
  width: 404px;
}

.w405.w405 {
  width: 405px;
}

.w406.w406 {
  width: 406px;
}

.w407.w407 {
  width: 407px;
}

.w408.w408 {
  width: 408px;
}

.w409.w409 {
  width: 409px;
}

.w410.w410 {
  width: 410px;
}

.w411.w411 {
  width: 411px;
}

.w412.w412 {
  width: 412px;
}

.w413.w413 {
  width: 413px;
}

.w414.w414 {
  width: 414px;
}

.w415.w415 {
  width: 415px;
}

.w416.w416 {
  width: 416px;
}

.w417.w417 {
  width: 417px;
}

.w418.w418 {
  width: 418px;
}

.w419.w419 {
  width: 419px;
}

.w420.w420 {
  width: 420px;
}

.w421.w421 {
  width: 421px;
}

.w422.w422 {
  width: 422px;
}

.w423.w423 {
  width: 423px;
}

.w424.w424 {
  width: 424px;
}

.w425.w425 {
  width: 425px;
}

.w426.w426 {
  width: 426px;
}

.w427.w427 {
  width: 427px;
}

.w428.w428 {
  width: 428px;
}

.w429.w429 {
  width: 429px;
}

.w430.w430 {
  width: 430px;
}

.w431.w431 {
  width: 431px;
}

.w432.w432 {
  width: 432px;
}

.w433.w433 {
  width: 433px;
}

.w434.w434 {
  width: 434px;
}

.w435.w435 {
  width: 435px;
}

.w436.w436 {
  width: 436px;
}

.w437.w437 {
  width: 437px;
}

.w438.w438 {
  width: 438px;
}

.w439.w439 {
  width: 439px;
}

.w440.w440 {
  width: 440px;
}

.w441.w441 {
  width: 441px;
}

.w442.w442 {
  width: 442px;
}

.w443.w443 {
  width: 443px;
}

.w444.w444 {
  width: 444px;
}

.w445.w445 {
  width: 445px;
}

.w446.w446 {
  width: 446px;
}

.w447.w447 {
  width: 447px;
}

.w448.w448 {
  width: 448px;
}

.w449.w449 {
  width: 449px;
}

.w450.w450 {
  width: 450px;
}

.w451.w451 {
  width: 451px;
}

.w452.w452 {
  width: 452px;
}

.w453.w453 {
  width: 453px;
}

.w454.w454 {
  width: 454px;
}

.w455.w455 {
  width: 455px;
}

.w456.w456 {
  width: 456px;
}

.w457.w457 {
  width: 457px;
}

.w458.w458 {
  width: 458px;
}

.w459.w459 {
  width: 459px;
}

.w460.w460 {
  width: 460px;
}

.w461.w461 {
  width: 461px;
}

.w462.w462 {
  width: 462px;
}

.w463.w463 {
  width: 463px;
}

.w464.w464 {
  width: 464px;
}

.w465.w465 {
  width: 465px;
}

.w466.w466 {
  width: 466px;
}

.w467.w467 {
  width: 467px;
}

.w468.w468 {
  width: 468px;
}

.w469.w469 {
  width: 469px;
}

.w470.w470 {
  width: 470px;
}

.w471.w471 {
  width: 471px;
}

.w472.w472 {
  width: 472px;
}

.w473.w473 {
  width: 473px;
}

.w474.w474 {
  width: 474px;
}

.w475.w475 {
  width: 475px;
}

.w476.w476 {
  width: 476px;
}

.w477.w477 {
  width: 477px;
}

.w478.w478 {
  width: 478px;
}

.w479.w479 {
  width: 479px;
}

.w480.w480 {
  width: 480px;
}

.w481.w481 {
  width: 481px;
}

.w482.w482 {
  width: 482px;
}

.w483.w483 {
  width: 483px;
}

.w484.w484 {
  width: 484px;
}

.w485.w485 {
  width: 485px;
}

.w486.w486 {
  width: 486px;
}

.w487.w487 {
  width: 487px;
}

.w488.w488 {
  width: 488px;
}

.w489.w489 {
  width: 489px;
}

.w490.w490 {
  width: 490px;
}

.w491.w491 {
  width: 491px;
}

.w492.w492 {
  width: 492px;
}

.w493.w493 {
  width: 493px;
}

.w494.w494 {
  width: 494px;
}

.w495.w495 {
  width: 495px;
}

.w496.w496 {
  width: 496px;
}

.w497.w497 {
  width: 497px;
}

.w498.w498 {
  width: 498px;
}

.w499.w499 {
  width: 499px;
}

.w500.w500 {
  width: 500px;
}

#zatemnenie {
  background: rgba(102, 102, 102, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#zatemnenie:target {
  display: block;
}
#zatemnenie2, #zatemnenie3, #zatemnenie22 {
  background: rgba(102, 102, 102, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
#zatemnenie2:target, #zatemnenie3:target, #zatemnenie22:target {
  display: block;
}

#okno {
  width: 400px;
  height: 100px;
  text-align: center;
  padding: 15px;
  border: 3px solid #0000cc;
  border-radius: 10px;
  color: #0000cc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
}
#okno2, #okno3, #okno22 {
  width: 100px;
  height: 100px;
  text-align: center;
  padding: 15px;
  border: 3px solid #0000cc;
  border-radius: 10px;
  color: #0000cc;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: #fff;
}

.close {
  display: inline-block;
  border: 1px solid #0000cc;
  color: #0000cc;
  padding: 0 12px;
  margin: 10px;
  text-decoration: none;
  background: #f2f2f2;
  font-size: 14pt;
  cursor: pointer;
}
@media (hover: hover) {
  .close:hover {
    background: #e6e6ff;
  }
}
@media (hover: none) {
  .close:active {
    background: #e6e6ff;
  }
}

a.list:link {
  color: black;
  text-decoration: none;
  font-size: 1em;
}
a.list:visited {
  color: black;
  text-decoration: none;
}
@media (hover: hover) {
  a.list:hover {
    color: orange;
    text-decoration: underline;
  }
}
@media (hover: none) {
  a.list:active {
    color: orange;
    text-decoration: underline;
  }
}

.auth {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, -50%);
  background-color: var(--color-background);
  border-radius: var(--border-radius-small);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}
.auth-form {
  position: relative;
  padding: var(--padding-large);
  display: flex;
  gap: var(--gap-medium);
}
.auth-form__inputs {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
}
.auth-form h1 {
  color: var(--color-text);
  text-align: center;
  position: relative;
  font-size: 32px;
  font-weight: 700;
}
.auth-form .auth-field {
  position: relative;
  height: 42px;
  width: 100%;
}
.auth-field input {
  position: absolute;
  height: 100%;
  width: 100%;
  padding-left: 40px;
  border: none;
  outline: none;
  font-family: inherit;
  font-size: 16px;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.25);
  border-top: 2px solid transparent;
  border-radius: 8px;
  transition: all 0.3s ease;
}
.auth-field input:is(:focus) {
  box-shadow: inset 0 -2px 0 rgba(75, 101, 193, 0.8);
}
.auth-field input:is(:focus) ~ .auth-login, .auth-field input:is(:focus) ~ .auth-password {
  filter: invert(37%) sepia(63%) saturate(582%) hue-rotate(189deg) brightness(93%) contrast(94%);
}
.auth-field input:not(:placeholder-shown) {
  box-shadow: inset 0 -2px 0 rgba(75, 101, 193, 0.8);
}
.auth-field input:not(:placeholder-shown) ~ .auth-login, .auth-field input:not(:placeholder-shown) ~ .auth-password {
  filter: invert(37%) sepia(63%) saturate(582%) hue-rotate(189deg) brightness(93%) contrast(94%);
}
.auth-button {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: #4b65c1;
  color: var(--color-btn-text);
  border-radius: 8px;
  height: 42px;
  width: 100%;
  outline: none;
  border: none;
  font-family: inherit;
  font-size: 18px;
  font-weight: 600;
  transition: all 0.45s ease;
  cursor: pointer;
}
.auth-button:hover {
  background-color: #3d56b1;
}
.auth-login, .auth-password {
  position: absolute;
  padding-left: 4px;
  margin-left: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  filter: invert(43%) sepia(38%) saturate(0%) hue-rotate(190deg) brightness(90%) contrast(81%);
  height: 24px;
}

.lights {
  position: absolute;
  top: -1.5rem;
  left: 1rem;
  display: flex;
  gap: 1rem;
}
.lights.down {
  top: auto;
  bottom: -1.5rem;
  transform: rotate(180deg);
}
.lights-h {
  transform: rotate(-45deg);
  background-size: 3rem;
  width: 3rem;
  aspect-ratio: 1;
  background-image: url("/templates/default/assets/images/festive/lights.png");
}

.modalNew {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100vh;
  z-index: 99998;
  background-color: rgba(0, 0, 0, 0.3);
  display: grid;
  align-items: center;
  justify-content: center;
  overflow-y: auto;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.4s, visibility 0.4s;
}
.modalNew.open {
  visibility: visible;
  opacity: 1;
}
.modalNew.open .modal__box {
  transform: scale(1);
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0, 0, 0); /* Fallback color */
  background-color: rgba(0, 0, 0, 0.4); /* Black w/ opacity */
}
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}
.modal__box {
  position: relative;
  width: 800px;
  max-width: 1000px;
  padding: 45px;
  z-index: 1;
  margin: 30px 15px;
  background-color: white;
  box-shadow: 0 0 17px -7px rgba(34, 60, 80, 0.2);
  transform: scale(0);
  transition: transform 0.8s;
  border-radius: 16px;
}
.modal__close-btn {
  width: 20px;
  height: 20px;
  position: absolute;
  top: 16px;
  right: 16px;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
@media (hover: hover) {
  .modal__close-btn:hover {
    background: transparent;
  }
  .modal__close-btn:hover svg path {
    fill: var(--color-text-hover);
  }
}
@media (hover: none) {
  .modal__close-btn:active {
    background: transparent;
  }
  .modal__close-btn:active svg path {
    fill: var(--color-text-hover);
  }
}
.modal__close-btn svg path {
  fill: #131313;
  transition: fill 0.4s;
}
.modal__close-btn:active svg path {
  fill: var(--color-text-hover);
}
.modal-addRow {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.modal-addRow-caption {
  font-size: 24px;
  margin-bottom: 32px;
}
.modal-addRow-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}
.modal-addRow-field {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 8px;
}
.modal-addRow-title {
  display: flex;
  justify-content: left;
  width: 100%;
  max-width: 180px;
  font-weight: 600;
}
.modal-addRow-input {
  outline: none;
  width: 100%;
  padding: 8px;
  max-width: 400px;
  font-size: 16px;
  border: 1px solid var(--color-input-border);
  border-radius: 8px;
}
.modal-addRow-input:focus-visible {
  border: 1px solid var(--color-input-border-focus);
  box-shadow: 0 0 0 1px var(--color-input-border-focus);
}
.modal-addRow-input:focus {
  background-color: var(--color-input-background-hover);
  border: 1px solid var(--color-input-border-focus);
  box-shadow: 0 0 0 1px var(--color-input-border-focus);
}
@media (hover: hover) {
  .modal-addRow-input:hover {
    background-color: var(--color-input-background-hover);
  }
}
@media (hover: none) {
  .modal-addRow-input:active {
    background-color: var(--color-input-background-hover);
  }
}
.modal-button {
  height: 48px;
  padding-inline: 36px;
  font-size: 16px;
  border: 1px solid;
  border-radius: 4px;
  font-weight: 600;
}
.modal-button_wrapper {
  display: flex;
  justify-content: center;
}
@media (hover: hover) {
  .modal-button:hover {
    color: var(--color-text-hover);
    border: 1px solid var(--color-btn-hover-border);
    box-shadow: 0 0 0 1px var(--color-btn-hover-border);
  }
}
@media (hover: none) {
  .modal-button:active {
    color: var(--color-text-hover);
    border: 1px solid var(--color-btn-hover-border);
    box-shadow: 0 0 0 1px var(--color-btn-hover-border);
  }
}

/* The Close Button */
.close_window {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}
.close_window:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
@media (hover: hover) {
  .close_window:hover {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
}
@media (hover: none) {
  .close_window:active {
    color: black;
    text-decoration: none;
    cursor: pointer;
  }
}

.field__wrapper {
  width: 100%;
  min-height: 25px;
  max-height: 60px;
  position: relative;
  margin: 15px 0;
  text-align: center;
}
.field__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.field__file-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.field__file-fake {
  width: calc(100% - 130px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #c7c7c7;
  border-radius: 3px 0 0 3px;
  border-right: none;
}
.field__file-button {
  width: 130px;
  height: 100%;
  background: #ffd0d0;
  font-size: 1.125rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.field__file-upload {
  width: 130px;
  height: 100%;
  background: #ffd0d0;
  font-size: 1.125rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}

.not-found-wrapper {
  display: flex;
  flex-direction: column;
}
.not-found-block {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-bottom: var(--margin-medium);
}
.not-found-404 {
  text-align: center;
  font-weight: 900;
  font-size: clamp(228px, 13.3333333333vw, 256px);
}
@media (max-width: 767px) {
  .not-found-404 {
    font-size: clamp(128px, 8.125vw, 156px);
  }
}
.not-found-description {
  text-align: center;
  font-size: clamp(32px, 2.5vw, 48px);
}
@media (max-width: 767px) {
  .not-found-description {
    font-size: clamp(28px, 1.6666666667vw, 32px);
  }
}
.not-found-text {
  margin-top: var(--margin-small);
  font-size: clamp(14px, 0.8333333333vw, 16px);
  text-align: center;
}
.not-found-button {
  color: var(--color-text);
  margin: auto;
}

.error-block {
  display: flex;
  gap: var(--gap-xs);
  margin: var(--margin-xs);
  font-weight: 600;
}
.error-block__caption {
  color: var(--color-error);
  font-weight: 800;
}
.error-block__query {
  color: #293da6;
}
.error-block__content {
  color: #bd8727;
}

.notification {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: var(--padding-xs);
  background-color: whitesmoke;
  border-radius: var(--border-radius-xs);
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.5);
  border: none;
}
.notification__close-button {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: none;
  cursor: pointer;
}
.notification__close-button__wrapper {
  position: relative;
  width: 100%;
  height: 25px;
}
.notification__message {
  font-size: clamp(14px, 0.8333333333vw, 16px);
  font-family: Overpass, "sans-serif";
  padding-left: var(--padding-xs);
  padding-right: var(--padding-medium);
}
.notification__message div {
  display: flex;
  gap: var(--gap-xs);
}
.notification__message span {
  font-weight: 600;
}

.progress {
  width: 100%;
  height: 3px;
}
.progress-wrap {
  background: var(--color-accent);
  overflow: hidden;
  position: relative;
  border-radius: var(--border-radius-xs);
}
.progress-bar {
  background: #ddd;
  left: 0;
  position: absolute;
  top: 0;
}

:root {
  --margin-xs: 0.5rem;
  --margin-small: 1rem;
  --margin-medium: 2rem;
  --margin-large: 3rem;
  --margin-xl: 4rem;
  --padding-xs: 0.5rem;
  --padding-small: 1rem;
  --padding-medium: 2rem;
  --padding-large: 3rem;
  --padding-xl: 4rem;
  --gap-xs: 0.5rem;
  --gap-small: 1rem;
  --gap-medium: 2rem;
  --gap-large: 3rem;
  --gap-xl: 4rem;
  --border-radius-xs: 0.5rem;
  --border-radius-small: 1rem;
  --border-radius-medium: 2rem;
  --border-radius-large: 3rem;
  --border-radius-xl: 4rem;
  --margin-containers: 32px;
  --header-size: 76px;
  --main-margin: 100px;
  --left-right-margin: 270px;
  --item-shadow: 0 0 15px rgba(50,50,50, 0.5);
  --btn-shadow: 0 0 5px #212533;
  --row-line-height: 16.5px;
  --selector-size: 12px;
  /*New colors palette*/
  --color-accent: #89A2FA;
  /* Light Theme colors */
  --color-light: #F5F6FA;
  --color-light-grey: #e5e7ea;
  --color-black: #111111;
  --color-dark: #131619;
  --color-dark-80: rgba(19, 22, 25, 0.8);
  --color-dark-40: rgba(19, 22, 25, 0.4);
  --color-grey: #e9ecea;
  --color-dark-brown: #525252;
  --color-light-brown: #F2F1EB;
  --color-green: #438c37;
  /*Light palette*/
  --light-color-base: #F5F6FA;
  --light-color-content: #212533;
  --light-color-neutral: #A1A5B2;
  --light-color-accent: #1946E5;
  --light-color-gradient-dark: linear-gradient(0deg, rgba(33,37,51,1) 0%, rgba(46,53,77,1) 100%);
  --light-color-gradient-dark-hover: linear-gradient(0deg, rgba(36,39,51,1) 0%, rgba(46,52,71,1) 100%);
  --light-color-error: #B24747;
  --light-color-success: #56B247;
  /*Dark palette*/
  --dark-color-base: #131619;
  --dark-color-primary: #797979;
  --dark-color-neutral: #FFFFFF;
  --dark-color-text-alt: #929a9e;
  --dark-color-accent: #FFFFFF;
  /*Classic palette*/
  --classic-color-base: #E5DE35;
  --classic-color-primary: #2D2C2C;
  --classic-color-neutral: #E0E0E0;
}

body.light-theme {
  --color-error: var(--light-color-error);
  --color-success: var(--light-color-success);
  /*Text*/
  --color-primary-text-color: var(--light-color-content);
  --color-primary-text-alt: #262A33;
  /*Header*/
  --color-header-background: var(--light-color-base);
  /*Disabled*/
  --color-btn-disabled-background: #D2D4D9;
  --color-btn-disabled-text: var(--light-color-neutral);
  --color-btn-disabled-border: var(--light-color-neutral);
  /*Scroll*/
  --color-scrollbar-background: #D2D4D9;
  --color-scrollbar-thumb: var(--light-color-neutral);
  /*Main*/
  --color-border: #c0c0c0;
  --color-background: #F5F6FA;
  --color-background-alt: var(--light-color-gradient-dark);
  --color-project-background: #FAFBFC;
  --color-project-container-shadow: var(--light-color-content);
  --color-text: var(--light-color-content);
  --color-item-list: var(--light-color-neutral);
  --color-active: var(--light-color-content);
  /*Button*/
  --color-btn-border: var(--light-color-content);
  --color-btn-pressed: var(--light-color-content);
  --color-btn-background: var(--light-color-gradient-dark);
  --color-btn-text: #FAFAFC;
  --color-btn-shadow: var(--light-color-content);
  /*Popup*/
  --color-popup-background: var(--light-color-base);
  --color-popup-text: var(--light-color-content);
  /*Dropdown*/
  --color-dropdown-background: var(--light-color-base);
  /*Table*/
  --color-table-icons-fill: var(--light-color-base);
  --color-table-th: var(--light-color-content);
  --color-background-table-tr: #D8DCEB;
  --color-background-table-th: var(--light-color-base);
  --color-table-item: var(--color-dark-brown);
  --color-active-page-btn: #D8DCEB;
  --color-filtering-arrows: var(--light-color-accent);
  /*Selector*/
  --color-selector-background: #FAFBFC;
  --color-selector-list-background: #FAFBFC;
  --color-selector-text: var(--light-color-content);
  --color-selector-scrollbar-thumb: #525252;
  /*Input*/
  --color-input-border: var(--light-color-neutral);
  --color-input-background-hover: #f1efef;
  --color-input-border-focus: #89A2FA;
  /*Theme Switcher*/
  --color-theme-switcher: var(--color-light-grey);
  /*Hover effect*/
  --color-shadow-hover: var(--light-color-content);
  --color-btn-hover-border: #89A2FA;
  --color-btn-background-hover: var(--light-color-gradient-dark-hover);
  --color-dropdown-text-hover: var(--light-color-content);
  --color-background-hover: var(--color-light-grey);
  --color-table-element-hover: #E2E2E2;
  --color-text-hover: #89A2FA;
  --color-item-list-hover: #89A2FA;
}

body.dark-theme {
  --color-error: var(--light-color-error);
  --color-success: var(--light-color-success);
  /*Text*/
  --color-primary-text-color: var(--dark-color-neutral);
  --color-primary-text-alt: var(--dark-color-neutral);
  /*Header*/
  --color-header-background: var(--dark-color-base);
  /*Disabled*/
  --color-btn-disabled-background: var(--dark-color-primary);
  --color-btn-disabled-text: #B8C2CC;
  --color-btn-disabled-border: #B8C2CC;
  /*Scroll*/
  --color-scrollbar-thumb: color-mix(in srgb, var(--dark-color-base) 80%, white);
  --color-scrollbar-background: var(--dark-color-base);
  /*Main*/
  --color-border: #B8C2CC;
  --color-background: #1B1F24;
  --color-background-alt: #0A0D0D;
  --color-project-background: #1B1F24;
  --color-project-container-shadow: var(--dark-color-base);
  --color-text: #EFEFEF;
  --color-item-list: #A1A5B2;
  --color-active: var(--dark-color-accent);
  /*Button*/
  --color-btn-border: #17181A;
  --color-btn-pressed: var(--light-color-content);
  --color-btn-background: #0A0D0D;
  --color-btn-text: #EFEFEF;
  --color-btn-shadow: #0A0D0D;
  /*Popup*/
  --color-popup-background: var(--dark-color-base);
  --color-popup-text: var(--dark-color-accent);
  /*Dropdown*/
  --color-dropdown-background: var(--dark-color-base);
  /*Table*/
  --color-table-icons-fill: var(--light-color-base);
  --color-table-th: #FFFFFF;
  --color-background-table-tr: #1B1F24;
  --color-background-table-th: var(--dark-color-base);
  --color-table-item: #EFEFEF;
  --color-active-page-btn: #0A0D0D;
  --color-filtering-arrows: var(--light-color-accent);
  /*Input*/
  --color-input-background-hover: #f1efef;
  /*Selector*/
  --color-selector-background: #0A0D0D;
  --color-selector-list-background: var(--dark-color-base);
  --color-selector-text: var(--light-color-base);
  --color-selector-scrollbar-thumb: #525252;
  --color-selector-scrollbar-background: #262A33;
  /*Theme Switcher*/
  --color-theme-switcher: #232d38;
  /*Hover effect*/
  --color-shadow-hover: var(--dark-color-base);
  --color-btn-hover-border: #89A2FA;
  --color-dropdown-text-hover: var(--light-color-content);
  --color-btn-background-hover: #0C0D0D;
  --color-background-hover: rgb(49, 49, 49);
  --color-table-element-hover: #4b4e4e;
  --color-text-hover: #89A2FA;
  --color-item-list-hover: #f5f5f5;
}

.mlkm {
  padding: var(--padding-medium);
  min-height: 100vh;
}
.mlkm-header {
  margin-bottom: var(--margin-medium);
  text-align: center;
}
.mlkm-header .mlkm-title {
  color: #1e293b;
  font-size: clamp(24px, 1.6666666667vw, 32px);
  font-weight: 700;
  margin: 0;
  background: linear-gradient(135deg, #3b82f6, #1d4ed8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.mlkm-content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
  max-width: 800px;
  margin: 0 auto;
}
.mlkm-section {
  background: #ffffff;
  border-radius: var(--border-radius-small);
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
  overflow: hidden;
  border: 1px solid rgba(226, 232, 240, 0.8);
  backdrop-filter: blur(10px);
}
.mlkm-section__header {
  background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
  padding: var(--padding-small);
  border-bottom: none;
}
.mlkm-section__header h5 {
  color: #ffffff;
  margin: 0;
  font-size: clamp(18px, 1.0416666667vw, 20px);
  font-weight: 600;
  letter-spacing: -0.025em;
}
.mlkm-section__body {
  padding: var(--padding-medium);
}
.mlkm-form {
  display: flex;
  flex-direction: column;
  gap: var(--gap-medium);
}
.mlkm-form__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--gap-medium);
}
@media (max-width: 767px) {
  .mlkm-form__row {
    grid-template-columns: 1fr;
    gap: var(--gap-small);
  }
}
.mlkm-form__label {
  display: flex;
  flex-direction: column;
  gap: var(--gap-xs);
}
.mlkm-form__label span {
  color: #374151;
  font-weight: 600;
  font-size: 0.875rem;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.mlkm-form__label .password-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.mlkm-form__label .input-text {
  padding: var(--padding-xs) var(--padding-small);
  border: 2px solid #e5e7eb;
  border-radius: var(--border-radius-xs);
  background: #ffffff;
  color: #1f2937;
  font-size: 1rem;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  width: 100%;
}
.mlkm-form__label .input-text::placeholder {
  color: #9ca3af;
  font-weight: 400;
}
.mlkm-form__label .input-text:focus {
  outline: none;
  border-color: #3b82f6;
  box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  transform: translateY(-1px);
}
@media (hover: hover) {
  .mlkm-form__label .input-text:hover {
    border-color: #d1d5db;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  }
}
@media (hover: none) {
  .mlkm-form__label .input-text:active {
    border-color: #d1d5db;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.1);
  }
}
.mlkm-form__label .password-input-wrapper .input-text {
  padding-right: 3rem;
}
.mlkm-form__label .password-toggle {
  position: absolute;
  right: 0.5rem;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  color: #6b7280;
  cursor: pointer;
  padding: 0.5rem;
  border-radius: var(--border-radius-xs);
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
  width: 2rem;
  height: 2rem;
}
.mlkm-form__label .password-toggle:focus {
  outline: none;
  color: #3b82f6;
  background: rgba(59, 130, 246, 0.1);
}
@media (hover: hover) {
  .mlkm-form__label .password-toggle:hover {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
  }
}
@media (hover: none) {
  .mlkm-form__label .password-toggle:active {
    color: #3b82f6;
    background: rgba(59, 130, 246, 0.1);
  }
}
.mlkm-form__label .password-toggle .password-icon {
  width: 1rem;
  height: 1rem;
  object-fit: contain;
}
.mlkm-form__hint {
  color: #6b7280;
  font-size: 0.75rem;
  margin-top: var(--margin-xs);
  font-style: italic;
}
.mlkm-form__button {
  align-self: flex-start;
  padding: var(--padding-xs) var(--padding-medium);
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: #ffffff;
  border: none;
  border-radius: var(--border-radius-xs);
  font-weight: 600;
  font-size: 1rem;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
  position: relative;
  overflow: hidden;
}
.mlkm-form__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
@media (hover: hover) {
  .mlkm-form__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px 0 rgba(59, 130, 246, 0.5);
  }
  .mlkm-form__button:hover::before {
    left: 100%;
  }
}
@media (hover: none) {
  .mlkm-form__button:active {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px 0 rgba(59, 130, 246, 0.5);
  }
  .mlkm-form__button:active::before {
    left: 100%;
  }
}
.mlkm-form__button:active {
  transform: translateY(0);
  box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
}
.mlkm-form__button i {
  margin-right: var(--margin-xs);
  font-size: 0.875rem;
}

.button {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: var(--padding-xs) var(--padding-medium);
  background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
  color: #ffffff;
  border: none;
  border-radius: var(--border-radius-xs);
  font-weight: 600;
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
}
@media (hover: hover) {
  .button:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px 0 rgba(59, 130, 246, 0.5);
  }
}
@media (hover: none) {
  .button:active {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px 0 rgba(59, 130, 246, 0.5);
  }
}
.button:active {
  transform: translateY(0);
  box-shadow: 0 4px 14px 0 rgba(59, 130, 246, 0.4);
}

@media (max-width: 767px) {
  .mlkm {
    padding: var(--padding-small);
  }
  .mlkm-header .mlkm-title {
    font-size: clamp(20px, 1.25vw, 24px);
  }
  .mlkm-section__body {
    padding: var(--padding-small);
  }
  .mlkm-form__button {
    width: 100%;
    justify-content: center;
  }
}
.mainContainerBlocks {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: var(--gap-small);
}

.mainContainerUploadFiles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  flex-wrap: wrap;
}

.containerUploadFile {
  width: 740px;
  margin: var(--margin-small) 0;
  text-align: center;
  background: #ffffe0 none repeat scroll 0 0;
  border: 2px dashed #c0c0c0;
  border-radius: 15px;
  overflow: hidden;
  transition: all 0.5s ease 0s;
}
@media (hover: hover) {
  .containerUploadFile:hover {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    border: 0;
  }
}
@media (hover: none) {
  .containerUploadFile:active {
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.5);
    border: 0;
  }
}

.containerUploadOneFile {
  text-align: center;
  background: #ffffe0;
}

.uploadFileTitle {
  display: flex;
  justify-content: center;
  width: 100%;
  background: #ffffa0;
  text-align: center;
  margin: var(--margin-small) 6rem;
  padding: 10px;
  font-weight: bold;
  font-size: 14px;
  font-family: Overpass, "sans-serif";
  color: #3366cc;
  border: 1px solid #ccc;
  cursor: pointer;
  border-radius: 5px;
}
.uploadFileTitle__wrapper {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}

.uploadFileTitle.titleMini {
  width: 100%;
  margin: 0 0 10px 0;
  background: #ffffb0;
  color: #400000;
  border: none; /* Убираем все рамки */
  border-bottom: 1px solid #ccc;
  white-space: nowrap; /* Запрещаем перенос строк */
  overflow: hidden; /* Скрываем текст, выходящий за границы */
  text-overflow: ellipsis;
}

ul.files1File, ul#files0, ul#files1, ul#files2, ul#files4, ul#files5, ul.uploadFilezz {
  list-style: none;
  padding: 0;
  margin: 0;
}
ul.files1File li, ul#files0 li, ul#files1 li, ul#files2 li, ul#files4 li, ul#files5 li, ul.uploadFilezz li {
  padding: 10px;
  margin-bottom: 2px;
  width: 200px;
  float: left;
  margin-right: 10px;
}
ul.files1File li img, ul#files0 li img, ul#files1 li img, ul#files2 li img, ul#files4 li img, ul#files5 li img, ul.uploadFilezz li img {
  max-width: 160px;
  max-height: 150px;
}

.error {
  background: #f0c6c3;
  border: 1px solid #cc6622;
}

.choose_file__wrapper {
  width: 100%;
  min-height: 25px;
  max-height: 60px;
  position: relative;
  margin: 15px 0;
  text-align: center;
}
.choose_file__file {
  opacity: 0;
  visibility: hidden;
  position: absolute;
}
.choose_file__file-wrapper {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: center;
  position: relative;
}
.choose_file__file-fake {
  width: calc(100% - 130px);
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #c7c7c7;
  border-radius: 3px 0 0 3px;
  border-right: none;
  display: none;
}
.choose_file__file-button {
  width: 130px;
  height: 100%;
  background: #ffd0d0;
  font-size: 1.125rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}
.choose_file__file-upload {
  width: 130px;
  height: 100%;
  background: #ffd0d0;
  font-size: 1.125rem;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
}

.upload-file-text {
  font-style: italic;
  font-weight: 600;
}
.upload-file-address {
  margin: var(--margin-xs) 0;
}
.upload-file-address.alone {
  margin: 0;
}

#upNull, .upload1File, #upload0, #upload1, #upload3, #upload4, #upload5, #upload {
  margin: 10px 30px;
  padding: 10px;
  font-weight: bold;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  background: #f2f2f2;
  color: #3366cc;
  border: 1px solid #ccc;
  width: 140px;
  cursor: pointer !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.status1File, #status0, #status1, #status2, #status4, #status5, #status {
  font-family: Arial, serif;
  padding: 5px;
}

#fileUploadResult {
  padding: var(--padding-small);
}
#fileUploadResult:empty {
  padding: 0;
}

@media (max-width: 1200px) {
  .containerUploadFile {
    width: 100%;
  }
}

/*# sourceMappingURL=styles.css.map */