/* (с) Юрий Лазаренко, Севастополь
   e-mail lazarenkoyv@mail.ru
   v-can.Site
   v 8.1.2.7
   15.12.2025
*/

@font-face{
    font-family: "SuisseIntl";
    src: url("fonts/suisse.eot");
    src: url("fonts/suisse.eot?#iefix")format("embedded-opentype"),
        url("fonts/suisse.woff")format("woff"),
        url("fonts/suisse.woff2")format("woff2"),
        url("fonts/suisse.ttf")format("truetype"),
        url("fonts/suisse.svg#SuisseIntl-Regular")format("svg");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face {
	font-family: 'Gilroy';
	src: url('fonts/gilroy-regular.eot');
	src: url('fonts/gilroy-regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/gilroy-regular.woff2') format('woff2'),
		url('fonts/gilroy-regular.woff') format('woff'),
		url('fonts/gilroy-regular.ttf') format('truetype'),
		url('fonts/gilroy-regular.svg#gilroy-regular') format('svg');
}

:root {
  --block-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.16); /* #d6d6d6 */
  --blue-back: rgba(240, 244, 247, 1); /* #f0f4f7 */
  --body-font-family: "Suisse Intl", Helvetica;
  --body-font-size: 13px;
  --body-font-style: normal;
  --body-font-weight: 400;
  --body-letter-spacing: 0px;
  --body-line-height: 16px;
  --brand-1: rgba(0, 58, 125, 1); /* #003a7d */
  --brand-2: rgba(255, 123, 0, 1); /* #ff7b00 */
  --divider: rgba(225, 230, 234, 1); /* #ffe6ea */
  --h1-font-family: "Gilroy", Helvetica;
  --h1-font-size: 22px;
  --h1-font-style: normal;
  --h1-font-weight: 400;
  --h1-letter-spacing: 0px;
  --h1-line-height: 28px;
  --h2-font-family: "Gilroy", Helvetica;
  --h2-font-size: 20px;
  --h2-font-style: normal;
  --h2-font-weight: 600;
  --h2-letter-spacing: 0px;
  --h2-line-height: 29px;
  --h2-mobile-font-size: 17px;
  --h3-font-family: "Gilroy", Helvetica;
  --h3-font-size: 17px;
  --h3-font-style: normal;
  --h3-font-weight: 600;
  --h3-letter-spacing: 0px;
  --h3-line-height: 21px;
  --h3-mobile-font-size: 15px;
  --h4-font-family: "Gilroy", Helvetica;
  --h4-font-size: 15px;
  --h4-font-style: normal;
  --h4-font-weight: 600;
  --h4-letter-spacing: 0px;
  --h4-line-height: 19px;
  --icon-dark: rgba(101, 109, 117, 1); /* #656d75 */
  --icon-light: rgba(128, 134, 146, 1); /* #808692 */
  --icon-hover: rgba(55, 60, 65, 1); /* #373c41 */
  --input-borders: rgba(218, 225, 230, 1); /* #dae1e6 */
  --left-menu: rgba(167, 207, 255, 1); /* #a7cfff */
  --left-menu-hover-back: rgba(0, 45, 98, 1); /* #002d62 */
  --light-grey-back: rgba(245, 246, 248, 1); /* #f5f6f8 */
  --link: rgba(32, 93, 164, 1); /* #205da4 */
  --tab-header-active: rgba(9, 64, 128, 1); /* #094080 */
  --tab-header-border: rgba(225, 230, 234, 1); /* #e1e6ea */
  --main-button: rgba(41, 103, 176, 1); /* #2967b0 */
  --placeholder: rgba(109, 111, 118, 1); /* #6d6f76 */
  --hint-back: rgba(109, 109, 109, 1); /* #6d6d6d */
  --reg-15-font-family: "Roboto", Helvetica;
  --reg-15-font-size: 13px;
  --reg-15-font-style: normal;
  --reg-15-font-weight: 400;
  --reg-15-letter-spacing: 0px;
  --reg-15-line-height: 18px;
  --small-font-family: "Suisse Intl", Helvetica;
  --small-font-size: 12px;
  --small-font-style: normal;
  --small-font-weight: 400;
  --small-letter-spacing: 0px;
  --small-line-height: 16px;
  --text-black: rgba(17, 17, 17, 1); /* #111111 */
  --text-red: rgba(176, 0, 3, 1); /* #b00003 */
  --text-grey: rgba(80, 81, 86, 1); /* #505156 */
  --text-deep-grey: rgba(102, 102, 102, 1); /* #666666 */
  --black: rgba(14, 15, 15, 1); /* #0e0f0f */
  --white: rgba(255, 255, 255, 1); /* #ffffff */
  --list-hover: rgba(247, 250, 252, 1); /* #f7fafc */
  --list-header-hover: rgba(70, 154, 255, 1); /* #469aff */
  --light-grey-border: rgba(221, 221, 221, 1); /* #dddddd */
  --choosen: rgba(224, 238, 255, 1); /* #e0eeff; */
  --slider: rgba(193, 198, 205, 1); /* #c1c6cd */
  --slider-checked: rgba(59, 134, 222, 1); /* #3b86de */
  --search-term: rgba(193, 222, 255, 1); /* #c1deff */ 
  --texteditor-placeholder: rgba(120, 120, 120, 1); /* #787878 */ 
  --message-bg: rgba(223, 233, 240, 1); /* #dfe9f0 */ 
  --coral: rgba(255, 170, 172, 1); /* #ffaaac */
  --count-mobile: rgba(255, 169, 90, 1) /* #ffa95a */
}

*, ::before, ::after{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff; /* # */
  --tw-ring-color: rgb(59 130 246 / 0.5); /* # */
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}

::backdrop{
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position:  ;
  --tw-gradient-via-position:  ;
  --tw-gradient-to-position:  ;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5); /* # */
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
  --tw-contain-size:  ;
  --tw-contain-layout:  ;
  --tw-contain-paint:  ;
  --tw-contain-style:  ;
}


*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e5e7eb; /* 2 */
}

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  /*line-height: inherit; /* 2 */
  font-family: SuisseIntl;
  font-size: var(--body-font-size);
  font-weight: var(--body-font-weight);
  line-height: 16px;
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
  text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
  color: var(--link);
  text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
  font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
  text-indent: 0; /* 1 */
  border-color: inherit; /* 2 */
  border-collapse: collapse; /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-feature-settings: inherit; /* 1 */
  font-variation-settings: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  letter-spacing: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
  box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
  vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
  display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Reset default styling for dialogs.
*/

dialog {
  padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

input::placeholder,
textarea::placeholder {
  opacity: 1; /* 1 */
  color: var(--placeholder); /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
  cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block; /* 1 */
  vertical-align: middle; /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
  max-width: 100%;
  height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden]:where(:not([hidden="until-found"])) {
  display: none;
}

:root {
    --background: 0 0% 100%;
    --foreground: 222.2 47.4% 11.2%;

    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;

    --popover: 0 0% 100%;
    --popover-foreground: 222.2 47.4% 11.2%;

    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;

    --card: transparent;
    --card-foreground: 222.2 47.4% 11.2%;

    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;

    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;

    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;

    --destructive: 0 100% 50%;
    --destructive-foreground: 210 40% 98%;

    --ring: 215 20.2% 65.1%;

    --radius: 0.5rem;
  }

*{
  border-color: hsl(var(--border));
}

body{
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
    font-feature-settings: "rlig" 1, "calt" 1;
}
.float-left {
	float: left;
}
.float-right {
	float: right;
}
.fixed{
  position: fixed;
}
.absolute{
  position: absolute;
}
.relative{
  position: relative;
}
.-top-2{
  top: -0.5rem;
}
.-top-px{
  top: -1px;
}
.top-5px{
  top: 5px;
}
.-right-2{
  right: -0.5rem;
}
.-right-12px{
  right: -12px;
}
.bottom-0{
  bottom: 0px;
}
.bottom-5{
  bottom: 1.25rem;
}
.left-0{
  left: 0px;
}
.left-2{
  left: 0.5rem;
}
.left-2\.5{
  left: 0.625rem;
}
.left-\[10px\]{
  left: 10px;
}
.left-\[8px\]{
  left: 8px;
}
.left-\[9px\]{
  left: 9px;
}
.left-\[18px\]{
  left: 18px;
}
.left-\[73px\]{
  left: 73px;
}
.left-\[121px\]{
  left: 121px;
}
.left-\[129px\]{
  left: 129px;
}
.left-\[211px\]{
  left: 211px;
}
.left-\[319px\]{
  left: 319px;
}
.left-\[409px\]{
  left: 409px;
}
.left-\[874px\]{
  left: 874px;
}
.left-\[1062px\]{
  left: 1062px;
}
.top-0{
  top: 0px;
}
.top-1\/2{
  top: 50%;
}
.top-2{
  top: 0.5rem;
}
.top-3\.5{
  top: 0.875rem;
}
.top-\[10px\]{
  top: 10px;
}
.top-\[11px\]{
  top: 11px;
}
.top-\[18px\]{
  top: 18px;
}
.top-\[3px\]{
  top: 3px;
}
.top-\[457px\]{
  top: 457px;
}
.top-\[703px\]{
  top: 703px;
}
.top-\[22\%\]{
  top: 22%;
}
.top-\[7px\]{
  top: 7px;
}
.top-px{
  top: 1px;
}
.m-0px{
  margin: 0px;
}
.m-15px{
  margin: 15px;
}
.m-18px{
  margin: 18px;
}
.mx-4{
  margin-left: 1rem;
  margin-right: 1rem;
}
.mx--30px{
  margin-left: -30px;
  margin-right: -30px;
}
.mxr-13px{
  margin-right: 13px;
}
.mxr-20px{
  margin-right: 20px;
}
.my-11px{
  margin-top: 11px;
  margin-bottom: 11px;
}
.mb-2{
  margin-bottom: 0.5rem;
}
.mb-3{
  margin-bottom: 0.75rem;
}
.mb-5{
  margin-bottom: 1.25rem;
}
.mb-11px{
  margin-bottom: 11px;
}
.mb-12px{
  margin-bottom: 12px;
}
.mb-15px{
  margin-bottom: 15px;
}
.mb-3px{
  margin-bottom: 3px;
}
.ml-1{
  margin-left: 0.25rem;
}
.ml-2\.5{
  margin-left: 0.625rem;
}
.ml-4{
  margin-left: 1rem;
}
.ml-10px{
  margin-left: 10px;
}
.ml-\[25px\]{
  margin-left: 25px;
}
.ml-\[28px\]{
  margin-left: 28px;
}
.ml-\[35\.5px\]{
  margin-left: 35.5px;
}
.ml-\[60px\]{
  margin-left: 60px;
}
.ml-12px{
  margin-left: 12px;
}
.ml--12px{
  margin-left: -12px;
}
.mr-\[-14\.00px\]{
  margin-right: -14.00px;
}
.mr-1px{
  margin-right: 1px;
}
.mr-3px{
  margin-right: 3px;
}
.mr-7px{
  margin-right: 7px;
}
.mr-8px{
  margin-right: 8px;
}
.mr-9px{
  margin-right: 9px;
}
.mr-12px{
  margin-right: 12px;
}
.mr-14px{
  margin-right: 14px;
}
.mr-28px{
  margin-right: 28px;
}
.mr-40px{
  margin-right: 40px;
}
.mt-2{
  margin-top: 0.5rem;
}
.mt-2px{
  margin-top: 2px;
}
.mt-6px{
  margin-top: 6px;
}
.mt-2\.5{
  margin-top: 0.625rem;
}
.mt-4{
  margin-top: 1rem;
}
.mt-6{
  margin-top: 1.5rem;
}
.mt-8{
  margin-top: 2rem;
}
.mt--5px{
  margin-top: -5px;
}
.child-mb-5 > *{
  margin-bottom: 1.25rem;
}
.flex{
  display: flex;
}
.inline-flex{
  display: inline-flex;
}
.table{
  display: table;
}
.grid{
  display: grid;
}
.hidden{
  display: none;
}
.aspect-square{
  aspect-ratio: 1 / 1;
}
.h-10{
  height: 2.5rem;
}
.h-11{
  height: 2.75rem;
}
.h-12{
  height: 3rem;
}
.h-3{
  height: 0.75rem;
}
.h-4{
  height: 1rem;
}
.h-5{
  height: 1.25rem;
}
.h-6{
  height: 1.5rem;
}
.h-7{
  height: 1.75rem;
}
.h-8{
  height: 2rem;
}
.h-9{
  height: 2.25rem;
}
.h-\[1px\]{
  height: 1px;
}
.h-\[3px\]{
  height: 3px;
}
.h-\[4px\]{
  height: 4px;
}
.h-\[6px\]{
  height: 6px;
}
.h-\[7px\]{
  height: 7px;
}
.h-\[8px\]{
  height: 8px;
}
.h-\[9px\]{
  height: 9px;
}
.h-\[10px\]{
  height: 10px;
}
.h-\[11px\]{
  height: 11px;
}
.h-\[12px\]{
  height: 12px;
}
.h-\[13px\]{
  height: 13px;
}
.h-\[15px\]{
  height: 15px;
}
.h-\[16px\]{
  height: 16px;
}
.h-\[17px\]{
  height: 17px;
}
.h-\[18px\]{
  height: 18px;
}
.h-\[19px\]{
  height: 19px;
}
.h-\[20px\]{
  height: 20px;
}
.h-\[21px\]{
  height: 21px;
}
.h-\[22px\]{
  height: 22px;
}
.h-\[23px\]{
  height: 23px;
}
.h-\[24px\]{
  height: 24px;
}
.h-\[25px\]{
  height: 25px;
}
.h-\[27px\]{
  height: 27px;
}
.h-\[28px\]{
  height: 28px;
}
.h-\[29px\]{
  height: 29px;
}
.h-\[32px\]{
  height: 32px;
}
.h-\[33px\]{
  height: 33px;
}
.h-\[37px\]{
  height: 37px;
}
.h-\[38px\]{
  height: 38px;
}
.h-\[40px\]{
  height: 40px;
}
.h-\[60px\]{
  height: 60px;
}
.h-\[61px\]{
  height: 61px;
}
.h-\[768px\]{
  height: 768px;
}
.h-full{
  height: 100%;
}
.h-px{
  height: 1px;
}
.w-0\.5{
  width: 0.125rem;
}
.w-10{
  width: 2.5rem;
}
.w-20{
  width: 5rem;
}
.w-3{
  width: 0.75rem;
}
.w-4{
  width: 1rem;
}
.w-40{
  width: 10rem;
}
.w-5{
  width: 1.25rem;
}
.w-6{
  width: 1.5rem;
}
.w-7{
  width: 1.75rem;
}
.w-9{
  width: 2.25rem;
}
.w-\[110px\]{
  width: 110px;
}
.w-120px{
  width: 120px;
}
.w-\[1366px\]{
  width: 1366px;
}
.w-\[143px\]{
  width: 143px;
}
.w-\[154px\]{
  width: 154px;
}
.w-\[1px\]{
  width: 1px;
}
.w-\[260px\]{
  width: 260px;
}
.w-\[267px\]{
  width: 267px;
}
.w-\[37px\]{
  width: 37px;
}
.w-\[437px\]{
  width: 437px;
}
.w-\[54px\]{
  width: 54px;
}
.w-\[60px\]{
  width: 60px;
}
.w-\[62px\]{
  width: 62px;
}
.w-\[63px\]{
  width: 63px;
}
.w-\[66px\]{
  width: 66px;
}
.w-\[83px\]{
  width: 83px;
}
.w-\[91px\]{
  width: 91px;
}
.w-\[95px\]{
  width: 95px;
}
.w-\[calc\(100\%-60px\)\]{
  width: calc(100% - 60px);
}
.w-full{
  width: 100%;
}
.flex-1{
  flex: 1 1 0%;
}
.flex-shrink-0{
  flex-shrink: 0;
}
.shrink-0{
  flex-shrink: 0;
}
.flex-grow{
  flex-grow: 1;
}
.caption-bottom{
  caption-side: bottom;
}
.-translate-y-1\/2{
  --tw-translate-y: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.transform{
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.grid-cols-4{
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.grid-cols-\[1fr_auto_auto_1fr\]{
  grid-template-columns: 1fr auto auto 1fr;
}
.flex-row{
  flex-direction: row;
}
.flex-col{
  flex-direction: column;
}
.flex-wrap{
  flex-wrap: wrap;
}
.text-center{
	text-align: center;
}
.items-center{
  align-items: center;
}
.justify-start{
  justify-content: flex-start;
}
.justify-center{
  justify-content: center;
}
.justify-between{
  justify-content: space-between;
}
.gap-0{
  gap: 0px;
}
.gap-1{
  gap: 0.25rem;
}
.gap-1\.5{
  gap: 0.375rem;
}
.gap-2{
  gap: 0.5rem;
}
.gap-2\.5{
  gap: 0.625rem;
}
.gap-4{
  gap: 1rem;
}
.gap-5{
  gap: 1.25rem;
}
.gap-6{
  gap: 1.5rem;
}
.gap-20px{
  gap: 20px;
}
.gap-26px{
  gap: 26px;
}
.gap-x-4{
  column-gap: 1rem;
}

.space-x-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0;
  margin-right: calc(1rem * var(--tw-space-x-reverse));
  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-1\.5 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0;
  margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(0.375rem * var(--tw-space-y-reverse));
}
.overflow-auto{
  overflow: auto;
}
.overflow-hidden{
  overflow: hidden;
}
.whitespace-nowrap{
  white-space: nowrap;
}
.rounded-\[10px\]{
  border-radius: 10px;
}
.rounded-full{
  border-radius: 9999px;
}
.rounded-lg{
  border-radius: var(--radius);
}
.rounded-md{
  border-radius: calc(var(--radius) - 2px);
}
.rounded-none{
  border-radius: 0px;
}
.rounded-xl{
  border-radius: 0.75rem;
}
.rounded-b-none{
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.rounded-t-md{
  border-top-left-radius: calc(var(--radius) - 2px);
  border-top-right-radius: calc(var(--radius) - 2px);
}
.border{
  border-width: 1px;
}
.border-0{
  border-width: 0px;
}
.border-2{
  border-width: 2px;
}
.border-b{
  border-bottom-width: 1px;
}
.border-t{
  border-top-width: 1px;
}
.border-dashed{
  border-style: dashed;
}
.border-\[\#8f8f8f\]{
  --tw-border-opacity: 1;
  border-color: rgb(143 143 143 / var(--tw-border-opacity, 1));
}
.border-blue-back{
  border-color: var(--blue-back);
}
.border-divider{
  border-color: var(--divider);
}
.border-input{
  border-color: hsl(var(--input));
}
.border-transparent{
  border-color: transparent;
}
.bg-\[\#19487f\]{
  --tw-bg-opacity: 1;
  background-color: rgb(25 72 127 / var(--tw-bg-opacity, 1));
}
.bg-\[\#54a0e3\]{
  --tw-bg-opacity: 1;
  background-color: rgb(84 160 227 / var(--tw-bg-opacity, 1));
}
.bg-\[\#d9d9d9\]{
  --tw-bg-opacity: 1;
  background-color: rgb(217 217 217 / var(--tw-bg-opacity, 1));
}
.bg-\[\#dfe5ea\]{
  --tw-bg-opacity: 1;
  background-color: rgb(223 229 234 / var(--tw-bg-opacity, 1));
}
.bg-\[\#e9f3ff\]{
  --tw-bg-opacity: 1;
  background-color: rgb(233 243 255 / var(--tw-bg-opacity, 1));
}
.bg-background{
  background-color: hsl(var(--background));
}
.bg-blue-back{
  background-color: var(--blue-back);
}
.bg-border{
  background-color: hsl(var(--border));
}
.bg-brand-1{
  background-color: var(--brand-1);
}
.bg-brand-2{
  background-color: var(--brand-2);
}
.bg-card{
  background-color: hsl(var(--card));
}
.bg-destructive{
  background-color: hsl(var(--destructive));
}
.bg-divider{
  background-color: var(--divider);
}
.bg-light-grey-back{
  background-color: var(--light-grey-back);
}
.bg-muted{
  background-color: hsl(var(--muted));
}
.bg-muted\/50{
  background-color: hsl(var(--muted) / 0.5);
}
.bg-primary{
  background-color: hsl(var(--primary));
}
.bg-secondary{
  background-color: hsl(var(--secondary));
}
.bg-transparent{
  background-color: transparent;
}
.bg-white{
  background-color: var(--white);
}
.bg-\[url\(https\:\/\/c\.animaapp\.com\/mbgryp2pViiky9\/img\/----\.png\)\]{
  background-image: url(https://c.animaapp.com/mbgryp2pViiky9/img/----.png);
}
.bg-\[100\%_100\%\]{
  background-position: 100% 100%;
}
.p-0{
  padding: 0px;
}
.p-1{
  padding: 0.25rem;
}
.p-2{
  padding: 0.5rem;
}
.p-2\.5{
  padding: 0.625rem;
}
.p-5{
  padding: 1.25rem;
}
.p-6{
  padding: 1.5rem;
}
.p-7{
  padding: 1.75rem;
}
.p-10px{
  padding: 10px;
}
.px-2{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-2\.5{
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
.px-3{
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.px-3\.5{
  padding-left: 0.875rem;
  padding-right: 0.875rem;
}
.px-4{
  padding-left: 1rem;
  padding-right: 1rem;
}
.px-7{
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.px-8{
  padding-left: 2rem;
  padding-right: 2rem;
}
.px-6px{
  padding-left: 6px;
  padding-right: 6px;
}
.pxl-7px{
  padding-left: 7px;
}
.pxl-20px{
  padding-left: 20px;
}
.pxr-3px{
  padding-right: 3px;
}
.pxr-20px{
  padding-right: 20px;
}
.py-0\.5{
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
}
.py-1{
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-12{
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.py-2{
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.py-3{
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}
.py-4{
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.py-10px{
  padding-top: 10px;
  padding-bottom: 10px;
}
.pyb-16px{
    padding-bottom: 14px;
}
.pb-0{
  padding-bottom: 0px;
}
.pl-2\.5{
  padding-left: 0.625rem;
}
.pl-8{
  padding-left: 2rem;
}
.pl-10{
  padding-left: 2.5rem;
}
.pl-29px{
  padding-left: 29px;
}
.pr-2\.5{
  padding-right: 0.625rem;
}
.pr-18px{
  padding-right: 18px;
}
.pr-31px{
  padding-right: 31px;
}
.pt-0px{
  padding-top: 0px;
}
.pt-5px{
  padding-top: 5px;
}
.pt-8px{
  padding-top: 8px;
}
.pt-10px{
  padding-top: 10px;
}
.text-left{
  text-align: left;
}
.align-middle{
  vertical-align: middle;
}
.font-body{
  font-family: var(--body-font-family);
}
.font-h1{
  font-family: var(--h1-font-family);
}
.font-h3{
  font-family: var(--h3-font-family);
}
.font-small{
  font-family: var(--small-font-family);
}
.text-\[11px\]{
  font-size: 11px;
}
.text-\[length\:var\(--body-font-size\)\]{
  font-size: var(--body-font-size);
}
.text-\[length\:var\(--h1-font-size\)\]{
  font-size: var(--h1-font-size);
}
.text-\[length\:var\(--h3-font-size\)\]{
  font-size: var(--h3-font-size);
}
.text-\[length\:var\(--small-font-size\)\]{
  font-size: var(--small-font-size);
}
.text-base{
  font-size: 1rem;
  line-height: 1.5rem;
}
.text-sm{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.text-xl{
  font-size: 1.25rem;
  line-height: 1.75rem;
}
.text-xs{
  font-size: 0.75rem;
  line-height: 1rem;
}
.font-\[number\:var\(--body-font-weight\)\]{
  font-weight: var(--body-font-weight);
}
.font-\[number\:var\(--h1-font-weight\)\]{
  font-weight: var(--h1-font-weight);
}
.font-\[number\:var\(--h3-font-weight\)\]{
  font-weight: var(--h3-font-weight);
}
.font-\[number\:var\(--small-font-weight\)\]{
  font-weight: var(--small-font-weight);
}
.font-medium{
  font-weight: 500;
}
.font-normal{
  font-weight: 400;
}
.font-semibold{
  font-weight: 600;
}
.leading-5{
  line-height: 1.25rem;
}
.leading-\[29px\]{
  line-height: 29px;
}
.leading-\[var\(--body-line-height\)\]{
  line-height: var(--body-line-height);
}
.leading-\[var\(--h1-line-height\)\]{
  line-height: var(--h1-line-height);
}
.leading-\[var\(--h3-line-height\)\]{
  line-height: var(--h3-line-height);
}
.leading-\[var\(--small-line-height\)\]{
  line-height: var(--small-line-height);
}
.leading-none{
  line-height: 1;
}
.tracking-\[var\(--body-letter-spacing\)\]{
  letter-spacing: var(--body-letter-spacing);
}
.tracking-\[var\(--h1-letter-spacing\)\]{
  letter-spacing: var(--h1-letter-spacing);
}
.tracking-\[var\(--h3-letter-spacing\)\]{
  letter-spacing: var(--h3-letter-spacing);
}
.tracking-\[var\(--small-letter-spacing\)\]{
  letter-spacing: var(--small-letter-spacing);
}
.tracking-tight{
  letter-spacing: -0.025em;
}
.text-\[\#6d6e75\]{
  --tw-text-opacity: 1;
  color: rgb(109 110 117 / var(--tw-text-opacity, 1));
}
.text-brand-1{
  color: var(--brand-1);
}
.text-card-foreground{
  color: hsl(var(--card-foreground));
}
.text-destructive-foreground{
  color: hsl(var(--destructive-foreground));
}
.text-foreground{
  color: hsl(var(--foreground));
}
.text-icon-dark{
  color: var(--icon-dark);
}
.text-icon-light{
  color: var(--icon-light);
}
.text-link{
  color: var(--link);
}
.text-muted-foreground{
	color: hsl(var(--muted-foreground));
}
.text-neutral-800{
  --tw-text-opacity: 1;
  color: rgb(38 38 38 / var(--tw-text-opacity, 1));
}
.text-placeholder{
  color: var(--placeholder);
}
.text-primary{
  color: hsl(var(--primary));
}
.text-primary-foreground{
  color: hsl(var(--primary-foreground));
}
.text-secondary-foreground{
  color: hsl(var(--secondary-foreground));
}
.text-text-black{
  color: var(--text-black);
}
.text-text-grey{
  color: var(--text-grey);
}
.text-text-red{
  color: var(--text-red);
}
.text-white{
  color: var(--white);
}
.underline-offset-4{
  text-underline-offset: 4px;
}
.shadow{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-\[0px_2px_0px_\#0000001a\]{
  --tw-shadow: 0px 2px 0px #0000001a;
  --tw-shadow-colored: 0px 2px 0px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-block-shadow{
  --tw-shadow: var(--block-shadow);
  --tw-shadow-colored: var(--block-shadow);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-none{
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.shadow-sm{
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
  outline-style: solid;
}
.ring-offset-background{
  --tw-ring-offset-color: hsl(var(--background));
}
.transition-all{
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.transition-colors{
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}
.\[background\:linear-gradient\(90deg\2c rgba\(255\2c 255\2c 255\2c 0\.2\)_0\%\2c rgba\(0\2c 57\2c 124\2c 0\)_100\%\)\]{
  background: linear-gradient(90deg,rgba(255,255,255,0.2) 0%,rgba(0,57,124,0) 100%); /* #ffffff #00397c*/
}
.\[font-style\:var\(--body-font-style\)\]{
  font-style: var(--body-font-style);
}
.\[font-style\:var\(--h3-font-style\)\]{
  font-style: var(--h3-font-style);
}
.\[font-style\:var\(--small-font-style\)\]{
  font-style: var(--small-font-style);
}
.file\:border-0::file-selector-button{
  border-width: 0px;
}
.file\:bg-transparent::file-selector-button{
  background-color: transparent;
}
.file\:text-sm::file-selector-button{
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.file\:font-medium::file-selector-button{
  font-weight: 500;
}
.file\:text-foreground::file-selector-button{
  color: hsl(var(--foreground));
}
.placeholder\:text-muted-foreground::placeholder{
  color: var(--placeholder);
}
.first\:pl-2\.5:first-child{
  padding-left: 0.625rem;
}
.hover\:bg-accent:hover{
  background-color: hsl(var(--accent));
}
.hover\:bg-light-grey:hover{
  background-color: hsl(var(--light-grey-back));
}
.hover\:bg-list-hover:hover{
  background-color: var(--list-hover);
}
.hover\:bg-destructive\/80:hover{
  background-color: hsl(var(--destructive) / 0.8);
}
.hover\:bg-destructive\/90:hover{
  background-color: hsl(var(--destructive) / 0.9);
}
.hover\:bg-muted\/50:hover{
  background-color: hsl(var(--muted) / 0.5);
}
.hover\:bg-primary\/80:hover{
  background-color: hsl(var(--primary) / 0.8);
}
.hover\:bg-primary\/90:hover{
  background-color: hsl(var(--primary) / 0.9);
}
.hover\:bg-secondary\/80:hover{
  background-color: hsl(var(--secondary) / 0.8);
}
.hover\:text-accent-foreground:hover{
  color: hsl(var(--accent-foreground));
}
.hover\:underline:hover{
  text-decoration-line: underline;
}
.focus\:outline-none:focus{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus\:ring-2:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus\:ring-ring:focus{
  --tw-ring-color: hsl(var(--ring));
}
.focus\:ring-offset-2:focus{
  --tw-ring-offset-width: 2px;
}
.focus-visible\:outline-none:focus-visible{
  outline: 2px solid transparent;
  outline-offset: 2px;
}
.focus-visible\:ring-1:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-2:focus-visible{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.focus-visible\:ring-ring:focus-visible{
  --tw-ring-color: hsl(var(--ring));
}
.focus-visible\:ring-offset-2:focus-visible{
  --tw-ring-offset-width: 2px;
}
.disabled\:pointer-events-none:disabled{
  pointer-events: none;
}
.disabled\:cursor-not-allowed:disabled{
  cursor: not-allowed;
}
.disabled\:opacity-50:disabled{
  opacity: 0.5;
}
.data-\[state\=active\]\:border-b-2[data-state="active"]{
  border-bottom-width: 2px;
}
.data-\[state\=active\]\:border-brand-1[data-state="active"]{
  border-color: var(--brand-1);
}
.data-\[state\=active\]\:bg-background[data-state="active"]{
  background-color: hsl(var(--background));
}
.data-\[state\=selected\]\:bg-muted[data-state="selected"]{
  background-color: hsl(var(--muted));
}
.data-\[state\=active\]\:text-\[\#083f7f\][data-state="active"]{
  --tw-text-opacity: 1;
  color: rgb(8 63 127 / var(--tw-text-opacity, 1));
}
.data-\[state\=active\]\:text-foreground[data-state="active"]{
  color: hsl(var(--foreground));
}
.data-\[state\=active\]\:shadow[data-state="active"]{
  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
@media (min-width: 640px){

  .sm\:inline{
    display: inline;
  }
}
@media (min-width: 768px){

  .md\:text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}
.\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role=checkbox]){
  padding-right: 0px;
}
.\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\]>[role=checkbox]{
  --tw-translate-y: 2px;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.\[\&\>tr\]\:last\:border-b-0:last-child>tr{
  border-bottom-width: 0px;
}
.\[\&_svg\]\:pointer-events-none svg{
  pointer-events: none;
}
.\[\&_svg\]\:size-4 svg{
  width: 1rem;
  height: 1rem;
}
.\[\&_svg\]\:shrink-0 svg{
  flex-shrink: 0;
}
.\[\&_tr\:last-child\]\:border-0 tr:last-child{
  border-width: 0px;
}
.\[\&_tr\]\:border-b tr{
  border-bottom-width: 1px;
}


/* Общие стили >>>>> */

html{
	font-size: 16px;
}
.preloader{
    width: 64px;
    height: 64px;
    z-index: 101;
    position: fixed;
    top: calc(50vh - 32px);
    left: calc(50vw - 32px);
    background: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(images/preloader.svg);}
.link-hover:hover{
	color: var(--link);
}
label {
	margin-bottom: 5px;
}
.form-control {
	box-shadow: none;
	-webkit-box-shadow: none;
}
.break-all {
	word-break: break-word;
}

/* Кнопки */
button.list-menu{
	padding: 10px 12px;
}
.btn{
	height: 37px;
	padding: 10px 11px;
	border-radius: 6px;
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	line-height: var(--body-line-height);
}
.btn:active,
.btn.active {
  outline: 0;
  box-shadow: none;
  background-image: none;
  -webkit-box-shadow: none;
}
.btn-default{
	color: var(--text-black);
	border-color: var(--input-borders);
}
.btn-default:hover{
	border-color: #d0d7dd;
	color: var(--text-black);
	background-color: #ffffff;
}
.btn-default:focus,
.btn-default.focus {
  border-color: #d0d7dd;
  background-color: #ffffff;
}

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-color: var(--choosen);
  border-color: var(--left-menu);
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  background-color: var(--choosen);
  border-color: var(--left-menu);
}
.btn-primary{
	background-color: var(--main-button);
}
.btn-primary:hover{
  border-color: #215796;
  background-color: #215796;
}
button.btn svg{
	margin-top: -1px;
	display: inline-block;
	vertical-align: bottom;
	color: var(--icon-dark);
}
button.btn img{
	margin-top: -1px;
	display: inline-block;
	vertical-align: middle;
}
button.btn span{
	margin-left: 3px;
}

/* Поле ввода */
input.digit-content { 
	text-align: left;
}
input.date{
 	width: 120px;
}

/* Поле ввода с заголовком */
.custom-field.one input {
	height: 37px;
	padding-right: 40px;
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	border: 1px solid var(--input-borders);
}
.custom-field.one.no-label {
	border-top: 0px;
}
.custom-field.one.no-buttons input {
	padding: var(--field-padding);
}
.custom-field.one.twobuttons input {
	padding-right: 40px;
}
.custom-field .placeholder {
	top: -16px;
	left: unset;
	overflow: visible;
	color: var(--text-black);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
    /*--field-padding: 0px;*/
}
.custom-field input.dirty + .placeholder,
.custom-field input:focus + .placeholder,
.custom-field input:not(:placeholder-shown) + .placeholder {
	top: -16px;
	color: var(--text-black);
	font-size: var(--body-font-size);
	border-color: var(--input-borders);
	font-weight: var(--body-font-weight);
}
.custom-field.one input.dirty + .placeholder,
.custom-field.one input:not(:placeholder-shown) + .placeholder,
.custom-field.one input:focus + .placeholder {
	top: -16px;
	width: auto;
	background: #ffffff;
	color: var(--text-black);
	font-size: var(--body-font-size);
	border-color: var(--input-borders);
	font-weight: var(--body-font-weight);
}
.custom-field.one input + .placeholder {
	left: 0px;
	padding: 0px;
	color: var(--text-black);
}
.custom-field.one input.dirty,
.custom-field.one input:not(:placeholder-shown) {
	color: var(--text-black);
	border-color: var(--input-borders);
	background-color: var(--choosen);
}
.custom-field.one input.dirty,
.custom-field.one input:focus {
	color: var(--text-black);
	border-color: var(--input-borders);
}
.custom-field.one input.dirty,
.custom-field.one input:disabled {
	background-color: var(--blue-back);
}
.custom-field.one input.dirty,
.custom-field.one input.search-input-boost:not(:placeholder-shown) {
	border-width: 2px;
	border-color: var(--left-menu);
}
div.input-with-buttons > button{
    top: 8px;
	left: -38px;
    height: 21px;
    border-left: 1px solid var(--divider);
}
div.input-with-buttons.one.btn-to-right > button{
	left: -30px;
}
.custom-field.one.btn-to-right input {
	padding-right: 32px;
}
div.input-with-buttons > button > svg{
	margin-left: 9px;
}
button.itemSelectBtn{
	padding: 5px 7px 5px 0px;
}
.custom-field.one .clearElemBtn {
	display: none;
}
.custom-field.one input:not(:placeholder-shown) ~ .clearElemBtn {
	display: block;
}
div.input-with-buttons > button > .clear-btn-icon{
	width: 32px;
	padding-left: 4px;
	background-color: var(--choosen); /*Фон необходим для скрытия текста под кнопкой*/
}
div.input-with-buttons.one.btn-to-right > button > .clear-btn-icon{
	width: 24px;
}
div.input-with-buttons > button.second{
    left: -70px;
    border: 0px;
}
div.input-with-buttons > button.second > svg{
	margin-left: 4px;
}
div.input-with-buttons > button.clearElemBtn{
    border: 0px;
}

/* Выпадающий список */
select.form-control {
	height: 37px;
	appearance: none;
	-moz-appearance: none;
	color: var(--text-black);
	-webkit-appearance: none;
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	border-color: var(--input-borders);
}
select.form-control:not([multiple]) {
	padding-right: 32px;
	background-repeat: no-repeat;
	background-position: calc(100% - 12px) 15px;
	background-image: url("images/icons/chevron.svg");
}
select.form-control:focus {
	box-shadow: none;
	-webkit-box-shadow: none;
	border-color: var(--input-borders);
}

/* Многострочное поле ввода */
textarea.form-control{
	color: var(--text-black);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
	border: 1px solid var(--input-borders);
}
textarea.form-control:focus{
	outline: 0;
	box-shadow: none;
	-webkit-box-shadow: none;
	border: 1px solid var(--input-borders);
}
textarea.form-control.dirty,
textarea.form-control:not(:placeholder-shown) {
	color: var(--text-black);
	border-color: var(--input-borders);
	background-color: var(--choosen);
}

/* Надпись, недоступная для изменения */
.form-control.gray-border{
	height: 37px;
	box-shadow: none;
	padding: 10px 12px;
	overflow-x: initial;
	color: var(--text-black);
	font-size: var(--body-font-size);
	border-color: var(--input-borders);
	background-color: var(--blue-back);
	font-weight: var(--body-font-weight);	
}

/* Радиокнопки (группа кнопок) */
.form_radio_group {
	display: inline-block;
	overflow: hidden;
}
.form_radio_group-item {
	display: inline-block;
	float: left;    
}
.form_radio_group input[type=radio] {
	display: none;
}
.form_radio_group label {
	height: 37px;
	cursor: pointer;
	user-select: none;
    line-height: 16px;
    padding: 10px 12px;
	font-weight: inherit;
	display: inline-block;
	border: 1px solid var(--input-borders);
	/*border-right: none;*/
}
 .form_radio_group .form_radio_group-item:first-child label {
	border-radius: 6px 0 0 6px;
}
.form_radio_group .form_radio_group-item:last-child label {
	border-radius: 0 6px 6px 0;
	border-right: 1px solid var(--input-borders);
}

/* Флажок-слайдер */
.nice-select:after,.slick-track:after,.slick-track:before,.slider:before {
    content: ""
}
.switch {
    font-size: 17px;
    position: relative;
    width: 36px;
    height: 22px;
    cursor: pointer;
    vertical-align: middle;
}
.slider,.slider:before {
    position: absolute;
    -webkit-transition: .4s;
    transition: .4s
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0
}
.slider {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--slider);
    border-radius: 30px
}
.slider:before {
    height: 18px;
    width: 18px;
    border-radius: 20px;
    left: 2px;
    bottom: 2px;
    z-index: 2;
    background-color: var(--white)
}
.moon svg,.sun svg {
    position: absolute;
    top: 7px;
    z-index: 1
}
.sun svg {
    right: 6px
}
.moon svg {
    left: 4px
}
.noicons svg {
	display: none;
}
.input:checked+.slider {
    background-color: var(--slider-checked)
}
.input:checked+.slider:before {
    -webkit-transform: translateX(14px);
    transform: translateX(14px)
}
.switch:hover .slider {
    /*background-color: var(--hover-button)*/
}
label.checkbox-slider-title{
	padding-top: 0px;
	white-space: nowrap;
	font-weight: normal;
}

 /* Checked */
.form_radio_group input[type=radio]:checked + label {
	border-color: var(--left-menu);
	background-color: var(--choosen);
	border-right: 1px solid var(--left-menu);
}

 /* Hover */
.form_radio_group label:hover {
	border-color: #d0d7dd;
}

 /* Disabled */
.form_radio_group input[type=radio]:disabled + label {
	opacity: 50%;
}

/* <<<<< Общие стили */


/* Основа страницы >>>>> */

.mainpage-col-big{
	background-color: var(--blue-back);
}

/* <<<<< Основа страницы */


/* Шапка страницы >>>>> */

div.doclistheader div{
	padding: 21px 0px 0px 0px;
}

@media screen and (max-width:991px) {
	div.doclistheader div{
		padding: 21px 0px 6px 0px;
	}	
}

/* <<<<< Шапка страницы */

/* Верхнее меню >>>>> */

#authform{
	position: static;
}

#authform header{
	height: 61px;
	/*border-top-right-radius: 10px;*/
}

#authform .topmenu-user-data-mobile{
	display: none;
}

#authform .topmenu-data-mobile{
	display: none;
}

#МенюПользователя{
    right: 8px;
    width: 200px;
    display: none;
	z-index: 1000;
	background: none;
	text-align: left;
	margin-top: -11px;
	font-size: inherit;	
	position: absolute;
	transition: 200ms all;
	color: var(--text-black);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); /* #e6e6e6 */
}

#МенюПользователя div{
	color: var(--text-black);
}

#МенюПользователя span{
	color: var(--black);
}

#МенюПользователя span.text-icon-light{
	color: var(--icon-light);
}

#МенюПользователя span.link-hover:hover{
	color: var(--link);
}

#ДанныеПользователя span.link-hover:hover{
	color: var(--link);
}

#ДанныеПользователя span.link-hover .top-menu-chevron{
    height: 11px;
	padding-left: 7px;
	display: inline-block;
	color: var(--icon-light);
}

#ДанныеПользователя span.link-hover:hover .top-menu-chevron{
	color: var(--link);
}

@media screen and (max-width:991px) {
	#authform header{
		height: 56px;
		color: var(--left-menu);
		background-color: var(--brand-1);
	}
	#authform .topmenu-user-data{
		display: none;
	}
	#authform .topmenu-user-data-mobile{
		display: block;
	}
	#authform .topmenu-data-mobile{
		display: block;
	}
}

/* <<<<< Верхнее меню */


/* Левое меню >>>>> */

.left-menu{
    margin: 0px;
	height: 100vh;
	overflow: hidden;
	color: var(--left-menu);
    transition: all .4s ease;
}

/*.left-menu-block{
	margin: 0px 10px 0px 15px;
}*/

.left-menu-header{
	height: 32px;
	margin: 14px 0px;
	text-align: start;
    transition: all .4s ease;
}

img.left-menu-logo{
	max-height: 30px;
    transition: all .4s ease;
}

.left-menu-label{
    width: 230px;
    position: absolute;
    transition: all .4s ease;
}

img.left-menu-shrink{
    right: 0px;
	cursor: pointer;
    position: absolute;
}

img.left-menu-expand{
    right: -20px;
	cursor: pointer;
    position: absolute;
    transition: all .4s ease;
}

.left-menu-name{
	overflow-x: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin: 5px 0px 0px 12px;
}

.left-menu.compressed span.left-menu-name{
    display: block;
}

.left-menu-block{
	overflow: hidden;
	width: -webkit-fill-available;
}

.left-menu-item{
	cursor: pointer;
	padding: 10px 16px 9px 16px;
	border-left: 2px solid var(--brand-1);
}

.left-menu-item:hover{
	background-color: var(--left-menu-hover-back);
}

.left-menu-item.menu-active{
	color: white;
	cursor: default;
	border-left-color: var(--white);
    background: linear-gradient(to right, white -215px, transparent 50px);
}

.left-menu-item.menu-active:hover{
	background-color: var(--left-menu-hover-back);
}

div.left-menu-icon{
	width: 24px;
	height: 24px;
}

label.left-menu-footer{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 0px;
	gap: 13px;
	position: absolute;
	width: 194px;
	height: 28px;
	left: 18px;
	bottom: 18px;
}

@media screen and (max-width:991px) {
	#ГлавноеМеню {
		padding: 0px;
		display: block;
	}
	.left-menu-expand-block{
		display: none;
	}
}

/* <<<<< Левое меню */


/* Списки >>>>> */

#СписокОбъектов{
	padding: 0px 31px 0px 0px;
}
#СписокОбъектовТаблица{
	font-size: 13px;
	/*margin-top: 15px;*/
}
input.search-input-boost{
	color: var(--text-black);
	font-size: var(--body-font-size);
	font-weight: var(--body-font-weight);
}
input.search-input-boost:focus{
	outline: none;
	outline-width: 0;
	border-width: 2px;
	border-color: var(--left-menu);
}
input.search-input-boost:active{
	outline: none;
	outline-width: 0;
}
div.searchInputNoResult{
    top: 43px;
    left: 0px;
    width: 260px;
    z-index: 1000;
    display: none;
    padding: 19px;
    text-align: center;
    position: absolute;
    border-radius: 8px;
    color: var(--text-grey);
	background: var(--white);
    font-size: var(--body-font-size);
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1); /* #e6e6e6 */
}
tr.list-objects-header{
	height: 44px;
}
tr.active{
	border-top: 1px solid #f6f7f8 !important;
	border-left: 1px solid #f6f7f8 !important;
	border-right: 1px solid #f6f7f8 !important;
	border-bottom: 1px solid hsl(var(--border)) !important;
}
table.fixed-header td{
	padding: 16px 28px 16px 10px;
}

@media screen and (max-width:991px) {
	#СписокОбъектов{
		padding: 0px 10px 0px 0px;
	}
	table.fixed-header td{
		padding: 8px 10px;
	}
}

/* <<<<< Списки */


/* Таблица с фиксированной шапкой >>>>> */

table.fixed-header {
	margin: 0px;
	width: 100%;
    text-indent: 0;
	caption-side: bottom;
    border-color: inherit;
    border-collapse: collapse;
}
table.fixed-header thead tr {
	margin: 0px;
    height: 44px;
	color: var(--text-grey);
	border-bottom: 1px solid var(--divider);
}
table.fixed-header th {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    font-weight: var(--body-font-weight);
    font-family: var(--body-font-family);
    letter-spacing: var(--body-letter-spacing);
}
table.fixed-header th.rownumber {
	width: 40px !important;
	max-width: 40px !important;
}
table.fixed-header.bold-header th {
    font-weight: 600;
}
table.fixed-header tbody tr {
	margin: 0px;
    height: 3rem;
    transition-duration: 150ms;
    background-color: var(--white);
	border-bottom: 1px solid var(--divider);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
}
table.fixed-header tbody tr:hover {
	background-color: var(--list-hover);
}
table.fixed-header tr.pointer {
	cursor: pointer;
}
table.fixed-header td {
    color: var(--text-grey);
    font-size: var(--small-font-size);
    font-family: var(--small-font-family);
}
table.fixed-header td.rownumber {
	width: 40px !important;
	max-width: 40px !important;
}
table.fixed-header td.rowtop-rownumber {
	width: 40px !important;
	max-width: 40px !important;
}
table.fixed-header td.rowtop-rownumber > div {
    top: 24px;	
	position: absolute;
}

@media screen and (max-width:991px) {
	table.fixed-header tbody tr {
		height: unset;
		padding: 1px 3px;
		border-radius: 6px;
		border: 0px !important;
	}
	table.fixed-header td {
		color: var(--text-black);
		font-size: var(--body-font-size);
	}
	table.fixed-header td:before {
		display: block;
		padding-bottom: 4px;
		color: var(--placeholder);
		content: attr(data-label);
	}
}

/* <<<<< Таблица с фиксированной шапкой */


/* Таблица с первой колонкой на "верхнем этаже" >>>>> */
table.first-col-wide tbody tr {
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
table.first-col-wide tbody tr td:first-child {
	width: 100%;
	padding: 6px 8px 0px 8px;
	border-right: none;
}
table.first-col-wide tbody tr td.rowtop:first-child {
	padding: 12px 8px 0px 48px;
}
table.first-col-wide tbody tr td:not(:first-child) {
	width: 120px;
	flex: 1 1 auto;
	padding: 6px 8px 6px 8px;
}
table.first-col-wide tbody tr td:last-child {
	border-right: none;
}
table.first-col-wide thead tr {
	/*height: auto;*/
	display: flex;
	flex-wrap: wrap;
    align-items: center;
	justify-content: center;
}
table.first-col-wide thead tr th:first-child {
	width: 100%;
	/*padding: 6px 8px 0px 8px;*/
	border-right: none;
}
table.first-col-wide thead tr th:not(:first-child) {
	width: 120px;
	flex: 1 1 auto;
	padding: 0px 8px;
}
table.first-col-wide thead tr th:last-child {
	border-right: none;
}

/* <<<<< Таблица с первой колонкой на "верхнем этаже" */

/* Таблица выпадающих списков и списков выбора >>>>> */
table.list-dropdown {
	margin: 0px;
	width: 100%;
    text-indent: 0;
	caption-side: bottom;
    border-color: inherit;
    border-collapse: collapse;
}
table.list-dropdown thead tr {
	margin: 0px;
    height: 44px;
	color: var(--text-grey);
	border-bottom: 1px solid var(--divider);
}
table.list-dropdown th {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    font-size: var(--body-font-size);
    line-height: var(--body-line-height);
    font-weight: var(--body-font-weight);
    font-family: var(--body-font-family);
    letter-spacing: var(--body-letter-spacing);
}
table.list-dropdown tbody tr {
	margin: 0px;
    height: 37px;
    transition-duration: 150ms;
    background-color: var(--white);
	border-bottom: 1px solid var(--divider);
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
}
table.list-dropdown tbody tr:hover {
	cursor: pointer;
	background-color: var(--list-hover);
}
table.list-dropdown tr.active{
	border-top: 0px solid #f6f7f8 !important;
	border-left: 0px solid #f6f7f8 !important;
	border-right: 0px solid #f6f7f8 !important;
	border-bottom: 1px solid hsl(var(--border)) !important;
}
table.list-dropdown tr.pointer {
	cursor: pointer;
}
table.list-dropdown td {
	padding: 7px 10px;
    color: var(--text-grey);
    font-size: var(--small-font-size);
    font-family: var(--small-font-family);
}
/* <<<<< Таблица выпадающих списков и списков выбора */

/* Форма выпадающих списков и списков выбора >>>>> */

.modalwin.list-select, .modalwin.list-dropdown{
	top: 0px;
	margin: 0px;
	padding: 0px;
	z-index: 1000;
	min-width: 300px;
	width: fit-content;
	position: absolute;
}
.modalwin.list-select .modal-dialog, .modalwin.list-dropdown .modal-dialog{
	width: inherit;
}
.modalwin.list-select .modal-content, .modalwin.list-dropdown .modal-content{
	border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}
.modalwin.list-select .modal-body, .modalwin.list-dropdown .modal-body {
	padding: 8px;
}
.modalwin.list-select tr, .modalwin.list-dropdown tr{
	border-bottom: 0px solid transparent;
}
.modalwin.list-select td, .modalwin.list-dropdown td{
	border-radius: 4px;
}
.modalwin.list-select tr.active, .modalwin.list-dropdown tr.active{
	background-color: var(--blue-back);
	border: 0px solid transparent !important;
}
.modalwin.list-select tr:hover, .modalwin.list-dropdown tr:hover{
	background-color: var(--blue-back);
}
.modalwin.list-select .modal-body::-webkit-scrollbar, .modalwin.list-dropdown .modal-body::-webkit-scrollbar {  
	width: 9px;
	background: var(--white);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}  
.modalwin.list-select .modal-body::-webkit-scrollbar-thumb, .modalwin.list-dropdown .modal-body::-webkit-scrollbar-thumb {  
	border-radius: 8px;
	background: rgb(139, 139, 139);
	border: 0px solid var(--input-borders);
}  

/* <<<<< Форма выпадающих списков и списков выбора */

/* Сортировка таблиц >>>>> */

th.listsorting:hover, div.listsorting:hover{
    background-color: unset;
}
th.listsorting span{
	padding-bottom: 2px;
	border-bottom: 1px dashed #8f8f8f;
}
th.listsorting:hover span{
	color: var(--list-header-hover);
	border-bottom: 1px dashed var(--list-header-hover);
}
th.listsorting::after, div.listsorting::after {
	content: "";
}
th.listsorting.sorting-asc, div.listsorting.sorting-asc, th.listsorting.sorting-desc, div.listsorting.sorting-desc {
	color: var(--brand-1);
}
div.listsorting span{
	padding-bottom: 2px;
	border-bottom: 1px dashed #8f8f8f;
}
div.listsorting:hover span{
	color: var(--list-header-hover);
	border-bottom: 1px dashed var(--list-header-hover);
}

/* <<<<< Сортировка таблиц */


/* Фильтры списка >>>>> */

#ФильтрыСписка{
	padding: 0px;
}
/* Форма фильтров */
.boost-filter-form{
    z-index: 101;
    position: fixed;
}
.boost-filter-form .modal-dialog{
	margin: 0px;
}
.boost-filter-form .modal-content{
	border: 0px;
	padding: 27px;
	overflow: auto;
	box-shadow: 0px 0px 40px 0px #00000029;
}
.boost-filter-form .modal-content::-webkit-scrollbar {  
	width: 9px;
	background: var(--white);
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}  
.boost-filter-form .modal-content::-webkit-scrollbar-thumb {  
	border-radius: 8px;
	background: rgb(139, 139, 139);
	border: 0px solid var(--input-borders);
}  

.boost-filter-form .modal-body{
	padding: 0px;
}
.boost-filter-form .modal-footer{
	padding: 28px 1px 1px 1px;
}
.modalwinshadow.boost-filter-form-shadow{
	background: transparent;
}
/* Элементы примененного фильтра */
.listFilter-items{
    gap: 17px;
    display: flex;
	margin-top: 11px;
}
.s22-filter-elements-item{
	border: 0px;
	height: 37px;
	max-width: 250px;
	/*border-left: 0px;*/
	border-radius: 6px;
	white-space: nowrap;
	display: inline-block;
	padding: 10px 11px 11px 11px;
	background-color: var(--choosen);
}
.s22-filter-elements-item-title{
    overflow: hidden;
    max-width: 208px;
    padding: 1px 5px 0px 1px;
    display: inline-block;
	color: var(--text-grey);
    text-overflow: ellipsis;
}
.s22-filter-elements-item-value{
	color: var(--text-black);
}
.s22-filter-elements-item-closebtn{
    width: 16px;
    border: 0px;
	float: right;
    height: 16px;
    cursor: pointer;
    position: relative;
    border-radius: 0px;
    display: inline-block;
	margin: 1px 0px 0px 0px;
    background-color: transparent;
}
.s22-filter-elements-item-closebtn-title{
    top: -1px;
    left: 0px;
    position: relative;
	color: var(--icon-dark);
}
.s22-filter-elements-item-closebtn-title:hover{
	color: var(--icon-hover);
}

/* <<<<< Фильтры списка */


/* Панели форм >>>>> */

div.docformmainpanel.over{
    border: 0px;
    box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.16);
}

/* <<<<< Панели форм */


/* Формы >>>>> */

/* Формы Основа >>>>> */
.modal-content {
	border: 0px;
	border-radius: 10px;
	box-shadow: 0px 0px 40px 0px #00000029;
	-webkit-box-shadow: 0px 0px 40px 0px #00000029;
}
.modal-body {
	padding: 0px 28px;
}
.modal-footer {
	padding: 28px;
	border-top: 0px
}

@media screen and (max-width:991px) {
	.modal-body {
		padding: 0px 16px;
	}
	.modal-footer {
		padding: 16px;
	}	
}
/* <<<<< Формы Основа */

/* Формы Заголовок >>>>> */
.modal-header {
  border-bottom: 0px;
  padding: 22px 28px 0px 28px;
}
div.form-header{
	margin-top: -2px;
}
/*h2.formTitle{*/
h2{
	padding: 0px;
	text-transform: none;
	display: inline-block;
	font-size: var(--h2-font-size);
	font-style: var(--h2-font-style);
	font-weight: var(--h2-font-weight);
	font-family: var(--h2-font-family);
	letter-spacing: var(--h2-letter-spacing);
}
/*h3.formTitle{*/
h3{
	padding: 0px;
	text-transform: none;
	display: inline-block;
	font-size: var(--h3-font-size);
	font-style: var(--h3-font-style);
	font-weight: var(--h3-font-weight);
	font-family: var(--h3-font-family);
	letter-spacing: var(--h3-letter-spacing);
}
h4{
	padding: 0px;
	text-transform: none;
	display: inline-block;
	font-size: var(--h4-font-size);
	font-style: var(--h4-font-style);
	font-weight: var(--h4-font-weight);
	font-family: var(--h4-font-family);
	letter-spacing: var(--h4-letter-spacing);
}
h2.form-header{
	display: inline-block;
	font-size: var(--h2-font-size);
	font-style: var(--h2-font-style);
	font-weight: var(--h2-font-weight);
	font-family: var(--h2-font-family);
	letter-spacing: var(--h2-letter-spacing);
	/*line-height: var(--h2-line-height);*/
}
span.form-header-close-btn{
	float: right;
    z-index: 1000;
	cursor: pointer;
    position: relative;
}
span.form-header-close-btn.alert-close{
	margin: 28px 28px 0px 0px;
}
span.form-header-close-btn svg{
	cursor: pointer;
}
@media screen and (max-width:991px) {
	.modal-header {
		padding: 22px 16px 0px 16px;
	}
	h2{
		font-size: var(--h2-mobile-font-size);
	}
	h3{
		font-size: var(--h3-mobile-font-size);
	}
}
/* <<<<< Формы Заголовок */

/* Формы Командная панель >>>>> */
 .command-bar-buttons {
    gap: 16px;
    display: flex;
 }
/* <<<<< Формы Командная панель */

/* Формы Вкладки (на основе списков) >>>>> */
.nav-tabs {
  border: 0px;
}
div.tab-content{
	border: 0px;
	padding: 0px;
}
.nav-tabs > li {
    border-bottom: 2px solid var(--tab-header-border);
}
.nav-tabs > li.active {
    border-bottom: 2px solid var(--brand-1);
}
.nav-tabs > li > a {
	margin: 0px;
	text-decoration: none;
    color: var(--text-black);
	padding: 9px 14px 6px 14px;
}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	background-color: var(--white);
}
.nav-tabs > li > a:hover {
	/*color: var(--text-black);*/
	border-color: transparent;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	cursor: default;
	/*background-color: var(--white);*/
	color: var(--tab-header-active);
	border-color: transparent;
}

.tabs-wrapper {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}
/* делаем сами <li> строчными, чтобы не переносились */
.tabs-wrapper .nav-tabs {
    display: inline-flex;      /* или flex; тогда убрать white-space */
    flex-wrap: nowrap;
}
.tabs-wrapper .nav-tabs > li {
    float: none;               /* если Bootstrap 3 */
    white-space: nowrap;
}
.tabs-wrapper .nav-tabs > li > a {
    white-space: nowrap;
}

/* <<<<< Формы Вкладки (на основе списков) */

/* Формы Вкладки (на основе блоков) >>>>> */

div.doclisttab{
	cursor: pointer;
    padding: 8px 14px;	
	margin-right: -3px;
	display: inline-block;
    text-decoration: none;
    color: var(--text-black);
	border-bottom: 2px solid var(--tab-header-border);
}

div.doclisttab.selected{
    cursor: default;
    border-color: transparent;
    color: var(--tab-header-active);
	border-bottom: 2px solid var(--brand-1);
}

button.more-button.selected{
	border-bottom: 2px solid var(--brand-1);
}

/* <<<<< Формы Вкладки (на основе блоков) */

/* Формы Блок элементов темный фон >>>>> */
.block-light-grey-back {
    border: 0px;
    padding: 21px 23px;
    border-radius: 12px;
    background-color: var(--light-grey-back);
}
/* <<<<< Формы Блок элементов темный фон */

/* Формы Элементы формы >>>>> */

.inputgroup {
	padding: 0px 2px;
}
span.inputtitle label {
	margin-bottom: 0px;
	/*color: var(--placeholder);*/
	color: var(--text-black);
}
span.inputfield div {
	padding-top: 5px;
	color: var(--text-black);
	font-weight: var(--body-font-weight);
}
div.objectform label.title{
	padding-top: 0px;
	padding-right: 0px;
	color: var(--text-black);
	font-weight: var(--body-font-weight);
}
div.block-light-grey-back label.title{
	color: var(--placeholder);
}

/* <<<<< Элементы формы */

div[data-title]:not([data-title=""]):hover:after {
    z-index: 1000;
    max-width: 300px;
    width: fit-content;
    position: absolute;
	border-radius: 4px;
    color: var(--white);
    content: attr(data-title);
    background: var(--hint-back);
    padding: 13px 12px 11px 12px;
    font-size: var(--body-font-size);
    margin-top: var(--data-title-top);
    margin-left: var(--data-title-left);	
    margin-top: attr(data-title-top px);
    margin-left: attr(data-title-left px);
}
.arrow-up {
    width: 0;
    height: 0;
    top: -10px;
    color: white;
    z-index: 1011;
    position: absolute;
    border-color: white;
    left: calc(50% - 11px);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 10px solid #ffffff;
}
.pointer {
	cursor: pointer;
}
.display-none {
	display: none;
}
.modal-dialog {
	margin: 0px;
	background-color: var(--white);
}
  
/* <<<<< Формы */


/* Мессенджер >>>>> */

.messages-block,
.notifications-block {
	color: var(--icon-dark);
}
.messages-block:hover,
.notifications-block:hover {
	color: var(--icon-hover);
}
.messenger-count{
	padding: 0px 5px 0px 6px;
}
.messenger-user-acronym-bg-0{
	background-color: #54a0e3;
}	
.messenger-user-acronym-bg-1{
	background-color: #14ae5c;
}	
.messenger-user-acronym-bg-2{
	background-color: #66b8a0;
}	
.messenger-user-acronym-bg-3{
	background-color: #9d78bb;
}	
.messenger-user-acronym-bg-4{
	background-color: #ca9a75;
}	
.messenger-user-acronym-bg-5{
	background-color: #dbbc70;
}	
.messenger-user-acronym-bg-6{
	background-color: #cd73a9;
}	
.messenger-user-acronym-bg-7{
	background-color: #a6b550;
}	
.messenger-user-acronym-bg-8{
	background-color: #dc6f8a;
}	

@media screen and (max-width:991px) {
	.messages-block,
	.notifications-block {
		color: var(--left-menu);
	}	
	.messages-block:hover,
	.notifications-block:hover {
		color: var(--left-menu);
	}
	.messenger-count{
		color: var(--brand-1);
		border-color: var(--brand-1);
		background-color: var(--count-mobile);
	}
}
/* <<<<< Мессенджер */

 
/* Форма отправки файлов >>>>> */
 
.FileTransferDragElem{
	height: 133px;
	border-radius: 12px;
	border-color: var(--light-grey-border);
}
.FileTransferFileSelectInput{
	top: 30px;
	height: 37px;
}
.FileTransferFileSelectFakeButton{
	top: 30px;
	z-index: 1;
	width: 100%;
	height: 37px;
	margin-top: -7px;
}
.FileTransferFileListDiv{
	border: 0px;
	display: none;
	max-height: 25vh;
    overflow-y: auto;
	padding: 22px 20px;
	border-radius: 12px;
	color: var(--text-black);
	background-color: var(--blue-back);
}
.FileTransferFileList tbody{
	display: grid;
}
.FileTransferFileList tr{
	border-bottom: 6px solid transparent;
}
.FileTransferFileList .FileTransferTable_FileSize{
	width: 55px;
}
.FileTransferFileList .FileTransferTable_Progress{
	width: 50px;
}

.FileTransferFileList .FileTransferTable_Actions{
	width: 14px;
}
/* <<<<< Форма отправки файлов */

/* Окно сообщения, подтверждения >>>>> */

#ОкноПодтвердить, #ОкноСообщить {
	top: 20%;	
	margin: auto;
	z-index: 1000;
	display: none;
	position:fixed;
	place-items: center;
}

/* <<<<< Окно сообщения, подтверждения */

/* Блок с шевроном вместо полосы прокрутки >>>>> */

.div-scroll-chevron {
	position: relative;
	height: auto;
	max-height: 1000px;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: none; /* Firefox */
	-ms-overflow-style: none; /* IE и Edge */
}
.div-scroll-chevron::-webkit-scrollbar {
	width: 0;
	height: 0;
}
.div-scroll-chevron__content {
	white-space: nowrap;
	width: fit-content;
	background: transparent;
	color: #333;
	font-size: 18px;
	padding: 10px 0;
}
.div-scroll-chevron.limited-height .div-scroll-chevron__content {
	background: linear-gradient(
	to right,
	#222 95%,
	rgba(34, 34, 34, 0.15) 100%
	);
}
.div-scroll-chevron::after {
	content: "";
	display: none;
	position: sticky;
	right: 0px;
	bottom: 0px;
	width: 556px;
	height: 18px;
	pointer-events: none;
	background: linear-gradient(to left, transparent, transparent 100%),
	url('data:image/svg+xml;utf8,<svg fill="%23656D75" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="12" height="12"><path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6z"/></svg>') no-repeat center center;  
	background-size: 24px 24px;
}
.div-scroll-chevron.limited-height::after {
	display: block;
}

/* <<<<< Блок с шевроном вместо полосы прокрутки */

/* Перенос вкладок в кнопку "Еще" >>>>> */

.tabs-container {
	height: 34px;
	margin-top: 12px;
	position: relative;
	white-space: nowrap;
	padding-right: 80px;
	margin-bottom: 28px;
	box-sizing: border-box;
    border-bottom: 2px solid var(--tab-header-border);
	/*overflow: hidden;*/
}
.more-button {
	top: 0;
	right: 0;
	width: 70px;
	height: 34px;
    display: none;
	cursor: pointer;
    padding: 8px 14px;
    margin-right: 8px;
	position: absolute;
    text-decoration: none;
    color: var(--text-black);
    border-bottom: 2px solid var(--tab-header-border);
}
.more-dropdown {
	right: 0;
	display: none;
	z-index: 10000;
    overflow: hidden;	
	margin-top: 10px;
	min-width: 160px;
	background: white;
	max-height: 300px;
	margin-right: 5px;
	position: absolute;
	border-radius: 8px;
	box-shadow: 0 0 8px rgb(0 0 0 / 0.1);
	/*top: 40px;*/
	/*border: 1px solid #ccc;*/
}
.more-dropdown .doclisttab {
	height: auto;
	display: block;
	padding: 8px 12px;
	border-bottom: none;
	line-height: normal;
	white-space: normal;
	border-bottom: 1px solid #eee;
}
.more-dropdown .doclisttab:hover {
	background: #f0f0f0;
}

/* <<<<< Перенос вкладок в кнопку "Еще" */

/* Перенос плашек фильтров в кнопку "Еще" >>>>> */

.filter-tabs-container {
	width: 100%;
	position: relative;
	white-space: nowrap;
	padding-right: 80px;
	box-sizing: border-box;
	/*height: 34px;*/
	/*overflow: hidden;*/
	/*margin-top: 12px;*/
	/*margin-bottom: 28px;*/
}
.filter-more-button {
	top: 0;
	right: 0;
	width: 70px;
	height: 37px;
    display: none;
	cursor: pointer;
    padding: 8px 14px;
	position: absolute;
    text-decoration: none;
    color: var(--text-black);
	background-color: var(--blue-back);
    /*margin-right: 8px;*/
}
.filter-more-dropdown {
	right: 0;
	display: none;
	z-index: 10000;
    overflow: hidden;	
	margin-top: 10px;
	min-width: 160px;
	max-height: 300px;
	margin-right: 5px;
	position: absolute;
	border-radius: 8px;
	/*background: white;*/
	/*box-shadow: 0 0 8px rgb(0 0 0 / 0.1);*/
	/*top: 40px;*/
	/*border: 1px solid #ccc;*/
}
.filter-more-dropdown .doclisttab {
	height: auto;
	display: block;
	padding: 8px 12px;
	border-bottom: none;
	line-height: normal;
	white-space: normal;
	border-bottom: 1px solid #eee;
}
.filter-more-dropdown .doclisttab:hover {
	background: #f0f0f0;
}

@media screen and (max-width:991px) {
	.filter-tabs-container {
		padding-bottom: 10px;
	}
}

/* <<<<< Перенос плашек фильтров в кнопку "Еще" */


/*
Стиль для поля ввода неактивной строки ТЧ
    background: inherit;
    border: 0;
    padding: 0;
*/



.warn-msg{
	width: 254px;
	border-radius: 3px;
	margin-bottom: 20px;
	color: var(--text-red);
	background-color: #ffffff;
	font-weight: var(--body-font-weight);
}

.info-msg{
	width: 254px;
	border-radius: 3px;
	margin-bottom: 20px;
	color: var(--text-black);
	background-color: #ffffff;
	font-weight: var(--body-font-weight);
}

.form-modify-flag{
	display: none;
	margin-left: 5px;
}

.element-popup {
    z-index: 1000;
	cursor: pointer;
    max-width: 300px;
	margin-top: 10px;
    width: fit-content;
    position: absolute;
	border-radius: 4px;
    color: var(--white);
	word-wrap: break-word;
	white-space: pre-wrap; 	
	overflow-wrap: break-word;
    content: attr(data-title);
    background: var(--hint-back);
    padding: 13px 12px 11px 12px;
    font-size: var(--body-font-size);
	/*word-break: break-all;*/
}

.element-popup-arrow-up {
    width: 0;
    height: 0;
    top: -10px;
    color: white;
    z-index: 1011;
    position: absolute;
    border-color: white;
    left: calc(50% - 11px);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 10px solid var(--hint-back);
}

.map-popup {
	opacity: 0.8;
	cursor: pointer;
    max-width: 150px;
    width: fit-content;
	text-align: center;
	border-radius: 4px;
    color: var(--white);
	word-wrap: break-word;
	white-space: pre-wrap; 	
	overflow-wrap: break-word;
    content: attr(data-title);
    background: var(--text-black);
    padding: 13px 12px 11px 12px;
    font-size: var(--body-font-size);
}

.map-popup-arrow-down {
    width: 0;
    height: 0;
	opacity: 0.8;
    color: white;
    position: relative;
    border-color: white;
    left: calc(50% - 11px);
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-top: 10px solid var(--text-black);
}

.map-popup-title {
	cursor: pointer;
}

@media screen and (max-width:991px) {
	.mobile-hidden {
		display: none;
	}
	.mobile-top-right{
		position: absolute;
		top: 16px;
		right: 26px;		
	}
	.mobile-w-full{
		width: 100%;
	}
}