/* 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/components/bitrix/system.auth.form/personal/styles/authorization.css?16812283562546*/
/* Начало стилей для десктопной версии */
.authorization {
    padding: 56px 0;
    background-image: radial-gradient(at bottom right, #F7FDFF,#FFFFFF);
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: calc(100vh - 318px);
}

.authorization-wrapper {
    width: 520px;
    /* height: 399px; */
    margin: 0 auto;
}
.authorization-subtitile {
    margin-top: 8px;

}
.authorization-inputs-group {
    margin-top: 32px;
    gap: 20px;
}
.forgot-password a{
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 22px;
    color: #606E8C;
}
.authorization-requirements-wrapper {
    margin-top: 16px;
}
.sign-in-btn {
    display: block;
    width: 172px;
    height: 48px;
    margin: 0 auto;
    margin-top: 32px;
}
.sign-up-wrapper {
    width: 346px;
    height: 22px;
    margin: 0 auto;
    margin-top: 48px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.authorization__note {
    color: var(--blue-gray);
}
/* Конец стилей для десктопной версии */

/* Начало стилей для планшетной версии */
@media (max-width: 1199px) {
    .authorization {
        min-height: calc(100vh - 305px);
    }
    .authorization-wrapper {
        width: 456px;
    }
    .sign-in-btn {
        margin-top: 35px;
        width: 216px;
        height: 56px;
    }
}
/* Конец стилей для планшетной версии */

/* Начало стилей для мобильной версии */

@media (max-width: 767px) {
    .authorization {
        padding-top: 48px;
        padding-bottom: 48px;
        background-image: none;   
    }
    .authorization-wrapper {
        /* width: 289px; */
        width: 100%;
        min-height: 536px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .authorization-subtitile {
        width: 100%;
        margin: 0 auto;
        margin-top: 8px;
    }
    .sign-in-btn {
        margin-top: 40px;
        width: 100%;
        height: 56px;
    }
    .authorization-inputs-group {
        margin-top: 40px;
        gap: 16px;
    }
    .authorization-requirements-wrapper {
        flex-direction: column;
        align-items: center;
        margin-top: 20px;
        gap: 40px;
    }
    .sign-up-wrapper {
        width: 100%;
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }
}
/* Конец стилей для мобильной версии */
/* 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/components/bitrix/system.auth.form/personal/styles/authorization.css?16812283562546 */