/* Start:/local/templates/ITIN/styles/jquery-ui.css?16974615211190*/
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

/* End */


/* Start:/local/templates/ITIN/styles/fonts.css?16990111681636*/
/* FONTS */

@font-face {
    font-family: 'Nunito Sans';
    src: url('/local/templates/ITIN/styles/../fonts/NunitoSans-Light.woff2') format('woff2'),
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-Light.woff') format('woff'),
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('/local/templates/ITIN/styles/../fonts/NunitoSans-Regular.woff2') format('woff2'),
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-Regular.woff') format('woff'),
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('/local/templates/ITIN/styles/../fonts/NunitoSans-SemiBold.woff2') format('woff2'),
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-SemiBold.woff') format('woff'),
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('/local/templates/ITIN/styles/../fonts/NunitoSans-ExtraBold.woff2') format('woff2'),
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-ExtraBold.ttf.woff') format('woff'),
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-ExtraBold.ttf.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nunito Sans';
    src: url('/local/templates/ITIN/styles/../fonts/NunitoSans-Black.woff2') format('woff2'), /* Super Modern Browsers */
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-Black.woff') format('woff'), /* Modern Browsers */
    url('/local/templates/ITIN/styles/../fonts/NunitoSans-Black.ttf') format('truetype'); /* Safari, Android, iOS */
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }

/* End */


/* Start:/local/templates/ITIN/styles/var.css?1699011168464*/
:root {
    /* ЦВЕТА ДЛЯ САЙТА */
    --dark-gray: #606E8C;
    --blue-gray: #8895BB;
    --light-black: #1B254A;
    --light-gray: #C6CBD6;
    --ghost-gray: #EFF0F3;
    --white: #FFFFFF;

    /* ОТТЕНКИ ДЛЯ КНОПОК */
    --blue: #3546E9;
    --dark-blue: #170F87; 

    --red: #C91919;
    --dark-red: #A90B0B;

    --green:#329B0D;

    /* ЦВЕТА СТАТУСОВ */
    --green-status: #329B0D;
    --yellow-status: #FFCA63;
}
/* End */


/* Start:/local/templates/ITIN/styles/reset.css?16990111681122*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
}
/* End */


/* Start:/local/templates/ITIN/styles/global.css?1699534515108559*/
/* DEFAULT */

html {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

img {
  max-width: 100%;
}

svg {
  width: 100%;
  height: auto;
}

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

button:disabled {
  pointer-events: none;
}

body {
  min-width: 320px;
  min-height: 100vh;
  background-color: var(--white);
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  color: var(--dark-gray);
}

/* Works on Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #8892a7 #f0f0f1;
}

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 4px;
  height: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--blue);
}

/* *::-webkit-scrollbar-track {
  background: #f0f0f1;
} */

*::-webkit-scrollbar-thumb {
  background-color: #8892a7;
  /* border-radius: 20px; */
  /* border: 16px solid white; */
}

input,
select,
textarea {
  font-family: inherit;
  outline: none;
}

textarea {
  resize: none;
}

::-webkit-input-placeholder {
  font-family: inherit;
  color: var(--light-gray);
}

::-moz-placeholder {
  font-family: inherit;
  color: var(--light-gray);
}

:-moz-placeholder {
  font-family: inherit;
  color: var(--light-gray);
}

:-ms-input-placeholder {
  font-family: inherit;
  color: var(--light-gray);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input:focus::-webkit-input-placeholder {
  /* color: transparent; */
  opacity: 0;
}

input:focus::-moz-placeholder {
  /* color: transparent; */
  opacity: 0;
}

input:focus:-moz-placeholder {
  /* color: transparent; */
  opacity: 0;
}

input:focus:-ms-input-placeholder {
  /* color: transparent; */
  opacity: 0;
}

input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px white inset;
}

input:placeholder-shown {
  text-overflow: ellipsis;
}

.hidden {
  display: none !important;
}

/* GLOBAL */

/* TEXT */

h1,
h2 {
  text-transform: uppercase;
  color: var(--light-black);
}

h1 {
  font-weight: 900;
  font-size: 26px;
  line-height: 35px;
}

h2 {
  font-weight: 800;
  font-size: 24px;
  line-height: 32px;
}

h3 {
  font-weight: 800;
  font-size: 20px;
  line-height: 27px;
}

h4 {
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
}

.small,
.note {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}

.tac {
  text-align: center;
}

.white {
  color: var(--white);
}

.light-black {
  color: var(--light-black);
}

/* LOGO */

.logo {
  width: 58px;
  height: 28px;
}

.logo-big {
  width: 101px;
  height: 49px;
}

.link {
  text-decoration: none;
  color: var(--white);
}

.link-blue {
  font-weight: 700;
  text-decoration: none;
  color: var(--blue);
  transition: color 0.3s;
}

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

/* FLEX */

.flex {
  display: flex;
}

.fd-column {
  flex-direction: column;
}

.jc-sb {
  justify-content: space-between;
}

.jc-end {
  justify-content: flex-end;
}

.jc-c {
  justify-content: center;
}

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

/* BUTTONS */

.btn-link,
button {
  border: none;
  border-radius: 8px;
  font-weight: 600;
  font-size: inherit;
  transition: background-color 0.3s;
}

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

.btn-blue {
  background-color: var(--blue);
  color: var(--white);
}

.btn-blue:disabled {
  background-color: var(--light-gray);
}

.btn-blue:not(:disabled):hover {
  background-color: var(--dark-blue);
}

.btn-white {
  background-color: var(--white);
  border: 1px solid var(--blue);
  color: var(--blue);
}

.btn-white:disabled {
  border-color: var(--light-gray);
  color: var(--light-gray);
}

.btn-white:not(:disabled):hover {
  border-color: var(--dark-blue);
  color: var(--dark-blue);
}

.btn-red {
  background-color: var(--red);
  color: var(--white);
}

.btn-red:disabled {
  background-color: var(--light-gray);
}

.btn-red:not(:disabled):hover {
  background-color: var(--dark-red);
}

.p13-24 {
  padding: 13px 24px;
}

a[download] {
  font-weight: 600;
  color: var(--blue);
  transition: color 0.3s;
}

a[download]:hover {
  color: var(--dark-blue);
}

a[download]::before {
  content: "";
  display: inline-block;
  width: 14px;
  height: 12px;
  margin-right: 9px;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.19547 4.90797C4.11574 4.81083 4.075 4.68749 4.08116 4.56197C4.08733 4.43644 4.13996 4.3177 4.22883 4.22883C4.3177 4.13996 4.43644 4.08733 4.56197 4.08116C4.68749 4.075 4.81083 4.11574 4.90797 4.19547L6.5 5.79375V0.5C6.5 0.367392 6.55268 0.240215 6.64645 0.146447C6.74021 0.0526784 6.86739 0 7 0C7.13261 0 7.25979 0.0526784 7.35355 0.146447C7.44732 0.240215 7.5 0.367392 7.5 0.5V5.79375L9.09203 4.19547C9.18917 4.11574 9.3125 4.075 9.43803 4.08116C9.56356 4.08733 9.6823 4.13996 9.77117 4.22883C9.86004 4.3177 9.91267 4.43644 9.91884 4.56197C9.925 4.68749 9.88426 4.81083 9.80453 4.90797L7.35625 7.35625C7.26068 7.44866 7.13294 7.50032 7 7.50032C6.86706 7.50032 6.73932 7.44866 6.64375 7.35625L4.19547 4.90797ZM14 7.5V11.5C14 11.7652 13.8946 12.0196 13.7071 12.2071C13.5196 12.3946 13.2652 12.5 13 12.5H1C0.734783 12.5 0.48043 12.3946 0.292893 12.2071C0.105357 12.0196 0 11.7652 0 11.5V7.5C0 7.23478 0.105357 6.98043 0.292893 6.79289C0.48043 6.60536 0.734783 6.5 1 6.5H4.275C4.30788 6.49895 4.34059 6.50512 4.37082 6.51808C4.40106 6.53104 4.42809 6.55047 4.45 6.575L5.9375 8.0625C6.21976 8.3434 6.60178 8.5011 7 8.5011C7.39822 8.5011 7.78024 8.3434 8.0625 8.0625L9.55 6.575C9.57191 6.55047 9.59894 6.53104 9.62918 6.51808C9.65941 6.50512 9.69212 6.49895 9.725 6.5H13C13.2652 6.5 13.5196 6.60536 13.7071 6.79289C13.8946 6.98043 14 7.23478 14 7.5ZM11.5 9.5C11.5 9.35166 11.456 9.20666 11.3736 9.08332C11.2912 8.95999 11.1741 8.86386 11.037 8.80709C10.9 8.75033 10.7492 8.73547 10.6037 8.76441C10.4582 8.79335 10.3246 8.86478 10.2197 8.96967C10.1148 9.07456 10.0433 9.2082 10.0144 9.35368C9.98547 9.49917 10.0003 9.64997 10.0571 9.78701C10.1139 9.92406 10.21 10.0412 10.3333 10.1236C10.4567 10.206 10.6017 10.25 10.75 10.25C10.9489 10.25 11.1397 10.171 11.2803 10.0303C11.421 9.88968 11.5 9.69891 11.5 9.5Z' fill='%233546E9'/%3E%3C/svg%3E");
  transition: background-image 0.3s;
}

a[download]:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.19547 4.90797C4.11574 4.81083 4.075 4.68749 4.08116 4.56197C4.08733 4.43644 4.13996 4.3177 4.22883 4.22883C4.3177 4.13996 4.43644 4.08733 4.56197 4.08116C4.68749 4.075 4.81083 4.11574 4.90797 4.19547L6.5 5.79375V0.5C6.5 0.367392 6.55268 0.240215 6.64645 0.146447C6.74021 0.0526784 6.86739 0 7 0C7.13261 0 7.25979 0.0526784 7.35355 0.146447C7.44732 0.240215 7.5 0.367392 7.5 0.5V5.79375L9.09203 4.19547C9.18917 4.11574 9.3125 4.075 9.43803 4.08116C9.56356 4.08733 9.6823 4.13996 9.77117 4.22883C9.86004 4.3177 9.91267 4.43644 9.91884 4.56197C9.925 4.68749 9.88426 4.81083 9.80453 4.90797L7.35625 7.35625C7.26068 7.44866 7.13294 7.50032 7 7.50032C6.86706 7.50032 6.73932 7.44866 6.64375 7.35625L4.19547 4.90797ZM14 7.5V11.5C14 11.7652 13.8946 12.0196 13.7071 12.2071C13.5196 12.3946 13.2652 12.5 13 12.5H1C0.734783 12.5 0.48043 12.3946 0.292893 12.2071C0.105357 12.0196 0 11.7652 0 11.5V7.5C0 7.23478 0.105357 6.98043 0.292893 6.79289C0.48043 6.60536 0.734783 6.5 1 6.5H4.275C4.30788 6.49895 4.34059 6.50512 4.37082 6.51808C4.40106 6.53104 4.42809 6.55047 4.45 6.575L5.9375 8.0625C6.21976 8.3434 6.60178 8.5011 7 8.5011C7.39822 8.5011 7.78024 8.3434 8.0625 8.0625L9.55 6.575C9.57191 6.55047 9.59894 6.53104 9.62918 6.51808C9.65941 6.50512 9.69212 6.49895 9.725 6.5H13C13.2652 6.5 13.5196 6.60536 13.7071 6.79289C13.8946 6.98043 14 7.23478 14 7.5ZM11.5 9.5C11.5 9.35166 11.456 9.20666 11.3736 9.08332C11.2912 8.95999 11.1741 8.86386 11.037 8.80709C10.9 8.75033 10.7492 8.73547 10.6037 8.76441C10.4582 8.79335 10.3246 8.86478 10.2197 8.96967C10.1148 9.07456 10.0433 9.2082 10.0144 9.35368C9.98547 9.49917 10.0003 9.64997 10.0571 9.78701C10.1139 9.92406 10.21 10.0412 10.3333 10.1236C10.4567 10.206 10.6017 10.25 10.75 10.25C10.9489 10.25 11.1397 10.171 11.2803 10.0303C11.421 9.88968 11.5 9.69891 11.5 9.5Z' fill='%23170F87'/%3E%3C/svg%3E");
}

.title-button_confirmed svg {
  width: 27px;
  height: 21px;
}

.title-button_trash svg {
  width: 18px;
  height: 24px;
}

/* CONTAINER */

.main-page {
  background: radial-gradient(1164px at bottom left, #f0faff 60%, #fff);
}

.container {
  max-width: 1200px;
  padding: 0 70px;
  margin: 0 auto;
}

.container-small {
  max-width: none;
  padding-right: 48px;
  padding-left: 304px;
  margin: 0;
  transition: padding 0.3s;
}

.container-small_table {
  padding-left: 256px;
  min-height: calc(40px * 10);
  padding-right: 0;
}

.aside-menu.small ~ section > .container-small,
.aside-menu.small ~ .breadcrumbs > .container-small {
  padding-left: 138px;
}

.aside-menu.small ~ section > .container-small_table {
  padding-left: 88px;
}

.title-wrapper {
  max-width: 564px;
}

.loading {
  position: relative;
  pointer-events: none;
}

.preloader-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  backdrop-filter: blur(2px);
  pointer-events: none;
  z-index: 5;
}

.preloader {
  position: absolute;
  width: 72px;
  height: 72px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.comment-notification {
  position: fixed;
  top: 120px;
  right: -300px;
  padding: 8px 48px 8px 16px;
  border-radius: 8px 0px 0px 8px;
  background-color: #f5f6f8;
  z-index: 6;
  transition: right 0.4s;
}

.comment-notification.active-notification {
  right: 0;
}

/* Перекрывающий слой */
.overlay,
.overlay-datepicker {
  width: 100%;
  height: 100%;
  background-color: rgba(96, 110, 140, 0.6);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  transition: all 0.3s;
  visibility: hidden;
  opacity: 0;
}

/* Перекрывающий слой */

/* TABS */

.tabs-wrapper {
  position: relative;
  overflow-x: scroll;
  overflow-y: hidden;
  margin-bottom: 24px;
  height: 40px;
  scrollbar-width: none;
}

.tabs-wrapper::-webkit-scrollbar {
  display: none;
}

.tabs-block {
  position: absolute;
  left: 0;
  top: 0;
  gap: 40px;
  font-weight: 600;
  line-height: 140%;
  border-bottom: 1px solid var(--ghost-gray);
}

.tab {
  color: var(--blue-gray);
  border-radius: 0;
  padding: 0;
  white-space: nowrap;
}

.active-tab {
  color: var(--light-black);
  border-bottom: 2px solid var(--blue);
}

.tab-page {
  display: none;
}

.current-tab-page {
  display: block;
}

.container-small.container-small_tabs {
  padding-right: 0;
}

/* TABS */

/* HEADER */

header {
  padding: 30px 0;
  background-color: var(--light-black);
}

header .container-small {
  gap: 10px;
}

.header-white {
  padding-top: 41px;
  padding-bottom: 57px;
  background-color: transparent;
  font-size: 16px;
  font-weight: 600;
  line-height: 21px;
  color: var(--light-black);
}

.header__button-group {
  gap: 42px;
}

.header__login {
  position: relative;
  padding-left: 37px;
}

.header__registration:hover,
.header__login:hover {
  transition: color 0.3s;
}

.header__registration:hover,
.header__login:hover {
  color: var(--ghost-gray);
}

.header__login:hover::before {
  background-image: url("/local/templates/ITIN/styles/../img/person-icon-grey.svg");
}

.header__login::before {
  content: "";
  position: absolute;
  left: 0;
  top: calc(50% - 20px / 2);
  width: 20px;
  height: 20px;
  background-image: url("/local/templates/ITIN/styles/../img/person-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header__profile {
  padding-left: 30px;
  background-image: url("/local/templates/ITIN/styles/../img/person-icon-black.svg");
  background-repeat: no-repeat;
  background-position: 0;
  background-size: 20px;
}

.header-blue__profile {
  padding: 0;
  margin-left: 16px;
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-image: url("/local/templates/ITIN/styles/../img/person-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.header-blue__group {
  gap: 24px;
}

.header-blue__notifications,
.header-blue__news {
  position: relative;
  padding: 0;
  width: 32px;
  height: 32px;
}

.header-blue__notifications .header-blue__notifications-btn,
.header-blue__news .header-blue__news-btn {
  color: var(--light-black);
  transition: color 0.3s;
}

.header-blue__notifications:not(.header-blue__notifications_active)
  .header-blue__notifications-btn:hover,
.header-blue__news:not(.header-blue__news_active) .header-blue__news-btn:hover {
  color: var(--dark-gray);
}

.header-blue__notifications.header-blue__notifications_active
  .header-blue__notifications-btn,
.header-blue__news.header-blue__news_active .header-blue__news-btn {
  color: var(--blue-gray);
}

.header-blue__notifications-btn,
.header-blue__news-btn {
  width: 100%;
  height: 100%;
  color: inherit;
}

.header-blue__notifications svg,
.header-blue__news svg {
  width: 20px;
  height: 22px;
}

.header-blue__news svg {
  width: 20px;
  height: 20px;
}

.header__counter {
  display: none;
}

.header__counter_active {
  position: absolute;
  top: 1px;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px 3px;
  min-width: 18px;
  height: 18px;
  border: 1px solid var(--white);
  border-radius: 30px;
  background-color: var(--green-status);
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  font-feature-settings: "clig" off, "liga" off;
  color: var(--white);
}

.header__counter_active.header__counter_active_more {
  height: 21px;
}

.header__modal {
  display: none;
  position: absolute;
  top: 40px;
  left: -105px;
  width: 344px;
  padding: 8px 0;
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0px 4px 10px 0px rgba(10, 22, 58, 0.1);
  z-index: 10;
  font-size: 14px;
  line-height: 19px;
}

.header-blue__news .header__modal {
  left: -140px;
}

.header__modal_active {
  display: block;
}

.no-messages {
  padding: 16px;
  border-bottom: 1px solid var(--ghost-gray);
  font-weight: 600;
  color: var(--light-gray);
}

.changes .no-messages,
.analogues .no-messages,
.notifications-news .no-messages {
  padding: 16px 0;
  font-weight: 400;
  border: none;
}

.notifications-news .heading,
.header__modal .heading {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 2px;
}

.notifications-news .heading {
  margin-bottom: 8px;
}

.notifications-news .heading .icon-container,
.header__modal .heading .icon-container {
  width: 24px;
  height: 24px;
  border-radius: 19px;
  background-color: var(--ghost-gray);
}

.notifications-news .heading .icon-container img,
.header__modal .heading .icon-container img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.notifications-news .heading .title,
.header__modal .heading .title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  flex: 1 0 0;
  text-overflow: ellipsis;
  font-weight: 700;
  overflow: hidden;
}

.notifications-news .heading .title {
  font-size: 14px;
  line-height: 19px;
  color: var(--dark-gray);
}

.notifications-news .heading .date,
.header__modal .heading .date {
  margin-bottom: 0;
}

.notifications-news ul li {
  transition: background-color 0.5s ease;
}

.notifications-news ul li.checked {
  background-color: #f5f6f8;
}

.notifications-news ul li .main-title {
  margin-bottom: 4px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: var(--light-black);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  text-overflow: ellipsis;
  overflow: hidden;
}

.notifications-news ul li .description {
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}

.notifications-news ul li a {
  font-weight: 600;
  text-decoration: underline;
  transition: color 0.3s;
}

.notifications-news ul li a:hover {
  color: var(--dark-blue);
}

.notifications-news ul,
.header__modal ul {
  font-weight: 600;
  color: var(--dark-gray);
}

.notifications-news ul {
  color: var(--light-black);
}

.notifications-news ul {
  font-weight: 400;
  text-align: left;
}

.notifications-news li,
.header__modal li {
  padding: 8px 16px;
  border-bottom: 1px solid var(--ghost-gray);
}

.notifications-news li {
  padding: 16px;
}

.notifications-news li .date,
.header__modal li .date {
  margin-bottom: 4px;
  font-weight: 300;
  color: var(--blue-gray);
}

.notifications-news li .date {
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 19px;
}

.header__modal a {
  display: block;
  padding: 8px 16px;
  color: var(--blue);
  transition: color 0.3s;
}
.header__modal ul a {
  display: inline;
  padding: 0;
}

.header__modal a:hover {
  color: var(--dark-blue);
}

.user_name {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--white);
}

.header__menu-small {
  display: none;
  position: absolute;
  top: 74px;
  right: 48px;
  width: 144px;
  background-color: var(--white);
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 0 0 8px 8px;
}

.menu-active {
  display: block;
}

.header__menu-small a {
  display: block;
  padding: 10px 16px;
  color: var(--light-black);
  transition: background-color 0.2s;
}

.header__menu-small a:hover {
  background-color: var(--ghost-gray);
}

/* FOOTER */

footer {
  padding: 48px 0 50px;
  background-color: var(--light-black);
}

.footer__info {
  margin-bottom: 61px;
}

.footer__media {
  gap: 20px;
}

.footer__icon {
  color: var(--white);
  width: 24px;
  height: 24px;
  transition: color 0.2s;
}

.footer__icon:hover {
  color: var(--ghost-gray);
}

/* FORM */

.form-input-field-group {
  position: relative;
  width: 100%;
}

.form-input-field-group textarea:focus ~ label,
.form-input-field-group input:focus ~ label,
.form-input-field-group textarea:not(:placeholder-shown) ~ label,
.form-input-field-group input:not(:placeholder-shown) ~ label {
  top: -14px;
  z-index: 1;
}

.form-input-field-group label {
  position: absolute;
  padding: 4px 10px;
  top: 8px;
  left: 8px;
  z-index: -1;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  color: var(--light-black);
  transition: top 0.1s;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="search"],
input[type="number"],
textarea {
  padding: 13px 16px;
  width: 100%;
  border: 1px solid var(--blue-gray);
  border-radius: 8px;
  font-size: inherit;
  line-height: inherit;
}

input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="email"]:disabled,
input[type="tel"]:disabled,
input[type="search"]:disabled,
input[type="number"]:disabled,
textarea:disabled {
  background-color: var(--white);
  border-color: var(--light-gray);
  color: var(--light-gray);
}

input[type="text"]:disabled ~ label,
input[type="password"]:disabled ~ label,
input[type="email"]:disabled ~ label,
input[type="tel"]:disabled ~ label,
input[type="search"]:disabled ~ label,
input[type="number"]:disabled ~ label,
textarea:disabled ~ label {
  color: var(--light-gray);
}

select {
  padding: 13px 16px;
  border: 1px solid var(--blue-gray);
  border-radius: 8px;
}

.select-small {
  padding: 7px 8px;
  background-color: #fff;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.375 1.1875L7 6.8125L12.625 1.1875' stroke='%23606E8C' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e"),
    linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.65em auto, 100%;
}

textarea {
  padding: 16px;
}

.eye-button {
  position: absolute;
  right: 16px;
  top: calc(50% - 8px);
  width: 22px;
  height: 16px;
  background-image: url("/local/templates/ITIN/styles/../img/eye_off.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: inherit;
}

.eye-button--js_active {
  background-image: url("/local/templates/ITIN/styles/../img/eye_on.svg");
}

::placeholder,
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
  color: var(--light-gray);
}

.error label,
.error input,
.error input::placeholder {
  color: var(--red);
}

/* clears the 'X' from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}

input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.error input {
  border-color: var(--red);
}

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

.text-black {
  color: var(--light-black);
}

.text-correct {
  color: var(--green);
}

div[id^="wait_comp_"] {
  display: none !important;
}

textarea:focus::placeholder {
  color: transparent;
}

textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

textarea:focus:-moz-placeholder {
  color: transparent;
}

textarea:focus::-moz-placeholder {
  color: transparent;
}

textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.datepickers-group {
  position: relative;
  gap: 16px;
}

.form-datepicker-group > input:disabled ~ .ui-datepicker-trigger {
  object-position: -99999px 99999px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 0C13.45 0 13 0.45 13 1V2H5V1C5 0.45 4.55 0 4 0C3.45 0 3 0.45 3 1V2H2C0.89 2 0.00999999 2.9 0.00999999 4L0 18C0 18.5304 0.210714 19.0391 0.585786 19.4142C0.960859 19.7893 1.46957 20 2 20H16C17.1 20 18 19.1 18 18V4C18 2.9 17.1 2 16 2H15V1C15 0.45 14.55 0 14 0ZM16 18H2V8H16V18ZM8 11C8 10.45 8.45 10 9 10C9.55 10 10 10.45 10 11C10 11.55 9.55 12 9 12C8.45 12 8 11.55 8 11ZM4 11C4 10.45 4.45 10 5 10C5.55 10 6 10.45 6 11C6 11.55 5.55 12 5 12C4.45 12 4 11.55 4 11ZM12 11C12 10.45 12.45 10 13 10C13.55 10 14 10.45 14 11C14 11.55 13.55 12 13 12C12.45 12 12 11.55 12 11ZM8 15C8 14.45 8.45 14 9 14C9.55 14 10 14.45 10 15C10 15.55 9.55 16 9 16C8.45 16 8 15.55 8 15ZM4 15C4 14.45 4.45 14 5 14C5.55 14 6 14.45 6 15C6 15.55 5.55 16 5 16C4.45 16 4 15.55 4 15ZM12 15C12 14.45 12.45 14 13 14C13.55 14 14 14.45 14 15C14 15.55 13.55 16 13 16C12.45 16 12 15.55 12 15Z' fill='%23C6CBD6'/%3E%3C/svg%3E");
  pointer-events: none;
}

.help-icon {
  position: absolute;
  top: calc(50% - 32px / 2);
  left: calc(100% + 16px);
  width: 32px;
  height: 32px;
  padding: 4px;
  cursor: pointer;
  color: var(--blue-gray);
  transition: color 0.3s;
}

.help-icon_small {
  display: none;
  top: calc(50% - 24px / 2);
  left: auto;
  right: 16px;
  width: 24px;
  height: 24px;
}

.help-icon:hover {
  color: var(--dark-gray);
}

.help-icon svg {
  width: 24px;
  height: 24px;
}

.help-icon_small svg {
  width: 18px;
  height: 18px;
}

.help-info {
  display: none;
  position: absolute;
  top: calc(50% + 12px);
  right: -33px;
  padding: 16px;
  width: 289px;
  z-index: 2;
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px 0px 8px 8px;
  background-color: var(--white);
  text-align: left;
}

.help-info_small {
  top: calc(50% + 10px);
  right: 22px;
}

/* TABLE */

table {
  overflow-x: scroll;
  margin-bottom: 16px;
  min-width: 944px;
  width: 100%;
}

.table-wrapper table.pr-small td:last-child,
.table-wrapper table.pr-small th:last-child {
  max-width: 111px;
  min-width: 111px;
  width: 111px;
}

.table-wrapper table.pr-big td:last-child,
.table-wrapper table.pr-big th:last-child {
  max-width: 165px;
  min-width: 165px;
  width: 165px;
}

.table-wrapper thead {
  position: relative;
  z-index: 2;
  background-color: var(--white);
}

.table-wrapper th {
  border-top: 1px solid transparent;
  color: var(--light-black);
  text-align: left;
  transition: color 0.3s;
}

.table-wrapper th:hover {
  cursor: pointer;
  color: var(--blue);
}

th:not(.can-wrap),
td:not(.can-wrap) {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.table-wrapper table th:first-child,
.table-wrapper table th:last-child,
.table-wrapper table td:first-child,
.table-wrapper table td:last-child {
  min-width: 48px;
  max-width: 48px;
  width: 48px;
  padding: 0 !important;
}

.table-wrapper tr:last-of-type td:not(:first-child):not(:last-child) {
  border-bottom: 1px solid var(--ghost-gray);
}

.table-wrapper tr:last-of-type td:first-child,
.table-wrapper tr:last-of-type td:last-child {
  border-bottom: 1px solid transparent;
}

.table-wrapper td:first-child,
.table-wrapper td:last-child {
  border-top: 1px solid transparent;
}

.table-wrapper td:not(:first-child):not(:last-child) {
  border-top: 1px solid var(--ghost-gray);
}

.table-wrapper table th,
.table-wrapper table td {
  padding: 9px 0;
  padding-left: 4px;
  padding-right: 28px;
  white-space: nowrap;
}

.table-wrapper table th:nth-child(2),
.table-wrapper table td:nth-child(2) {
  padding: 9px 2px;
  min-width: 60px;
  max-width: 60px;
  width: 60px;
}

.table-wrapper table .analogue {
  color: var(--blue);
  transition: color 0.3s;
}

.table-wrapper table .analogue:hover {
  color: var(--dark-blue);
  text-decoration: none;
}

.table-wrapper table .analogue.analogue_has-analogue {
  position: relative;
  padding-left: 24px;
}

.table-wrapper table .analogue.analogue_has-analogue::before {
  content: "";
  position: absolute;
  display: block;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.5C4.41594 1.5 1.5 4.41594 1.5 8C1.5 11.5841 4.41594 14.5 8 14.5C11.5841 14.5 14.5 11.5841 14.5 8C14.5 4.41594 11.5841 1.5 8 1.5ZM11.3828 5.82156L7.18281 10.8216C7.13674 10.8764 7.07941 10.9208 7.01471 10.9516C6.95001 10.9823 6.87945 10.9989 6.80781 11H6.79938C6.72929 11 6.66 10.9852 6.59599 10.9567C6.53198 10.9282 6.47468 10.8865 6.42781 10.8344L4.62781 8.83438C4.5821 8.78589 4.54654 8.72876 4.52322 8.66633C4.4999 8.60391 4.4893 8.53745 4.49203 8.47087C4.49477 8.40429 4.51078 8.33892 4.53914 8.27862C4.56749 8.21831 4.60761 8.16429 4.65715 8.11971C4.70668 8.07514 4.76463 8.04091 4.82757 8.01905C4.89052 7.99719 4.95721 7.98813 5.02371 7.9924C5.09021 7.99668 5.15518 8.01421 5.21481 8.04396C5.27444 8.0737 5.32752 8.11507 5.37094 8.16562L6.78625 9.73812L10.6172 5.17844C10.7031 5.07909 10.8247 5.01754 10.9556 5.00711C11.0866 4.99668 11.2164 5.03819 11.317 5.12268C11.4175 5.20717 11.4808 5.32784 11.4931 5.45862C11.5055 5.5894 11.4658 5.71977 11.3828 5.82156Z' fill='%233546E9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s;
}

.table-wrapper table .analogue.analogue_has-analogue:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 1.5C4.41594 1.5 1.5 4.41594 1.5 8C1.5 11.5841 4.41594 14.5 8 14.5C11.5841 14.5 14.5 11.5841 14.5 8C14.5 4.41594 11.5841 1.5 8 1.5ZM11.3828 5.82156L7.18281 10.8216C7.13674 10.8764 7.07941 10.9208 7.01471 10.9516C6.95001 10.9823 6.87945 10.9989 6.80781 11H6.79938C6.72929 11 6.66 10.9852 6.59599 10.9567C6.53198 10.9282 6.47468 10.8865 6.42781 10.8344L4.62781 8.83438C4.5821 8.78589 4.54654 8.72876 4.52322 8.66633C4.4999 8.60391 4.4893 8.53745 4.49203 8.47087C4.49477 8.40429 4.51078 8.33892 4.53914 8.27862C4.56749 8.21831 4.60761 8.16429 4.65715 8.11971C4.70668 8.07514 4.76463 8.04091 4.82757 8.01905C4.89052 7.99719 4.95721 7.98813 5.02371 7.9924C5.09021 7.99668 5.15518 8.01421 5.21481 8.04396C5.27444 8.0737 5.32752 8.11507 5.37094 8.16562L6.78625 9.73812L10.6172 5.17844C10.7031 5.07909 10.8247 5.01754 10.9556 5.00711C11.0866 4.99668 11.2164 5.03819 11.317 5.12268C11.4175 5.20717 11.4808 5.32784 11.4931 5.45862C11.5055 5.5894 11.4658 5.71977 11.3828 5.82156Z' fill='%23170F87'/%3E%3C/svg%3E%0A");
}

.table-wrapper table tr:has(.analogue.analogue_has-analogue),
.table-wrapper table td:has(.analogue.analogue_has-analogue) {
  overflow: visible;
}

.table-wrapper table .analogue.analogue_has-analogue::after {
  content: attr(data-title);
  position: absolute;
  top: 21px;
  left: 5px;
  z-index: 100;
  opacity: 0;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: var(--dark-gray);
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  color: var(--white);
  pointer-events: none;
  transition: opacity 0.3s;
}

.table-wrapper table .analogue.analogue_has-analogue:hover::after {
  opacity: 1;
}

.stretch-100 {
  min-width: 100px;
  max-width: 170px;
}

.stretch-130 {
  min-width: 130px;
  max-width: 276px;
}

.fix-60 {
  width: 60px;
  max-width: 60px;
}

.fix-80 {
  width: 80px;
  max-width: 80px;
}

.fix-90 {
  width: 90px;
  max-width: 90px;
}

.fix-110 {
  width: 110px;
  max-width: 110px;
}

.fix-150 {
  width: 150px;
  max-width: 150px;
}

.fix-200 {
  width: 200px;
  max-width: 200px;
}

.top-panel {
  margin-bottom: 24px;
  height: 48px;
  gap: 16px;
}

.top-panel__total {
  align-self: center;
  min-width: 176px;
  flex-wrap: wrap;
  gap: 8px;
  color: var(--blue-gray);
}

.top-panel__total .sum {
  font-weight: 700;
  font-size: 18px;
  color: var(--dark-gray);
}

.search-wrapper {
  position: relative;
  width: 100%;
  height: 48px;
}

.top-panel input[type="search"] {
  padding: 12px 48px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667C15.8333 10.7068 15.3111 12.125 14.4339 13.2538L17.6726 16.4941L16.4941 17.6726L13.2538 14.4339C12.125 15.3111 10.7068 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5ZM9.16667 4.16667C6.40524 4.16667 4.16667 6.40524 4.16667 9.16667C4.16667 11.9281 6.40524 14.1667 9.16667 14.1667C11.9281 14.1667 14.1667 11.9281 14.1667 9.16667C14.1667 6.40524 11.9281 4.16667 9.16667 4.16667Z' fill='%23C6CBD6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: 19px center;
  background-size: 18px;
  border: 1px solid var(--light-gray);
  font-size: 16px;
  color: #1b254a;
  /* line-height: 22px; */
}

.search-clear-btn {
  display: none;
  position: absolute;
  padding: 0;
  min-width: auto;
  top: 0;
  right: 22px;
  width: 12px;
  height: 12px;
}

.search-clear-btn_small {
  top: 26px;
  right: 32px;
  width: 12px;
  height: 12px !important;
}

.btn-active {
  display: block;
}

.top-panel select {
  width: 368px;
  font-size: 16px;
  /* line-height: 22px; */
}

.top-panel button {
  /* min-width: 368px; */
  height: 48px;
}

.table-wrapper {
  position: relative;
}

.table-container {
  position: relative;
  overflow-x: auto;
  min-height: calc(11 * 40px);
}

.table-container::-webkit-scrollbar {
  border-left: 48px var(--white) solid;
  background-color: #eff0f3;
}

.table-container::-webkit-scrollbar-track {
  margin-left: 48px;
}

.table-wrapper tr {
  transition: background-color 0.3s;
}

.table-wrapper tr,
.table-wrapper td,
.table-wrapper th {
  min-height: 40px;
  height: 40px;
  max-height: 40px;
}

.checkbox-field {
  position: relative;
}

.table-wrapper td a {
  color: var(--blue);
}

.table-wrapper td a:hover {
  text-decoration: underline;
}

.td-paid::before,
.td-processing::before,
.td-not-paid::before {
  content: " ";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
}

.td-paid::before {
  background-color: var(--green-status);
}

.td-processing::before {
  background-color: var(--yellow-status);
}

.td-not-paid::before {
  background-color: var(--red);
}

.bottom-panel {
  margin-top: 16px;
  margin-bottom: 24px;
}

.bottom-panel select {
  padding: 6px 8px;
  width: 80px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
}

.pagination-buttons-group {
  gap: 8px;
}

.page-button {
  padding: 4px 6px;
  width: 18px;
  height: 27px;
}

.page {
  padding: 6px 11px;
  border-radius: 4px;
  text-decoration: none;
  color: var(--light-black);
}

.current {
  background-color: var(--ghost-gray);
}

.show {
  gap: 16px;
}

.selected {
  gap: 24px;
}

.highlited {
  font-weight: 600;
  color: var(--blue);
}

.reset {
  font-weight: 400;
  color: var(--red);
}

.tr-checked {
  background-color: #f5f6f8;
}

.tr-checked td:first-child,
.tr-checked td:last-child {
  border-color: #f5f6f8;
}

.tr-checked + tr > td:first-child,
.tr-checked + tr > td:last-child {
  border-top: 1px solid #f5f6f8;
}

tr:last-of-type.tr-checked > td:first-child {
  border-bottom: 1px solid #f5f6f8;
}

.tr-hover {
  background-color: #dfe2e8;
}

.tr-hover > th:not(:first-child):not(:last-child),
.tr-hover > td:not(:first-child):not(:last-child),
tr:last-of-type.tr-hover > td {
  border-top: 1px solid #dfe2e8;
  border-bottom: 1px solid #dfe2e8;
}

.tr-hover > td:first-child,
.tr-hover > td:last-child {
  border-color: #dfe2e8 !important;
  border-top-color: 1px solid #dfe2e8 !important;
  border-bottom: 1px solid #dfe2e8 !important;
}

tr:last-of-type.tr-hover > td:not(:first-child) {
  border-color: #dfe2e8;
}

.sort-up::after,
.sort-down::after {
  transition: transform 0.3s;
}

.sort-up::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  padding: 3px 4px;
  width: 8px;
  height: 10px;
  background-image: url("/local/templates/ITIN/styles/../img/sort-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.sort-down::after {
  content: "";
  display: inline-block;
  margin-left: 10px;
  padding: 3px 4px;
  width: 8px;
  height: 10px;
  background-image: url("/local/templates/ITIN/styles/../img/sort-icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: rotate(180deg);
}

.sort-up:hover::after,
.sort-down:hover::after {
  background-image: url("/local/templates/ITIN/styles/../img/sort-icon-blue.svg");
}

.filter-not-found {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}

#wait_companies {
  display: none !important;
}

.disable {
  pointer-events: none;
}

/* TABLE MENU */

.table-menu-group {
  position: absolute;
  right: 0;
  top: 0;
  width: 111px;
  background-color: var(--white);
  z-index: 2;
}

.table-menu-group_big {
  width: 165px;
}

.table-menu-wrapper {
  position: relative;
  transition-property: background-color, border-color;
  transition-duration: 0.3s;
}

.table-menu-wrapper_elements-group .table-menu-flex-list {
  display: flex;
}

.table-menu-wrapper_header {
  z-index: 3;
  background-color: var(--white);
}

/* .table-menu-wrapper_elements-group.table-menu-wrapper_header {
  padding-top: 10px;
} */

.table-menu-wrapper_header svg {
  background-color: var(--white);
}

.table-menu-button {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px 0;
  margin: auto;
}

.table-menu-group_big
  .table-menu-button:not(.table-menu-button_comments):not(
    .table-menu-button_confirmed
  ):not(.table-menu-button_trash) {
  margin-left: 0;
  margin-right: auto;
}

.table-menu-button_comments {
  padding: 8px 1px;
  margin: 0 32px;
}

.table-menu-button_confirmed {
  padding: 7px 6px;
  margin-left: 0;
  margin-right: 6px;
}

.table-menu-button_trash {
  padding: 5px 7px;
  margin-left: 0;
}

.table-menu-button svg {
  width: 4px;
  height: 16px;
}

.table-menu-button_comments svg {
  width: 21px;
  height: 20px;
}

.table-menu-button_confirmed svg {
  width: 12px;
  height: 10px;
}

.table-menu-button_trash svg {
  width: 10px;
  height: 13px;
}

.table-menu {
  display: none;
  position: absolute;
  top: 20px;
  right: calc(50% - 10px);
  width: 136px;
  z-index: 3;
  background-color: var(--white);
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  overflow: hidden;
}

.table-menu a {
  display: block;
  padding: 10px 16px;
  color: var(--light-black);
  transition: background-color 0.2s;
}

.table-menu a:hover {
  background-color: var(--ghost-gray);
  text-decoration: none;
}

.table-menu_active {
  display: block;
  /* display: block !important; */
}

table.table-menu-list {
  min-width: auto;
  margin-bottom: 0;
}

table.table-menu-list th,
table.table-menu-list td {
  min-width: auto !important;
  max-width: none !important;
  width: 100% !important;
}

/* DATEPICKER */

.ui-datepicker {
  background-color: var(--white);
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
}

.ui-datepicker-trigger {
  position: absolute;
  top: calc(50% - 18px / 2);
  right: 20px;
  width: 18px;
  height: 20px;
  border-radius: 0;
  cursor: pointer;
}

.ui-datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 14px;
  /* border-bottom: 1px solid var(--light-gray); */
  color: #374264;
  /* color: var(--blue); */
}

.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  font-size: 0;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
  transition: background-image 0.3s;
}

.ui-datepicker-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 14L7.5 10L11.5 6' stroke='%231B254A' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  order: 1;
}

.ui-datepicker-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5 14L7.5 10L11.5 6' stroke='%233546E9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ui-datepicker-next {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 6L13.5 10L9.5 14' stroke='%233546E9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  order: 3;
}

.ui-datepicker-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.5 6L13.5 10L9.5 14' stroke='%233546E9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.ui-datepicker-title {
  order: 2;
  font-size: 16px;
  line-height: 140%;
}

.ui-datepicker-calendar {
  /* margin-top: 14px; */
  margin-bottom: 0;
}

.ui-datepicker table {
  border-collapse: separate;
  min-width: auto;
  border-spacing: 6px 8px;
}

.ui-datepicker tr {
  height: 24px;
}

.ui-datepicker th,
.ui-datepicker td {
  padding: 2px !important;
  max-width: none;
  min-width: auto;
  width: 24px;
  height: 24px;
  border: none !important;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
}

.ui-datepicker td {
  border-radius: 2px;
  transition: background-color 0.3s;
}

.ui-datepicker thead {
  position: relative;
}

.ui-datepicker thead:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 5px;
  height: 1px;
  background-color: var(--ghost-gray);
}

.ui-datepicker th,
.ui-datepicker td a {
  color: var(--light-black);
  text-decoration: none;
}

.ui-datepicker th {
  font-size: 12px;
  line-height: 16px;
  color: var(--blue-gray);
  cursor: auto;
}

.ui-datepicker td a {
  display: block;
  width: 100%;
  height: 100%;
}

.ui-datepicker
  td:not(.ui-datepicker-other-month):not(.ui-datepicker-current-day):not(
    .ui-state-disabled
  ):hover {
  background-color: #f5f6f8;
}

td.ui-datepicker-current-day,
.calendar-datepicker td.ui-datepicker-current-day {
  background-color: var(--blue);
}

td.ui-datepicker-current-day a,
.calendar-datepicker td.ui-datepicker-current-day a {
  color: var(--white);
}

.ui-state-disabled,
.ui-datepicker-other-month {
  color: var(--light-gray);
}

.ui-datepicker th:not(:last-child),
.ui-datepicker td:not(:last-child) {
  margin-right: 11px;
}

.calendar-link {
  display: block;
}

.calendar-link .calendar-datepicker {
  height: 100%;
  pointer-events: none;
}

.calendar-link:hover .calendar-datepicker .ui-datepicker {
  background-color: #f5f6f8;
}

.calendar-link:active .calendar-datepicker .ui-datepicker {
  background-color: var(--ghost-gray);
}

.calendar-datepicker .ui-datepicker {
  /* width: 224px; */
  height: 100%;
  padding: 16px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #f5f6f8;
  background-color: #fefefe;
  transition: 0.3s background-color;
}

/* .calendar-datepicker .ui-datepicker thead:after {
  content: none;
}

.calendar-datepicker .ui-datepicker thead {
  border-bottom: 1px solid var(--ghost-gray);
} */

.calendar-datepicker .ui-datepicker-prev,
.calendar-datepicker .ui-datepicker-next {
  width: 16px;
  height: 16px;
  transition: 0.3s background-image;
}

.calendar-datepicker .ui-datepicker-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4234 2.90907C10.6577 3.14338 10.6577 3.52328 10.4234 3.7576L6.18095 8L10.4234 12.2424C10.6577 12.4767 10.6577 12.8566 10.4234 13.0909C10.189 13.3252 9.80914 13.3252 9.57482 13.0909L4.90816 8.42426C4.67384 8.18995 4.67384 7.81005 4.90816 7.57574L9.57482 2.90907C9.80914 2.67475 10.189 2.67475 10.4234 2.90907Z' fill='%23303030'/%3E%3C/svg%3E%0A");
}

.calendar-datepicker .ui-datepicker-prev:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.4234 2.90907C10.6577 3.14339 10.6577 3.52329 10.4234 3.7576L6.18095 8L10.4234 12.2424C10.6577 12.4767 10.6577 12.8566 10.4234 13.0909C10.189 13.3252 9.80914 13.3252 9.57482 13.0909L4.90816 8.42427C4.67384 8.18995 4.67384 7.81005 4.90816 7.57574L9.57482 2.90907C9.80914 2.67476 10.189 2.67476 10.4234 2.90907Z' fill='%233546E9'/%3E%3C/svg%3E%0A");
}

.calendar-datepicker .ui-datepicker-next {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.57665 13.0909C5.34233 12.8566 5.34233 12.4767 5.57665 12.2424L9.81905 8L5.57665 3.7576C5.34233 3.52328 5.34233 3.14338 5.57665 2.90907C5.81096 2.67476 6.19086 2.67476 6.42518 2.90907L11.0918 7.57574C11.3262 7.81005 11.3262 8.18995 11.0918 8.42426L6.42518 13.0909C6.19086 13.3252 5.81096 13.3252 5.57665 13.0909Z' fill='%23303030'/%3E%3C/svg%3E%0A");
}

.calendar-datepicker .ui-datepicker-next:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.57665 13.0909C5.34233 12.8566 5.34233 12.4767 5.57665 12.2424L9.81905 8L5.57665 3.7576C5.34233 3.52328 5.34233 3.14338 5.57665 2.90907C5.81096 2.67476 6.19086 2.67476 6.42518 2.90907L11.0918 7.57574C11.3262 7.81005 11.3262 8.18995 11.0918 8.42426L6.42518 13.0909C6.19086 13.3252 5.81096 13.3252 5.57665 13.0909Z' fill='%233546E9'/%3E%3C/svg%3E%0A");
}

.calendar-datepicker .ui-datepicker-month {
  font-weight: 600;
  color: #303030;
}

.calendar-datepicker .ui-datepicker-year {
  display: none;
}

.calendar-datepicker .ui-datepicker-header {
  padding-bottom: 8px;
  border-bottom: none;
}

.calendar-datepicker.calendar-datepicker_no-buttons .ui-datepicker-header {
  justify-content: center;
}

.calendar-datepicker.calendar-datepicker_no-buttons .ui-datepicker-prev,
.calendar-datepicker.calendar-datepicker_no-buttons .ui-datepicker-next {
  display: none;
}

.calendar-datepicker .ui-datepicker-calendar {
  margin: 0 auto;
  max-width: 192px;
  border-spacing: 0 1px;
}

.calendar-datepicker .ui-datepicker table {
  border-collapse: collapse;
}

.calendar-datepicker .ui-datepicker th,
.calendar-datepicker .ui-datepicker td {
  /* display: flex; */
  /* align-items: center; */
  /* justify-content: center; */
  min-width: 24px;
  min-height: 24px;
  padding: 0 !important;
}

.calendar-datepicker .ui-datepicker th {
  font-size: 11px;
  line-height: 15px;
  font-weight: 300;
  color: var(--blue-gray);
}

.calendar-datepicker .ui-datepicker td {
  font-size: 12px;
  line-height: 16px;
  font-weight: 300;
  border-radius: 8px;
}

.calendar-datepicker .ui-datepicker td > a {
  display: flex;
  align-items: center;
  justify-content: center;
}

td.ui-datepicker-current-day {
  border-radius: 4px;
}

.calendar-datepicker td.ui-datepicker-today,
.calendar-datepicker td.ui-datepicker-current-day {
  border-radius: 8px;
  transition: background-color 0.3s;
}

.calendar-datepicker td.ui-datepicker-today a,
.calendar-datepicker td.ui-datepicker-today.ui-datepicker-highlight a {
  color: var(--white);
  font-weight: 700;
}

.calendar-datepicker td.ui-datepicker-today:not(.ui-datepicker-current-day) a,
.calendar-datepicker
  td.ui-datepicker-today.ui-datepicker-highlight:not(.ui-datepicker-current-day)
  a {
  background-color: #374264;
}

.calendar-datepicker
  td.ui-datepicker-today:not(.ui-datepicker-current-day):hover
  a {
  background-color: var(--dark-blue);
}

.calendar-link .calendar-datepicker td.ui-datepicker-current-day {
  background-color: transparent !important;
}

.calendar-link .calendar-datepicker td.ui-datepicker-current-day a {
  color: var(--light-black) !important;
  font-weight: 300 !important;
}

/* .calendar-datepicker .ui-datepicker-current-day {
  background-color: #374264;
}

.calendar-datepicker .ui-datepicker-current-day a,
.calendar-datepicker .ui-datepicker-current-day.ui-datepicker-highlight a {
  color: var(--white);
} */

.calendar-datepicker .ui-datepicker-active-day a {
  font-weight: 700;
  background-color: var(--blue);
  color: var(--white);
}

.ui-datepicker-current-day a {
  transition: background-color 0.3s;
}

.calendar-datepicker .ui-datepicker-current-day a {
  font-weight: 700;
}

.calendar-datepicker .ui-state-disabled,
.calendar-datepicker .ui-datepicker-other-month {
  color: var(--light-gray);
}

.calendar-datepicker
  .ui-datepicker-highlight:not(.ui-datepicker-current-day):not(
    .ui-datepicker-today
  )
  a {
  font-weight: 700;
  color: var(--blue);
}

.calendar-datepicker
  .ui-datepicker
  td:not(.ui-datepicker-other-month):not(.ui-datepicker-current-day):not(
    .ui-state-disabled
  ):not(.ui-datepicker-today)
  a {
  transition: all 0.3s;
}

.calendar-datepicker
  .ui-datepicker
  td:not(.ui-datepicker-other-month):not(.ui-datepicker-current-day):not(
    .ui-state-disabled
  ):not(.ui-datepicker-highlight):not(.ui-datepicker-active-day):not(
    .ui-datepicker-today
  ):hover
  a {
  color: #374264;
}

.calendar-datepicker
  .ui-datepicker-highlight:not(.ui-datepicker-current-day):not(
    .ui-datepicker-today
  ):hover
  a {
  color: var(--dark-blue);
}

/* BREADCRUMBS */

.breadcrumbs {
  padding: 24px 0;
  color: var(--light-black);
}

.breadcrumbs ~ section {
  padding-top: 0;
}

.breadcrumbs a.back {
  display: none;
}

.breadcrumbs ul {
  display: flex;
  gap: 8px;
}

.breadcrumbs ul li {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19.1px;
}

.breadcrumbs ul li a {
  font-weight: 300;
  color: var(--blue-gray);
  transition: color 0.3s;
}

.breadcrumbs ul li a:hover {
  color: var(--light-black);
}

.breadcrumbs ul li:not(:last-child)::after {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.182 10.3182C4.00626 10.1425 4.00626 9.85753 4.182 9.6818L7.3638 6.5L4.182 3.31819C4.00626 3.14246 4.00626 2.85753 4.182 2.6818C4.35773 2.50606 4.64266 2.50606 4.81839 2.6818L8.31839 6.1818C8.49413 6.35753 8.49413 6.64246 8.31839 6.8182L4.81839 10.3182C4.64266 10.4939 4.35773 10.4939 4.182 10.3182Z' fill='%238895BB'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.breadcrumbs ul li:nth-last-child(2)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.182 10.3182C4.00626 10.1425 4.00626 9.85753 4.182 9.6818L7.3638 6.5L4.182 3.31819C4.00626 3.14246 4.00626 2.85753 4.182 2.6818C4.35773 2.50606 4.64266 2.50606 4.81839 2.6818L8.31839 6.1818C8.49413 6.35753 8.49413 6.64246 8.31839 6.8182L4.81839 10.3182C4.64266 10.4939 4.35773 10.4939 4.182 10.3182Z' fill='%231B254A'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1919px) {
  /* TABLE */

  .table-wrapper table.pr-small td:last-child,
  .table-wrapper table.pr-small th:last-child {
    max-width: 89px;
    min-width: 89px;
    width: 89px;
  }

  .table-wrapper table.pr-big td:last-child,
  .table-wrapper table.pr-big th:last-child {
    max-width: 182px;
    min-width: 182px;
    width: 182px;
  }

  .table-menu-group {
    width: 89px;
  }

  .table-menu-group_big {
    width: 182px;
  }

  .table-menu-group:not(.table-menu-group_big) .table-menu-button {
    margin-left: 20px;
  }

  .top-panel select {
    width: 200px;
  }

  .top-panel button {
    min-width: 272px;
  }

  .search-clear-btn {
    min-width: auto !important;
  }
}

@media (max-width: 1199px) {
  /* GLOBAL */

  /* TEXT */

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

  /* FLEX */

  .flex-s {
    display: flex;
  }

  .fd-column-s {
    flex-direction: column;
  }

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

  /* BUTTONS */

  .p13-24 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    width: 216px;
    height: 56px;
  }

  /* CONTAINER */

  .main-page {
    background: radial-gradient(800px at bottom left, #f0faff 60%, #fff);
  }

  .container {
    max-width: 768px;
    padding: 0 37px;
  }

  .container-small {
    padding: 0 36px;
    margin: 0 auto;
  }

  .container-small_table {
    padding: 0;
  }

  .container-small.container-small_tabs {
    max-width: none;
    padding: 0;
  }

  .title-wrapper {
    max-width: none;
  }

  /* TABS */

  .tabs-block {
    left: calc(50% - 36px);
    transform: translateX(-50%);
    margin-left: 36px;
  }

  .tab {
    min-width: max-content;
  }

  /* TABS */

  /* HEADER */

  header {
    padding: 22px 0;
  }

  .header__button-group {
    gap: 44px;
  }

  .header__login {
    position: relative;
    padding-left: 45px;
  }

  .header__login::before {
    top: calc(50% - 26px / 2);
    width: 26px;
    height: 26px;
  }

  .menu-active {
    display: none;
  }

  .header-blue__notifications .header-blue__notifications-btn,
  .header-blue__news .header-blue__news-btn {
    color: var(--white);
  }

  .header__counter_active {
    border-color: var(--light-black);
  }

  .header__modal {
    position: fixed;
    top: 72px;
    left: unset;
    right: 0;
  }

  .header-blue__news .header__modal {
    left: unset;
  }

  /* FORM */

  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="number"] {
    padding: 17px 16px;
  }

  /* FOOTER */
  footer {
    padding: 48px 0 53px;
  }

  .footer__note {
    font-weight: 300;
    font-size: 14px;
  }

  /* TABLE */

  table {
    min-width: 768px;
  }

  .table-wrapper table th:first-child,
  .table-wrapper table th:last-child,
  .table-wrapper table td:first-child,
  .table-wrapper table td:last-child {
    min-width: 36px;
    max-width: 36px;
    width: 36px;
  }

  .table-wrapper th:nth-child(2),
  .table-wrapper td:nth-child(2) {
    min-width: 44px;
    max-width: 44px;
    width: 44px;
  }

  .table-wrapper table .analogue.analogue_has-analogue::after {
    content: none;
  }

  .table-wrapper table tr:has(.analogue.analogue_has-analogue),
  .table-wrapper table td:has(.analogue.analogue_has-analogue) {
    overflow: hidden;
  }

  .stretch-100 {
    min-width: 150px;
    max-width: 160px;
  }

  .stretch-130 {
    min-width: 100px;
    max-width: 130px;
  }

  .fix-150 {
    width: 140px;
    max-width: 140px;
  }

  .fix-200 {
    width: 170px;
    max-width: 170px;
  }

  .table-wrapper table.pr-small td:last-child,
  .table-wrapper table.pr-small th:last-child {
    max-width: 67px;
    min-width: 67px;
    width: 67px;
  }

  .table-wrapper table.pr-big td:last-child,
  .table-wrapper table.pr-big th:last-child {
    max-width: 184px;
    min-width: 184px;
    width: 184px;
  }

  .top-panel__total {
    width: 100%;
  }

  .table-wrapper tr {
    min-height: 56px;
    height: 56px;
    max-height: 56px;
  }

  .table-wrapper th,
  .table-wrapper td {
    min-height: 56px;
    height: 56px;
    max-height: 56px;
    padding-top: 18px !important;
    padding-bottom: 18px !important;
  }

  .table-container {
    min-height: calc(11 * 56px);
  }

  .table-container::-webkit-scrollbar {
    border-left: 36px var(--white) solid;
    background-color: #eff0f3;
  }

  .table-container::-webkit-scrollbar-track {
    margin-left: 36px;
  }

  /* TABLE MENU */

  .table-menu-group {
    width: 67px;
  }

  .table-menu-group_big {
    width: 184px;
  }

  .table-menu-wrapper {
    min-height: 56px;
    height: 56px;
    max-height: 56px;
  }

  .table-menu-group:not(.table-menu-group_big) .table-menu-button {
    padding: 19px 6px;
    margin-left: 15px;
  }

  .table-menu-button_comments {
    padding: 16px 1px;
    margin-right: 26px;
  }

  .table-menu-button_confirmed {
    margin-right: 8px;
  }

  .table-menu-button_confirmed svg {
    width: 18px;
    height: 15px;
  }

  .table-menu-button_trash svg {
    width: 13px;
    height: 17px;
  }

  .table-menu_active {
    display: none !important;
  }

  table.table-menu-list th,
  table.table-menu-list td {
    padding: 0 !important;
  }

  /* DATEPICKER */

  .ui-datepicker th,
  .ui-datepicker td {
    padding: 2px;
    max-width: none;
    min-width: auto;
    width: 24px;
    height: 24px;
    border: none;
  }

  /* BREADCRUMBS */

  .breadcrumbs {
    padding-top: 96px;
  }

  .breadcrumbs .container-small {
    padding: 0 36px;
    max-width: 100%;
  }

  .breadcrumbs a.back {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-weight: 600;
    font-size: 14px;
    line-height: 19.1px;
    color: inherit;
  }

  .breadcrumbs a.back::before {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.04965 3.57574C8.28397 3.81005 8.28397 4.18995 8.04965 4.42427L4.57392 7.9H12.8754C13.2068 7.9 13.4754 8.16863 13.4754 8.5C13.4754 8.83137 13.2068 9.1 12.8754 9.1H4.57392L8.04965 12.5757C8.28397 12.8101 8.28397 13.19 8.04965 13.4243C7.81534 13.6586 7.43544 13.6586 7.20113 13.4243L2.70113 8.92427C2.46681 8.68995 2.46681 8.31005 2.70113 8.07574L7.20113 3.57574C7.43544 3.34142 7.81534 3.34142 8.04965 3.57574Z' fill='%231B254A'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  .breadcrumbs ul {
    display: none;
  }
}

@media (max-width: 767px) {
  /* GLOBAL */

  /* TEXT */

  h1 {
    font-size: 20px;
    line-height: 27px;
  }

  h2 {
    font-size: 18px;
    line-height: 24px;
  }

  h3,
  h4 {
    font-size: 16px;
  }

  h3 {
    line-height: 21px;
  }

  h4 {
    line-height: 22px;
  }

  /* LOGO */

  .logo {
    width: 46px;
    height: 22px;
  }

  .logo-big {
    width: 86px;
    height: 41px;
  }

  /* FLEX */

  .flex-xs {
    display: flex;
  }

  .fd-column-xs {
    flex-direction: column;
  }

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

  /* BUTTONS */

  .p13-24 {
    display: block;
    width: 100%;
  }

  /* CONTAINER */

  .main-page {
    background: none;
  }

  .container {
    max-width: none;
    padding: 0 15px;
    margin: 0 auto;
  }

  .container-small {
    padding: 0 16px;
    text-align: center;
    max-width: none;
    margin: 0;
  }

  .container-small_table {
    padding: 0;
    text-align: left;
  }

  .container-small_tabs {
    padding: 0;
  }

  .container-few-tables {
    display: flex;
    overflow-x: scroll;
  }

  .container-few-tables::-webkit-scrollbar {
    border-left: 16px var(--white) solid;
  }

  .container-few-tables::-webkit-scrollbar-track {
    margin-left: 16px;
  }

  .container-few-tables .table-container {
    overflow-x: visible;
  }

  .container-few-tables .table-menu-flex-list {
    padding-right: 16px;
  }

  /* TABS */

  .tabs-block {
    padding: 0 16px;
    margin: 0;
    left: 0;
    transform: unset;
    border: none;
    background: linear-gradient(var(--ghost-gray), var(--ghost-gray)) bottom
      center/calc(100% - 32px) 1px;
    background-repeat: no-repeat;
  }

  .tab {
    min-width: max-content;
  }

  /* TABS */

  /* HEADER */

  header {
    padding: 19px 0;
  }

  .header-white {
    padding-top: 41px;
    padding-bottom: 57px;
    background-color: transparent;
    font-size: 16px;
    font-weight: 600;
    line-height: 21px;
    color: var(--light-black);
  }

  .header__button-group {
    display: block;
  }

  .header__registration {
    display: none;
  }

  .header__login {
    position: relative;
    padding-left: 29px;
    font-size: 0;
  }

  .header-blue__group {
    gap: 16px;
  }

  .header-blue__profile {
    margin-left: auto;
    margin-right: 0;
  }

  /* FOOTER */

  footer {
    padding: 48px 0;
  }

  .footer__info {
    flex-direction: column;
    align-items: center;
    margin-bottom: 36px;
    gap: 36px;
  }

  /* FORM */

  .form-input-field-group {
    position: relative;
    width: 100%;
  }

  .form-datepicker-group:not(.datepicker-without-info) .ui-datepicker-trigger {
    right: 50px;
  }

  .help-icon {
    display: none;
  }

  .help-icon_small {
    display: block;
  }

  .help-info {
    width: 262px;
  }

  /* TABLE */

  .top-panel {
    flex-wrap: wrap;
    height: 112px;
    gap: 16px;
    margin-bottom: 32px;
  }

  .bottom-panel {
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 24px;
  }

  .show {
    display: none;
  }

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

  .table-wrapper table th:first-child,
  .table-wrapper table th:last-child,
  .table-wrapper table td:first-child,
  .table-wrapper table td:last-child {
    min-width: 16px;
    max-width: 16px;
    width: 16px;
  }

  .table-wrapper table.pr-big td:last-child,
  .table-wrapper table.pr-big th:last-child,
  .table-wrapper table.pr-small td:last-child,
  .table-wrapper table.pr-small th:last-child {
    max-width: 16px;
    min-width: 16px;
    width: 16px;
  }

  .search-wrapper {
    width: calc(100% - 64px);
  }

  .search-clear-btn_small {
    top: 10px;
  }

  .table-container::-webkit-scrollbar {
    border-left: 16px var(--white) solid;
    background-color: #eff0f3;
  }

  .table-container::-webkit-scrollbar-track {
    margin-left: 16px;
  }

  .table-wrapper tr:last-of-type td:first-child,
  .table-wrapper tr:last-of-type td:last-child {
    border-bottom: inherit;
  }

  /* TABLE MENU */

  .table-menu-group_big {
    position: static;
  }

  .table-menu-group:not(.table-menu-group_big) {
    display: none;
  }

  /* DATEPICKER */

  *:not(.calendar-datepicker) > .ui-datepicker {
    position: fixed !important;
    top: calc(50% - 142px) !important;
    width: calc(100vw - 16px * 2);
    border-radius: 8px;
  }

  .ui-datepicker th,
  .ui-datepicker td {
    padding: 2px;
    max-width: none;
    min-width: auto;
    width: 24px;
    height: 24px;
    border: none;
  }

  /* BREADCRUMBS */

  .breadcrumbs .container-small {
    padding: 0 16px;
    text-align: left;
  }

  /* ПАНЕЛЬ ВКЛАДОК */

  .tabs-wrapper {
    margin-bottom: 16px;
  }
}

/* СПИСКИ УВЕДОМЛЕНИЙ И НОВОСТЕЙ */

.notifications-news h1 {
  margin-bottom: 8px;
}

.notifications-news__description {
  margin-bottom: 24px;
}

.notifications-news .container {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 120px);
}

.notifications-news__list {
  margin-bottom: 24px;
}

.notifications-news .container .bottom-panel {
  margin-top: auto;
  margin-bottom: 0;
  padding-bottom: 48px;
}

@media (max-width: 1199px) {
  .notifications-news {
    padding-top: 112px;
  }

  .notifications-news__description {
    margin-bottom: 32px;
  }

  .notifications-news .container {
    min-height: calc(100vh - 112px);
  }
}

/* ВКЛАДКА АНАЛОГИ */

.analogues__list .analogues__item {
  padding: 8px 16px;
  border-bottom: 1px solid var(--ghost-gray);
  font-weight: 600;
  line-height: 43px;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1199px) {
  .analogues.container-small {
    max-width: none;
  }

  .analogues .bottom-panel {
    margin-top: 24px;
  }
}

@media (max-width: 767px) {
  .analogues.container-small {
    padding-right: 0;
  }

  .analogues__list {
    display: grid;
    overflow-x: auto;
  }

  .analogues__list::-webkit-scrollbar {
    border-left: 16px var(--white) solid;
    background-color: #eff0f3;
  }

  .analogues__list .analogues__item {
    overflow: unset;
    text-overflow: unset;
    flex-shrink: 0;
  }
}

/* ВКЛАДКА ИСТОРИЯ ИЗМЕНЕНИЙ */

.changes.container-small {
  max-width: none;
}

.changes__description {
  margin-bottom: 24px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
}

.changes__cancel-menu-container {
  position: relative;
}

.changes__table-container {
  overflow-x: scroll;
}

.changes table {
  margin-bottom: 0;
  text-align: left;
}

.changes table tr {
  border-bottom: 1px solid var(--ghost-gray);
}

.changes table td,
.changes table th {
  padding-left: 16px;
  padding-right: 10px;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}

.changes table thead th {
  color: var(--light-black);
}

.changes table tr td,
.changes table th {
  padding-top: 10px;
  padding-bottom: 10px;
  vertical-align: middle;
}

.changes table td:last-child,
.changes table th:last-child {
  padding-right: calc(16px + 10px + 71px);
}

.changes table tbody tr:first-child {
  background-color: #f5f6f8;
}

.changes table tr td .date {
  font-weight: 600;
}

.changes table tr td .new-value {
  font-weight: 600;
}

.changes table tr td.can-wrap > *:not(:last-child),
.changes table tr td.to-wrap > *:not(:last-child) {
  margin-bottom: 12px;
}

.changes table tr td .new-value::before {
  content: "";
  display: inline-block;
  margin: 0 8px;
  width: 12px;
  height: 12px;
  background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.96325 9.69321C5.78751 9.51747 5.78751 9.23255 5.96325 9.05681L8.57005 6.45001L2.34394 6.45001C2.09542 6.45001 1.89395 6.24854 1.89395 6.00001C1.89395 5.75148 2.09542 5.55001 2.34394 5.55001L8.57005 5.55001L5.96325 2.94321C5.78751 2.76747 5.78751 2.48255 5.96325 2.30681C6.13898 2.13108 6.42391 2.13108 6.59964 2.30681L9.97464 5.68181C10.1504 5.85755 10.1504 6.14247 9.97464 6.31821L6.59964 9.69321C6.42391 9.86895 6.13898 9.86895 5.96325 9.69321Z' fill='%23303030'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  vertical-align: middle;
}

.changes__cancel-menu {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 71px;
  padding-top: 45px;
  background-color: var(--white);
  z-index: 2;
}

.changes__cancel-menu button {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 0;
  padding-left: 16px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16.8px;
  color: var(--dark-gray);
  transition: color 0.3s;
}

.changes__cancel-menu button:hover {
  color: var(--light-black);
}

.changes__cancel-menu svg {
  width: 24px;
  height: 24px;
}

@media (max-width: 1199px) {
  .changes__description {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .changes.container-small {
    padding-right: 0;
  }

  .changes__description {
    margin-bottom: 16px;
  }

  .changes__cancel-menu {
    position: static;
  }

  .changes__cancel-menu button {
    padding-left: 8px;
    padding-right: 8px;
  }

  .changes__table-container {
    overflow: visible;
  }

  .changes table td:last-child,
  .changes table th:last-child {
    padding-right: 10px;
  }
}

.calendar {
  padding-bottom: 120px;
  min-height: calc(100vh - 121px);
}

.calendar h1 {
  margin-bottom: 8px;
}

.calendar__description {
  margin-bottom: 32px;
}

.calendar__navigation-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}

.calendar__navigation-list {
  display: inline-flex;
  gap: 8px;
  padding: 4px;
  border-radius: 10px;
  background-color: var(--ghost-gray);
}

.calendar__navigation-item {
  padding: 4px 16px;
  border-radius: 8px;
  font-weight: 600;
  cursor: pointer;
  transition: color 0.3s, background-color 0.3s;
}

.calendar__navigation-item:hover {
  color: var(--light-black);
}

.calendar__navigation-item.active-tab {
  border: none;
  background-color: var(--white);
  color: var(--light-black);
}

.calendar__prev-next-block {
  display: flex;
  align-items: center;
  gap: 16px;
}

.calendar__navigation-button {
  padding: 0;
  width: 24px;
  height: 24px;
  color: var(--dark-gray);
}

.calendar__navigation-button:disabled {
  color: var(--light-gray);
}

.calendar__choice {
  font-weight: 600;
  color: var(--light-black);
}

.calendar__container {
  max-width: 1432px;
}

.calendar__year-tab {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.calendar__year-tab
  .calendar-link:nth-child(2)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(3)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(4)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(6)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(7)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(8)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(10)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(11)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(12)
  .calendar-datepicker
  .ui-datepicker {
  border-left: none;
}

.calendar__year-tab
  .calendar-link:nth-child(5)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(6)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(7)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(8)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(9)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(10)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(11)
  .calendar-datepicker
  .ui-datepicker,
.calendar__year-tab
  .calendar-link:nth-child(12)
  .calendar-datepicker
  .ui-datepicker {
  border-top: none;
}

@media (max-width: 1199px) {
  .calendar {
    padding-top: 128px;
    padding-bottom: 90px;
    min-height: calc(100vh);
    text-align: center;
  }

  .calendar .container {
    margin: 0 auto;
  }

  .calendar .container-small {
    padding: 0 24px;
  }

  .calendar__description {
    margin: 0 auto;
    margin-bottom: 40px;
    max-width: 455px;
  }

  .calendar__year-tab {
    grid-template-columns: repeat(3, 1fr);
  }

  .calendar__year-tab
    .calendar-link:nth-child(4)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(7)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(10)
    .calendar-datepicker
    .ui-datepicker {
    border-left: 1px solid #f5f6f8;
  }

  .calendar__year-tab
    .calendar-link:nth-child(5)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(9)
    .calendar-datepicker
    .ui-datepicker {
    border-left: none;
  }

  .calendar__year-tab
    .calendar-link:nth-child(5)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(6)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(7)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(8)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(9)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(10)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(11)
    .calendar-datepicker
    .ui-datepicker,
  .calendar__year-tab
    .calendar-link:nth-child(12)
    .calendar-datepicker
    .ui-datepicker {
    border-top: none;
  }
}

@media (max-width: 767px) {
  .calendar {
    padding-top: 112px;
    padding-bottom: 48px;
  }

  .calendar__container {
    /* padding-right: 0; */
    max-width: 756px;
    overflow: hidden;
  }

  .calendar .container-small {
    padding: 0 16px;
    /* padding-right: 0; */
  }

  .calendar__navigation-bar {
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
  }

  .calendar__overflow {
    padding: 0 16px;
    margin-right: -16px;
    margin-left: -16px;
    max-width: calc(100% + 32px);
    overflow-x: auto;
  }

  .calendar__overflow::-webkit-scrollbar {
    display: none;
  }

  .calendar__overflow {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .calendar__year-tab {
    grid-template-columns: repeat(3, 246px);
    /* grid-template-rows: repeat(4, 238px); */
  }
}

.calendar__table,
.calendar__table td,
.calendar__table th {
  border: 1px solid #f5f6f8;
}

.calendar__table {
  table-layout: fixed;
  min-width: 0;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.calendar__table th,
.calendar__table td {
  padding: 8px;
}

.calendar__table th {
  padding-top: 6px;
  padding-bottom: 6px;
}

.calendar__table th {
  font-size: 14px;
  line-height: 19px;
  text-align: right;
}

.calendar__table td {
  height: 131px;
}

.calendar__day-number {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
}

.calendar__day-events .calendar__day-number {
  width: 24px;
  height: 24px;
  color: var(--blue);
  text-align: center;
}

.calendar__not-active-day .calendar__day-number {
  color: #c6cbd6;
}

.calendar__table ul {
  margin-top: auto;
}

.calendar__table ul li {
  padding-left: 4px;
  font-size: 10px;
  line-height: 14px;
  border-left: 1px solid var(--blue);
}

.calendar__table ul li p {
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: nowrap;
}

.calendar__table ul li:not(:last-child) {
  margin-bottom: 4px;
}

.calendar__more-events {
  margin-top: 4px;
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
}

.calendar__day-events.calendar__not-active-day {
  color: #c6cbd6;
}

.calendar__day-events.calendar__not-active-day ul li {
  border-color: #c6cbd6;
}

.calendar__day-events {
  position: relative;
  transition: background-color 0.3s;
}

.calendar__day-events-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.calendar__day-no-events {
  position: relative;
  transition: background-color 0.3s;
}

.calendar__day-link {
  position: absolute;
  inset: 0;
  color: inherit;
}

.calendar__day-events:not(.calendar__not-active-day):hover,
.calendar__day-no-events:not(.calendar__not-active-day):hover {
  background-color: #f5f6f8;
}

.calendar__day-events:not(.calendar__not-active-day):active {
  background-color: var(--ghost-gray);
}

.calendar__schedule .notes,
.calendar__table .notes {
  color: var(--dark-gray);
  cursor: pointer;
  transition: color 0.3s;
  margin-top: 0;
  margin-bottom: 0;
}

.calendar__table .notes {
  position: absolute;
  top: 12px;
  left: 36px;
}

.calendar__schedule .notes {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  margin-bottom: 2px;
  vertical-align: middle;
}

.calendar__schedule .notes:hover,
.calendar__table .notes:hover {
  color: var(--light-black);
}

.calendar__schedule .notes svg,
.calendar__table .notes svg {
  width: 16px;
  height: 16px;
}

.calendar__table .notes::after,
.calendar__schedule .notes::after {
  content: attr(data-title);
  position: absolute;
  top: 21px;
  left: 5px;
  z-index: 100;
  opacity: 0;
  padding: 4px 8px;
  border-radius: 4px;
  background-color: var(--dark-gray);
  font-weight: 400;
  font-size: 12px;
  line-height: 16.8px;
  color: var(--white);
  text-align: left;
  pointer-events: none;
  white-space: nowrap;
  transition: opacity 0.3s;
}

.calendar__table .notes:hover::after,
.calendar__schedule .notes:hover::after {
  opacity: 1;
}

.calendar__has-active-week > td:first-child {
  position: relative;
  overflow: visible;
}

.calendar__active-week {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px 4px;
  top: 0;
  bottom: 0;
  left: 0;
  font-size: 16px;
  line-height: 22px;
  transform: rotate(180deg) translateX(100%);
  background-color: var(--ghost-gray);
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  color: var(--dark-gray);
  writing-mode: vertical-rl;
  transition: background-color 0.3s;
}

.calendar__active-week:hover {
  background-color: #dfe2e8;
}

.calendar__active-week:active {
  background-color: var(--light-gray);
}

@media (max-width: 1199px) {
  .calendar__table {
    text-align: left;
  }

  .calendar__schedule .notes::after,
  .calendar__table .notes::after {
    content: none;
  }

  .calendar__active-week > td:first-child {
    overflow: hidden;
  }

  .calendar__active-week {
    display: none;
  }
}

@media (max-width: 767px) {
  .calendar__table {
    min-width: 740px;
  }
}

.notifications-news .__description {
  margin-bottom: 12px;
}

.notifications-news__check-button {
  padding: 0;
  margin-bottom: 24px;
  font-size: 14px;
  line-height: 19px;
  color: var(--blue);
  text-align: left;
  transition: color;
}

.notifications-news__check-button:hover {
  color: var(--dark-blue);
}

@media (max-width: 1199px) {
  .notifications-news__check-button {
    margin-bottom: 32px;
  }
}

@media (max-width: 767px) {
  .notifications-news__check-button {
    margin-bottom: 48px;
    text-align: center;
  }
}

/* Календарь НЕДЕЛЯ */

.calendar__schedule {
  position: relative;
  height: 848px;
  overflow-y: auto;
  margin-right: -60px;
  scrollbar-width: none;
}

.calendar__overflow_horizontal {
  border: 1px solid #f5f6f8;
  border-radius: 8px;
}

.calendar__week-column:first-child,
.calendar__week-column:first-child .calendar__week-day,
.calendar__week-column:first-child .calendar__day-schedule {
  border-top-left-radius: 8px;
}

.calendar__week-column:last-child,
.calendar__week-column:last-child .calendar__week-day,
.calendar__week-column:last-child .calendar__day-schedule {
  border-top-right-radius: 8px;
}

.calendar__schedule::-webkit-scrollbar {
  display: none;
}

.calendar__schedule-scroll {
  position: relative;
  display: flex;
  min-height: 100%;
  margin-right: 60px;
}

.calendar__week-column {
  display: block;
  width: calc(100% / 7);
  min-width: 102px;
  color: inherit;
  transition: background-color 0.3s;
}

.calendar__week-column:hover,
.calendar__week-column:hover .calendar__week-day {
  background-color: #f5f6f8;
}

.calendar__week-column:not(:first-child) {
  border-left: 1px solid #f5f6f8;
}

.calendar__week-day {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  border-bottom: 1px solid #f5f6f8;
  padding: 6px 8px;
  font-size: 14px;
  line-height: 19px;
  text-align: right;
  background-color: var(--white);
  transition: background-color 0.3s;
}

.calendar__week-column:hover {
  z-index: 1;
}

.calendar__day-schedule ul li {
  padding: 16px 8px;
}

.calendar__day-schedule ul li p {
  padding-left: 6px;
  border-left: 1px solid var(--blue);
  font-size: 12px;
  line-height: 16px;
}

.calendar__day-schedule ul li:not(:last-child) {
  border-bottom: 1px solid #f5f6f8;
}

.calendar__week-day-bold {
  font-weight: 700;
}

.calendar__week-day-bold.calendar__week-day-bold_blue {
  color: var(--blue);
}

@media (max-width: 1199px) {
  .calendar__day-schedule ul li p {
    text-align: left;
  }
}

@media (max-width: 767px) {
  .calendar__schedule {
    width: fit-content;
  }
}

/* СТРАНИЦА СОЗДАНИЯ */

.create-page {
  padding-bottom: 136px;
  min-height: calc(100vh - 121px);
  background: radial-gradient(700px at 90% 90%, #f0faff 60%, #fff);
}

.create-page h1 {
  margin-bottom: 8px;
}

.create-page__description {
  margin-bottom: 46px;
}

.create-page form[data-page="info"] {
  max-width: 552px;
}

.create-page__input-group {
  margin-bottom: 32px;
  gap: 24px;
}
.create-page__input-group textarea {
  min-height: 167px;
}

.create-page__button-group {
  gap: 16px;
}

.create-page form button:not(.btn-delete) {
  width: 200px;
  height: 48px;
}
.select_placeholder {
  position: absolute;
  padding: 4px 10px;
  top: 8px;
  left: 8px;
  z-index: -1;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  color: var(--light-black);
  transition: top 0.1s;
}
.select_placeholder.visible {
  top: -14px;
  z-index: 1;
}
.required {
  color: #c6cbd6;
}

.shield-button {
  position: absolute;
  right: 13.5px;
  top: calc(50% - 10.5px);
  width: 21px;
  height: 21px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: inherit;
}

.shield-button-correct {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.4561 4.22001C21.4455 4.05247 21.379 3.89333 21.2672 3.76806C21.1555 3.64279 21.0049 3.55864 20.8397 3.52907C16.785 2.80157 15.0923 2.27563 11.3086 0.56657C11.2115 0.522693 11.1062 0.5 10.9997 0.5C10.8931 0.5 10.7878 0.522693 10.6907 0.56657C6.907 2.27563 5.21434 2.80157 1.15965 3.52907C0.994404 3.55864 0.843853 3.64279 0.732097 3.76806C0.620341 3.89333 0.553843 4.05247 0.543247 4.22001C0.362779 7.08454 0.747622 9.7536 1.6884 12.1531C2.4588 14.1104 3.59894 15.901 5.04653 17.427C7.55294 20.0863 10.214 21.2413 10.7217 21.4456C10.9021 21.5186 11.1038 21.5186 11.2842 21.4456C11.7918 21.2413 14.4529 20.0863 16.9593 17.427C18.4046 15.9004 19.5425 14.1099 20.3109 12.1531C21.2517 9.7536 21.6365 7.08454 21.4561 4.22001ZM15.3154 7.74079L10.1217 13.7408C10.0549 13.8182 9.97301 13.8811 9.88104 13.9256C9.78906 13.9702 9.68895 13.9955 9.58684 14H9.5559C9.35961 14.0001 9.17113 13.9231 9.0309 13.7858L6.72465 11.5264C6.65429 11.4575 6.5982 11.3753 6.55958 11.2847C6.52096 11.1941 6.50057 11.0968 6.49957 10.9983C6.49755 10.7993 6.57463 10.6077 6.71387 10.4656C6.85311 10.3235 7.0431 10.2426 7.24203 10.2405C7.44097 10.2385 7.63256 10.3156 7.77465 10.4549L9.50903 12.1559L14.1825 6.75923C14.2469 6.68474 14.3254 6.62368 14.4135 6.57953C14.5015 6.53538 14.5974 6.50901 14.6956 6.50191C14.7939 6.49481 14.8925 6.50714 14.986 6.53818C15.0795 6.56922 15.166 6.61837 15.2404 6.68282C15.3149 6.74727 15.376 6.82576 15.4201 6.91381C15.4643 7.00186 15.4907 7.09774 15.4978 7.19598C15.5048 7.29422 15.4925 7.3929 15.4615 7.48638C15.4304 7.57985 15.3813 7.6663 15.3168 7.74079H15.3154Z' fill='%23329B0D'/%3e%3c/svg%3e ");
}

.shield-button-error {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 3.5C4.68969 3.05281 7.15625 2.23719 11 0.5C14.8438 2.23719 17.3103 3.05281 21.5 3.5C21.5 7.13703 21.253 9.75125 20.3145 12.1489C19.5472 14.104 18.4104 15.893 16.9662 17.4181C14.6412 19.8866 12.0833 21.1869 11 21.5C9.91672 21.1869 7.35875 19.8866 5.03375 17.4181C3.58963 15.893 2.45282 14.104 1.68547 12.1489C0.747031 9.75125 0.5 7.13703 0.5 3.5ZM14.7912 7.20674L11.9979 10L14.793 12.7933C14.9255 12.9258 15 13.1056 15 13.2931C15 13.4806 14.9255 13.6604 14.793 13.793C14.6604 13.9255 14.4806 14 14.2931 14C14.1056 14 13.9258 13.9255 13.7933 13.793L11 10.9997L8.20674 13.793C8.07417 13.9255 7.89437 14 7.70689 14C7.51941 14 7.33961 13.9255 7.20704 13.793C7.07448 13.6604 7 13.4806 7 13.2931C7 13.1056 7.07448 12.9258 7.20704 12.7933L10.0003 10L7.20704 7.20674C7.07448 7.07417 7 6.89437 7 6.70689C7 6.51941 7.07448 6.33961 7.20704 6.20704C7.33961 6.07448 7.51941 6 7.70689 6C7.89437 6 8.07417 6.07448 8.20674 6.20704L11 9.00031L13.7933 6.20704C13.9258 6.07471 14.1055 6.00046 14.2929 6.00062C14.4802 6.00079 14.6597 6.07536 14.7921 6.20793C14.9244 6.34049 14.9987 6.5202 14.9985 6.70751C14.9983 6.89483 14.9238 7.0744 14.7912 7.20674Z' fill='%23C91919'/%3e%3c/svg%3e ");
}

.create-page form[data-page="info"] {
  padding-top: 21px;
  max-width: 552px;
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 1199px) {
  .create-page {
    padding-top: 128px;
    padding-bottom: 129px;
    min-height: calc(100vh);
    text-align: center;
    background: radial-gradient(500px at 90% 90%, #f0faff 60%, #fff);
  }

  .create-page .container {
    margin: 0 auto;
  }

  .create-page .container-small {
    max-width: 528px;
  }

  .create-page form[data-page="info"] {
    max-width: 528px;
    margin: 0 auto;
  }

  .create-page__input-group {
    margin-bottom: 40px;
  }

  .create-page input {
    padding: 13px 16px;
    height: 48px;
  }

  .create-page__button-group {
    gap: 24px;
  }

  .create-page form button:not(.btn-delete) {
    width: 50%;
  }
}

@media (max-width: 767px) {
  .create-page .container-small {
    max-width: none;
  }

  .create-page {
    padding-top: 112px;
    padding-bottom: 64px;
    background: none;
  }

  .create-page__description {
    margin-bottom: 54px;
  }

  .create-page__company-description {
    height: 230px;
  }

  .create-page form[data-page="info"] {
    max-width: none;
  }

  .create-page__button-group {
    flex-direction: column;
    gap: 16px;
  }

  .create-page form button:not(.btn-delete) {
    width: 100%;
  }
}

.create-page .tariff-menu {
  display: none;
}

@media (max-width: 1199px) {
  .create-page .tariff-menu {
    display: block;
    width: 336px;
  }
}

@media (max-width: 767px) {
  .create-page .tariff-menu {
    display: block;
    width: 288px;
  }
}

.create-page .company-create__input-group {
  max-width: 488px;
  margin-bottom: 32px;
  gap: 24px;
}

.create-page .company-create__address {
  height: 78px;
}

.create-page .company-create__company-description {
  height: 167px;
}

.create-page .company-create__requirements {
  color: #1b254a;
}

.create-page .company-create__button-group {
  margin-top: 32px;
  gap: 16px;
}

.create-page .company-create__btn {
  width: 200px;
  height: 48px;
}

.create-page .company-create__btn-check {
  width: 227px;
  padding-left: 64px;
  position: relative;
  background-color: #329b0d;
}

.create-page .company-create__btn-check:disabled {
  background-color: var(--light-gray);
}

.create-page .company-create__btn-check::before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 25.5px;
  height: 0;
  width: 21px;
  height: 21px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.4561 4.22001C21.4455 4.05247 21.379 3.89333 21.2672 3.76806C21.1555 3.64279 21.0049 3.55864 20.8397 3.52907C16.785 2.80157 15.0923 2.27563 11.3086 0.56657C11.2115 0.522693 11.1062 0.5 10.9997 0.5C10.8931 0.5 10.7878 0.522693 10.6907 0.56657C6.907 2.27563 5.21434 2.80157 1.15965 3.52907C0.994404 3.55864 0.843853 3.64279 0.732097 3.76806C0.620341 3.89333 0.553843 4.05247 0.543247 4.22001C0.362779 7.08454 0.747622 9.7536 1.6884 12.1531C2.4588 14.1104 3.59894 15.901 5.04653 17.427C7.55294 20.0863 10.214 21.2413 10.7217 21.4456C10.9021 21.5186 11.1038 21.5186 11.2842 21.4456C11.7918 21.2413 14.4529 20.0863 16.9593 17.427C18.4046 15.9004 19.5425 14.1099 20.3109 12.1531C21.2517 9.7536 21.6365 7.08454 21.4561 4.22001ZM15.3154 7.74079L10.1217 13.7408C10.0549 13.8182 9.97301 13.8811 9.88104 13.9256C9.78906 13.9702 9.68895 13.9955 9.58684 14H9.5559C9.35961 14.0001 9.17113 13.9231 9.0309 13.7858L6.72465 11.5264C6.65429 11.4575 6.5982 11.3753 6.55958 11.2847C6.52096 11.1941 6.50057 11.0968 6.49957 10.9983C6.49755 10.7993 6.57463 10.6077 6.71387 10.4656C6.85311 10.3235 7.0431 10.2426 7.24203 10.2405C7.44097 10.2385 7.63256 10.3156 7.77465 10.4549L9.50903 12.1559L14.1825 6.75923C14.2469 6.68474 14.3254 6.62368 14.4135 6.57953C14.5015 6.53538 14.5974 6.50901 14.6956 6.50191C14.7939 6.49481 14.8925 6.50714 14.986 6.53818C15.0795 6.56922 15.166 6.61837 15.2404 6.68282C15.3149 6.74727 15.376 6.82576 15.4201 6.91381C15.4643 7.00186 15.4907 7.09774 15.4978 7.19598C15.5048 7.29422 15.4925 7.3929 15.4615 7.48638C15.4304 7.57985 15.3813 7.6663 15.3168 7.74079H15.3154Z' fill='white'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 0.3s;
}

.create-page .shield-button {
  position: absolute;
  right: 13.5px;
  top: calc(50% - 10.5px);
  width: 21px;
  height: 21px;
  padding: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: inherit;
}

.create-page .shield-button-correct {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M21.4561 4.22001C21.4455 4.05247 21.379 3.89333 21.2672 3.76806C21.1555 3.64279 21.0049 3.55864 20.8397 3.52907C16.785 2.80157 15.0923 2.27563 11.3086 0.56657C11.2115 0.522693 11.1062 0.5 10.9997 0.5C10.8931 0.5 10.7878 0.522693 10.6907 0.56657C6.907 2.27563 5.21434 2.80157 1.15965 3.52907C0.994404 3.55864 0.843853 3.64279 0.732097 3.76806C0.620341 3.89333 0.553843 4.05247 0.543247 4.22001C0.362779 7.08454 0.747622 9.7536 1.6884 12.1531C2.4588 14.1104 3.59894 15.901 5.04653 17.427C7.55294 20.0863 10.214 21.2413 10.7217 21.4456C10.9021 21.5186 11.1038 21.5186 11.2842 21.4456C11.7918 21.2413 14.4529 20.0863 16.9593 17.427C18.4046 15.9004 19.5425 14.1099 20.3109 12.1531C21.2517 9.7536 21.6365 7.08454 21.4561 4.22001ZM15.3154 7.74079L10.1217 13.7408C10.0549 13.8182 9.97301 13.8811 9.88104 13.9256C9.78906 13.9702 9.68895 13.9955 9.58684 14H9.5559C9.35961 14.0001 9.17113 13.9231 9.0309 13.7858L6.72465 11.5264C6.65429 11.4575 6.5982 11.3753 6.55958 11.2847C6.52096 11.1941 6.50057 11.0968 6.49957 10.9983C6.49755 10.7993 6.57463 10.6077 6.71387 10.4656C6.85311 10.3235 7.0431 10.2426 7.24203 10.2405C7.44097 10.2385 7.63256 10.3156 7.77465 10.4549L9.50903 12.1559L14.1825 6.75923C14.2469 6.68474 14.3254 6.62368 14.4135 6.57953C14.5015 6.53538 14.5974 6.50901 14.6956 6.50191C14.7939 6.49481 14.8925 6.50714 14.986 6.53818C15.0795 6.56922 15.166 6.61837 15.2404 6.68282C15.3149 6.74727 15.376 6.82576 15.4201 6.91381C15.4643 7.00186 15.4907 7.09774 15.4978 7.19598C15.5048 7.29422 15.4925 7.3929 15.4615 7.48638C15.4304 7.57985 15.3813 7.6663 15.3168 7.74079H15.3154Z' fill='%23329B0D'/%3e%3c/svg%3e ");
}

.create-page .shield-button-error {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.5 3.5C4.68969 3.05281 7.15625 2.23719 11 0.5C14.8438 2.23719 17.3103 3.05281 21.5 3.5C21.5 7.13703 21.253 9.75125 20.3145 12.1489C19.5472 14.104 18.4104 15.893 16.9662 17.4181C14.6412 19.8866 12.0833 21.1869 11 21.5C9.91672 21.1869 7.35875 19.8866 5.03375 17.4181C3.58963 15.893 2.45282 14.104 1.68547 12.1489C0.747031 9.75125 0.5 7.13703 0.5 3.5ZM14.7912 7.20674L11.9979 10L14.793 12.7933C14.9255 12.9258 15 13.1056 15 13.2931C15 13.4806 14.9255 13.6604 14.793 13.793C14.6604 13.9255 14.4806 14 14.2931 14C14.1056 14 13.9258 13.9255 13.7933 13.793L11 10.9997L8.20674 13.793C8.07417 13.9255 7.89437 14 7.70689 14C7.51941 14 7.33961 13.9255 7.20704 13.793C7.07448 13.6604 7 13.4806 7 13.2931C7 13.1056 7.07448 12.9258 7.20704 12.7933L10.0003 10L7.20704 7.20674C7.07448 7.07417 7 6.89437 7 6.70689C7 6.51941 7.07448 6.33961 7.20704 6.20704C7.33961 6.07448 7.51941 6 7.70689 6C7.89437 6 8.07417 6.07448 8.20674 6.20704L11 9.00031L13.7933 6.20704C13.9258 6.07471 14.1055 6.00046 14.2929 6.00062C14.4802 6.00079 14.6597 6.07536 14.7921 6.20793C14.9244 6.34049 14.9987 6.5202 14.9985 6.70751C14.9983 6.89483 14.9238 7.0744 14.7912 7.20674Z' fill='%23C91919'/%3e%3c/svg%3e ");
}

/* СТАТУСЫ ТАРИФА */

.create-page .company-create__tariff {
  position: relative;
}

.create-page .company-create__status {
  position: absolute;
  width: 100%;
  height: 19px;
  top: calc(50% - 19px / 2);
  left: calc(100% + 48px);
}

.create-page .company-create__status_paid::before,
.create-page .company-create__status_processing::before,
.create-page .company-create__status_not-paid::before {
  content: " ";
  display: inline-block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-right: 8px;
}

.create-page .company-create__status_paid::before {
  background-color: var(--green-status);
}

.create-page .company-create__status_processing::before {
  background-color: var(--yellow-status);
}

.create-page .company-create__status_not-paid::before {
  background-color: var(--red);
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 1199px) {
  .create-page .company-create form {
    margin: 0 auto;
  }

  .create-page .company-create_input-group {
    margin-bottom: 40px;
  }

  .create-page .company-create__company-description {
    height: 186px;
  }

  .create-page .company-create input {
    padding: 13px 16px;
  }

  .create-page .company-create__button-group {
    gap: 24px;
    flex-wrap: wrap;
  }

  .create-page .company-create__btn {
    width: 215px;
  }

  .create-page .company-create__btn-check {
    width: 100%;
    padding-left: 40px;
  }

  .create-page .company-create__btn-check::before {
    left: 140px;
  }

  .create-page .company-create__tariff {
    margin-bottom: 32px;
  }

  .create-page .company-create__status {
    position: absolute;
    width: 111px;
    height: 19px;
    top: calc(100% + 14px);
    left: calc(100% - 111px);
  }
}

@media (max-width: 767px) {
  .create-page .company-create__input-group {
    max-width: 100%;
  }

  .create-page .company-create__address {
    height: 120px;
  }

  .create-page .company-create_company-description {
    height: 230px;
  }

  .create-page .company-create__button-group {
    flex-direction: column;
    gap: 16px;
  }

  .create-page .company-create__btn {
    width: 100%;
  }

  .create-page .company-create__btn-check::before {
    left: calc(50% - 85px);
  }

  .create-page .company-create__tariff {
    margin-bottom: 38px;
  }
}

/* КАЛЕНДАРЬ ДЕНЬ */

.calendar__day-row {
  display: flex;
  justify-content: space-between;
  gap: 64px;
}

.calendar__day-row:not(:last-child) {
  margin-bottom: 56px;
}

.calendar__wrapper-gradients {
  position: relative;
  flex-grow: 1;
}

.calendar__wrapper-gradients::before,
.calendar__wrapper-gradients::after {
  content: "";
  position: absolute;
  left: 4px;
  right: 16px;
  height: 24px;
  z-index: 1;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
}

.calendar__wrapper-gradients::before {
  top: 1px;
}

.calendar__wrapper-gradients::after {
  bottom: 1px;
  transform: rotate(180deg);
}

.calendar__day-list {
  position: relative;
  /* padding: 16px 0; */
  border-radius: 8px;
  border: 1px solid var(--ghost-gray);
  max-height: 332px;
  overflow-y: auto;
}

.calendar__notes-form textarea::-webkit-scrollbar,
.calendar__day-list::-webkit-scrollbar {
  width: 20px;
}

.calendar__notes-form textarea::-webkit-scrollbar-thumb,
.calendar__day-list::-webkit-scrollbar-thumb {
  border-left: 8px white solid;
  border-right: 8px white solid;
  background-clip: padding-box;
}

.calendar__notes-form textarea::-webkit-scrollbar-track,
.calendar__day-list::-webkit-scrollbar-track {
  margin-top: 16px;
  margin-bottom: 16px;
  border-left: 8px white solid;
  border-right: 8px white solid;
  background-clip: padding-box;
  background-color: var(--ghost-gray);
}

.calendar__day-list.calendar__day-list_events {
  min-height: 323px;
}

.calendar__day-list.calendar__day-list_notes {
  min-height: 184px;
}

.calendar__day-list .no-messages {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  font-weight: 400;
  border: none;
}

.calendar__day-list.calendar__day-list_events li {
  padding: 24px 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}

.calendar__day-list.calendar__day-list_notes li:first-child,
.calendar__day-list.calendar__day-list_events li:first-child {
  padding-top: 16px;
}

.calendar__day-list.calendar__day-list_events li p {
  padding-left: 6px;
  border-left: 1px solid var(--blue);
}

.calendar__day-list.calendar__day-list_events li:not(:last-child),
.calendar__day-list.calendar__day-list_notes li:not(:last-child) {
  border-bottom: 1px solid #f5f6f8;
}

.calendar__day-container-calendar {
  flex-shrink: 0;
}

.calendar__counters {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-bottom: 32px;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
}

.calendar__bold-text-counter {
  font-weight: 600;
}

.calendar__day-container-datepicker p {
  margin-bottom: 16px;
  font-weight: 600;
  color: var(--light-black);
}

.calendar__day-container-datepicker .calendar-datepicker {
  min-width: 212px;
}

.calendar__day-list.calendar__day-list_notes li {
  padding: 16px;
  font-weight: 300;
  color: var(--light-black);
}

.calendar__day-list-date {
  margin-bottom: 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: var(--blue-gray);
}

.calendar__notes-heading {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 8px;
  font-size: 24px;
  font-weight: 800;
  line-height: 33px;
  color: var(--light-black);
  text-transform: uppercase;
}

.calendar__notes-heading svg {
  width: 28px;
  height: 28px;
}

.calendar__notes-description {
  margin-bottom: 32px;
}

.calendar__notes-form {
  width: 416px;
  flex-shrink: 0;
}

.calendar__notes-form textarea {
  height: 120px;
  margin-bottom: 24px;
  border-color: var(--light-gray);
}

.caledar__form-buttons-group {
  display: flex;
  gap: 16px;
  width: 100%;
}

.caledar__form-buttons-group button {
  padding: 9px;
  flex-grow: 1;
}

@media (max-width: 1199px) {
  .calendar__day {
    text-align: left;
  }

  .calendar__day-row {
    flex-direction: column;
    gap: 24px;
  }

  .calendar__day-list {
    max-height: 244px;
  }

  .calendar__day-list.calendar__day-list_events,
  .calendar__day-list.calendar__day-list_notes {
    min-height: 102px;
  }

  .calendar__day-list .no-messages {
    left: 14px;
    transform: translate(0, -50%);
    /* transform: translateX(0); */
  }

  .calendar__day-container-calendar {
    display: none;
  }

  .calendar__notes-description {
    margin-bottom: 24px;
  }

  .calendar__notes-form {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .caledar__form-buttons-group {
    flex-direction: column;
  }

  .caledar__form-buttons-group button {
    padding: 13px 32px;
  }
}

/* убрать желтый бэкграунд при автозаполнении */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-background-clip: text;
  /* -webkit-text-fill-color: #ffffff; */
  transition: background-color 5000s ease-in-out 0s;
  box-shadow: inset 0 0 20px 20px #23232300;
}

/* ТАБЛИЦЫ НОВЫЕ */

.table-preloader-container {
  margin-left: calc(256px + 48px);
  transition: margin-left 0.3s;
}

.container-table {
  position: relative;
  padding: 0;
  /* margin-left: 256px; */
  /* max-height: calc(11 * 40px + 4px); */
  overflow-x: auto;
  overflow-y: hidden;
  transition: margin-left 0.3s;
}

/* .container-table.has-menu-big {
  margin-right: 176px;
} */

.container-table::-webkit-scrollbar-track {
  background: var(--ghost-gray);
}

.aside-menu.small ~ section > .table-preloader-container {
  margin-left: calc(88px + 48px);
}

.aside-menu.small ~ section > .table-preloader-container,
.aside-menu.small ~ .breadcrumbs > .table-preloader-container {
  padding-left: 0;
}

.flex-table {
  position: relative;
  display: inline-block;
  min-width: 100%;
  height: calc(11 * 40px);
}

.flex-table__row {
  position: relative;
  display: flex;
  /* padding-left: 48px; */
  transition: background-color 0.3s;
}

.table-preloader-container {
  margin-right: 48px;
}

.container-table::-webkit-scrollbar-track {
  /* margin-left: 48px; */
}

.flex-table__row.flex-table__row_checked {
  background-color: #f5f6f8;
}

.flex-table__row::after {
  content: "";
  position: absolute;
  /* left: 48px; */
  left: 0;
  right: 0;
  bottom: 0;
  height: 1px;
  background-color: var(--ghost-gray);
  transition: background-color 0.3s;
}

.flex-table__row:not(.flex-table__row_header):hover {
  background-color: #dfe2e8;
}

.flex-table__row:not(.flex-table__row_header):hover::after {
  background-color: transparent;
}

.flex-table__row.flex-table__row_header {
  background-color: var(--white);
  color: var(--light-black);
}

.flex-table__row.flex-table__row_fixed {
  padding-top: 56px;
  z-index: 1;
}

.flex-table__row.flex-table__row_header {
  cursor: pointer;
  transition: color 0.3s;
}

.flex-table__row.flex-table__row_header .flex-table__cell::before {
  content: "";
  position: absolute;
  height: 100%;
  right: 0;
  width: 1px;
  background-color: #f5f6f8;
}

.flex-table__row.flex-table__row_header .flex-table__cell:hover {
  color: var(--blue);
}

.flex-table__checkbox {
  flex-shrink: 0;
  flex-basis: 24px;
}

.flex-table__data {
  display: flex;
  min-width: calc(100% - 24px);
  /* gap: 24px; */
}

.flex-table__checkbox {
  padding: 10.5px 4px;
}

.flex-table__cell {
  padding: 10.5px 24px;
  min-width: 140px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  flex: 1 0 0;
  text-align: left;
}

/* .flex-table.has-menu-big .flex-table-cell:nth-last-child(2),
.flex-table.has-menu-small .flex-table-cell:nth-last-child(2) {
  padding-right: 0;
} */

.flex-table__cell a:hover {
  text-decoration: underline;
}

.flex-table__cell.flex-table__cell_main {
  min-width: 260px;
  flex: 2 0 0;
}

.ui-resizable-handle.ui-resizable-e {
  width: 48px;
  right: -24px;
}

.flex-table__menu {
  position: sticky;
  top: 0;
  right: 0;
  display: flex;
  align-items: center;
  /* z-index: 2;
  height: calc(100% + 1px); */
  transition: background-color 0.3s;
  background-color: var(--white);
}

.flex-table__row.flex-table__row_checked .flex-table__menu {
  background-color: #f5f6f8;
}

.flex-table__row:not(.flex-table__row_header):hover .flex-table__menu {
  background-color: #dfe2e8;
}

.flex-table__menu {
  height: 40px;
  padding-left: 32px;
}

.flex-table__menu.flex-table__menu_big {
  min-width: 152px;
}

.flex-table__menu.flex-table__menu_small {
  min-width: 98px;
}

.flex-table__menu button {
  padding: 0;
  max-height: 100%;
}

.flex-table__menu svg {
  width: 24px;
  height: 24px;
}

.flex-table__menu_big .flex-table__button-menu {
  margin-right: 8px;
}

.flex-table__button-menu svg {
  height: 40px;
  width: 16px;
}

.flex-table__button-comments {
  margin-right: 24px;
}

.page-table-menu .table-menu {
  position: absolute;
  right: 60px;
  height: fit-content;
}

@media (max-width: 1199px) {
  .container-table {
    /* max-height: calc(11 * 56px + 4px); */
  }

  .table-preloader-container {
    margin: 0 36px;
  }

  .flex-table {
    min-height: calc(11 * 56px);
  }

  .flex-table__checkbox {
    padding: 18px 2px;
  }

  .flex-table__cell {
    padding: 18.5px 24px;
  }

  .flex-table__row {
    /* padding-left: 36px; */
  }

  .container-table::-webkit-scrollbar-track {
    /* margin: 0 36px; */
  }

  .flex-table__row::after {
    /* left: 36px; */
  }

  .flex-table__row.flex-table__row_fixed {
    padding-top: calc(56px + 72px);
  }

  .flex-table__menu {
    height: 56px;
  }
}

@media (max-width: 767px) {
  .table-preloader-container {
    margin: 0 16px;
  }

  .flex-table__row {
    /* padding-left: 16px; */
  }

  .container-table::-webkit-scrollbar-track {
    /* margin: 0 16px; */
  }

  .flex-table__row::after {
    /* left: 16px; */
  }

  .flex-table__menu.flex-table__menu_big {
    position: static;
  }

  .flex-table__menu.flex-table__menu_small {
    display: none;
  }
}

/* ТАБЛИЦА */

.table-section {
  width: 100%;
  padding-bottom: 48px;
}

.table-section h1 {
  margin-bottom: 8px;
}

.table-section__description {
  margin-bottom: 24px;
}

@media (max-width: 1919px) {
  .table-section {
    padding-bottom: 40px;
  }
}

@media (max-width: 1199px) {
  .table-section {
    padding-top: 112px;
  }
}

.table-preloader-container {
  position: relative;
}

/* примененные фильтры */
.table-preloader-container {
  position: relative;
}

.btn_filters svg {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  transform: translate(50%, -50%);
}
.btn_filters {
  position: relative;
}

.__select__title.__filters-title svg {
  width: 30px;
  transform: translate(-30px, 0);
}

.__filters > .__filters-title.active::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 6.74997H13.6289C13.7841 7.18849 14.0714 7.56813 14.4512 7.83664C14.8311 8.10515 15.2848 8.24933 15.75 8.24933C16.2152 8.24933 16.6689 8.10515 17.0488 7.83664C17.4286 7.56813 17.7159 7.18849 17.8711 6.74997H21C21.1989 6.74997 21.3897 6.67095 21.5303 6.5303C21.671 6.38965 21.75 6.19888 21.75 5.99997C21.75 5.80106 21.671 5.61029 21.5303 5.46964C21.3897 5.32899 21.1989 5.24997 21 5.24997H17.8711C17.7159 4.81145 17.4286 4.43181 17.0488 4.1633C16.6689 3.89479 16.2152 3.75061 15.75 3.75061C15.2848 3.75061 14.8311 3.89479 14.4512 4.1633C14.0714 4.43181 13.7841 4.81145 13.6289 5.24997H3C2.80109 5.24997 2.61032 5.32899 2.46967 5.46964C2.32902 5.61029 2.25 5.80106 2.25 5.99997C2.25 6.19888 2.32902 6.38965 2.46967 6.5303C2.61032 6.67095 2.80109 6.74997 3 6.74997ZM21 17.25H17.8711C17.7159 16.8114 17.4286 16.4318 17.0488 16.1633C16.6689 15.8948 16.2152 15.7506 15.75 15.7506C15.2848 15.7506 14.8311 15.8948 14.4512 16.1633C14.0714 16.4318 13.7841 16.8114 13.6289 17.25H3C2.80109 17.25 2.61032 17.329 2.46967 17.4696C2.32902 17.6103 2.25 17.8011 2.25 18C2.25 18.1989 2.32902 18.3896 2.46967 18.5303C2.61032 18.671 2.80109 18.75 3 18.75H13.6289C13.7841 19.1885 14.0714 19.5681 14.4512 19.8366C14.8311 20.1052 15.2848 20.2493 15.75 20.2493C16.2152 20.2493 16.6689 20.1052 17.0488 19.8366C17.4286 19.5681 17.7159 19.1885 17.8711 18.75H21C21.1989 18.75 21.3897 18.671 21.5303 18.5303C21.671 18.3896 21.75 18.1989 21.75 18C21.75 17.8011 21.671 17.6103 21.5303 17.4696C21.3897 17.329 21.1989 17.25 21 17.25ZM21 11.25H10.3711C10.2159 10.8114 9.92861 10.4318 9.54876 10.1633C9.16891 9.89479 8.71517 9.75061 8.25 9.75061C7.78483 9.75061 7.33109 9.89479 6.95124 10.1633C6.57139 10.4318 6.2841 10.8114 6.12891 11.25H3C2.80109 11.25 2.61032 11.329 2.46967 11.4696C2.32902 11.6103 2.25 11.8011 2.25 12C2.25 12.1989 2.32902 12.3896 2.46967 12.5303C2.61032 12.671 2.80109 12.75 3 12.75H6.12891C6.2841 13.1885 6.57139 13.5681 6.95124 13.8366C7.33109 14.1052 7.78483 14.2493 8.25 14.2493C8.71517 14.2493 9.16891 14.1052 9.54876 13.8366C9.92861 13.5681 10.2159 13.1885 10.3711 12.75H21C21.1989 12.75 21.3897 12.671 21.5303 12.5303C21.671 12.3896 21.75 12.1989 21.75 12C21.75 11.8011 21.671 11.6103 21.5303 11.4696C21.3897 11.329 21.1989 11.25 21 11.25Z' fill='%231B254A'/%3e%3c/svg%3e ");
}
.__filters > .__filters-title.active .__select__title__span {
  color: #1b254a;
}

.modal-menu.active,
.overlay.active,
.overlay-datepicker.active {
  z-index: 106;
}

button.btn-delete {
  position: relative;
  margin-left: auto;
  width: 94px;
  flex-shrink: 0;
  height: 48px;
  text-align: right;
  color: var(--red);
}
button.btn-delete::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  margin-right: 14px;
  width: 12px;
  height: 14px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.5 2H8.5V1.25C8.5 0.918479 8.3683 0.600537 8.13388 0.366117C7.89946 0.131696 7.58152 0 7.25 0H4.75C4.41848 0 4.10054 0.131696 3.86612 0.366117C3.6317 0.600537 3.5 0.918479 3.5 1.25V2H0.5C0.367392 2 0.240215 2.05268 0.146447 2.14645C0.0526785 2.24021 0 2.36739 0 2.5C0 2.63261 0.0526785 2.75979 0.146447 2.85355C0.240215 2.94732 0.367392 3 0.5 3H1.03125L1.625 12.5288C1.66937 13.3678 2.3125 14 3.125 14H8.875C9.69156 14 10.3219 13.3819 10.375 12.5312L10.9688 3H11.5C11.6326 3 11.7598 2.94732 11.8536 2.85355C11.9473 2.75979 12 2.63261 12 2.5C12 2.36739 11.9473 2.24021 11.8536 2.14645C11.7598 2.05268 11.6326 2 11.5 2ZM4.01781 12H4C3.87042 12.0001 3.74587 11.9499 3.6526 11.8599C3.55933 11.77 3.50462 11.6473 3.5 11.5178L3.25 4.51781C3.24528 4.3852 3.29342 4.25615 3.38385 4.15904C3.47428 4.06193 3.59958 4.00472 3.73219 4C3.8648 3.99528 3.99385 4.04342 4.09096 4.13385C4.18807 4.22428 4.24528 4.34958 4.25 4.48219L4.5 11.4822C4.50238 11.5479 4.49179 11.6134 4.46884 11.6749C4.44589 11.7365 4.41103 11.793 4.36624 11.841C4.32146 11.8891 4.26764 11.9279 4.20785 11.9552C4.14806 11.9825 4.08349 11.9977 4.01781 12ZM6.5 11.5C6.5 11.6326 6.44732 11.7598 6.35355 11.8536C6.25979 11.9473 6.13261 12 6 12C5.86739 12 5.74021 11.9473 5.64645 11.8536C5.55268 11.7598 5.5 11.6326 5.5 11.5V4.5C5.5 4.36739 5.55268 4.24021 5.64645 4.14645C5.74021 4.05268 5.86739 4 6 4C6.13261 4 6.25979 4.05268 6.35355 4.14645C6.44732 4.24021 6.5 4.36739 6.5 4.5V11.5ZM7.5 2H4.5V1.25C4.49962 1.21706 4.50583 1.18439 4.51826 1.15388C4.53069 1.12338 4.54909 1.09567 4.57238 1.07238C4.59567 1.04909 4.62338 1.03069 4.65388 1.01826C4.68439 1.00583 4.71706 0.999623 4.75 1H7.25C7.28294 0.999623 7.31561 1.00583 7.34612 1.01826C7.37662 1.03069 7.40433 1.04909 7.42762 1.07238C7.45091 1.09567 7.46931 1.12338 7.48174 1.15388C7.49417 1.18439 7.50038 1.21706 7.5 1.25V2ZM8.5 11.5178C8.49538 11.6473 8.44067 11.77 8.3474 11.8599C8.25413 11.9499 8.12958 12.0001 8 12H7.98188C7.91623 11.9977 7.85168 11.9824 7.79193 11.9551C7.73218 11.9278 7.67839 11.889 7.63364 11.8409C7.58889 11.7929 7.55406 11.7364 7.53113 11.6749C7.5082 11.6133 7.49762 11.5478 7.5 11.4822L7.75 4.48219C7.75234 4.41653 7.76759 4.35197 7.79488 4.2922C7.82217 4.23243 7.86096 4.17863 7.90904 4.13385C7.95713 4.08908 8.01356 4.05421 8.07512 4.03124C8.13667 4.00828 8.20215 3.99766 8.26781 4C8.33347 4.00234 8.39803 4.01759 8.4578 4.04488C8.51757 4.07217 8.57137 4.11096 8.61615 4.15904C8.66092 4.20713 8.69579 4.26356 8.71876 4.32511C8.74172 4.38667 8.75234 4.45215 8.75 4.51781L8.5 11.5178Z' fill='%23C91919'/%3e%3c/svg%3e");
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 1199px) {
  button.btn-delete {
    width: 94px;
  }
}

@media (max-width: 767px) {
  button.btn-delete {
    width: 94px;
    margin-left: 0;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/checkbox.css?16990111683039*/
/* для элемента input c type="checkbox" */
.custom-checkbox {
    position: absolute;
    cursor: pointer;
    /* top: 50%;
    transform: translateY(-50%); */
}

.company-menu .custom-checkbox,
.status-menu .custom-checkbox,
.tariff-menu .custom-checkbox {
  width: calc(100% - 48px);
}

.custom-checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
  }
  .checkbox_wrapper {
    position: relative;
  }
  /* для элемента label, связанного с .custom-checkbox */
  .custom-checkbox>span {
    display: flex;
    align-items: center;
    user-select: none;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-line-clamp: 1;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
  }
  
  /* создание в label псевдоэлемента before со следующими стилями */
  .custom-checkbox>span::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-right: 8px;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #C6CBD6;
    border-radius: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 80% 80%;
  }
  
  /* стили при наведении курсора на checkbox */
  /* .custom-checkbox>input:not(:disabled):not(:checked)+span:hover::before {
    border-color: #b3d7ff;
  } */
  
  /* стили для активного чекбокса (при нажатии на него) */
  .custom-checkbox>input:not(:disabled):active+span::before {
    background-color: var(--blue);
    border-color: var(--blue);
  }
  
  /* стили для чекбокса, находящегося в фокусе */
  /* .custom-checkbox>input:focus+span::before {
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
  } */
  
  /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */
  /* .custom-checkbox>input:focus:not(:checked)+span::before {
    border-color: #80bdff;
  } */
  
  /* стили для чекбокса, находящегося в состоянии checked */
  .custom-checkbox>input:checked+span::before {
    border-color: var(--blue);
    background-color: var(--blue);
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.6384 4.87372L6.63845 11.8737C6.3781 12.1341 5.95599 12.1341 5.69564 11.8737L2.3623 8.54038L3.30511 7.59757L6.16704 10.4595L12.6956 3.93091L13.6384 4.87372Z' fill='white'/%3e%3c/svg%3e");
  }
  
  /* стили для чекбокса, находящегося в состоянии disabled */
  .custom-checkbox>input:disabled+span::before {
    background-color: #e9ecef;
  }


/* End */


/* Start:/local/templates/ITIN/styles/select.css?16993360539734*/
.__select {
  position: relative;
  margin: 0 auto;
  width: 100%;
  height: 48px;
}
.__select-big {
  min-width: 368px;
  width: 368px;
  height: 48px;
}
.__select-small {
  width: 80px;
  height: 28px;
}
.__select-search {
  /* min-width: auto !important; */
  min-width: auto;
  width: 100%;
}
.__select[data-state="active"] > .__select__title::before {
  transform: translate(-4px, -50%) rotate(-45deg);
}
.__select[data-state="active"] > .__select__title::after {
  transform: translate(3px, -50%) rotate(45deg);
}
.__select[data-state="active"] > .__select__content {
  opacity: 1;
  visibility: visible;
}
.input__select.active__content > .input__select__content {
  opacity: 1;
  visibility: visible;
}
.input__select.active__content .__select__title::before {
  display: block;
  transform: translate(-4px, -50%) rotate(-45deg);
}
.input__select.active__content .__select__title::after {
  display: block;
  transform: translate(3px, -50%) rotate(45deg);
}
/* .__select[data-state=active] .__select__label + .__select__input + .__select__label {
  max-height: 40px;
  border-top-width: 1px;
} */

.__select__title {
  display: flex;
  text-align: left;
  align-items: center;
  padding-right: 20px;
  width: 100%;
  height: 100%;
  border: solid 1px #c6cbd6;
  color: #c6cbd6;
  background-color: white;
  cursor: pointer;
  border-radius: 8px;
  padding: 13px 16px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-line-clamp: 1;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  /* display: -webkit-box;
  display: inline-block; */
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.__select__title__span {
  margin-right: 20px;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-line-clamp: 1;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
  display: inline-block;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.__select__title-big,
.__select__title-search {
  padding: 13px 16px;
  border-radius: 8px;
}
.__select__title-small {
  padding: 7px 8px;
  color: #606e8c;
  border-radius: 4px;
}
.input__select__title {
  padding: 0;
  border: none;
}

.__select__title::before,
.__select__title::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
  width: 10px;
  height: 1px;
  /* transition: all 0.3s ease-out; */
  background-color: #c6cbd6;
  transform: translate(-4px, -50%) rotate(45deg);
}
.input__select__title::before,
.input__select__title::after {
  display: none;
}
.input__select__title::before,
.input__select__title::after {
  display: none;
}
.__select__title::before,
.__select__title::after {
  right: 21px;
}

.__select__title-big::before,
.__select__title-big::after {
  right: 20px;
}
.__select__title-small::before,
.__select__title-small::after {
  right: 13px;
}
.__select__title::after {
  transform: translate(3px, -50%) rotate(-45deg);
}
.__select__content {
  width: 100%;
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  max-height: 208px;
  overflow-y: auto;
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  border-top: none;
  /* transition: all 0.3s ease-out; */
  opacity: 0;
  visibility: hidden;
  z-index: 105;
}

.__select__content::-webkit-scrollbar {
  width: 22px;
}

.__select__content::-webkit-scrollbar-thumb {
  border-left: 8px white solid;
  border-right: 8px white solid;
  background-clip: padding-box;
}

.__select__content::-webkit-scrollbar-track {
  margin-top: 8px;
  margin-bottom: 8px;
  border-left: 8px white solid;
  border-right: 8px white solid;
  background-clip: padding-box;
  background-color: var(--ghost-gray);
}

.__select__content_scrolling {
  display: block;
  max-height: 240px;
  overflow-y: auto;
  margin-right: 16px;
  margin: 8px 0;
}

.__select__create {
  position: relative;
  display: none;
  align-items: center;
  gap: 8px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 14px;
  line-height: 19px;
  color: var(--blue);
  transition: color 0.3s;
}

.__select__create:hover {
  color: var(--dark-blue);
}

.__select[data-state="active"] .__select__create {
  display: flex;
}

.__select__create::before {
  content: "";
  width: 19.5px;
  height: 19.5px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75 0.25C4.37391 0.25 0 4.62391 0 10C0 15.3761 4.37391 19.75 9.75 19.75C15.1261 19.75 19.5 15.3761 19.5 10C19.5 4.62391 15.1261 0.25 9.75 0.25ZM13.5 10.75H10.5V13.75C10.5 13.9489 10.421 14.1397 10.2803 14.2803C10.1397 14.421 9.94891 14.5 9.75 14.5C9.55109 14.5 9.36032 14.421 9.21967 14.2803C9.07902 14.1397 9 13.9489 9 13.75V10.75H6C5.80109 10.75 5.61032 10.671 5.46967 10.5303C5.32902 10.3897 5.25 10.1989 5.25 10C5.25 9.80109 5.32902 9.61032 5.46967 9.46967C5.61032 9.32902 5.80109 9.25 6 9.25H9V6.25C9 6.05109 9.07902 5.86032 9.21967 5.71967C9.36032 5.57902 9.55109 5.5 9.75 5.5C9.94891 5.5 10.1397 5.57902 10.2803 5.71967C10.421 5.86032 10.5 6.05109 10.5 6.25V9.25H13.5C13.6989 9.25 13.8897 9.32902 14.0303 9.46967C14.171 9.61032 14.25 9.80109 14.25 10C14.25 10.1989 14.171 10.3897 14.0303 10.5303C13.8897 10.671 13.6989 10.75 13.5 10.75Z' fill='%233546E9'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: background-image 0.3s;
}

.__select__create:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.75 0.25C4.37391 0.25 0 4.62391 0 10C0 15.3761 4.37391 19.75 9.75 19.75C15.1261 19.75 19.5 15.3761 19.5 10C19.5 4.62391 15.1261 0.25 9.75 0.25ZM13.5 10.75H10.5V13.75C10.5 13.9489 10.421 14.1397 10.2803 14.2803C10.1397 14.421 9.94891 14.5 9.75 14.5C9.55109 14.5 9.36032 14.421 9.21967 14.2803C9.07902 14.1397 9 13.9489 9 13.75V10.75H6C5.80109 10.75 5.61032 10.671 5.46967 10.5303C5.32902 10.3897 5.25 10.1989 5.25 10C5.25 9.80109 5.32902 9.61032 5.46967 9.46967C5.61032 9.32902 5.80109 9.25 6 9.25H9V6.25C9 6.05109 9.07902 5.86032 9.21967 5.71967C9.36032 5.57902 9.55109 5.5 9.75 5.5C9.94891 5.5 10.1397 5.57902 10.2803 5.71967C10.421 5.86032 10.5 6.05109 10.5 6.25V9.25H13.5C13.6989 9.25 13.8897 9.32902 14.0303 9.46967C14.171 9.61032 14.25 9.80109 14.25 10C14.25 10.1989 14.171 10.3897 14.0303 10.5303C13.8897 10.671 13.6989 10.75 13.5 10.75Z' fill='%23170F87'/%3E%3C/svg%3E%0A");
}

.__select__create::after {
  content: "";
  position: absolute;
  left: 0;
  right: 18px;
  top: -19px;
  height: 19px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0) 100%);
  transform: rotate(180deg);
}

.__select__content-big {
  top: 49px;
  width: 368px;
}
.__select__content-small {
  top: 29px;
  width: 80px;
}
.search-checkbox-wrapper {
  max-height: 488px;
  overflow-y: scroll;
  margin-right: 16px;
  margin-bottom: 16px;
}
.__select__input {
  display: none;
}

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

.__select__label {
  display: flex;
  position: relative;
  align-items: center;
  width: 100%;
  padding: 13px 16px;
  /* max-height: 0; */
  /* transition: all 0.2s ease-out; */
  cursor: pointer;
  overflow: hidden;
  color: #1b254a;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  text-align: left;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-line-clamp: 1;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  display: -webkit-box;
  display: inline-block;
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  box-orient: vertical;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.__select__content .__select_tariff__label:first-of-type {
  padding-top: 20px;
  border-radius: 8px 8px 0 0;
}
.__select__content .__select_tariff__label:last-of-type {
  padding-bottom: 20px;
  border-radius: 0 0 8px 8px;
}
.__select__label-big {
  height: 40px;
  padding: 10px 16px;
}
.__select__label-small {
  height: 24px;
  padding: 0 7px;
}

.__select__label:hover {
  background-color: #f5f6f8 !important;
}
.__select_tariff__title {
  position: relative;
  padding: 13px 16px;
  padding-right: 35px;
  border: 1px solid #8895bb;
  border-radius: 8px;
}
.__select_tariff__label {
  width: 100%;
  flex-shrink: 0;
  height: 48px;
}
.select_placeholder {
  position: absolute;
  padding: 4px 10px;
  top: 8px;
  left: 8px;
  z-index: -1;
  background-color: var(--white);
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
  color: var(--light-black);
  transition: top 0.1s;
}
.select_placeholder.visible {
  top: -14px;
  z-index: 1;
}

@media (max-width: 1919px) {
  .__select-big {
    min-width: 200px;
    width: 200px;
  }

  .__select__content-big {
    width: 200px;
  }
}

@media (max-width: 1199px) {
  .__select-big {
    width: 216px;
  }
  .__select__content {
    display: none;
  }
  .__select__content-big {
    display: none;
  }
  .__select__content-small {
    display: none;
  }
  form .__select__content:not(.__select__content-small) {
    display: block;
  }
  .__select[data-state="active"] .__select__title::before {
    transform: translate(-4px, -50%) rotate(45deg);
  }
  .__select[data-state="active"] .__select__title::after {
    transform: translate(3px, -50%) rotate(-45deg);
  }
  .__select-search {
    min-width: 216px;
  }
}

@media (max-width: 767px) {
  .__select-big {
    width: 100%;
  }
  .__select-search {
    min-width: auto;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/aside-menu.css?16993360448158*/
/* БОКОВОЕ МЕНЮ */

/* Начало стилей для десктопной версии на 1920px */
aside {
  height: 100%;
  width: 256px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  background-color: var(--light-black);
  /* overflow-x: hidden; */
  padding-top: 40px;
  transition: all 0.2s;
}

aside.small {
  width: 88px;
}

.header-blue {
  padding-bottom: 33px;
}

.personal-btn {
  margin-right: 48px;
  height: 30px;
}

.header-blue__profile {
  background-image: url(/local/templates/ITIN/styles/../img/person-icon-blue.svg);
  transition: background-image 0.3s;
}

.user_name {
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--blue);
  transition: color 0.3s;
}

.personal-btn:hover {
  cursor: pointer;
}

.personal-btn:hover .user_name {
  color: var(--dark-blue);
  /* text-shadow:  0.3px 0.3px 0.5px #1B254A; */
}

.personal-btn:hover .header-blue__profile {
  background-image: url(/local/templates/ITIN/styles/../img/person-icon-dark-blue.svg);
}

.personal-btn:disabled .header-blue__profile {
  background-image: url(/local/templates/ITIN/styles/../img/person-icon-gray.svg);
}

.aside-menu-logo {
  display: inline-block;
  padding-left: 40px;
  height: 40px;
}

aside.small .aside-menu-logo {
  visibility: hidden;
  opacity: 0;
}

.aside-menu-logo img {
  width: 88px;
  height: 40px;
}

.aside-menu-btn {
  position: absolute;
  padding: 0;
  right: 0;
  top: 46px;
  width: 56px;
  height: 29px;
  background-color: #374264;
  border-radius: 4px 0px 0px 4px;
}

.aside-menu-btn:hover {
  background-color: #606e8c;
}

.aside-menu-btn::after {
  content: "";
  display: block;
  width: 18.5px;
  height: 13px;
  margin-left: 8px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='13' viewBox='0 0 19 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.9364 0.271972C7.28787 0.634602 7.28787 1.22254 6.9364 1.58517L3.07279 5.57143H17.6C18.0971 5.57143 18.5 5.98716 18.5 6.5C18.5 7.01284 18.0971 7.42857 17.6 7.42857H3.07279L6.9364 11.4148C7.28787 11.7775 7.28787 12.3654 6.9364 12.728C6.58492 13.0907 6.01508 13.0907 5.6636 12.728L0.263604 7.1566C-0.087868 6.79397 -0.087868 6.20603 0.263604 5.8434L5.6636 0.271972C6.01508 -0.0906574 6.58492 -0.0906574 6.9364 0.271972Z' fill='white'/%3e%3c/svg%3e ");
}

aside.small .aside-menu-btn::after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='19' height='13' viewBox='0 0 19 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5636 12.728C11.2121 12.3654 11.2121 11.7775 11.5636 11.4148L15.4272 7.42857L0.9 7.42857C0.402945 7.42857 5.23415e-07 7.01283 5.68248e-07 6.5C6.13082e-07 5.98716 0.402945 5.57143 0.9 5.57143L15.4272 5.57143L11.5636 1.58517C11.2121 1.22254 11.2121 0.634601 11.5636 0.271972C11.9151 -0.0906578 12.4849 -0.0906578 12.8364 0.271972L18.2364 5.8434C18.5879 6.20603 18.5879 6.79397 18.2364 7.1566L12.8364 12.728C12.4849 13.0907 11.9151 13.0907 11.5636 12.728Z' fill='white'/%3e%3c/svg%3e ");
}

.aside-nav {
  padding-top: 38px;
  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  color: var(--white);
}

.aside-menu-item {
  position: relative;
  color: var(--white);
}

.aside-menu-link:hover {
  background-color: #374264;
}

.aside-menu-sublink:hover {
  cursor: pointer;
  background-color: #374264;
}

.aside-menu-link {
  display: flex;
  align-items: center;
  position: relative;
  height: 56px;
  padding-top: 16px;
  padding-bottom: 16px;
  /* transition: 0.4s; */
}

.aside-menu-sublink {
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 38px;
  /* transition: 0.4s; */
}

aside.small .aside-menu-sublink {
  display: none;
}

.aside-menu-icon {
  padding-left: 40px;
}

aside.small .aside-menu-icon {
  padding-left: 33px;
}

.aside-menu-text {
  margin-left: 16px;
}

aside.small .aside-menu-text {
  /* visibility: hidden;
    opacity: 0;  */
  display: none;
}

.aside-menu-subtext {
  margin-left: 38px;
}

.aside-menu-small {
  display: none;
  position: absolute;
  top: 28px;
  left: 44px;
  width: 144px;
  background-color: var(--white);
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  z-index: 100;
  overflow: visible;
}

.aside-menu-small.active {
  display: block;
}

.aside-menu-small a {
  display: block;
  padding: 10px 16px;
  color: var(--light-black);
  transition: background-color 0.2s;
}

.aside-menu-small a:hover {
  background-color: var(--ghost-gray);
}

.accordion-arrow {
  position: absolute;
  left: 205px;
  top: 50%;
  transform: translateY(-50%);
}

.accordion.active .accordion-arrow {
  transform: translateY(-50%) rotate(180deg);
}

.aside-menu-item .active,
.accordion:hover {
  background-color: #ccc;
}

.panel {
  display: none;
  overflow: hidden;
}

.panel.active {
  display: block;
}

.li-accordion {
  position: relative;
}

aside .accordion-arrow img {
  width: 16px;
  height: 10px;
}

/* Конец стилей для десктопной версии на 1920px */

/* Начало стилей для планшетной версии*/
@media (max-width: 1199px) {
  aside {
    width: 374px;
  }

  .accordion-arrow {
    left: 277px;
  }

  .header-blue {
    padding-bottom: 33px;
    height: 72px;
    background-color: var(--light-black);
    padding: 22px 0;
  }

  .header-blue__profile {
    background-image: url(/local/templates/ITIN/styles/../img/person-icon.svg);
  }

  .personal-btn {
    margin-right: 0;
  }

  .user_name {
    color: var(--white);
  }

  .personal-btn:hover .header-blue__profile {
    background-image: url(/local/templates/ITIN/styles/../img/person-icon-grey.svg);
  }

  .personal-btn:hover .user_name {
    color: #eff0f3;
  }

  .header-blue__profile:disabled {
    background-image: url(/local/templates/ITIN/styles/../img/person-icon-dis.svg);
  }

  .header-blue__profile:disabled .user_name {
    color: #c6cbd6;
  }

  .aside-menu {
    opacity: 0;
    visibility: hidden;
  }

  .aside-menu-btn {
    display: none;
  }

  .arrow_down {
    left: 277px;
  }

  .header-blue {
    display: block;
    position: fixed;
    width: 100%;
    height: 72px;
    z-index: 4;
  }

  .header-blue-wrapper {
    height: 28px;
    padding-right: 48px;
    padding-left: 38px;
  }

  .header-blue-logo {
    display: inline-block;
    margin-left: 74px;
    width: 57px;
    height: 28px;
  }

  .btn-logo {
    height: 28px;
  }

  .header-blue-logo img {
    width: 100%;
    height: 100%;
  }

  .menu__btn {
    display: inline-flex;
    position: relative;
    align-items: center;
    width: 27px;
    height: 21px;
    cursor: pointer;
    z-index: 1;
    background-color: var(--light-black);
  }

  .menu__btn > span,
  .menu__btn > span::before,
  .menu__btn > span::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    background-color: var(--white);
  }

  .menu__btn > span::before {
    content: "";
    top: -8px;
  }

  .menu__btn > span::after {
    content: "";
    top: 8px;
  }

  .menu__btn.active span {
    transform: rotate(-45deg);
  }

  .menu__btn.active span::before {
    top: 0;
    transform: rotate(90deg);
  }

  .menu__btn.active span::after {
    width: 0;
  }

  .aside-menu-logo {
    display: none;
  }

  .aside-menu.active {
    opacity: 1;
    visibility: visible;
    background-color: var(--light-black);
    z-index: 107;
  }

  .aside-menu ~ header {
    z-index: 108;
  }
}

/* Конец стилей для планшетной версии*/

/* Начало стилей для мобильной версии */
@media (max-width: 767px) {
  .arrow_down {
    left: 173px;
  }

  .header-white {
    padding-bottom: 41px;
  }

  .header-blue {
    padding-top: 22px;
  }

  .header-blue-wrapper {
    padding: 0 16px 0 19px;
  }

  .header-blue-logo {
    width: 46px;
    height: 23px;
    margin-right: auto;
    transform: translateX(-50%);
  }

  .header-blue__profile {
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
  }

  .menu__btn {
    width: 21px;
  }

  .aside-menu-icon {
    padding-left: 17px;
  }

  .accordion-arrow {
    left: 173px;
  }

  .user_name {
    display: none;
  }
}

/* Конец стилей для мобильной версии */

/* End */


/* Start:/local/templates/ITIN/styles/modal-menu.css?16990111682246*/

.modal-menu{
    display:none;
}
.overlay {
    display:none;
}
.modal-menu.active,
.overlay.active,
.overlay-datepicker.active {
   opacity: 1;
   visibility: visible;
}
.overlay-desktop { 
    display:block;
 }
.modal-menu-item {
    border: none;
}
@media(max-width:1199px) {
    .overlay {
        display:block;
    }
    .overlay-datepicker,
    .overlay-desktop { 
        display:none;
     }
    .modal-menu {
        display: block;
        width: 336px;
        border-radius: 8px;
        background-color: var(--white);
        position: fixed;
        z-index: 6;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        /* transition: all .2s; */
        visibility: hidden;
        opacity: 0;
    }
    .modal-menu-header {
        height: 64px;
        width: 100%;
        padding: 19.5px 32px;
        background-color: var(--light-black);
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;
        color: var(--white);
        font-weight: 600;
        font-size: 18px;
        line-height: 25px;
        white-space: nowrap; 
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .modal-menu-item {
        position: relative;
        height: 56px;
        width: 100%;
        padding: 17px 32px;
        background-color: var(--white);
        border-bottom: 1px solid #EFF0F3;
        font-weight: 400;
        font-size: 16px;
    }
    .modal-menu-item:last-child {
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;
    }
    .modal-menu-item a {
        color: var(--light-black);
    }
    .modal-menu-item:active{
        cursor: pointer;
        background-color: var(--ghost-gray);
    }
    .modal-btn-wrapper {
        padding: 32px;
        background-color: var(--white);
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 8px;

    }
    .modal-btn-blue {
        width: 272px;
        height: 48px;
    }
}

@media(max-width:767px) {
  .overlay-datepicker {
    display: block;
    z-index: 7;
  }
 .modal-menu {
    width: 286px;
 }
 .modal-btn-wrapper {
    padding: 16px;
 }
 .custom-checkbox>span::before {
    background-position: center 40%;
    background-size: 80% 80%;
  }
}
/* End */


/* Start:/local/templates/ITIN/styles/control-elements-adaptive.css?169901116810419*/
.btn_filters {
  display: none;
}
.__description {
  margin-bottom: 24px;
}
.__filters {
  width: 469px;
  min-width: 469px;
}
.__filters-title {
  padding: 13px 16px;
}
.__filters > .__select__title::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  transform: translate(2px, -50%) rotate(0deg);
  background-color: white;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 6.74997H13.6289C13.7841 7.18849 14.0714 7.56813 14.4512 7.83664C14.8311 8.10515 15.2848 8.24933 15.75 8.24933C16.2152 8.24933 16.6689 8.10515 17.0488 7.83664C17.4286 7.56813 17.7159 7.18849 17.8711 6.74997H21C21.1989 6.74997 21.3897 6.67095 21.5303 6.5303C21.671 6.38965 21.75 6.19888 21.75 5.99997C21.75 5.80106 21.671 5.61029 21.5303 5.46964C21.3897 5.32899 21.1989 5.24997 21 5.24997H17.8711C17.7159 4.81145 17.4286 4.43181 17.0488 4.1633C16.6689 3.89479 16.2152 3.75061 15.75 3.75061C15.2848 3.75061 14.8311 3.89479 14.4512 4.1633C14.0714 4.43181 13.7841 4.81145 13.6289 5.24997H3C2.80109 5.24997 2.61032 5.32899 2.46967 5.46964C2.32902 5.61029 2.25 5.80106 2.25 5.99997C2.25 6.19888 2.32902 6.38965 2.46967 6.5303C2.61032 6.67095 2.80109 6.74997 3 6.74997ZM21 17.25H17.8711C17.7159 16.8114 17.4286 16.4318 17.0488 16.1633C16.6689 15.8948 16.2152 15.7506 15.75 15.7506C15.2848 15.7506 14.8311 15.8948 14.4512 16.1633C14.0714 16.4318 13.7841 16.8114 13.6289 17.25H3C2.80109 17.25 2.61032 17.329 2.46967 17.4696C2.32902 17.6103 2.25 17.8011 2.25 18C2.25 18.1989 2.32902 18.3896 2.46967 18.5303C2.61032 18.671 2.80109 18.75 3 18.75H13.6289C13.7841 19.1885 14.0714 19.5681 14.4512 19.8366C14.8311 20.1052 15.2848 20.2493 15.75 20.2493C16.2152 20.2493 16.6689 20.1052 17.0488 19.8366C17.4286 19.5681 17.7159 19.1885 17.8711 18.75H21C21.1989 18.75 21.3897 18.671 21.5303 18.5303C21.671 18.3896 21.75 18.1989 21.75 18C21.75 17.8011 21.671 17.6103 21.5303 17.4696C21.3897 17.329 21.1989 17.25 21 17.25ZM21 11.25H10.3711C10.2159 10.8114 9.92861 10.4318 9.54876 10.1633C9.16891 9.89479 8.71517 9.75061 8.25 9.75061C7.78483 9.75061 7.33109 9.89479 6.95124 10.1633C6.57139 10.4318 6.2841 10.8114 6.12891 11.25H3C2.80109 11.25 2.61032 11.329 2.46967 11.4696C2.32902 11.6103 2.25 11.8011 2.25 12C2.25 12.1989 2.32902 12.3896 2.46967 12.5303C2.61032 12.671 2.80109 12.75 3 12.75H6.12891C6.2841 13.1885 6.57139 13.5681 6.95124 13.8366C7.33109 14.1052 7.78483 14.2493 8.25 14.2493C8.71517 14.2493 9.16891 14.1052 9.54876 13.8366C9.92861 13.5681 10.2159 13.1885 10.3711 12.75H21C21.1989 12.75 21.3897 12.671 21.5303 12.5303C21.671 12.3896 21.75 12.1989 21.75 12C21.75 11.8011 21.671 11.6103 21.5303 11.4696C21.3897 11.329 21.1989 11.25 21 11.25Z' fill='%23C6CBD6'/%3e%3c/svg%3e ");
}

.__filters.__select[data-state="active"] > .__select__title::after {
  transform: translate(2px, -50%) rotate(0deg);
}

.__filters_content {
  max-height: unset;
  width: 558px;
  height: 488px;
  right: 0;
  display: flex;
  flex-direction: row;
}

.__filters_content_filter {
  width: 200px;
  padding: 16px;
  border-right: 1px solid #eff0f3;
}
.filters_wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.filter_title {
  padding-left: 8px;
  padding-bottom: 8px;
  color: black;
  font-weight: 600;
}
.__filter .__select {
  height: 32px;
}
.__select__title__filter {
  padding: 10px 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 17px;
}
.__select__title__filter span {
  vertical-align: bottom;
  margin-right: 25px;
}

.__select__title__filter::before,
.__select__title__filter::after {
  top: 17px;
  right: 13px;
}
.btn-wrapper {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
button.btn-confirm {
  min-width: 100%;
  width: 100%;
}
button.reset__filters {
  width: 100%;
  min-width: 100%;
  height: 19px;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: var(--blue);
}

.__filters_content_search {
  width: 358px;
}
.__filters__search-wrapper {
  position: relative;
  padding: 16px;
}
.__filters_content_search .search-checkbox-wrapper {
  /* height: 400px; */
  max-height: 400px;
}
.__filters_content_search .__select__label {
  padding: 10px 24px;
}
.__filters_content_search span {
  /* height: 20px;
  line-height: 20px; */
  vertical-align: top;
}

.__filters_content_search input[type="search"] {
  padding: 8px 44px;
}

.__download {
  width: 272px;
  min-width: 272px;
}
.__download__title {
  padding: 13px 16px;
  background-color: var(--blue);
  color: white;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  border: solid 1px #c6cbd6;
  cursor: pointer;
  border-radius: 8px;
}
.button-download {
  position: absolute;
  top: 15px;
  right: 16px;
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 7L9 13L15 7' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
}
.button-download.btn-active {
  transform: rotate(180deg);
}
.__select-search {
  min-width: 400px;
}
.__search-wrapper {
  position: relative;
  width: 100%;
  height: 72px;
  padding: 16px;
}
.__search-clear-btn {
  display: none;
  position: absolute;
  padding: 0;
  min-width: auto !important;
  top: 16px;
  right: 30px;
  width: 12px;
  height: 12px;
}
.__select__content-search {
  max-height: 500px;
}
.btn-active {
  display: block;
}
.__select__year .__select__content {
  max-height: 230px;
}
.__select__year .__select__content .wrapper {
  overflow-y: scroll;
  margin-right: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  max-height: 214px;
}
.__select__month .__select__content {
  max-height: 336px;
}
.__select__month .__select__content .wrapper {
  overflow-y: scroll;
  margin-right: 8px;
  margin-top: 8px;
  margin-bottom: 8px;
  max-height: 320px;
}

@media (max-width: 1919px) {
  /* .suppliers__top-panel button {
    min-width: 272px;
  } */
  .__filters {
    width: 262px;
    min-width: 262px;
  }
}

@media (max-width: 1199px) {
  .container-small {
    width: 100%;
    max-width: none;
    margin: 0;
  }
  .top-panel .__filters {
    display: none;
  }
  .__download__content {
    display: block;
  }
  .__description {
    margin-bottom: 32px;
  }

  button.btn_filters {
    display: block;
    min-width: 48px;
    width: 48px;
    height: 48px;
    background-color: #606e8c;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M3 6.74997H13.6289C13.7841 7.18849 14.0714 7.56813 14.4512 7.83664C14.8311 8.10515 15.2848 8.24933 15.75 8.24933C16.2152 8.24933 16.6689 8.10515 17.0488 7.83664C17.4286 7.56813 17.7159 7.18849 17.8711 6.74997H21C21.1989 6.74997 21.3897 6.67095 21.5303 6.5303C21.671 6.38965 21.75 6.19888 21.75 5.99997C21.75 5.80106 21.671 5.61029 21.5303 5.46964C21.3897 5.32899 21.1989 5.24997 21 5.24997H17.8711C17.7159 4.81145 17.4286 4.43181 17.0488 4.1633C16.6689 3.89479 16.2152 3.75061 15.75 3.75061C15.2848 3.75061 14.8311 3.89479 14.4512 4.1633C14.0714 4.43181 13.7841 4.81145 13.6289 5.24997H3C2.80109 5.24997 2.61032 5.32899 2.46967 5.46964C2.32902 5.61029 2.25 5.80106 2.25 5.99997C2.25 6.19888 2.32902 6.38965 2.46967 6.5303C2.61032 6.67095 2.80109 6.74997 3 6.74997ZM21 17.25H17.8711C17.7159 16.8114 17.4286 16.4318 17.0488 16.1633C16.6689 15.8948 16.2152 15.7506 15.75 15.7506C15.2848 15.7506 14.8311 15.8948 14.4512 16.1633C14.0714 16.4318 13.7841 16.8114 13.6289 17.25H3C2.80109 17.25 2.61032 17.329 2.46967 17.4696C2.32902 17.6103 2.25 17.8011 2.25 18C2.25 18.1989 2.32902 18.3896 2.46967 18.5303C2.61032 18.671 2.80109 18.75 3 18.75H13.6289C13.7841 19.1885 14.0714 19.5681 14.4512 19.8366C14.8311 20.1052 15.2848 20.2493 15.75 20.2493C16.2152 20.2493 16.6689 20.1052 17.0488 19.8366C17.4286 19.5681 17.7159 19.1885 17.8711 18.75H21C21.1989 18.75 21.3897 18.671 21.5303 18.5303C21.671 18.3896 21.75 18.1989 21.75 18C21.75 17.8011 21.671 17.6103 21.5303 17.4696C21.3897 17.329 21.1989 17.25 21 17.25ZM21 11.25H10.3711C10.2159 10.8114 9.92861 10.4318 9.54876 10.1633C9.16891 9.89479 8.71517 9.75061 8.25 9.75061C7.78483 9.75061 7.33109 9.89479 6.95124 10.1633C6.57139 10.4318 6.2841 10.8114 6.12891 11.25H3C2.80109 11.25 2.61032 11.329 2.46967 11.4696C2.32902 11.6103 2.25 11.8011 2.25 12C2.25 12.1989 2.32902 12.3896 2.46967 12.5303C2.61032 12.671 2.80109 12.75 3 12.75H6.12891C6.2841 13.1885 6.57139 13.5681 6.95124 13.8366C7.33109 14.1052 7.78483 14.2493 8.25 14.2493C8.71517 14.2493 9.16891 14.1052 9.54876 13.8366C9.92861 13.5681 10.2159 13.1885 10.3711 12.75H21C21.1989 12.75 21.3897 12.671 21.5303 12.5303C21.671 12.3896 21.75 12.1989 21.75 12C21.75 11.8011 21.671 11.6103 21.5303 11.4696C21.3897 11.329 21.1989 11.25 21 11.25Z' fill='white'/%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-position: center;
  }

  .__download {
    width: 304px;
    min-width: 304px;
  }
  .__download__title {
    padding: 13px 24px;
  }
  .__filter .__select {
    height: 48px;
  }
  .__select__title__filter::before,
  .__select__title__filter::after {
    top: 24px;
  }
  .__select__content-search {
    display: block;
  }
  .search-checkbox-wrapper {
    max-height: 422px;
  }
  .__select__year .__select__content {
    display: block;
  }
  .__select__month .__select__content {
    display: block;
  }
  .__select-search {
    /* width: auto; */
    max-width: 717px;
  }
  .__select__year {
    max-width: 182px;
  }
  .__select__month {
    max-width: 182px;
  }
}

@media (max-width: 767px) {
  .__description {
    font-size: 14px;
    font-weight: 300;
  }

  .__download {
    width: 100%;
    min-width: auto;
  }

  .tariff-menu {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }

  .tariff-menu-header {
    border-radius: 0;
  }

  .tariff-menu {
    width: 100%;
    height: 100%;
    bottom: 0;
  }

  .tariff-btn-wrapper {
    border-radius: 0;
  }

  .tariff-btn-blue {
    width: 100%;
  }

  .tariff-btn-white {
    display: block;
    width: 100%;
    height: 48px;
    margin-top: 8px;
  }
  .__select-search {
    min-width: initial;
  }
  .__select__year {
    max-width: 48%;
  }
  .__select__month {
    max-width: 47%;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/filters-modal.css?16990111683504*/
@media (max-width: 1199px) {
    .filters-modal {
        width: 610px;
        height: 562px;
        padding: 16px;
      }
    .filters-modal__title {
        display: none;
    }
    .filters-modal-content {
        display: flex;
        flex-direction: row;
    }
    .filters-modal-content>.__filters_content_filter {
        width: 220px;
        border: none;
    }
    .filters-modal .search-checkbox-wrapper {
        max-height: 440px;
    }
    .filters-modal input[type="search"] {
        background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.16667 2.5C12.8486 2.5 15.8333 5.48477 15.8333 9.16667C15.8333 10.7068 15.3111 12.125 14.4339 13.2538L17.6726 16.4941L16.4941 17.6726L13.2538 14.4339C12.125 15.3111 10.7068 15.8333 9.16667 15.8333C5.48477 15.8333 2.5 12.8486 2.5 9.16667C2.5 5.48477 5.48477 2.5 9.16667 2.5ZM9.16667 4.16667C6.40524 4.16667 4.16667 6.40524 4.16667 9.16667C4.16667 11.9281 6.40524 14.1667 9.16667 14.1667C11.9281 14.1667 14.1667 11.9281 14.1667 9.16667C14.1667 6.40524 11.9281 4.16667 9.16667 4.16667Z' fill='%23C6CBD6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: 19px center;
        background-size: 18px;
        border: 1px solid var(--light-gray);
    }
    .filters-modal .__select__title {
        border: 1px solid var(--light-gray);

    }
    .__select__content_filter {
        display: block;
    }

}
@media(max-width:767px) {
    .filters-modal {
        top: 0;
        left: 0;
        transform: translate(0,0);
        width: 100%;
        height: 100%;
        border-radius: 0px;
        padding: 0;
        padding-bottom:  48px;
    }
    .filters-modal-content {
        overflow-y: scroll;
    }
    .filters-modal__title {
        display: block;
        font-size: 20px;
        margin-bottom: 32px;
        border-radius: 0;
        padding: 20px 16px;
    }
    .filters-modal__title h2 {
        color: white;
    }
    .modal-close-btn {
        position: absolute;
        top: 23px;
        right: 24px;
        display: block;
        width: 17px;
        height: 17px;
        padding: 0;
    }
    .modal-close-btn:before, .modal-close-btn:after {
        content:'';
        display: block;
        position: absolute;
        height: 2px;
        width: 21px;
        right: -2px;
        top:7px;
        background-color: white;
    }
    .modal-close-btn::before {
        transform: rotate(45deg);
    }
    
    .modal-close-btn::after {
        transform: rotate(-45deg);
    }
    .filters-modal-content {
        flex-direction: column-reverse;
    }
    .filters-modal-content>.__filters_content_filter  {
        width: 100%;
    }
    .filters-modal-content>.__filters_content_search {
        width: 100%;
    }
    .filters-modal-content .search-checkbox-wrapper {
        display: none;
    }
    .__filters_content_search[data-state=active] .search-checkbox-wrapper {
        display: block;
    }
    .__filters_content_filter {
        padding: 24px 16px;
    }
    .filters-modal-content .btn-wrapper {
        margin-top: 48px;
    }
    .filters-modal-content .__filters__search-wrapper {
        padding: 0 16px;
    }
    .__filters_content_search  .search-checkbox-wrapper {
        max-height: 240px;
    }
    .__filters_content_search .custom-checkbox {
        height: 48px;
    }
    .filters-modal  .filters_wrapper {
        gap: 24px;
    }
} 
/* End */


/* Start:/local/templates/ITIN/styles/comments.css?16990111681502*/
.comments {
	padding-left: 256px;
	transition: padding 0.3s;
	color: var(--light-black);
}

.aside-menu.small ~ section > .comments {
	padding-left: 88px;
}

.comments__list {
	max-height: 400px;
	max-width: 600px;
	overflow-y: auto;
	/*margin-bottom: 32px;*/
	width: 100%;
	margin: 0 0 32px 0;
}

.comments__item {
	padding: 16px 48px;
}

.comments__item_highlited {
	background-color: #f5f6f8;
}

.comments__wrapper {
	max-width: 513px;
}

.comments__date {
	margin-bottom: 8px;
	font-weight: 300;
	font-size: 14px;
	line-height: 19px;
	color: var(--blue-gray);
}

.comments__message {
	font-weight: 600;
}

.comments__text {
	padding-left: 16px;
	padding-top: 4px;
}

.comments__functional {
	padding-left: 48px;
	max-width: 600px;
}

.comments textarea {
	margin-bottom: 24px;
}

.comments__button-group {
	width: 100%;
	gap: 16px;
}

.comments button {
	display: block;
	padding-top: 9px;
	padding-bottom: 9px;
	width: 100%;
}

@media (max-width: 1199px) {
	.comments {
		padding: 0;
	}

	.comments__list {
		margin: 0 auto 32px;
	}

	.comments__item {
		text-align: left;
		padding: 16px 0;
	}

	.comments__wrapper {
		max-width: 528px;
		padding: 0 36px;
		margin: 0 auto;
	}

	.comments__functional {
		max-width: 528px;
		margin: 0 auto;
		padding-left: 36px;
	}
}

@media (max-width: 767px) {
	.comments__list {
		padding: 0 16px;
	}
	.comments__wrapper {
		max-width: none;
		margin: 0;
		padding: 0 16px;
	}

	.comments__functional {
		max-width: none;
		margin: 0;
		padding: 0 16px;
	}
}

/* End */


/* Start:/local/templates/ITIN/styles/modal-window.css?16990111681032*/
/* СТИЛИ МОДАЛЬНОГО ОКНА С ПРЕДУПРЕЖДЕНИЯМИ */

.modal-window {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 32px;
  max-width: 561px;
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  background-color: var(--white);
  z-index: 107;
  color: var(--light-black);
}

.modal-window.active {
  display: flex;
}

.modal-window h3 {
  margin-bottom: 16px;
  max-width: 90%;
}

.modal-window p {
  margin-bottom: 32px;
}

.modal-window__button-group {
  gap: 16px;
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 1199px) {
  .modal-window {
    max-width: 456px;
  }

  .modal-window h3 {
    max-width: none;
  }

  .modal-window__button-group {
    width: 100%;
    gap: 16px;
  }

  .modal-window button {
    display: block;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .modal-window {
    left: 17px;
    max-width: none;
    width: calc(100% - 17px * 2);
    transform: translateY(-50%);
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/modal-comments.css?16990111682100*/
.modal-comments {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 564px;
  box-shadow: 0px 2px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  background-color: var(--white);
  z-index: 107;
}

.modal-comments.active {
  display: block;
}

.modal-comments .comments__title {
  padding: 20px 32px;
  width: 100%;
  border-radius: 8px 8px 0 0;
  background-color: var(--light-black);
  color: var(--white);
}

.modal-comments .comments__list {
  max-height: 360px;
  overflow-y: auto;
}

.modal-comments .comments__item {
  padding: 16px 32px;
  border-bottom: 1px solid var(--ghost-gray);
}

.modal-comments .comments__item_highlited {
  background-color: #f5f6f8;
}

.modal-comments .comments__date {
  margin-bottom: 8px;
  font-weight: 300;
  font-size: 14px;
  line-height: 19px;
  color: var(--blue-gray);
}

.modal-comments .comments__message {
  font-weight: 600;
}

.modal-comments .comments__text {
  padding-left: 16px;
  padding-top: 4px;
}

.modal-comments .comments__functional {
  padding: 32px;
  width: 100%;
}

.modal-comments textarea {
  margin-bottom: 24px;
}

.modal-comments .comments__button-group {
  width: 100%;
  gap: 16px;
}

.modal-comments button {
  display: block;
  width: 100%;
}

@media (max-width: 767px) {
  .modal-comments {
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    transform: none;
    scrollbar-width: none;
    border-radius: 0;
  }

  .modal-comments::-webkit-scrollbar {
    display: none;
  }

  .modal-comments .comments__title {
    padding: 18px;
    padding-right: 50px;
    height: 64px;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 20px;
    line-height: 27px;
    border-radius: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .modal-comments .comments__list {
    height: calc(100vh - 280px);
    max-height: none;
  }

  .modal-comments .comments__item {
    padding: 16px;
  }

  .modal-comments .comments__functional {
    padding: 16px;
  }

  .modal-comments .btn-white {
    display: none;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/modal-delete-confirm.css?16990111681143*/
/* СТИЛИ МОДАЛЬНОГО ОКНА С ПОДТВЕРЖДЕНИЕМ УДАЛЕНИЯ */

.modal-delete-confirm {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 32px;
  width: 564px;
  height: 206px;
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  background-color: var(--white);
  z-index: 107;
  color: var(--light-black);
}

.modal-delete-confirm.active {
  display: flex;
}

.modal-delete-confirm__title {
  margin-bottom: 16px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 27px;
  color: var(--red);
}

.modal-delete-confirm p {
  margin-bottom: 32px;
}

.modal-delete-confirm__button-group {
  width: 100%;
  gap: 16px;
}

.modal-delete-confirm button {
  display: block;
  width: 100%;
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 1199px) {
  .modal-delete-confirm__title {
    color: var(--light-black);
  }
}

@media (max-width: 767px) {
  .modal-delete-confirm {
    left: 17px;
    max-width: none;
    width: calc(100% - 17px * 2);
    height: auto;
    transform: translateY(-50%);
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/modal-loading-result.css?1699011168955*/
/* СТИЛИ МОДАЛЬНОГО ОКНА С РЕЗУЛЬТАТОМ ЗАГРУЗКИ */

.modal-loading-result {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 32px;
  width: 564px;
  height: 206px;
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  background-color: var(--white);
  z-index: 107;
  color: var(--light-black);
}

.modal-loading-result.active {
  display: flex;
}

.modal-loading-result__title {
  margin-bottom: 16px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 27px;
}

.modal-loading-result p {
  margin-bottom: 32px;
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 767px) {
  .modal-loading-result {
    left: 17px;
    max-width: none;
    width: calc(100% - 17px * 2);
    height: auto;
    transform: translateY(-50%);
  }

  .modal-loading-result button {
    display: block;
    width: 100%;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/modal-logout.css?16990111681322*/
/* СТИЛИ МОДАЛЬНОГО ОКНА С РЕЗУЛЬТАТОМ ИЗМЕНЕНИЯ */

.modal-logout {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 32px;
  width: 564px;
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  background-color: var(--white);
  z-index: 107;
  color: var(--light-black);
}

.modal-logout.active {
  display: flex;
}

.modal-logout__title {
  margin-bottom: 16px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 27px;
}

.modal-logout p {
  margin-bottom: 32px;
}

.modal-logout__btn-wrapper {
  width: 100%;
  gap: 16px;
}

.modal-logout__btn-wrapper button {
  width: 100%;
}

.modal-logout button {
  height: 48px;
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 1199px) {
  .modal-logout {
    width: 456px;
  }

  .modal-logout button {
    width: 100%;
  }

  .modal-logout__btn-wrapper {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .modal-logout {
    padding: 32px 16px;
    left: 17px;
    max-width: none;
    width: calc(100% - 17px * 2);
    height: auto;
    transform: translateY(-50%);
  }

  .modal-logout__title {
    font-size: 18px;
    line-height: 25px;
  }

  .modal-logout button {
    display: block;
    width: 100%;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/modal-changes.css?16990111681335*/
/* СТИЛИ МОДАЛЬНОГО ОКНА С РЕЗУЛЬТАТОМ ИЗМЕНЕНИЯ */

.modal-changes {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 32px;
  width: 564px;
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  background-color: var(--white);
  z-index: 107;
  color: var(--light-black);
}

.modal-changes.active {
  display: flex;
}

.modal-changes__title {
  margin-bottom: 16px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 27px;
}

.modal-changes p {
  margin-bottom: 32px;
}

.modal-changes__btn-wrapper {
  width: 100%;
  gap: 16px;
}

.modal-changes__btn-wrapper button {
  width: 100%;
}

.modal-changes button {
  height: 48px;
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 1199px) {
  .modal-changes {
    width: 456px;
  }

  .modal-changes button {
    width: 100%;
  }

  .modal-changes__btn-wrapper {
    flex-wrap: wrap;
  }
}

@media (max-width: 767px) {
  .modal-changes {
    padding: 32px 16px;
    left: 17px;
    max-width: none;
    width: calc(100% - 17px * 2);
    height: auto;
    transform: translateY(-50%);
  }

  .modal-changes__title {
    font-size: 18px;
    line-height: 25px;
  }

  .modal-changes button {
    display: block;
    width: 100%;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/modal-save-error.css?16990111681085*/
/* СТИЛИ МОДАЛЬНОГО ОКНА С ОШИБКОЙ СОХРАНЕНИЯ */

.modal-save-error {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  padding: 32px;
  width: 564px;
  height: 206px;
  box-shadow: 0px 4px 10px rgba(10, 22, 58, 0.1);
  border-radius: 8px;
  background-color: var(--white);
  z-index: 6;
  color: var(--light-black);
}

.modal-save-error.active {
  display: flex;
}

.modal-save-error__title {
  margin-bottom: 16px;
  font-weight: 900;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 27px;
  color: var(--red);
}

.modal-save-error p {
  margin-bottom: 32px;
}

/* МЕДИА-ЗАПРОСЫ */

@media (max-width: 1199px) {
  .modal-save-error {
    width: 456px;
    height: auto;
  }

  .modal-save-error button {
    display: block;
    width: 100%;
  }
}

@media (max-width: 767px) {
  .modal-save-error__title {
    color: var(--light-black);
  }

  .modal-save-error {
    left: 17px;
    max-width: none;
    width: calc(100% - 17px * 2);
    transform: translateY(-50%);
  }
}
/* End */


/* Start:/local/templates/ITIN/styles/payments-table.css?16978077675577*/
/* ТАБЛИЦА */

.payments__top-panel {
  margin-bottom: 24px;
  height: 48px;
  gap: 16px;
}

.payments__search-wrapper {
  position: relative;
  width: 100%;
  height: 72px;
  padding: 16px;
}

.payments__top-panel input[type="search"] {
  padding: 12px 48px;
  background-image: url("/local/templates/ITIN/styles/../img/search.svg");
  background-repeat: no-repeat;
  background-position: 19px center;
  background-size: 18px;
  border: 1px solid var(--light-gray);
  font-size: 16px;
  line-height: 22px;
}

.payments__search-clear-btn {
  display: none;
  position: absolute;
  padding: 0;
  min-width: auto !important;
  top: 4px;
  right: 30px;
  width: 12px;
  height: 12px;
}

.btn-active {
  display: block;
}

.payments__top-panel select {
  width: 368px;
  font-size: 16px;
  line-height: 22px;
}

.payments__top-panel button {
  min-width: 368px;
  height: 72px;
}

.payments__table-wrapper {
  position: relative;
}

.payments__table-container {
  position: relative;
  overflow-x: auto;
  min-height: calc(11 * 40px);
}

.payments__table-container::-webkit-scrollbar {
  border-left: 48px var(--white) solid;
  background-color: #eff0f3;
}

.payments__table-container::-webkit-scrollbar-track {
  margin-left: 48px;
}

.payments tr {
  height: 40px;
  transition: background-color 0.3s;
}

.payments__checkbox-field {
  position: relative;
}

.payments__bottom-panel {
  margin-top: 16px;
  margin-bottom: 24px;
}

.payments__bottom-panel select {
  padding: 6px 8px;
  width: 80px;
  height: 32px;
  border-radius: 4px;
  font-size: 14px;
  font-weight: 300;
  line-height: 19px;
}

.payments__pagination-buttons-group {
  gap: 8px;
}

.payments__page-button {
  padding: 4px 6px;
}

.payments__page {
  padding: 6px 11px;
  border-radius: 4px;
  text-decoration: none;
  color: var(--light-black);
}

.current {
  background-color: var(--ghost-gray);
}

.payments__show {
  gap: 16px;
}

.payments__selected {
  gap: 24px;
}

.payments__highlited {
  font-weight: 600;
  color: var(--blue);
}

.payments__reset {
  font-weight: 400;
  color: var(--red);
}

@media (max-width: 1919px) {
  .payments__top-panel select {
    width: 200px;
  }

  .payments__top-panel button {
    min-width: 272px;
  }
}

@media (max-width: 1199px) {
  .payments__top-panel {
    gap: 24px;
  }

  .payments__table-container {
    min-height: calc(11 * 56px);
  }

  .payments tr {
    max-height: 56px;
  }

  .payments__table-container::-webkit-scrollbar {
    border-left: 36px var(--white) solid;
    background-color: #eff0f3;
  }

  .payments__table-container::-webkit-scrollbar-track {
    margin-left: 36px;
  }
}

@media (max-width: 767px) {
  .payments__table-container::-webkit-scrollbar {
    border-left: 16px var(--white) solid;
    background-color: #eff0f3;
  }

  .payments__table-container::-webkit-scrollbar-track {
    margin-left: 16px;
  }
}

.__select__title__span {
  max-width: calc(100vw - 1218px);
  padding-right: 15px;
}

.company-menu-wrapper .custom-checkbox > span::before {
  vertical-align: top;
}

@media (max-width: 1919px) {
  .payments__top-panel button {
    min-width: 272px;
  }

  .__select__title__span {
    max-width: calc(100vw - 830px);
  }
}

@media (max-width: 1199px) {
  .container-small {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .__select__title__span {
    max-width: calc(100vw - 570px);
  }

  .company-menu-top .payments__search-wrapper {
    height: 80px;
  }

  .payments__top-panel button {
    min-width: 216px;
  }

  .payments__search-wrapper .payments__search-clear-btn {
    top: 31px;
  }

  .company-menu-wrapper {
    min-height: 480px;
    max-height: 480px;
    overflow-y: scroll;
    margin-right: 16px;
  }

  .tariff-btn-white,
  .status-btn-white,
  .company-btn-white {
    display: none;
  }

  .company-menu-item span {
    width: 277px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-line-clamp: 1;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    display: -webkit-box;
    display: inline-block;
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .payments__top-panel .__select__content {
    display: none;
  }
}

@media (max-width: 767px) {
  .__select__title__span {
    max-width: calc(100vw - 80px);
  }

  .payments__description {
    font-size: 14px;
    font-weight: 300;
  }

  .payments__top-panel {
    flex-direction: column;
    height: 176px;
    gap: 16px;
    margin-bottom: 32px;
  }

  .payments__bottom-panel {
    flex-direction: column;
    gap: 16px;
    margin-top: 16px;
    margin-bottom: 24px;
  }

  .payments__show {
    display: none;
  }

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

  .tariff-menu,
  .status-menu,
  .company-menu {
    border-radius: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 100%;
    bottom: 0;
  }

  .tariff-menu-header,
  .status-menu-header,
  .company-menu-header {
    border-radius: 0;
  }

  .company-menu-wrapper {
    min-height: calc(100vh - 222px);
    max-height: calc(100vh - 222px);
    overflow-y: scroll;
  }

  .tariff-btn-wrapper,
  .status-menu-wrapper,
  .company-menu-wrapper {
    border-radius: 0;
  }

  .tariff-btn-blue,
  .status-btn-blue,
  .company-btn-blue {
    width: 100%;
  }

  .tariff-btn-white,
  .status-btn-white,
  .company-btn-white {
    display: block;
    width: 100%;
    height: 48px;
    margin-top: 8px;
  }

  .company-menu-item span {
    width: 100%;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/budget-planning.css?1698069453989*/
/* ТАБЛИЦА */
.budget-planning .__filters_content {
  width: 674px;
}
.budget-planning .__filters_content_filter {
  width: 300px;
}
.budget-planning .btn__download {
  min-width: 368px;
}

.budget-planning .datepickers-group {
  gap: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.budget-planning .form-input-field-group input {
  border-color: var(--light-gray);
  height: 48px;
}

@media (max-width: 1199px) {
  .filters-modal_budget-planning {
    width: 690px;
  }
  .filters-modal_budget-planning
    .filters-modal-content
    > .__filters_content_filter {
    width: 332px;
  }
}

@media (max-width: 767px) {
  .filters-modal_budget-planning {
    width: 100%;
  }
  .filters-modal_budget-planning
    .filters-modal-content
    > .__filters_content_filter {
    width: 100%;
  }
  .budget-planning
    .form-datepicker-group:not(.datepicker-without-info)
    .ui-datepicker-trigger {
    right: 14px;
  }
  .budget-planning .btn__download {
    min-width: 100%;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/budget-consolidated.css?16980694991285*/
/* ТАБЛИЦА */
.budget-consolidated .top-panel__selector-group {
  width: 100%;
  gap: 16px;
}
.budget-consolidated .__filters_content {
  width: 674px;
}
.budget-consolidated .__filters_content_filter {
  width: 300px;
}
.budget-consolidated .btn__download {
  min-width: 368px;
}

.budget-consolidated .datepickers-group {
  gap: 24px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.budget-consolidated .form-input-field-group input {
  border-color: var(--light-gray);
  height: 48px;
}

@media (max-width: 1199px) {
  .budget-consolidated .top-panel {
    flex-wrap: wrap;
    height: auto;
  }
  .filters-modal_budget-consolidated {
    width: 690px;
  }
  .filters-modal_budget-consolidated
    .filters-modal-content
    > .__filters_content_filter {
    width: 332px;
  }
}

@media (max-width: 767px) {
  .budget-consolidated .top-panel__selector-group {
    flex-wrap: wrap;
  }

  .filters-modal_budget-consolidated .filters-modal {
    width: 100%;
  }
  .filters-modal_budget-consolidated
    .filters-modal-content
    > .__filters_content_filter {
    width: 100%;
  }
  .budget-consolidated
    .form-datepicker-group:not(.datepicker-without-info)
    .ui-datepicker-trigger {
    right: 14px;
  }
  .budget-consolidated .btn__download {
    min-width: 100%;
  }
}

/* End */


/* Start:/local/templates/ITIN/styles/back.css?169934155960*/
.disabled {
	filter: opacity(0.3);
	pointer-events: none;
}

/* End */


/* Start:/local/templates/ITIN/main page/styles/swiper-bundle.min.css?168016813617864*/
/**
 * Swiper 9.1.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 28, 2023
 */

@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper,swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide,swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,:host(.swiper-horizontal.swiper-rtl) .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;-ms-touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification,swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-next+.swiper-slide,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}
/* End */


/* Start:/local/templates/ITIN/main page/styles/banner.css?16824950514320*/
/* Начало стилей для десктопной версии */
* {
    box-sizing: border-box;
}
.banner {
    padding-top: 56px;
    padding-bottom: 60px;
}
.banner-wrapper {
    min-height: 346px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.info-wrapper {
    width: 494px;
    padding: 60px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: start;
}
.no-wrap-text {
    white-space: nowrap;
}
.banner-text {
    width: 375px;
    margin-top: 16px;
}
.banner-btn-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 48px;
}
.btn-start {
    padding: 13px 24px;
}
.btn-download-prez {
    position: relative;
    padding: 12px 24px;
    padding-left: 64px;
}
.btn-download-prez::before {
    content: "";
    position: absolute;
    left: 25.5px;
    height: 0;
    width: 21px;
    height: 18.5px;
    background-image: url("/local/templates/ITIN/main page/styles/../img/download.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s;
}
.btn-download-prez:not(:disabled):hover::before {
    background-image: url("/local/templates/ITIN/main page/styles/../img/download-hover.svg");
}
.btn-download-prez:disabled::before {
    background-image: url("/local/templates/ITIN/main page/styles/../img/download-disable.svg");
}
.banner-img {
    width: 520px;
    height: 346px;
}
.banner-cards-wrapper {
    margin-top: 32px;
}
.banner-slider {
    width: 100%;
    margin-top: 32px;
    overflow: hidden;
}

.banner-card {
    width: 250px;
    height: 172px;
    padding: 27px 39px;
    border: 1px solid #606E8C;
    border-radius: 8px;
    /* cursor: pointer; */
    transition: 0.3s;
}

.banner-card-icon {
    width: 80px;
    fill: var(--dark-gray);
}
/* .banner-card:hover {
    background-color: var(--dark-gray);
    color: white;
}
.banner-card:hover .banner-card-icon {
    fill: var(--white);
} */
.banner-card-text {
    text-align: center; 
}


.banner-swiper-wrapper {
    padding-left: calc((100vw - 1080px)/2);    
}


/* Конец стилей для десктопной версии */

/* Начало стилей для планшетной версии */
@media (max-width: 1199px) {
    .banner {
        padding-top: 60px;
    }
    .banner-wrapper {
        flex-direction: column-reverse;
        align-items: center;
    }
    .banner-img {
        width: 692px;
        height: 399px;
    }
    .info-wrapper {
        width: 100%;
        padding-top: 44px;
        padding-bottom: 0;
        align-items: center;
    }
    .banner-title {
        width: 488px;
        text-align: center;
    }
    .banner-text {
        text-align: center;
    }
    .banner-btn-wrapper {
        margin-top: 24px;
    }
    .btn-start {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 336px;
        height: 56px;
    }
    .btn-download-prez {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 336px;
        height: 56px;
        padding: 17px 0;
        padding-left: 38.5px;
        text-align: center;
    }
    .btn-download-prez::before {
      left: 65px;
    }
  
    .banner-swiper-wrapper {
        padding-left: calc((100vw - 694px)/2);    
    }

}

/* Конец стилей для планшетной версии */

/* Начало стилей для мобильной версии */
@media (max-width: 767px) {
    .banner{
        padding-top: 48px;
        padding-bottom: 32px;
    }
    .banner-img {
        width: 100%;
        height: 57vw;
        background-size: 100%;
    }
    .info-wrapper {
        width: 100%;
        padding-top: 32px;
    }
    .banner-title {
        width: 100%;
    }
    .banner-text {
        width: 100%;
    }
    .banner-btn-wrapper {
        margin-top: 32px;
        flex-direction: column;
        gap: 16px;
    }
    .btn-start {
        width: 100%;
    }
    .btn-download-prez {
        width: 100%;
        padding: 17px 0;
    }
    .btn-download-prez::before {
      position: static;
      margin-right: 16px;
    }
    .banner-cards-wrapper {
        margin-top: 40px;
    }
    .banner-swiper-wrapper {
        left:15px;   
    }

}
/* Конец стилей мобильной версии */
/* End */


/* Start:/local/templates/ITIN/main page/styles/control-panel.css?16801681362142*/
/* Начало стилей для десктопной версии */

.control-panel-wrapper {
    padding: 60px 0;
}
.control-panel-img {
    width: 517px;
    height: 368px;
    /* background-image: url(/local/templates/ITIN/main page/styles/../img/control-panel-img.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover; */
}
.control-panel-info {
    width: 525px;
    /* min-width: 368px; */
}
.control-panel-img img {
    height: 100%;
}
.control-panel-info p {
    margin-top: 8px;
}
.control-panel-info ul {
    margin-top: 24px;
    list-style: disc inside;
    margin-left: 5px;
}

.btn-more-info {
    width: 192px;
    height: 48px;
    padding: 13px 24px;
    margin-top: 24px;
}



/* Конец стилей для десктопной версии */

/* Начало стилей для планшетной версии */


@media (max-width: 1199px) {
.control-panel {
    padding-bottom: 60px;
}
.control-panel-wrapper {
    flex-direction: column;
    border: 1px solid #8895BB;
    border-radius: 16px;
}
.control-panel-info {
    margin-top: 48px;
    width: 456px;
}
.control-panel-info h2 {
    text-align: center;
}
.control-panel-img {
    width: 456px;
    height: 379px;
}
.control-panel-info p {
    text-align: center;
}
.control-panel-info ul {
    margin-top: 32px; 
}
.btn-more-info {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    margin-top: 32px;
}

/* Конец стилей для планшетной версии */

/* Начало стилей для мобильной версии */


}
@media (max-width: 767px) {
    .control-panel {
        padding-bottom: 0;
    }
    .control-panel-wrapper {
        padding: 32px 0;
        border: none;
        align-items: center;
    }
    .control-panel-info {
        margin-top: 32px;
        width: 100%;
        align-items: center;
    }
    .control-panel-img {
        text-align: center;
    }

    .control-panel-img {
        width: 100%;
        height: 57vw;
        background-size: 100%;
    }
}

/* Конец стилей мобильной версии */

/* End */


/* Start:/local/templates/ITIN/main page/styles/tariff-plans.css?1680168136472*/
.tariff-plans {
  padding: 50px 0;
}

.tariff-plans h2 {
  margin-bottom: 8px;
}

.tariff-plans .description {
  margin-bottom: 32px;
}

.tariff-plans__list {
  flex-wrap: wrap;
  gap: 20px;
}

@media (max-width: 1199px) {
  .tariff-plans__swiper {
    max-width: 100vw;
  }

  .tariff-plans__list {
    width: 100%;
    gap: 24px;
  }
}

@media (max-width: 767px) {
  .tariff-plans {
    padding: 32px 0;
  }

  .tariff-plans .description {
    margin-bottom: 54px;
  }
}
/* End */


/* Start:/local/templates/ITIN/main page/styles/tariff-card.css?16801681363105*/
.tariff-card {
  padding: 48px 48px 52px;
  width: 520px;
  box-shadow: 0px 4px 15px rgba(10, 22, 58, 0.08);
  background-color: var(--white);
  border-radius: 16px;
  transition: all 0.2s;
}

.tariff-card:hover .tariff-card__header,
.tariff-card:hover .tariff-card__cloud {
  color: var(--blue);
}

.tariff-card a {
  display: block;
  text-align: center;
}

.tariff-card:hover a {
  background-color: var(--blue);
  color: var(--white);
}

.tariff-card:hover li::before {
  background-image: url("/local/templates/ITIN/main page/styles/../img/list-marker-blue.svg");
}

.tariff-card__header {
  padding-bottom: 24px;
  border-bottom: 2px solid var(--light-gray);
}

.tariff-card h3 {
  text-transform: uppercase;
}

.tariff-card__price {
  font-size: 20px;
  line-height: 27px;
  letter-spacing: 0.05em;
}

.tariff-card__cost,
.tariff-card__size {
  font-weight: 800;
}

.tariff-card__details {
  position: relative;
  margin-bottom: 48px;
  min-height: 156px;
}

.tariff-card h4 {
  padding-top: 24px;
  margin-bottom: 17px;
}

.tariff-card li {
  position: relative;
  padding-left: 42px;
}

.tariff-card li::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 0;
  width: 24px;
  height: 24px;
  background-image: url("/local/templates/ITIN/main page/styles/../img/list-marker.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.tariff-card li:not(:last-child) {
  margin-bottom: 10px;
}

.tariff-card__cloud {
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 19px;
  align-self: flex-end;
}

.tariff-card__svg {
  width: 56px;
  height: 46px;
}

.tariff-card a {
  width: 100%;
  border: 1px solid var(--blue);
  background-color: var(--white);
  color: var(--blue);
}

@media (max-width: 1199px) {
  .tariff-card {
    padding: 48px;
    width: 100%;
  }

  .tariff-card h3 {
    font-size: 20px;
    line-height: 28px;
  }

  .tariff-card h4 {
    font-size: 18px;
    font-weight: 600;
  }

  .tariff-card__header,
  .tariff-card__cloud {
    color: var(--blue);
  }

  .tariff-card a {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blue);
    color: var(--white);
  }

  .tariff-card li::before {
    background-image: url("/local/templates/ITIN/main page/styles/../img/list-marker-blue.svg");
  }
}

@media (max-width: 767px) {
  .tariff-card {
    padding: 32px;
    width: 100%;
  }

  .tariff-card h3,
  .tariff-card__cost,
  .tariff-card__size {
    font-size: 18px;
    line-height: 25px;
  }

  .tariff-card h4 {
    font-size: 16px;
    font-weight: 700;
  }

  .tariff-card__details {
    margin-bottom: 24px;
    min-height: auto;
  }

  .tariff-card__cloud {
    padding-right: 0;
  }

  .tariff-card__svg {
    width: 40px;
    height: 32px;
  }

  .tariff-card ul {
    margin-bottom: 24px;
  }

  .tariff-card__cloud {
    position: static;
    display: grid;
    grid-template-areas:
      "image note-1"
      "image note-2";
    justify-content: start;
    column-gap: 16px;
  }

  .tariff-card__svg {
    grid-area: image;
  }

  .tariff-card__cloud p:first-child {
    grid-area: note-1;
  }

  .tariff-card__cloud p:last-child {
    grid-area: note-2;
  }
}
/* End */


/* Start:/local/templates/ITIN/main page/styles/feedback.css?16801681361484*/
.feedback {
  padding: 60px 0 120px;
}

.feedback__container {
  position: relative;
  gap: 34px;
}

.feedback__img {
  position: absolute;
  top: 0;
  left: 10px;
}

.feedback__img img {
  max-width: 558px;
}

.feedback__wrapper {
  padding-left: 540px;
}

.feedback h2 {
  margin-bottom: 16px;
}

.feedback .description {
  margin-bottom: 32px; 
}

.feedback form {
  width: 520px;
}

.feedback__inputs-group {
  display: grid;
  grid-template-areas:
    "name name"
    "phone email"
    "text text";
  margin-bottom: 16px;
  gap: 20px;
}

.feedback-name {
  grid-area: name;
}

.feedback-tel {
  grid-area: phone;

}

.feedback-email {
  grid-area: email;
}

.feedback-text {
  resize: none;
  height: 125px;
  grid-area: text;
}

.feedback button {
  padding: 13px 24px;
}
.feedback__note {
  margin-bottom: 32px;
}

@media (max-width: 1199px) {
  .feedback__img {
    display: none;
  }

  .feedback__wrapper {
    padding-left: 0;
  }

  .feedback__info {
    text-align: center;
  }

  .feedback form {
    width: 100%;
  }

  .feedback button {
    display: block;
    margin: 0 auto;
    padding: 17px 101px;
  }
  .feedback__note {
    text-align: center;
  }
}

@media (max-width: 767px) {
  .feedback {
    padding: 32px 0 68px;
  }

  .feedback h2 {
    margin-bottom: 8px;
  }

  .feedback__inputs-group {
    grid-template-areas:
      "name"
      "phone"
      "email"
      "text";
    gap: 16px;
  }

  .feedback button {
    padding: 17px;
    width: 100%;
  }
}

/* End */
/* /local/templates/ITIN/styles/jquery-ui.css?16974615211190 */
/* /local/templates/ITIN/styles/fonts.css?16990111681636 */
/* /local/templates/ITIN/styles/var.css?1699011168464 */
/* /local/templates/ITIN/styles/reset.css?16990111681122 */
/* /local/templates/ITIN/styles/global.css?1699534515108559 */
/* /local/templates/ITIN/styles/checkbox.css?16990111683039 */
/* /local/templates/ITIN/styles/select.css?16993360539734 */
/* /local/templates/ITIN/styles/aside-menu.css?16993360448158 */
/* /local/templates/ITIN/styles/modal-menu.css?16990111682246 */
/* /local/templates/ITIN/styles/control-elements-adaptive.css?169901116810419 */
/* /local/templates/ITIN/styles/filters-modal.css?16990111683504 */
/* /local/templates/ITIN/styles/comments.css?16990111681502 */
/* /local/templates/ITIN/styles/modal-window.css?16990111681032 */
/* /local/templates/ITIN/styles/modal-comments.css?16990111682100 */
/* /local/templates/ITIN/styles/modal-delete-confirm.css?16990111681143 */
/* /local/templates/ITIN/styles/modal-loading-result.css?1699011168955 */
/* /local/templates/ITIN/styles/modal-logout.css?16990111681322 */
/* /local/templates/ITIN/styles/modal-changes.css?16990111681335 */
/* /local/templates/ITIN/styles/modal-save-error.css?16990111681085 */
/* /local/templates/ITIN/styles/payments-table.css?16978077675577 */
/* /local/templates/ITIN/styles/budget-planning.css?1698069453989 */
/* /local/templates/ITIN/styles/budget-consolidated.css?16980694991285 */
/* /local/templates/ITIN/styles/back.css?169934155960 */
/* /local/templates/ITIN/main page/styles/swiper-bundle.min.css?168016813617864 */
/* /local/templates/ITIN/main page/styles/banner.css?16824950514320 */
/* /local/templates/ITIN/main page/styles/control-panel.css?16801681362142 */
/* /local/templates/ITIN/main page/styles/tariff-plans.css?1680168136472 */
/* /local/templates/ITIN/main page/styles/tariff-card.css?16801681363105 */
/* /local/templates/ITIN/main page/styles/feedback.css?16801681361484 */