@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");
/**

--rule top-left [top: 0;left: 0;]

--rule --full-size [width: 100%; height: 100%;]
--rule pointing-bg [background-repeat: no-repeat; background-size: contain; cursor: pointer;]

--rule --default-text-block [font-family: var(--font-family); font-size: var(--font-text-size); font-weight: var(--default-unbold-weight); line-height: var(--default-line-height);]

--rule --default-radiused-border [border:none]

--rule --no-padding-margin [        padding: 0; margin: 0;]
--rule --flex-center-text [        display: flex; justify-content: center; text-align: center;]

--rule --header [ font-family: var(--font-family) font-size: var(--header-font-size); font-weight: var(--default-bolder-weight);]

--root 
*/
:root {
    --font-family: "Inter", sans-serif;
    --bg-light-color: #121212;

    --primary-color: rgba(256, 256, 256, 0.6);
    --hover-color: #382bf0;
    --active-color: #5e43f3;

    --medium-image-size: 20px;
    --base-grey-40: rgba(256, 256, 256, 0.1);
    --box-shadow: 0px 8px 16px 0px rgba(3, 19, 50, 0.1);
    --padding-modal: 8px 24px 8px 16px;
    --modal-padding: 8px 8px 8px 16px;
    --common-padding: 12px 24px;
    --success-80: #a688fa;
    --default-text-size : 16px;
    --button-font-size: 16px;
    --buttont-text-color: #fff;
    --button-background: rgba(3, 19, 50, 0.1);
    --header-font-size: 20px;
    --base-grey-100: #c7c7c7;
    --default-border: none;
    --default-border-radius: 4px;
    --default-gap: 16px;
    --smaller-gap: 4px;
    --text-color-60: #666f82;
    --base-blue-40: #f1f8ff;
    --text-color-40: #fff;
    --default-text-padding: 8px 12px;
    --text-color-90: #5e43f3;
    --text-color-100: #382bf0;
    --text-color-20: #ba9ffb;
    --modal-shadow: 0px 8px 16px 0px rgba(3, 19, 50, 0.1);
    --base-grey-20: #F4F4F4;
    --default-icon-background-size: var(--default-icon-size) var(--default-icon-size);
    --default-icon-background-middle-size: var(--default-icon-middle-size) var(--default-icon-middle-size);
    --default-icon-background-small-size: var(--default-icon-small-size) var(--default-icon-small-size);
    --default-icon-size: 24px;
    --default-icon-middle-size: 20px;
    --default-icon-small-size: 16px;
    --tag-padding: 4px 12px;

    --default-line-height: 20px;
    --extra-line-height: 28px;
    --required-color: #f1416c;
    --table-line-height: 72px;
    --content-border: 1px solid var(--base-grey-40, #E8E8E8);

    --placeholder-color: #b5b5c3;
    --search_type_remote_chooser_padding: 0 16px;


    --prompt-bg: rgba(3, 19, 50, 0.3);
    --modal-background: rgba(3, 19, 50, 0.3);



    --table-td-padding: 16px 24px;
    --input-color: #495057;
    --input-background: var(--bg-white);
    --input-border: 1px solid #ced4da;
    --text-color-80: #34415a;
    --default-unbold-weight: 400;
    --default-bolder-weight: 500;
    --default-table-selection: #CFE2FD;
    --none: none !important;
    --header-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

body,
.page_content,
.quick_search {
    font-family: var(--font-family);
    font-weight: 400;
    font-size: var(--default-text-size);
    line-height: var(--default-line-height);
    -webkit-font-smoothing: antialiased;
}

a {
    text-decoration: none;
    /* color: inherit; */
}

.center {
    @rule --flex-center-text;

}

.____fav_holder {
    background-size: var(--default-icon-background-middle-size);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    width: var(--default-icon-middle-size);
    height: var(--default-icon-middle-size);
    cursor: pointer;
    margin-right: 12px;
}

body {
    margin: 0;
    background-color: grey;
    height: 100vh;
}

.menu_vertical_block {
    height: fit-content;
    overflow-x: hidden;
    overflow-y: auto;
}

.menu_vertical_block::-webkit-scrollbar {
    width: 0;
}

.menu_vertical_block:has(.menu-group) {
    overflow: visible;
}

.d_flex,
.form_content,
.form .footer,
.form,
.modal,
#profile_edit .footer,
.__vu_footer,
.chooser {
    display: flex;
}

.image_preview {
    position: fixed;
    @rule --top-left;
    @rule --flex-cetner-text;
    @rule --full-size;
    z-index: 999999;
    background: rgba(11, 11, 11, 0.9);
}

.test {
    display: inline;
    position: fixed;
    left: 200px;
    top: 200px;
    background-color: var(--bg-light-color);
}

.image_preview img {
    max-height: 776px;
    max-width: 1380px;
    height: auto;
    z-index: 100;
}

.flex-row,
.form .footer,
#profile_edit .footer,
.__vu_footer {
    flex-direction: row;
}

.flex-column,
.form_content,
.form {
    flex-direction: column;
    gap: var(--default-gap);
}

.vertical_menu .flex-column {
    gap: 0;
}

.text-dark,
.page_title,
.formTitle,
.code_virtual_user,
.search_entity_title {
    color: var(--text-color-80, #34415a);
    background-color: transparent;
}

.search_entity_title {
    margin-right: auto;
    /* color: var(--text-color-60, #666f82); */
    color: var(--text-color-80, #34415a);
    font-size: var(--header-font-size);
    font-weight: var(--default-bolder-weight);
    line-height: 1.2;
}

/* Кнопка выпадающего списка */
.dropbtn_span {
    cursor: pointer;
    flex: 0 0 100%;

    padding: var(--default-text-padding);
    transition: none;
    outline: none !important;

    @rule --flex-center-text;
}

.menu_item {
    flex-shrink: 0;
    @rule --flex-center-text;
}

.menu_item a,
.menu_item a:hover {
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: var(--default-icon-background-size);
    background-position: center;
}

.menu_item_roles {
    background: url("--root/images/roles_grey.png");
}

.top_menu_item {
    width: var(--default-icon-background-size);
    height: var(--default-icon-background-size);
    display: inline;
    cursor: pointer;
    background-size: cover !important;
}


.menu_item_bug {
    background: url("--root/images/bugs.png");
}

.bar_wrapper {
    margin-top: 5%;
    width: 100%;
    height: 10%;
}

.bar_main_line {
    width: 95%;
    height: 15px;
    border-radius: 15px;
    background-color: rgb(240, 240, 240);
    box-shadow: inset 0 0 2px 2px rgb(136, 136, 136);
    position: relative;
}

.bar_fill_line {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 7px;
    background-color: rgb(135, 1, 161);
    /* width: 1%; */
    border-radius: 10px;
    animation: css 5s 1 ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.bar_text_persent {
    position: absolute;
    left: 50%;
    top: 100%;
}

/* Контейнер <div> - необходим для размещения выпадающего содержимого */
.dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

/* Выпадающее содержимое (скрыто по умолчанию) */
.dropdown-content {
    display: none;
    position: fixed;
    background-color: var(--bg-light-color);
    min-width: 80px;
    box-shadow: var(--box-shadow);
    z-index: 999;
    border-radius: 8px;
    transform: translate(10px, 10px);
    will-change: transform;
    -webkit-transition: all 0.4s ease-in-out;
}

/* Ссылки внутри выпадающего списка */
.dropdown-content div {
    color: var(--hover-color);
    font-weight: 500;
    font-size: 13px;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    -webkit-transition: all 0.4s ease-in-out;
}

/* Показать выпадающее меню при наведении курсора */
.dropdown11:hover .dropdown-content {
    display: block;
}

.language {
    @rule --default-text-block;
    line-height: 1.25;
    display: flex;
    align-items: center;
    background-position-y: center !important;
}

.drop_lang,
.drop_lang_eng {
    height: 40px;
    width: 40px;
    margin: 0;
    background: url("--root/images/united-states.png") no-repeat;
    background-size: 40px 40px;
    cursor: pointer;
    border-radius: 6px;
}

.drop_lang_eng:hover {
    background-color: var(--base-blue-40, #f1f8ff);
    -webkit-transition: all 0.25s ease-in-out;
}

.dropdown_li {
    padding-top: 0 !important;
}

.dropdown_page_header {
    position: relative;
    float: right !important;
}

.dropdown_lang_content {
    display: none;
    position: absolute;
    background-color: var(--bg-white);
    z-index: 1;
    border: var(--default-border);
    border-top: none;
}

.drop_lang_ru {
    height: 60px;
    width: 60px;
    margin: 0;
    background: url("--root/images/russian_flag.png") no-repeat;
    background-size: 23px 23px;
    background-position-y: 21px;
    background-position-x: 18px;
}

.drop_lang_ru:hover {
    background-color: var(--base-blue-40, #f1f8ff);
    -webkit-transition: all 0.25s ease-in-out;
}

.dropdown_lang_content a {
    display: block;
}

.dropdown_page_header:hover .dropdown_lang_content {
    display: block;
}

.page_header {
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    padding: 0 30px;
    height: 90px;
}

.tox-notification,
.tox-notifications-container {
    display: none !important;
}

/* Dropdown Button */

.dropbtn22,
.dropbtn22:hover {
    background-size: 24px 24px !important;
    background-repeat: no-repeat !important;
    cursor: pointer;
    background-position: center !important;
}

.dropbtn22 {
    background-image: url("--root/images/change-lang.svg");
}

.dropbtn22:hover {
    background-image: url("--root/images/change-lang-hover.svg");
}

.dropbtn22,
.user_info {
    @rule --flex-center-text;
    width: 40px;
    height: 60px;
    border: none;
}

.dropdown22 {
    @rule --flex-center-text;
    width: 40px;
    border: none;
}

.user_info_image {
    background-size: 40px 40px;
    background-color: var(--bg-light-color);
    border: 0.5px solid #e1e3ea;

    border-radius: 6px;
    box-sizing: border-box;
    padding: 0;
    cursor: pointer;
    background-position-x: center;
    background-position-y: center;
    width: 40px;
    height: 40px;
    box-shadow: var(--box-shadow);
}

/* The container <div> - needed to position the dropdown content */
.dropdown22 {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content22 {
    display: none;
    position: absolute;
    background-color: var(--bg-light-color);
    width: fit-content;
    box-shadow: var(--box-shadow);
    z-index: 1000;
    left: -160px;
    top: 0px;
    border-radius: var(--default-border-radius);
}

.dropdown-content22-language-menu {
    padding: 0px !important;
}

/* Links inside the dropdown */
.dropdown-content22 a,
.user_name_login {
    color: #3f4254;
    text-decoration: none;
    display: block;
    min-width: 102px;
    width: fit-content;
    line-height: 24px;
}

.dropdown-content22-language-menu a {
    display: flex;
    padding: 12px 24px;
    align-items: center;
    gap: 8px;
    text-indent: 48px;
    padding: 12px 28px;
    background-size: var(--default-icon-background-middle-size);
    background-position-y: center;
    background-position-x: 30px;
}

.lang_rus {
    background: url("--root/images/russian-flag.svg") no-repeat;
    background-size: 28px 28px;
    height: 28px;
}

.lang_eng {
    background: url("--root/images/usa-flag.svg") no-repeat;
    background-size: 28px 28px;
    height: 28px;
}

.lang_pl {
    background: url("--root/images/poland-flag.svg") no-repeat;
    background-size: 28px 28px;
    height: 28px;
}

/* Change color of dropdown links on hover */
.dropdown-content22 a:hover,
.data_cell:first-child:hover,
.link_primary_400:hover,
.chooser a:hover,
.td a:hover,
.file_selection:hover,
.fc_row a:hover,
.search_entity_content a:hover,
.menu-item:hover .menu-item-text,
.template_list_wrapp li:hover a,
.magic_object_chooser_content a:hover,
.tab_pane_title:hover,
.tab_pane_title:hover .tab_pane_title_text,
div.tab_title:hover,
.last_criteria_field a:hover,
.buttons a:hover,
.drop_div a:hover,
.connection__field:hover,
.screenshot_div a:hover,
.preview_div a:hover,
.buttons input:first-of-type:hover,
#sub-groups-menu .menu-item:hover .title_menu-item,
.tab_pane_title:has(.bcg_for_arrow):hover,
.tab_pane_title.opened_tab:hover,
.tab_pane_title.closed_tab:hover,
.criteria_element > .date-row:hover,
.selection:has(.selection):hover .selection,
.selection_div:hover .selection,
.selection .selection:hover,
.notify__name:hover,
.notify__left:hover,
.selection:has(.search_item):hover .search_item {
    transition-duration: 0.2s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: color;
    color: var(--hover-color) !important;
}

/* Show the dropdown menu on hover */
.dropdown22:hover .dropdown-content22 {
    display: block;
}

.user_name_login span {
    display: block;
}

.page_content,
.personal_info_homepage,
.second_info_homepage {
    border-color: #f4f4f4;
    background-color: var(--bg-light-color);
    border-radius: 0.85rem;
}

.homepage_content,
.page_content {
    box-sizing: border-box;
    width: 100%;
    position: relative;
}

.wrapper .page_content:has(.pg_table_container) {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.table_config {
    /* position: relative; */
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    /* flex-wrap: wrap; */
    gap: 20px !important;
    height: fit-content;
    align-items: flex-start;
}

.quick_search {
    flex: 0 0 344px;
    background: url("--root/images/search-icon.svg") 12px no-repeat;
    padding: 8px 8px 8px 40px;
    outline: none !important;
    /* border-radius: 4px; */

    @rule --default-text-block;
    @rule --default-radiused-border;
    color: var(--text-color-60, #666f82);
    height: 36px;
    margin-right: 16px;
}

/* .criteria_element select,
.criteria_element input,
.row input[type="text" i],
textarea,
.row input[type="password"],
.dd_data select,
.search_text,
input[type="number" i],
.quick_search {
  padding: 0.775rem 1rem !important;
  transition: color 0.2s ease;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #e1e3ea;
  font-size: 0.9rem;
  font-weight: 500;
  line-height: 18px;
  color: #b5b5c3 !important;
} */

.form_content input[type="text" i] {
    box-sizing: border-box;
}

input[type="number" i] {
    width: 100%;
}

.search_type_remote_chooser {
    padding: var(--search_type_remote_chooser_padding)
}

input[type="text" i],
input[type="password" i] {
    width: 100%;
}

#profile_edit .row input[type="text" i],
#profile_edit input[type="password" i],
.min-width-410 {
    min-width: 405px !important;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--placeholder-color) !important;
    opacity: 1; /* Firefox */
}

textarea {
    width: 100%;
    min-width: 405px !important;
    margin-top: 0.5rem;
}

.search_box_container,
.actions {
    display: flex;
    align-items: center;
}

.actions, .actions .settings {
    height: 36px;
    gap: var(--smaller-gap);
}

.search_box_container {
    position: relative;
    margin-bottom: 24px;
    flex-wrap: wrap;
    flex-grow: 1;
    gap: var(--smaller-gap)
}

.tag_value_container img {
    height: var(--medium-image-size) !important;
    width: var(--medium-image-size) !important;
    cursor: pointer;
    margin: 0 !important;
}

.search_box_container img {
    width: var(--default-icon-size);
    height: var(--default-icon-size);
    cursor: pointer;
}

.actions .div_image, .table-btns-panel .div_image, .search_box_container .div_image, .box_templates .div_image {
    width: var(--default-icon-size) !important;
    height: var(--default-icon-size) !important;
    background-size: var(--default-icon-background-size);
    background-position: center !important;
    background-repeat: no-repeat;
    cursor: pointer;
}

.settings .div_image:first-child {
    background-image: url("--root/images/ArrowsDownUp.svg") !important;
}

.settings .div_image:first-child:hover {
    background-image: url("--root/images/ArrowsDownUp-hover.svg") !important;
}

.settings .div_image:first-child:active {
    background-image: url("--root/images/ArrowsDownUp-active.svg") !important;
}

.settings .div_image:last-child {
    background-image: url("--root/images/Gear.svg") !important;
}

.settings .div_image:last-child:hover {
    background-image: url("--root/images/Gear-hover.svg") !important;
}

.settings .div_image:last-child:active {
    background-image: url("--root/images/Gear-active.svg") !important;
}

.search_box_container img:hover {
    opacity: 1;
}

.actions img {
    height: var(--default-icon-size);
    width: var(--default-icon-size);
    cursor: pointer;
}

.actions img:hover {
    opacity: 1;
}

.download,
.form .footer input:last-child,
#profile_edit .footer input:last-child {
    order: 0;
}

.settings,
.form .footer input:first-child,
#profile_edit .footer input:first-child {
    order: 1;
}

.insert_new_btn {
    order: 3;
}

.modal .footer {
    display: flex;
    gap: var(--default-gap);
    padding: 0 32px 32px;
}

.button_text,
.insert_new_btn,
.buttons input[type="button"],
.form_close_btn,
.form .footer input,
.modal .footer input,
#profile_edit .footer input,
.__vu_footer input,
.search_footer input,
.connection__btn,
.issue__info-buttons input[type="button"],
.issue-comments__button input[type="button"],
.modal_prompt .modal .apply,
.close_auto_form,
.date-chooser__bottom .date-chooser__apply {
    font-size: var(--default-text-size);
    font-weight: var(--default-bolder-weight);
    line-height: 1.25;
    padding: var(--common-padding);
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    /* border: none; */
    text-transform: inherit;
    width: fit-content;
    display: flex;
    align-items: center;
    height: 44px;
}

.insert_new_btn {
    background-image: url("--root/images/Plus-blue.svg");
    background-repeat: no-repeat;
    background-size: var(--medium-image-size) var(--medium-image-size);
    background-position-y: center;
    background-position-x: calc(100% - 24px);
    margin-left: 8px;
    border-color: var(--primary-color);
    height: 44px;
}

.insert_new_btn:hover {
    background-image: url("--root/images/Plus-blue-hover.svg");
}

.insert_new_btn:active {
    background-image: url("--root/images/Plus-blue-active.svg");
}

.modal_prompt .modal .apply, .date-chooser__bottom .date-chooser__apply {
    width: fit-content;
    place-self: flex-end;
}

.modal_prompt .modal .apply {
    margin: 0;
}

.save_auto_form,
#issue-create-btn,
.work_time_window input[type="button"]:last-child,
.save_template_window .buttons input:last-child,
.modal_prompt .modal .apply,
.date-chooser__bottom .date-chooser__apply,
.road_status_window input[type="button"]:nth-of-type(2n),
.edit_flow_window > input[type="button"]:nth-of-type(2n + 1),
.buttons input:last-of-type {
    border-color: var(--primary-color) !important;
    background-color: var(--primary-color) !important;
    color: #ffffff !important;
}

.button_blue,
.insert_new_btn:hover,
.save_auto_form:hover,
#issue-create-btn:hover,
.close_group_selection:hover,
.modal_prompt .modal .apply:hover,
.work_time_window input[type="button"]:last-child:hover,
.date-chooser__bottom .date-chooser__apply:hover,
.button_blue:hover,
.insert_new_btn:hover,
.buttons input:last-child:hover,
.save_auto_form:hover,
.save_template_window .buttons input:last-child:hover,
.buttons input:last-of-type:hover {
    background-color: var(--hover-color) !important;
    border: 1px solid var(--hover-color) !important;
    color: #ffffff !important;
    transition: all 0.15s ease-in-out;
}

.save_auto_form:active,
#issue-create-btn:active,
.close_group_selection:active,
.modal_prompt .modal .apply:active,
.work_time_window input[type="button"]:last-child:active,
.date-chooser__bottom .date-chooser__apply:active,
.save_template_window .buttons input:last-child:active,
.buttons input:last-of-type:active {
    background-color: var(--active-color) !important;
    border: var(--default-border) !important;
}

.buttons input:first-of-type,
.form_close_btn,
.form .footer input:last-child,
.form .footer input:nth-child(2),
#profile_edit .footer input:last-child,
.__vu_footer input,
.search_footer input,
.close_auto_form,
.close_and_save_auto_form,
.work_time_window input[type="button"],
.save_template_window .buttons input:first-child,
.buttons input,
.road_status_window input[type="button"],
.edit_flow_window input[type="button"],
.insert_new_btn,
.close-chooser-btn {
    color: var(--primary-color) !important;
    background-color: var(--bg-light-color) !important;
    border: 1px solid var(--primary-color) !important;
}

.close_auto_form:hover,
.close_and_save_auto_form:hover,
.work_time_window input[type="button"]:hover,
.tabs_panel .tabs_panel .insert_new_btn:hover,
.team_in_group .insert_new_btn:hover,
.insert_new_btn:hover,
.save_template_window .buttons input:first-child:hover,
.buttons input:first-of-type:hover,
.buttons input:hover,
.close-chooser-btn:hover {
    border: 1px solid var(--hover-color) !important;
    color: var(--hover-color) !important;
    background-color: var(--bg-light-color) !important;
}

.close_auto_form:active,
.close_and_save_auto_form:active,
.work_time_window input[type="button"]:active,
.tabs_panel .tabs_panel .insert_new_btn:active,
.team_in_group .insert_new_btn:active,
.insert_new_btn:active,
.save_template_window .buttons input:first-child:active,
.buttons input:active,
.buttons input:first-of-type:active,
.close-chooser-btn:active {
    border: 1px solid var(--active-color) !important;
    color: var(--active-color) !important;
}

.form_close_btn {
    background-color: var(--bg-light-color);
    display: flex;
    justify-content: flex-end;
    place-self: self-end;
    position: fixed;
    bottom: 30px;
    right: 30px;
}

.search_footer input {
    margin: 30px;
}

.form_close_btn:hover,
.form .footer input:last-child:hover,
#profile_edit .footer input:last-child:hover,
.form .footer input:nth-child(2):hover,
.__vu_footer input:hover,
.search_footer input:hover {
    background-color: #f5f5f7;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}


.table_header,
.pg_table_container {
    box-sizing: border-box;
}

.pg_table_container {
    padding-bottom: 0;
    overflow: auto;
    flex-grow: 1;
    height: 150px;
}

.pg_table {
    box-sizing: border-box;
    width: 100%;
}

.pg_table::-webkit-scrollbar {
    width: 0;
}

.table {
    border-collapse: separate;
    border-spacing: 0;
}

table {
    width: 100%;
}

.data_header div {
    vertical-align: middle;
}

.select_pages {
    display: none !important;
}

.resize_border {
    display: inline-block;
    margin-right: 16px;
    opacity: 0.8;
    cursor: pointer;
    height: 18px;
    float: right;
}

.resize_border:hover {
    opacity: 1;
}

.tr:first-child th {
    text-align: justify;
}

.border-bttm-grey,
.user_name_login {
    border-bottom: 1px solid #f4f4f4;
}

.padding-1-15 {
    padding: 0.75rem 1rem;
}

.padding-1-15 a {
    border-radius: 0.375rem;
    line-height: 32px;
    width: 100%;
    text-indent: 1rem;
}

.padding-1-15 a:hover {
    background-color: #f9f9f9;
}

.header_text {
    overflow-wrap: break-word;
    display: inline-block !important;
    height: 18px;
}

.header_text,
.data_header {
    color: #34415a;
    font-family: var(--font-family);
    font-size: var(--default-text-size);
    font-style: normal;
    line-height: 24px; /* 133.333% */
    font-weight: var(--default-bolder-weight);
}

.data_header img {
    margin-left: 5px;
}

.td {
    box-sizing: border-box;
    height: 72px;
    border-top: 1px solid var(--base-grey-40, #e8e8e8);
    color: var(--text-color-80, #34415a);
    font-family: var(--font-family);
    @rule --default-text-block;
}

.data_cell:first-child,
.field_content span:first-child {
    @rule --default-text-block;
}

.cell_header {
    /* padding: 12px 24px; */
    text-wrap: nowrap;
    position: relative;
}

.cell_header img {
    cursor: pointer;
}

.image_sort_table {
    width: var(--medium-image-size);
    height: var(--medium-image-size);
}

.image_sort_table {
    opacity: 0;
}

.data_header:hover .image_sort_table {
    opacity: 1;
}

.data_header__resize {
    display: none;
}

.pg_table_container .table .data_header:hover .data_header__resize {
    display: initial;
}

.action_cell img,
.actions_cell img {
    opacity: 0.9;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin-right: 24px;
    color: var(--text-color-80, #34415a);

    @rule --default-text-block;
}

.actions_cell {
    display: flex;
}

/* Firefox */
* {
    scrollbar-width: thin;
    scrollbar-color: #dddddd #ffffff;
}

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

*::-webkit-scrollbar-track {
    border-radius: 5px;
    background-color: var(--bg-light-color);
}

*::-webkit-scrollbar-track:hover, *::-webkit-scrollbar-track:active {
    background-color: var(--bg-light-color);
}

*::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: #dddddd;
}

*::-webkit-scrollbar-thumb:hover, *::-webkit-scrollbar-thumb:active {
    background-color: #dddddd;
}

.action_cell img:hover {
    opacity: 1;
}

.magic_list_footer {
    position: relative;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding-top: 24px;
}

.magic_list_footer > label {
    opacity: 0;
}

.footer_pages {
    width: fit-content;
    border: none;
    float: right;
    display: inline-flex;
    align-items: center;
}

.magic_list_footer select,
.footer_pages input {
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background-color: var(--bg-light-color);
    width: 72px;
    cursor: pointer;
    color: var(--text-color-80, #34415a);
    @rule --default-text-block;
    height: 36px;
    /* padding: 8px 12px;
    min-width: fit-content; */
}

.footer_pages label {
    padding: 0 12px;
    font-size: 14px;
    color: var(--text-color-60, #666F82);
}

.tags:has(.tag_value_container) {
    max-width: calc(100vw - 192px);
    width: fit-content;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--smaller-gap);
    padding-top: 16px;
}

.tag_value_container,
.qr_code_div {
    display: flex;
    align-items: center;
}

.tag_text {
    position: relative;
    margin-right: 12px;
}

.tag_value_container:hover {
    cursor: pointer;
    background: var(--base-grey-20, #f4f4f4);
}

.show_description {
    max-width: 520px;
}

.qr_code_div {
    place-self: center;
}

.qr_code_div img {
    width: 144px;
    margin-top: 72px;
}

.search_form,
.modal_view {
    background-color: var(--bg-light-color);
    box-sizing: border-box;
    @rule  --default-radiused-border;
    box-shadow: var(--box-shadow);
    width: fit-content;
    z-index: 500;
}

.search_entity_form {
    width: 100%;
    box-sizing: border-box;
}

.search_form {
    position: absolute;
    top: auto !important;
    left: auto !important;
    display: flex;
    flex-direction: column;
}

.search_form h2 {
    color: var(--text-color-80, #34415a);
    font-feature-settings: "clig" off, "liga" off;
    font-family: var(--font-family);
    font-size: var(--header-font-size);
    font-weight: 500;
    line-height: 24px;
    margin-top: 0;
    margin-bottom: 24px;
}

.search_fields_close {
    position: absolute;
    display: flex;
    place-self: flex-end;
    top: 28px;
    right: 28px;
    cursor: pointer;
    width: var(--default-icon-size) !important;
    height: var(--default-icon-size) !important;
    background-image: url("--root/images/close.svg") !important;
}

.search_remote_container {
    display: flex;
}

.criteria_element {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 16px;
    gap: var(--default-gap);
}

.criteria_element select,
.criteria_element input,
.last_criteria_field {
    flex: 0 0 256px;
    height: 38px;
    display: flex;
    align-items: center;
}

.criteria_element img {
    cursor: pointer;
    width: 20px;
    height: 20px;
    margin: 9px 0;
}

.buttons {
    display: flex;
    flex-direction: column;
}

.tag_value_container {
    height: 36px;
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    width: fit-content;
    padding: 8px 36px 8px 8px;

    @rule --default-radiused-border;
    background-color: var(--bg-light-color);
}

.tag_value {
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    line-height: calc(5 / 4);
    color: var(--text-color-80, #34415A);
    flex: 1 0 0;
    height: 20px;
    max-width: 244px;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.search_tag_remove {
    position: absolute;
    height: var(--medium-image-size) !important;
    width: var(--medium-image-size) !important;
    cursor: pointer;
    margin: 0 !important;
    top: 8px;
    right: 8px;
}

.tag_text {
    color: var(--text-color-80, #34415a);
    @rule --default-text-block
    text-wrap: nowrap;
}

.form {
    top: 52px;
    flex-direction: column;
    border: none;
    position: absolute;
    z-index: 9999999;
    width: 480px;
    background-color: var(--bg-light-color);
    overflow: auto;
}

.sortable_panel {
    max-height: calc(100% - 140px);
    height: fit-content;
    width: fit-content;
    position: absolute;
    z-index: 999;
    display: flex;
    flex-direction: column;
}

.form,
#profile_edit {
    justify-content: space-between;
}

.sort_form {
    padding: 32px;
    box-sizing: border-box;
}

.formTitle {
    color: #34415A;
    font-family: var(--font-family);
    font-size: var(--header-font-size);
    font-weight: var(--default-bolder-weight);
    line-height: 1.2;
    /* width: 592px; */
    width: 100%;
    padding: 24px 32px;
    border-bottom: 1px solid var(--base-grey-40, #e8e8e8);
    box-shadow: 0px 0px 4px 0px rgba(3, 19, 50, 0.15);
}

.form_content {
    overflow: auto;
    width: 100%;
}

.hidden,
.hidden_modal {
    display: none !important;
}

.form-content-wrapper {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    overflow: auto;
}

.form .footer,
#profile_edit .footer,
.__footer_2fact,
.__vu_footer,
.modal .footer {
    justify-content: flex-end;
}

.close_inner_form,
.close_inner_form_settings {
    place-self: flex-end;
    right: 32px;
    top: 24px;
    cursor: pointer;
    z-index: 9999 !important;
    position: absolute;
}

.close_inner_form, .close-date-chooser, .__mv_header {
    height: 24px;
    width: 24px;
    background-size: var(--default-icon-background-middle-size);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    background-image: url("--root/images/close.svg") !important;
}

.close_inner_form:hover, .close-date-chooser:hover, .__mv_header:hover {
    background-image: url("--root/images/close-hover.svg") !important;
}

.close_inner_form:active, .close-date-chooser:active, .__mv_header:active {
    background-image: url("--root/images/close-active.svg") !important;
}

.close-date-chooser {
    position: absolute;
    top: 32px;
    right: 32px;
}

.form .close_inner_form {
    border-radius: 25px;
    background: white;
}

.text_label_container span, span.required_cell {
    color: var(--required-color);
    margin-left: 2px;
}

.row textarea {
    width: 400px;
    min-width: 400px !important;

    padding: 12px;
    /*border-radius: 4px;*/
    /*border: 1px solid var(--base-grey-60, #ddd);*/
    /*todo check this*/
    @rule  --default-radiused-border;

    margin-top: 0;
}

.row textarea::placeholder {
    color: var(--text-color-60, #666f82);
    font-size: var(--default-text-size);
    font-weight: var(--default-unbold-weight);
    line-height: 1.25;
}

.checkbox_label_container,
.header_row label,
.twofa_label {
    color: var(--text-color-80, #34415a);
    @rule --default-text-block;
    display: inline-flex;
    align-items: center;
}

input[type="checkbox"],
.twofa_checkbox {
    border: 0;
    border-radius: 0.45em;
    background-color: #f4f4f4;
    margin: 0;
    margin-right: 16px;
}

.sort_content_row img,
input[type="checkbox"],
.twofa_checkbox {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
}

.sort_data {
    overflow-y: auto;
}

.sort_content_row {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    width: 256px;
    padding: 8px 12px;
    color: var(--text-color-80, #34415a);
    @rule --default-text-block;
    cursor: pointer;
}

.sort_content_row.sort-active,
.menu-item.selected-menu-item .menu-item-text,
.___selected_tab span,
.drop_div a,
.screenshot_div > a,
.preview_div > a,
.buttons a,
.connection__field {
    color: var(--primary-color);
}

.sort_content_row.sort-active img {
    opacity: 1;
}

.dropdown-content22 a:active,
.sort_content_row:active,
.menu-item:active .menu-item-text,
.template_list_wrapp li:active a,
.magic_object_chooser_content a:active,
.tab_pane_title:active,
.tab_pane_title:active span,
div.tab_title:active,
.last_criteria_field a:active,
.buttons a:active,
.drop_div a:active,
.connection__field:active,
.screenshot_div a:active,
.preview_div a:active,
#sub-groups-menu .menu-item:active .title_menu-item,
.buttons input:first-of-type:active,
.tab_pane_title:has(.bcg_for_arrow):active,
.tab_pane_title.opened_tab:active,
.tab_pane_title.closed_tab:active,
.selection .selection:active, .notify__name:active,
.notify__left:active,
.selection:has(.search_item):active .search_item,
.selection .search_item:active,
.criteria_element > .date-row:active {
    color: var(--active-color);
}

.column_selector {
    display: flex;
    flex-direction: column;
    margin-bottom: 108px;
}

.reset {
    display: inline-flex;
    cursor: pointer;
    background-color: var(--bg-light-color);
}

.pg_table .title {
    display: none;
}

.bad_input {
    display: flex;
    min-width: 405px;
    align-items: center;
    background-color: var(--bg-light-color);
    border: 1px solid #e1e3ea;
    border-radius: 0.475rem;
    line-height: 42.8px !important;
    height: 42.5px;
}

.bad_input input {
    border: none !important;
}

.status_field {
    display: flex;
}

.issue .data_cell .status_field {
    transform: translate(0, 0);
}

.bad_input img {
    margin: 16px;
}

.link_primary_400,
.file_selection {
    font-size: 16px;
    color: var(--primary-color);
    font-weight: 400;
    text-decoration: none;
}

.td a,
.fc_row a,
.search_entity_content a {
    color: var(--text-color-80, #34415a);
    @rule --default-text-block;
    text-decoration: none;
}

.td a {
    flex-grow: 1;
    flex-shrink: 1;
}

.td:not(:has(.name_content)) a,
.fc_row a,
.search_entity_content a {
    white-space: nowrap;
}

.file_selection {
    cursor: pointer;
}

.created_user_data span,
.vu_info {
    box-sizing: border-box;
    width: 405px !important;
}

.vu_info {
    gap: 1rem !important;
}

.modal-selector {
    display: flex;
    width: 100%;
    justify-content: center;
    background-color: transparent;
    position: fixed;
    top: 120px;
    z-index: 700;
}

.search_header {
    padding-top: 0;
    display: flex;
    align-items: center;
}

.search_header img {
    cursor: pointer;
    position: absolute;
    transform: translate(392px, 0px);
}

.search_text {
    width: 100%;
    box-sizing: border-box;
}

.search_entity_content {
    padding: 0 2.5rem;
    display: flex;
    flex-direction: column;
    max-width: 424px;
    row-gap: 20px;
    overflow: auto;
}

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

.modal_view {
    display: flex;
    position: fixed;
    @rule --top-left;
    height: 100vh;
    width: 568px;
    padding: 80px 32px 0 48px;
}

.view_content,
.modal_view {
    box-sizing: border-box;
}

.view_content {
    border-right: var(--content-border);
    border-left: var(--content-border);
    width: 100%;
    flex-grow: 1;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.view_content > img {
    display: none;
}

.field_content {
    display: flex;
    width: 100%;
    gap: var(--smaller-gap);
    align-items: flex-start;
}

.field_content .label {
    display: flex;
    align-items: center;
    height: 36px;
    min-width: 120px;
    width: fit-content;
}

.field_content .value {
    display: flex;
    min-height: 36px;
    align-items: center;
    padding: 4px 12px;
    flex-grow: 1;
    @rule --default-text-bclock;
    line-height: calc(5 / 4);
    gap: var(--smaller-gap);
    color: var(--text-color-80, #34415A);
}

.field_content .value a {
    color: var(--text-color-80, #34415A);
}

.field_content .value .image_in_details {
    width: var(--default-icon-middle-size);
    height: var(--default-icon-middle-size);
}

.field_content span {
    line-height: var(--default-line-height);
}

.field_content:has(span[id="created_m_view"]) .label {
    display: none;
}

.field_content:has(span[id="id_m_view"]), .field_content:has(span[id="created_m_view"]) {
    position: absolute;
}

.field_content:has(span[id="id_m_view"]) {
    top: 0;
    width: 568px !important;
    right: 0;
    height: 80px;
    padding: 32px 32px 24px 72px;
    display: flex;
    align-items: center;
    gap: 4px;
    border-bottom: var(--content-border);
}

.field_content:has(span[id="id_m_view"]), .field_content:has(span[id="id_m_view"]) .label, .field_content:has(span[id="id_m_view"]) .value {
    width: fit-content;
    min-width: fit-content;
    color: var(--hover-color);
    @rule --default-text-block;
    line-height: calc(5 / 4);
}

.field_content:has(span[id="id_m_view"]) .label, .field_content:has(span[id="id_m_view"]) .value, .field_content:has(span[id="created_m_view"]) .value {
    padding: 0;
    min-height: fit-content;
    min-width: fit-content;
    width: fit-content;
}

.field_content:has(span[id="created_m_view"]) {
    width: fit-content;
    top: 35px;
    left: 212px;
}

.field_content:has(span[id="created_m_view"]) .value {
    color: var(--text-color-40, #979EAA) !important;
    @rule --default-text-block;
    line-height: calc(9 / 7);
}

.__mv_header img {
    opacity: 0;
}

.__mv_header {
    position: absolute;
    width: var(--default-icon-size);
    height: var(--default-icon-size);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--default-icon-background-size);
    cursor: pointer;
    top: 32px;
    right: 32px;
    z-index: 9999;
}

.modal_view .____fav_holder {
    display: none;
}

.error_plate,
.error_plate span {
    display: block;
    color: #f1416c;
}

.file_selector_preview {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    padding-top: calc(1.775rem + 1px);
    padding-left: calc(1.5rem * 0.5);
    width: fit-content;
    gap: 24px;
}

.file_selector_preview img:nth-child(2) {
    width: 119px;
    height: 119px;
    border-radius: 0.475rem;
    background-size: cover;
    box-sizing: border-box;
    order: 0;
    margin-left: 8rem;
}

.file_selector_preview img:nth-child(1),
.file_selector_preview img:nth-child(4),
.file_selector_preview img:nth-child(3) {
    cursor: pointer;
    opacity: 0.3;
}

.file_selector_preview img:nth-child(1),
.file_selector_preview img:nth-child(4) {
    order: 1;
}

.file_selector_preview img:nth-child(1):hover,
.file_selector_preview img:nth-child(4):hover,
.file_selector_preview img:nth-child(3):hover {
    opacity: 1;
}

.file_selector_preview img:nth-child(3) {
    width: var(--default-icon-middle-size);
    height: var(--default-icon-middle-size);
}

.file_selector_preview img:nth-child(1) {
    width: var(--default-icon-middle-size);
    height: var(--default-icon-middle-size);
    transform: translate(0px, 2px);
}

.file_selector_preview img:nth-child(4) {
    width: var(--default-icon-middle-size);
    height: var(--default-icon-middle-size);
    transform: translate(-44px, 46px);
}

.file_selector_preview img:nth-child(3) {
    order: 2 !important;
    transform: translate(-88px, 94px);
}

.file_selector_preview img:last-child {
    opacity: 0.4;
    cursor: pointer;
}

.file_selector_preview img:last-child:hover {
    opacity: 0.9;
}

.modal::-webkit-scrollbar,
.form::-webkit-scrollbar,
.form_content::-webkit-scrollbar,
.wrap_preview_div::-webkit-scrollbar,
.issue-comments__content::-webkit-scrollbar,
.tabs_panel:has(.content_data) .tab_panel_header::-webkit-scrollbar,
.tabs_panel:has(.content_data) .tabs_panel .tab_panel_header::-webkit-scrollbar,
.tab_panel_header::-webkit-scrollbar {
    width: 0 !important;
}

.wrap_preview_div::-webkit-scrollbar,
.tabs_panel:has(.content_data) .tab_panel_header::-webkit-scrollbar,
.tabs_panel:has(.content_data) .tabs_panel .tab_panel_header::-webkit-scrollbar,
.tab_panel_header::-webkit-scrollbar {
    height: 0 !important;
}

#icon_fcsf, #icons_fcsf {
    background: url("--root/images/search-icon.svg") 12px no-repeat;
    padding: 8px 12px 8px 42px;
    height: 36px;
}

.uloaded_box {
    width: 100%;
    position: relative;
}

.findFile {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.findFile label {
    color: var(--text-color-100, #031332);
    @rule --default-text-block;
    line-height: 1.25;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.findFile .row {
    margin-bottom: 0;
}

.findFile .row:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
}

.findFile > img {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: -23px;
    width: var(--medium-image-size) !important;
    height: var(--medium-image-size) !important;
}

.fcp_class,
.fcom_class {
    display: block;
    width: fit-content;
    height: 20px;
}

.fs_content {
    display: flex;
    flex-direction: row;
    color: #3f4254;
    font-size: 12px;
    flex-wrap: wrap;
    max-width: 400px;
    max-height: 260px;
    overflow-y: auto;
    margin-top: 8px;
    gap: 2.5px;
    justify-content: flex-start;
    order: 2;
}

.fs_content::-webkit-scrollbar {
    width: 0;
}

.fs_content .attach_preview_item {
    width: 98px;
    height: 98px;
    border: 1px solid var(--primary-60, #6FA8FA);
    cursor: pointer;
}

.fs_content .attach_preview_item:hover .hover_preview_item {
    width: 98px;
    height: 98px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.fc_row {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    width: 108px;
}

.fc_row img {
    order: 0;
    margin-bottom: 8px;
}

.fc_row span {
    order: 1;
    color: #82828b;
    text-align: center;
    width: 108px;
}

.fc_row_name {
    width: 108px !important;
    order: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fc_row a {
    order: 2;
}

.nav_second_info_homepage {
    height: 48.5px;
    margin-top: 0;
    margin-bottom: 2rem;
    width: 100%;
    padding-left: 0;
}

.second_info_homepage {
    height: 100%;
}

.tox {
    margin-top: 0.5rem;
    width: 435px;
}

.page_content .title {
    display: none;
}

.row_chooser {
    display: inline-flex;
    justify-content: space-between;
}

.chooser a,
.chooser div,
.chooser span,
.chooser img {
    display: inline-flex;
}

.chooser img {
    font-size: 0.9rem;
}

.close_and_save_auto_form {
    background: white;
    order: 1;
}

.save_auto_form {
    order: 2;
}

.close_auto_form {
    order: 0;
    border-radius: 4px;
}

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

.svg-container {
    border-radius: 0.85rem;
}

#prompt_window {
    position: fixed;
    top: 100px;
    left: 50%;
    z-index: 1000;
    border: 2px black solid;
    background: cadetblue;
}

.prompt_window_bgd {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: #24003529;
}

.bar_wrapper {
    width: 100%;
    height: 10%;
}

.bar_main_line {
    width: 95%;
    height: 15px;
    border-radius: 15px;
    background-color: rgb(240, 240, 240);
    box-shadow: inset 0 0 2px 2px rgb(136, 136, 136);
    position: relative;
}

.bar_fill_line {
    position: absolute;
    top: 4px;
    left: 4px;
    height: 7px;
    background-color: #00b2ff;
    /* width: 1%; */
    border-radius: 10px;
    animation: css 5s 1 ease;
    animation-delay: 1s;
    animation-fill-mode: forwards;
}

.bar_text_persent {
    position: absolute;
    left: 50%;
    top: 100%;
}

.bar_progress {
    position: relative;
    top: 11px;
    left: 30px;
}

.vertical_menu {
    height: 100%;
    width: 96px;
    float: left;
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 998;
    overflow-x: hidden;
    overflow-y: hidden;
    transition: all 0.3s ease-in-out;
    background: white;
}

.open-menu {
    width: 240px;
    transition: all 0.3s ease-in-out;
}

.open-menu .home_logo_div {
    padding: 32px 76px 32px 28px;
    transition: all 0.5s ease-in-out;
    position: relative;
}

.open-menu .logo-image {
    width: 240px;
    background: url("--root/images/flaw-full-menu.svg") no-repeat;
}

.noTransition {
    transition: none !important;
}

.noTransition div {
    transition: none !important;
}

.open-menu .menu-item {
    padding: 12px 24px 12px 24px;
}

.menu-item-text,
.title_menu-item {
    color: var(--text-color-80, #34415a);
    font-family: var(--font-family);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    opacity: 0;
    margin-left: 8px;
    user-select: none;
    flex-grow: 1;
}

.create-btn__modal .menu-item-text {
    flex-basis: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}

.open-menu .menu-item-text,
.open-menu .title_menu-item,
.open-menu .menu-item-add {
    opacity: 1;
    /* display: inline-flex; */
}

.open-menu .toggle-menu {
    left: 208px;
}

.vertical_menu_div {
    transition: width 0.3s ease;
    box-sizing: border-box;
    background-color: var(--bg-light-color);
    height: calc(100vh - 51px);
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
}

.vertical_menu_div div {
    box-sizing: border-box;
}

.home_logo_div {
    display: flex;
    padding: 32px 37px;
    transition: all 0.5s ease-in-out;
}

.menu_item img {
    border-image: none;
    border-style: none;
    outline: 0;
    outline-style: none;
    display: inline;
}

.menu__under-line {
    border-bottom: 1px solid var(--base-grey-40, #e8e8e8);
}

.menu-group {
    padding: 12px 0px;
}

.menu-item {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 24px 12px 36px;
    cursor: pointer;
    max-height: 48px;
    transition: all 0.3s ease-in-out;
}

.menu-item:hover {
    background: var(--base-blue-40, #f1f8ff);
}

.selected-menu-item {
    background: var(--base-blue-40, #f1f8ff) url("--root/images/selected-item.svg") left no-repeat;
}

.logo-image {
    width: 22px;
    height: 31px;
    background: url("--root/images/home_logo_00b2ff.svg") no-repeat;
}

.menu-item-add {
    font-size: 24px;
    display: flex;
    justify-content: flex-end;
    margin: 0 8px;
    flex-grow: 0 !important;
}

.menu-item-add.rotate {
    transform: rotate(180deg);
}

.menu-icon {
    flex-shrink: 0;
    width: var(--medium-image-size);
    height: var(--medium-image-size);
    background-repeat: no-repeat !important;
    background-position: center !important;
}

.menu-icon1 {
    background-image: url("--root/images/menu-item-1.svg");
}

.menu-icon2 {
    background-image: url("--root/images/menu-item-2.svg");
}

.menu-icon3 {
    background-image: url("--root/images/menu-item-3.svg");
}

.menu-icon4 {
    background-image: url("--root/images/menu-item-4.svg");
}

.menu-icon5 {
    background-image: url("--root/images/menu-item-5.svg");
}

.menu-icon6 {
    background-image: url("--root/images/menu-item-6.svg");
}

.menu-icon7 {
    background-image: url("--root/images/menu-item-7.svg");
}

.menu-icon8 {
    background-image: url("--root/images/menu-item-8.svg");
}

.menu-icon9 {
    background-image: url("--root/images/menu-item-9.svg");
}

.menu-icon10 {
    background-image: url("--root/images/menu-item-10.svg");
}

.menu-item:hover .menu-icon1 {
    background-image: url("--root/images/menu-item-1-hover.svg");
}

.menu-item:hover .menu-icon2 {
    background-image: url("--root/images/menu-item-2-hover.svg");
}

.menu-item:hover .menu-icon3 {
    background-image: url("--root/images/menu-item-3-hover.svg");
}

.menu-item:hover .menu-icon4 {
    background-image: url("--root/images/menu-item-4-hover.svg");
}

.menu-item:hover .menu-icon5 {
    background-image: url("--root/images/menu-item-5-hover.svg");
}

.menu-item:hover .menu-icon6 {
    background-image: url("--root/images/menu-item-6-hover.svg");
}

.menu-item:hover .menu-icon7 {
    background-image: url("--root/images/menu-item-7-hover.svg");
}

.menu-item:hover .menu-icon8 {
    background-image: url("--root/images/menu-item-8-hover.svg");
}

.menu-item:hover .menu-icon9 {
    background-image: url("--root/images/menu-item-9-hover.svg");
}

.menu-item:hover .menu-icon10 {
    background-image: url("--root/images/menu-item-10-hover.svg");
}

.menu-item:active .menu-icon1 {
    background-image: url("--root/images/menu-item-1-active.svg");
}

.menu-item:active .menu-icon2 {
    background-image: url("--root/images/menu-item-2-active.svg");
}

.menu-item:active .menu-icon3 {
    background-image: url("--root/images/menu-item-3-active.svg");
}

.menu-item:active .menu-icon4 {
    background-image: url("--root/images/menu-item-4-active.svg");
}

.menu-item:active .menu-icon5 {
    background-image: url("--root/images/menu-item-5-active.svg");
}

.menu-item:active .menu-icon6 {
    background-image: url("--root/images/menu-item-6-active.svg");
}

.menu-item:active .menu-icon7 {
    background-image: url("--root/images/menu-item-7-active.svg");
}

.menu-item:active .menu-icon8 {
    background-image: url("--root/images/menu-item-8-active.svg");
}

.menu-item:active .menu-icon9 {
    background-image: url("--root/images/menu-item-9-active.svg");
}

.menu-item:active .menu-icon10 {
    background-image: url("--root/images/menu-item-10-active.svg");
}

.menu-item.selected-menu-item .menu-icon1 {
    background-image: url("--root/images/menu-item-1-selected.svg");
}

.menu-item.selected-menu-item .menu-icon2 {
    background-image: url("--root/images/menu-item-2-selected.svg");
}

.menu-item.selected-menu-item .menu-icon3 {
    background-image: url("--root/images/menu-item-3-selected.svg");
}

.menu-item.selected-menu-item .menu-icon4 {
    background-image: url("--root/images/menu-item-4-selected.svg");
}

.menu-item.selected-menu-item .menu-icon5 {
    background-image: url("--root/images/menu-item-5-selected.svg");
}

.menu-item.selected-menu-item .menu-icon6 {
    background-image: url("--root/images/menu-item-6-selected.svg");
}

.menu-item.selected-menu-item .menu-icon7 {
    background-image: url("--root/images/menu-item-7-selected.svg");
}

.menu-item.selected-menu-item .menu-icon8 {
    background-image: url("--root/images/menu-item-8-selected.svg");
}

.menu-item.selected-menu-item .menu-icon9 {
    background-image: url("--root/images/menu-item-9-selected.svg");
}

.menu-item.selected-menu-item .menu-icon10 {
    background-image: url("--root/images/menu-item-10-selected.svg");
}

.toggle-menu {
    position: fixed;
    z-index: 500;
    left: 64px;
    font-size: 30px;
    font-weight: 900;
    cursor: pointer;
    bottom: 24px;
    transition: 0.3s ease all;
}

.data_row p {
    margin: 0;
    max-width: 488px;
    word-wrap: break-word;
    /* padding: 0px 10px; */
    max-height: 40px;
    overflow-y: hidden;
    transition: 0.3s ease-in-out all;
    cursor: pointer;
}

.full-desc {
    max-height: 100% !important;
}

#notification_box {
    position: fixed;
    top: 100px;
    background-color: white;
    padding: 24px;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background-color: var(--bg-light-color);
    box-shadow: 0px 0px 2px 0px rgba(3, 19, 50, 0.15);
    right: 50px;
    max-height: 400px;
    overflow-y: scroll;
    z-index: 1000;
}

.my_noti {
    color: var(--text-color-80, #34415a);
    @rule --default-text-block;
    padding: 10px 0px;
    border-top: 1px solid gray;
}

.my_noti:hover {
    background-color: #f1f8ff;
}

.notification_box_rm {
    cursor: pointer;
}

.issue_name {
    font-weight: bold;
}

.open-form {
    position: fixed;
    height: 100%;
    top: 0;
    right: 0;
}

row,
.row,
.date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    /* margin-bottom: 24px; */
}

.form_content input,
.chooser,
.text input[id="name"] {
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background-color: var(--bg-light-color);
    color: var(--text-color-40, #34415A);
    @rule --default-text-block;
    width: 400px;
    flex-shrink: 0;
}

.chooser a {
    color: var(--text-color-40, #979eaa);
}

.date {
    width: 100%;
}

.text_area {
    align-items: flex-start;
}

.tox-tinymce {
    width: 100%;
}

.text_label {
    font-family: var(--font-family);
    font-size: var(--font-text-size);
    font-weight: var(--default-unbold-weight);
    color: var(--text-color-100, #031332);
    line-height: 1.25;
    display: flex;
    align-items: center;
}

#forAchieveTests {
    width: auto;
}

.checkbox {
    justify-content: flex-start;
}

.addLinkType {
    width: auto;
    padding: 32px;
    @rule --default-radiused-border;
    background-color: var(--bg-light-color);
    box-shadow: var(--box-shadow);
}

.checkbox input {
    width: auto;
}

.date {
    margin: 0;
}

.page-content-wrapper {
    padding: 32px;
    height: 100%;
    flex: 1 1 100%;
    overflow: auto;
    display: flex;
    flex-direction: column;
    overflow: auto;
    background: var(--bg-light-color)!important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

.h100 {
    height: 100%;
}

.flex-row {
    height: 100%;
    flex: 1 1 100%;
    overflow: hidden;
}

.menu-side-wrapper {
    width: fit-content;
}

.page {
    width: 100%;
    height: 100%;
    display: flex;
}

.search_box_container:nth-child(5) {
    width: 44px !important;
    height: 44px !important;
    background: red !important;
}

.table-btns-panel {
    display: inline-flex;
    align-items: center;
}

.advanced_search {
    background-image: url("--root/images/AdvancedSearch.svg") !important;
}

.advanced_search:hover {
    background-image: url("--root/images/AdvancedSearch-hover.svg") !important;
}

.advanced_search:active {
    background-image: url("--root/images/AdvancedSearch-active.svg") !important;
}

.reset_button_of_search {
    background-image: url("--root/images/ClockCounterClockwise.svg") !important;
}

.reset_button_of_search:hover {
    background-image: url("--root/images/ClockCounterClockwise-hover.svg") !important;
}

.reset_button_of_search:active {
    background-image: url("--root/images/ClockCounterClockwise-active.svg") !important;
}

.save_template {
    background-image: url("--root/images/FilePlus.svg") !important;
}

.save_template:hover {
    background-image: url("--root/images/FilePlus-hover.svg") !important;
}

.save_template:active {
    background-image: url("--root/images/FilePlus-active.svg") !important;
}

.template_list {
    background-image: url("--root/images/FloppyDisk.svg") !important;
}

.template_list:hover {
    background-image: url("--root/images/FloppyDisk-hover.svg") !important;
}

.template_list:active {
    background-image: url("--root/images/FloppyDisk=active.svg") !important;
}

.search_box_container .table-btns-panel:first-of-type {
    margin-left: 14px;
}

.actions_cell_dots {
    margin-left: 12px;
}

.search_remote_container a {
    width: 100%;
}

.search_remote_container img {
    background: white;
}

.template_window_wrapper {
    position: absolute;
    width: 300px;
    padding: 32px;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background: var(--bg-light-color);
    box-shadow: var(--box-shadow);
    z-index: 600;
    display: flex;
    flex-direction: column;
}

.template_list_wrapp {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    z-index: 999999;
    background: rgba(3, 19, 50, 0.3);
}

.template_window_wrapper {
    left: 213px;
    top: 48px;
}

.template_window input {
    background: none !important;
}

.template_list_title, .save_template_title {
    font-size: var(--header-font-size);
    font-weight: var(--default-bolder-weight);
    line-height: calc(6 / 5);
    color: var(--text-color-80, #34415A);
}

.save_template_title {
    padding-bottom: 24px;
}

.template_list_window a {
    color: var(--text-color-80, #34415A);
    @rule --default-text-block;
    line-height: calc(5 / 4);
}

.template_div_ul ul {
    @rule --no-padding-margin;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.show-desc-wrapper {
    position: absolute;
    padding: 32px;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background-color: var(--bg-light-color);
    box-shadow: var(--box-shadow);
    z-index: 600;
    left: 253px;
    top: 0px;
}

.show-desc {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 28px 0px 0px 0px;
    width: 400px;
}

.close-desc-image {
    position: absolute;
    right: 0;
    top: 0;
    cursor: pointer;
}

.show_descr_item {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 10px;
}

.template_window {
    position: relative;
}

.template_window-search-input {
    margin: 10px 0px;
}

.template_window_save {
    display: block;
    cursor: pointer;
}

.template_window img {
    position: absolute;
    top: 0;
    right: 0;
}

.template_window-save-flex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px;
}

.template_list_window {
    gap: 24px;
    width: 600px;
    padding: 32px;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background-color: var(--bg-light-color);
    box-shadow: var(--box-shadow);
    z-index: 600;
    display: flex;
    flex-direction: column;
    position: relative;
}

.template_list_wrapp input {
    background: url("--root/images/search-icon.svg") 12px no-repeat !important;
    height: 36px;
    color: var(--text-color-60, #666f82);
    padding: 8px 8px 8px 40px;
}


.template_list_wrapp-close {
    position: absolute;
    top: 32px;
    right: 32px;
}

.template_list_wrapp ul {
    padding: 0;
}

.template_list_wrapp li {
    list-style-type: none;
    display: flex;
    height: 36px;
    padding: 8px 12px;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.template_list_wrapp li:hover {
    background: var(--base-blue-40, #F3F8FE);
}

.template_list_wrapp li:hover .search_remote_container-rm-im {
    opacity: 1;
}

#profile_edit {
    position: absolute;
    padding: 32px;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background-color: var(--bg-light-color);
    box-shadow: var(--box-shadow);
    right: 0;
    width: fit-content;
}

#profile_edit input {
    margin-left: 10px;
}

.desc-image {
    width: 100%;
}

.show_descr_name {
    margin-left: 70px;
    text-align: end;
}

.edit {
    transform: translate(15px, 0px);
}

.linked_issue {
    margin-top: 20px;
}

.linked-issue-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 10px;
}

.linked-issue-copy {
    width: var(--default-icon-middle-size);
    height: var(--default-icon-middle-size);
    background: url(https://cdn-icons-png.flaticon.com/512/3489/3489283.png);
    background-size: contain;
    cursor: pointer;
    margin-left: 10px;
}

.road_status_window,
.edit_flow_window {
    padding: 32px;
    /* width: 592px; */
    text-align: right;
    border-radius: 4px;
    border: 1px solid var(--base-grey-40, #e8e8e8);
    background-color: var(--bg-light-color);
    box-shadow: var(--box-shadow);
}

.edit_flow_window {
    padding-top: 76px;
    position: relative;
}

.edit_flow_window > img {
    position: absolute;
    top: 32px;
    right: 32px;
}

.main_road_status_fields {
    width: auto;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border: 1px blue solid;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
}

.div_with_stages {
    padding: 24px 12px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: stretch;
    text-align: left;
}

.magic_object_chooser_content {
    display: flex !important;
    gap: 4px;
    align-items: center;
    width: 100%;
}

.magic_object_chooser_content > img {
    display: none;

}

.chooser:hover .magic_object_chooser_content > img {
    display: block;
    cursor: pointer;
    margin-left: auto;
}

.road_status_window input[type="button"],
.edit_flow_window input[type="button"] {
    font-size: 16px;
    font-weight: 500;
    padding: 12px 24px;
    border-radius: 4px;
    line-height: 1.25;
    margin-right: 16px;
    cursor: pointer;
}

.road_status_window input[type="button"]:last-of-type,
.edit_flow_window input[type="button"]:last-of-type {
    margin-right: 0;
}

.change_input_div,
.edit_flow_window > .choser_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
    padding-bottom: 16px;
}

.change_input_div input {
    width: 400px;
    background-color: var(--bg-light-color);
}

.tabs_panel {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 0 32px;
    flex-grow: 1;
    width: 100%;
}

.tab_panel_header {
    display: flex;
    align-items: flex-end;
    /* border-bottom: 2px solid var(--base-grey-40, #e8e8e8); */
    max-width: 100%;
    overflow-x: auto;
}

.edit-person .tab_panel_header {
    position: sticky;
    top: 0;
    padding-top: 20px;
    background-color: var(--bg-light-color);
    box-shadow: 0px 3px 4px -4px rgba(3, 19, 50, 0.15);
    z-index: 10;
}

.modal .tab_pane_title,
.tab_title {
    flex-grow: 1;
}

.modal .tab_panel_header {
    width: 100%;
}

.tab_pane_title,
div.tab_title {
    display: flex;
    padding: 8px 24px 16px 24px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--text-color-40, #979eaa);
    font-size: 16px;
    line-height: 1.25;
    text-align: center;
    font-weight: 500;
    cursor: pointer;
}

.tab_pane_title,
div.tab_title {
    /*font-size: 20px;*/
    line-height: calc(6 / 5);
    /*padding: 10px 24px 26px 24px;*/
}

.wrapper .tabs_panel .tab_pane_title .tab_pane_title_text {
    height: 24px;
    max-height: 24px;
    font-size: 18px;
    line-height: calc(4 / 3);
    text-wrap: nowrap;
}

.wrapper .tabs_panel .tabs_panel .tab_pane_title {
    box-sizing: border-box;
    padding: 20px 24px 16px;
    border-bottom: 2px solid var(--base-grey-40, #e8e8e8);
    cursor: pointer;
    color: var(--text-color-60, #666F82);
}

.wrapper .tabs_panel .tabs_panel .tab_pane_title.___selected_tab {
    box-shadow: none;
    border-bottom: 2px solid var(--text-color-80, #34415A) !important;
}

.wrapper .tabs_panel .tabs_panel .tab_pane_title .tab_pane_title_text {
    color: var(--text-color-60, #666F82);
    @rule --default-text-block;
    line-height: calc(5 / 4);
    height: 20px;
    text-wrap: nowrap;
}

.wrapper .tabs_panel .tabs_panel .tab_pane_title:hover .tab_pane_title_text {
    color: var(--text-color-80, #34415A) !important;
}

.wrapper .tabs_panel .tabs_panel .tab_pane_title.___selected_tab .tab_pane_title_text {
    color: var(--text-color-80, #34415A);
}

div.tab_title {
    padding-bottom: 8px;
    cursor: pointer;
}

.tabs_panel:has(.tabs_panel) {
    gap: 0;
}

.tabs_copmponent_div {
    display: flex;
    flex-direction: column;
    gap:  var(--default-gap);
}

.selector {
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: var(--text-color-80, #34415a);
}

/* .selection >  */
.selection {
    display: flex;
    align-items: center;
    padding: 5px 12px;
    gap: var(--smaller-gap);
    @rule --default-text-block;
    color: var(--text-color-80, #34415a);
    padding-left: 0;
}

.file {
    align-items: flex-start;
}

.wrapp_for_attach {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--smaller-gap);
    width: 400px;
}

.drop_div {
    width: 100%;
    display: flex;
    padding: 24px 48px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px dashed var(--primary-60, #6fa8fa);
    background: var(--base-blue-20, #f8fbff);
    gap: 4px;
    line-height: 1.25;
    font-size: var(--default-text-size);
}

.open-form::-webkit-scrollbar {
    width: 8px;
}

.drop_div .drop_bgi {

    width: 32px;
    height: 32px;
    background: url("--root/images/ImageSquare.svg");
    text-decoration: none;
    background-repeat: no-repeat;
    background-size: 32px 32px;
    background-position: center;
    border-radius: 2px;
    @rule --flex-center-text;
}

.drop_title_text {
    color: var(--text-color-100, #031332);
    font-weight: 400;
    text-align: center;
}

.drop_div a {
    text-align: center;
    font-weight: 500;
}

.image_info {
    color: var(--text-color-60, #666f82);
    @rule --default-text-block;
    line-height: calc(9 / 7);
}

.wrap_preview_div {
    max-width: 100%;
    min-width: 400px;
    overflow-x: auto;
    display: flex;
    gap: var(--smaller-gap);
    padding: 8px 0;
}

.attach_preview_item {
    position: relative;
    @rule --default-text-block;
    width: 100px;
    height: 100px;

    border-radius: 4px;
    border: 1px solid transparent;
    background-color: var(--base-blue-20, #f8fbff);
    flex-shrink: 0;
}

.image_has_uploaded {
    border: 1px solid var(--primary-60, #6fa8fa);
    cursor: pointer;
}

.attach_preview_item .drop_bgi {
    @rule --flex-center-text;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.attach_preview_item .drop_bgi img {
    min-width: 100%;
    min-height: 100%;
    flex-shrink: 0;
}

.attach_preview_item .hover_preview_item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    z-index: 100;
    background-color: rgb(15, 110, 246, 0.1);
    border-radius: 4px;
    display: none;
}

/* .attach_preview_item:hover .hover_preview_item {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
} */

.image_has_uploaded:hover .hover_preview_item {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-between;
}

.header_hover_div {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding: 4px;
    opacity: 1;
}

.footer_div_textname, .footer_div_texttype {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: calc(8 / 7);
    max-width: 90px;
    max-height: 16px;
}

.header_div_download, .header_div_edite, .header_div_delete {
    width: var(--medium-image-size);
    height: var(--medium-image-size);;
    background-color: white;
    background-repeat: no-repeat;
    background-size: var(--medium-image-size) var(--medium-image-size);
    background-position: center;
    border-radius: 2px;
}

.header_div_download, .download {
    background-image: url("--root/images/DownloadSimple.svg") !important;
}

.actions_download {
    background-image: url("--root/images/DownloadSimple-white.svg");
}

.header_div_download:hover,
.actions_download:hover,
.download:hover {
    background-image: url("--root/images/DownloadSimple-hover.svg") !important;
}

.header_div_download:active,
.actions_download:active,
.download:active {
    background-image: url("--root/images/DownloadSimple-active.svg") !important;
}

.header_div_edite,
.context-menu__edit-icon {
    background-image: url("--root/images/PencilSimple.svg");
}

.header_div_edite:hover,
.context-menu__item-wrapper:hover .context-menu__edit-icon {
    background-image: url("--root/images/PencilSimple-hover.svg");
}

.header_div_edite:active,
.context-menu__item-wrapper:active .context-menu__edit-icon {
    background-image: url("--root/images/PencilSimple-active.svg");
}

.header_div_delete,
.context-menu__delete-icon,
.search_remote_container-rm-im {
    background-image: url("--root/images/TrashSimple.svg") !important;
}

.actions_delete {
    background-image: url("--root/images/TrashSimple-white.svg");
}

.header_div_delete:hover,
.actions_delete:hover,
.context-menu__item-wrapper:hover .context-menu__delete-icon,
.search_remote_container-rm-im:hover {
    background-image: url("--root/images/TrashSimple-hover.svg") !important;
}

.header_div_delete:active,
.actions_delete:active,
.context-menu__item-wrapper:active .context-menu__delete-icon,
.search_remote_container-rm-im:active {
    background-image: url("--root/images/TrashSimple-active.svg") !important;
}

.footer_hover_div {
    display: flex;
    margin: 4px 5px;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2px;
    width: 90px;
    height: 34px;
    background-color: white;
    opacity: 1;
}

.footer_div_text {
    overflow: hidden;
    color: var(--text-color-80, #34415a);
    text-align: center;
    text-overflow: ellipsis;
    font-size: 12px;
    font-weight: 400;
    line-height: calc(4 / 3);
    width: 100%;
    max-width: 90px;
    height: 16px;
}

.screenshot_div > a,
.preview_div > a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    display: flex;
    align-items: center;
}

.screenshot_div > a::after,
.preview_div > a::after,
.connection__field::after {
    content: "";
    display: inline-block;
    width: var(--medium-image-size);;
    height:var(--medium-image-size);;
    background-color: white;
    background-repeat: no-repeat;
    background-size: var(--medium-image-size) var(--medium-image-size);
    background-position: center;
    margin-left: 4px;
}

.screenshot_div > a::after {
    background-image: url("--root/images/Desktop.svg");
}

.preview_div > a::after {
    background-image: url("--root/images/FileCloud.svg");
}

.connection__field::after {
    background-image: url("--root/images/FlowArrow.svg");
}

.screenshot_div > a:hover::after {
    background-image: url("--root/images/Desktop-hover.svg");
}

.preview_div > a:hover::after {
    background-image: url("--root/images/FileCloud-hover.svg");
}

.connection__field:hover::after {
    background-image: url("--root/images/FlowArrow-hover.svg");
}

.screenshot_div > a:active::after {
    background-image: url("--root/images/Desktop-active.svg");
}

.preview_div > a:active::after {
    background-image: url("--root/images/FileCloud-active.svg");
}

.connection__field:active::after {
    background-image: url("--root/images/FlowArrow-active.svg");
}

.remote-chooser > .tabs_panel {
    padding: 0;
    width: 536px;
}


.remote-chooser .tab_pane_title,
.issue__side-menu .tab_pane_title {
    padding: 0px 24px 8px 24px;
}

.tabs_panel .tabs_panel {
    padding: 0;
}

.content-chooser {
    display: flex;
    flex-direction: column;
    gap: var(--smaller-gap);
    color: var(--text-color-80, #34415a);
}

.wrapper_edit_flow_window,
.wrapper_road_status_window {
    position: fixed;
    @rule --top-left;
    @rule --flex-center-text;
    @rule --full-size;
    z-index: 999999;
    background: rgba(3, 19, 50, 0.3);
}

.edit_flow_window > .choser_wrapper:last-of-type {
    margin-bottom: 8px;
}

.edit-person > .tabs_copmponent_div {
    padding: 0 32px;
}

.issue__side-menu > .tabs_panel {
    height: 100%;
    padding: 0;
}

.issue__side-menu .tabs_copmponent_div {
    padding-top: 8px;
    gap: 16px;
    flex-grow: 1;
}

.link-icon {
    background-image: url("--root/images/Link.svg");
}

.actions_link {
    background-image: url("--root/images/Link-white.svg");
}

.link-icon:hover,
.actions_link:hover {
    background-image: url("--root/images/Link-hover.svg");
}

.link-icon:active,
.actions_link:active {
    background-image: url("--root/images/Link-active.svg");
}

.share-icon {
    background-image: url("--root/images/ShareNetwork.svg");
}

.actions_share {
    background-image: url("--root/images/ShareNetwork-white.svg");
}

.share-icon:hover,
.actions_share:hover {
    background-image: url("--root/images/ShareNetwork-hover.svg");
}

.share-icon:active,
.actions_share:active {
    background-image: url("--root/images/ShareNetwork-active.svg");
}

.download-icon {
    background-image: url("--root/images/DownloadSimple.svg");
}

.download-icon:hover {
    background-image: url("--root/images/DownloadSimple-hover.svg");
}

.download-icon:active {
    background-image: url("--root/images/DownloadSimple-active.svg");
}

.____fav_holder {
    background-image: url("--root/images/BookmarkSimple-light.svg");
}

.bookmark-icon {
    background-image: url("--root/images/BookmarkSimple.svg");
}

.bookmark-icon:hover,
.____fav_holder:hover {
    background-image: url("--root/images/BookmarkSimple-hover.svg");
}

.bookmark-icon:active,
.____fav_holder:active {
    background-image: url("--root/images/BookmarkSimple-active.svg");
}

.graph-icon {
    background-image: url("--root/images/Graph.svg");
}

.graph-icon:hover {
    background-image: url("--root/images/Graph-hover.svg");
}

.graph-icon:active {
    background-image: url("--root/images/Graph-active.svg");
}

.paperclip-icon {
    background-image: url("--root/images/Paperclip.svg");
}

.paperclip-icon:hover {
    background-image: url("--root/images/Paperclip-hover.svg");
}

.paperclip-icon:active {
    background-image: url("--root/images/Paperclip-active.svg");
}

.three-dots-icon {
    background-image: url("--root/images/DotsThree.svg");
}

.three-dots-icon:hover {
    background-image: url("--root/images/DotsThree-hover.svg");
}

.three-dots-icon:active {
    background-image: url("--root/images/DotsThree-active.svg");
}

.smiley-icon,
.inputTools {
    background-image: url("--root/images/Smiley.svg");
}

.smiley-icon:hover,
.inputTools:hover {
    background-image: url("--root/images/Smiley-hover.svg");
}

.smiley-icon:active,
.inputTools:active {
    background-image: url("--root/images/Smiley-active.svg");
}

.at-icon {
    background-image: url("--root/images/At.svg");
}

.at-icon:hover {
    background-image: url("--root/images/At-hover.svg");
}

.at-icon:active {
    background-image: url("--root/images/At-active.svg");
}

.desktop-icon {
    background-image: url("--root/images/DesktopGrey.svg");
}

.desktop-icon:hover {
    background-image: url("--root/images/DesktopGrey-hover.svg");
}

.desktop-icon:active {
    background-image: url("--root/images/DesktopGrey-active.svg");
}

.image-icon {
    background-image: url("--root/images/ImageSquare.svg");
}

.image-icon:hover {
    background-image: url("--root/images/ImageSquare-hover.svg");
}

.image-icon:active {
    background-image: url("--root/images/ImageSquare-active.svg");
}

.actions_arrow {
    background-image: url("--root/images/ArrowSquareOut.svg");
}

.actions_arrow:hover {
    background-image: url("--root/images/ArrowSquareOut-hover.svg");
}

.actions_arrow:active {
    background-image: url("--root/images/ArrowSquareOut-active.svg");
}

#tabs > .tabs_panel {
    padding: 0;
}

.name_content > .div_image, .warning > .div_image {
    background-image: url("--root/images/Info.svg") !important;
    background-color: transparent !important;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    flex-shrink: 0;
}

.warning > .div_image {
    width: 24px;
    height: 24px;
    background-size: 24px 24px !important;
}

.name_content > .div_image {
    display: none !important;
    position: absolute;
    right: -24px;
    margin-left: auto;
    width: var(--medium-image-size);;
    height: var(--medium-image-size);;
    background-size: var(--medium-image-size) var(--medium-image-size) !important;
}

.name_content > .div_image:hover {
    background-image: url("--root/images/Info-hover.svg") !important;
}

.name_content > .div_image:active {
    background-image: url("--root/images/Info-active.svg") !important;
}

.data_row:hover .name_content .div_image {
    display: block !important;
}

.last_criteria_field {
    padding: 8px 12px;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background-color: var(--bg-light-color);
    color: var(--text-color-40, #979eaa);
    font-size: 16px;
    font-weight: 400;
    line-height: var(--medium-image-size);;
}

.last_criteria_field a {
    color: inherit;
}

.save_template_wrapper, .choose-calendar-wrapper {
    position: fixed;
    @rule --top-left;
    @rule --flex-center-text;

    @rule --full-size;
    z-index: 99999999;
    background: rgba(3, 19, 50, 0.3);
    align-items: center;
}

.save_template_window {
    position: relative;
    padding: 32px;

    @rule --default-radiused-border;
    box-shadow: var(--box-shadow);
    background-color: var(--bg-light-color);
    width: 600px;
    display: flex;
    flex-direction: column;
    text-align: left;
    height: fit-content;
}

.save_template_window .buttons {
    padding-top: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
    gap: 16px;
}

.save_template_window .buttons input {
    margin: 0;
    width: fit-content;
}

.save_template_window .buttons input:first-child {
    display: flex;
}

.save_template_window .buttons input:last-child {
    place-self: flex-end;
}

.template_save-search-input {
    background: none;
    margin: 8px 0;
}

.template_save-search-input::placeholder {
    color: var(--text-color-40, #979eaa);
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}

.save_template_window > img {
    position: absolute;
    display: flex;
    place-self: flex-end;
    top: 32px;
    right: 32px;
    cursor: pointer;
    width: var(--default-icon-size);
    height: var(--default-icon-size);
}

.save_template_window label {
    color: var(--text-color-100, #031332);
    @rule --default-text-block;
    line-height: 1.25;
}

.tabs_panel-content .title {
    display: none;
}

.table_settings_items {
    color: var(--text-color-80, #34415a);
    /*todo why it's here 18???*/
    font-size: 18px;
    font-weight: 500;
    line-height: calc(4 / 3);
    padding-bottom: 24px;
}

.buttons input:first-of-type {
    width: fit-content;
    background-color: white;
}

.buttons a {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.25;
    margin-right: auto;
    margin-bottom: 68px;
}

.search_form .buttons {
    flex-direction: row;
    gap: var(--default-gap);
    align-items: flex-end;
}

.buttons input:last-child {
    margin: 0;
}

.box_templates {
    /* margin-bottom: 24px; */
    display: flex;
    align-items: center;
    padding: 0;
    padding-bottom: 24px;
    gap: var(--smaller-gap);
}

.box_templates img {
    cursor: pointer;
}

.box_templates .table-btns-panel {
    padding: 4px 0;
}

.box_templates .table-btns-panel:first-child .div_image {
    margin-right: 16px;
}

.box_templates .table-btns-panel .div_image {
    width: var(--medium-image-size) !important;
    height: var(--medium-image-size) !important;
    background-size: var(--medium-image-size) !important;
}

.save_template_window .div_image {
    position: absolute;
    top: 32px;
    right: 32px;
    width: var(--default-icon-size) !important;
    height: var(--default-icon-size)  !important;
    cursor: pointer;
}

.template_list_wrapp-close {
    width: var(--default-icon-size) !important;
    height: var(--default-icon-size) !important;
    cursor: pointer;
}

.close_inner_form:hover,
.save_template_window .div_image:hover,
.search_fields_close:hover,
.template_list_wrapp-close:hover {
    background-image: url("--root/images/close-hover.svg") !important;
}

.close_inner_form:active,
.save_template_window .div_image:active,
.search_fields_close:active,
.template_list_wrapp-close:active {
    background-image: url("--root/images/close-active.svg") !important;
}

input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    opacity: 0;
    width: 0;
    height: 0;
    padding: 0;
    margin: 0;
}

input[type="checkbox"] + label::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    background-color: var(--bg-light-color);
    margin-right: 8px;
    margin-left: 2px;
    cursor: pointer;
}

input[type="checkbox"] + label:hover::before {
    border: 1px solid var(--hover-color);
}

input[type="checkbox"]:focus + label::before {
    border: 1px solid var(--active-color);
    outline-style: solid;
    outline-width: 2px;
    outline-color: var(--primary-20, #cfe2fd);
    -moz-outline-radius: 3px;
}

input[type="checkbox"]:disabled + label::before {
    border: 1px solid var(--base-grey-60, #ddd);
}

input[type="checkbox"]:checked + label::before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
    background-position: center;
    background-size: var(--medium-image-size) var(--medium-image-size);;
    background-image: url("--root/images/check-mark.svg");
}

input[type="checkbox"]:checked + label:hover::before {
    border: 1px solid var(--hover-color);
    background-color: var(--hover-color);
}

input[type="checkbox"]:checked + label:active::before {
    border: 1px solid var(--active-color);
    background-color: var(--active-color);
}

input[type="checkbox"]:checked:disabled + label::before {
    border: 1px solid var(--base-grey-60, #ddd);
    background-color: var(--base-grey-60, #ddd);
}

.text_label_container {
    display: flex;
}

.form-content-wrapper .tabs_copmponent_div {
    min-width: 528px;
    width: 100%;
}

.connection-with {
    display: flex;
    flex-direction: column;
}

.connection-with_header {
    display: flex;
    gap: 4px;
    align-items: center;
}

.select-connection-icon {
    width: 24px;
    height: 24px;
    background-color: white;
    background-repeat: no-repeat;
    background-size: var(--default-icon-background-size);
    background-position: center;
    background-image: url("--root/images/select-connection.svg");
}

.select-connection-title {
    color: var(--text-color-80, #34415a);
    font-size: var(--default-text-size);
    font-weight: var(--default-bolder-weight);
    line-height: 1.25;
}

.connection-tree {
    display: flex;
    height: 27px;
    align-items: flex-end;
    padding-left: 11px;
}

.connection-line-angle-icon {
    align-self: flex-start;
    width: var(--medium-image-size);
    height: var(--medium-image-size);
    background-color: white;
    background-repeat: no-repeat;
    background-size: var(--medium-image-size) var(--medium-image-size);
    background-position: center;
    background-image: url("--root/images/connection-line-angle.svg");
    flex-shrink: 0;
}

.connection-tree-nodes {
    display: flex;
    align-items: center;
    gap: 2px;
}

.connection-line-icon {
    width: 18px;
    height: 10px;
    background-color: white;
    background-repeat: no-repeat;
    background-size: 18px 10px;
    background-position: center;
    background-image: url("--root/images/connection-line.svg");
    flex-shrink: 0;
}

.connection-tree-node {
    display: flex;
    align-items: center;
    gap: 4px;
    padding: 0 8px;
    max-width: 500px;
}

.connection-tree-node_icon, .parent-node-icon, .sprint-node-icon, .flow-node-icon, .issue-node-icon {
    width: var(--medium-image-size);;
    height: var(--medium-image-size);;
    background-color: white;
    background-repeat: no-repeat;
    background-size: var(--default-icon-background-size);
    background-position: center;
}

.issue-node-icon {
    background-image: url("--root/images/issue-connection.svg");
}

.group-node-icon {
    background-image: url("--root/images/group-connection.svg");
}

.project-node-icon {
    background-image: url("--root/images/project-connection.svg");
}

.epic-node-icon {
    background-size: var(--default-icon-background-middle-size);
    background-image: url("--root/images/epic-connection.svg");
}

.story-node-icon {
    background-size: var(--default-icon-background-middle-size);
    background-image: url("--root/images/story-connection.svg");
}

.parent-node-icon {
    background-image: url("--root/images/arrow-up-dashed-square.svg");
}

.sprint-node-icon {
    background-image: url("--root/images/sprint.svg");
}

.flow-node-icon {
    background-image: url("--root/images/navigation-map.svg");
}

.connection-tree-node_text {
    color: var(--text-color-80, #34415a);
    @rule --default-text-block;
    line-height: 1.25;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.number #telegramId {
    width: 400px;
    background: white;
    padding: 8px 12px;
    height: 36px;
    display: flex;
    align-items: center;
}

.chooser {
    height: 36px;
}

.text #name, .number #prioNumber, .text #color, .text #email, .text #telegramName, .text #defLanguage, .number #remoteId, #statusHealth, .text #phone, .text #address {
    height: 36px;
    width: 400px;
    display: flex;
    align-items: center;
    background: white;
    padding: 8px 12px;
}

.object_chooser_label_container {
    display: flex;
}

.text #description {
    background: white;
    width: 400px;
}

.vertical_menu_div::-webkit-scrollbar,
.menu-side-wrapper::-webkit-scrollbar {
    width: 0px !important;
    height: 0px;
}

.title_menu-item {
    max-width: 160px;
    overflow-x: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.template_save-flex label {
    display: flex;
    align-items: center;
}

.available_groups + .footer {
    justify-content: center;
}

.files {
    align-items: flex-start;
}

.connection__field {
    height: 36px;
    display: flex;
    align-items: center;
    font-size: var(--default-text-size);
    font-weight: var(--default-bolder-weight);
    line-height: 1.25;
    width: 400px;
}

.connection__field:has(.connection-with) {
    height: fit-content;
}

.connection__field .connection-with {
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    flex-shrink: 0;
    width: 100%;
}

#sub-groups-menu .title_menu-item {
    font-size: var(--default-text-size);
    font-weight: var(--default-unbold-weight);
    line-height: 1.25;
    color: var(--text-color-60, #666f82);
}

#sub-groups-menu .menu-icon {
    flex: 0 0 var(--default-icon-middle-size);
    height: var(--default-icon-middle-size);
    background-position: center !important;
}

.open-menu #sub-groups-menu .menu-item {
    padding: 14px 12px 14px 40px;
    transition: all 0.3s ease-in-out;
}

#sub-groups-menu .menu-item {
    padding: 14px 24px 14px 38px;
}

.menu-group .menu-item-add {
    width: 16px !important;
    height: 16px;
    background-color: transparent;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-image: url("--root/images/select.svg");
}


.insert_new_btn {
    border-radius: 4px;
    display: flex;
    padding: 12px 24px;
    padding-right: 48px;

    @rule --flex-center-text;
    font-size: var(--default-text-size);
    font-weight: var(--default-bolder-weight);
    line-height: 1.25;
}

.tabs_panel .tabs_panel .insert_new_btn, .team_in_group .insert_new_btn {
    position: absolute;
    top: 22px;
    right: 24px;
}

.row:has(.checkbox) {
    display: flex;
    justify-content: flex-end;
    gap: 0;
}

.row label.checkbox {
    width: 400px;
}

.row input[type="checkbox"] + label::before {
    margin-left: 0;
}

.page-title .group_layout .div_image {
    width: var(--medium-image-size) !important;
    height: var(--medium-image-size)  !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: var(--medium-image-size) var(--medium-image-size) ;
}

.____fav_holder.____fav {
    background: url("--root/images/BookmarkSimple-checked.svg") !important;
    display: inline-block;
    width: var(--default-icon-middle-size);
    background-size: var(--default-icon-background-middle-size) !important;
    height: var(--default-icon-middle-size);
}

.id_with_favorite {
    display: flex;
    align-items: center;
    gap: var(--smaller-gap);
}

.bgc_green {
    background-color: #c1fec9;
}

.bgc_white {
    background-color: var(--bg-white);
}

.wrapper > #tabs .tabs_panel .tabs_panel .tab_panel_header {
    border: none;
    height: 60px;
    align-items: stretch;
}

.wrapper #tabs > .tabs_panel .tab_panel_header {
    width: fit-content;
}

.dashboard__item {
    border-radius: 15px;
    padding: 15px 15px;
    padding-top: 30px;
    border: 3px solid grey;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.dashboard__item:hover {
    background-color: ghostwhite;
}

.dashboard__line,
.dashboard-view__line {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 15px;
    margin-bottom: 20px;
}

#dashboard {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 60px;
}

.dashboard-view__title {
    font-size: 24px;
    font-weight: 600;
    color: darkslategrey;
    border-bottom: 1px solid grey;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.dashboard-view__wrapper {
    display: inline-flex;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 100px;
    grid-column-gap: 55px;
}

.dashboard-view__item {
    position: relative;
    width: 200px;
    padding-top: 26px;
    cursor: grab;
}


.dashboard-view__item-title {
    font-size: 13px;
    margin-top: 5px;
}

.dashboard-view__status-name {
    font-size: 16px;
    color: rgb(71, 69, 69);
    font-weight: 700;
    margin-top: 9px;
}

.dashboard-view__view {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dashboard-view__icon {
    width: 30px;
}

.dashboard-view__issue {
    box-shadow: 4px 4px 8px 0px rgba(34, 60, 80, 0.2);
    border: 1px solid gainsboro;
    padding: 15px;
    margin-top: 15px;
    cursor: move;
}

.dashboard-view__issue-project {
    font-style: italic;
    font-size: 13px;
    color: gray;
    font-weight: 600;
    margin-bottom: 10px;
}

.dashboard-view__issue-id {
    font-style: normal;
}

.dashboard-view__issue-issueType {
    font-size: 14px;
    font-weight: 900;
    margin-right: 10px;
    color: rgb(50, 50, 136);
}

.dashboard-view__row img {
    margin-right: 5px;
}

.dashboard-view__row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}


.dashboard-view__issue-name {
    font-size: 14px;
    color: rgb(0, 0, 0);
    font-weight: 600;
}

.dashboard-view__issue-creator,
.dashboard-view__issue-performer {
    font-size: 14px;
    color: rgb(51, 49, 49);
    font-weight: 500;
}

.dashboard-view__issue-creator,
.dashboard-view__issue-performer,
.dashboard-view__issue-created {
    margin-top: 10px;
}

.dashboard-view__issue-created {
    display: flex;
    justify-content: flex-end;
}

.dashboard-view__border {
    border: 4px dashed gray;
}

.closed_items_container {
    height: 36px;
    display: flex;
    align-items: center;
}

.closed_items_container label {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 14px;
    font-size: 14px;
    color: var(--text-color-80, #34415A);
}

.buttons input {
    border: 1px solid var(--primary-color);
}

.search_form:has(.addBtn) {
    right: 0px !important;
    width: 100% !important;
}

.search_form:has(.addBtn.hidden) {
    right: auto !important;
    min-width: 900px !important;
}

.work_time_window {
    width: 500px;
    background-color: var(--bg-light-color);
    position: fixed;
    top: calc(50% - 200px);
    left: calc(50% - 250px);
    z-index: 99999999;
    padding: 32px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid var(--base-grey-40, #e8e8e8);
    border-radius: 4px;
    display: block;
}

.work_time_window input {
    background: white;
}

.team_in_group {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.team_in_group .table {
    width: 100%;
}

.team_in_group .td.data_cell:last-child {
    width: 100%;
}

.page__header .group_name {
    color: #34415A;
}

.page-title-wrapper .group_name {
    font-size: 20px;
}

.disabled_btn_chooser, .chooser_pagination .opacity {
    filter: grayscale(100%);
    opacity: 0.5;
    cursor: auto;
}

.magic_list_footer select {
    display: none;
}

.data_cell img[src*="true.png"] {
    width: 14px !important;
    height: 12px !important;
}

.td.data_cell > img[src*="false.png"] {
    width: 14px !important;
    height: 2px !important;
}

.days_info {
    top: calc(50% - 4px) !important;
}

.my_tasks {
    position: relative;
}

.tab_pane_title_counter {
    position: relative !important;
    top: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 500;
    height: var(--medium-image-size);
    min-width: var(--medium-image-size);
    /* line-height: calc(9/7) !important; */
    padding: 3.5px 8px !important;
    border-radius: 30px;
    background-color: var(--hover-color) !important;
}

.tab_panel_header:has(.bcg_for_arrow) {
    border-bottom: none;
}

.tab_panel_header:has(.bcg_for_arrow) .tab_pane_title, div.tab_title {
    border-bottom: 2px solid var(--base-grey-40, #e8e8e8);
}

.tab_pane_title:has(.bcg_for_arrow), .tab_pane_title.opened_tab, .tab_pane_title.closed_tab {
    border-bottom: none !important;
    display: flex;
    padding: 12px 16px 18px;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    color: var(--primary-color);
    height: 50px;
    font-size: var(--default-text-size);
    font-weight: 500;
    line-height: var(--default-line-height);
    width: 140px;
    position: sticky;
    right: 0px;

}

div.tab_title.___selected_tab,
.___selected_tab {
    border-bottom: 2px solid var(--primary-color) !important;
    color: var(--primary-color);
    z-index: 1;
}

.tab_panel_header:has(.opened_tab) {
    margin-bottom: 0;
}

.tab_pane_title.opened_tab::after, .tab_pane_title.closed_tab::after {
    content: '';
}

.bcg_for_arrow, .tab_pane_title.opened_tab::after, .tab_pane_title.closed_tab::after {
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px 16px;
}

.bcg_for_arrow, .tab_pane_title.closed_tab::after {
    background-image: url("--root/images/CaretDown-blue.svg");
}

.opened_tab .bcg_for_arrow, .tab_pane_title.opened_tab::after {
    background-image: url("--root/images/CaretUp-blue.svg");
}

.name_content img[src*="null.svg"] {
    border: 1px solid var(--primary-60, #6FA8FA);
    background: var(--base-blue-20, #F8FBFF);
    padding: 8px;
}

.tabs_panel .tabs_panel .tab_pane_title_counter {
    background-color: var(--base-grey-40, #E8E8E8) !important;
    font-size: 12px !important;
    font-weight: 500;
    line-height: calc(9 / 7) !important;
    color: var(--text-color-60, #666F82) !important;
}

.tabs_panel .tabs_panel .___selected_tab .tab_pane_title_counter {
    color: var(--text-color-80, #34415A);
}

.pg_table_container::-webkit-scrollbar-track {
    margin-top: 48px;
}

.red_bgc {
    background-color: #ffc8c8;
}

#main_tab, .my_tasks {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.new-selects__wrapper {
    display: flex;
    gap: var(--default-gap);
    margin: 16px 0px 20px 0px;
}

.search__chooser-field {
    flex: 0 0 256px;
    height: 38px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px 12px;
    @rule  --default-radiused-border;
    background-color: var(--bg-light-color);
}

.search__chooser-field .last_criteria_field {
    flex: 1 1 auto;
    border: 0;
    height: auto;
    width: fit-content;
    border: 0;
    background: none;
}

.search_remote_container-rm-im {
    width: var(--medium-image-size) !important;
    height: var(--medium-image-size) !important;
    background-size: var(--medium-image-size) var(--medium-image-size);
    background-repeat: no-repeat;
    background-position: center !important;
    cursor: pointer;
}

.template_div_ul .search_remote_container-rm-im {
    opacity: 0;
}

.content_data:not(:has(.tab_panel_header)), .content_data:has(.tab_panel_header) .tabs_panel-content {
    margin-top: 24px;
}

.content_data .tabs_panel {
    gap: 0px;
}

.preview_div + .wrap_preview_div:not(:has(.attach_preview_item.image_has_uploaded)) {
    display: none;
}

.wrap_preview_div:has(.attach_preview_item) + .uloaded_box .findFile > img {
    /*todo ?????*/
    top: -143px;
}

.wrap_preview_div.hidden + .uloaded_box .findFile > img {
    /*todo ????*/
    top: -28px;
}

#group-header-btn, .header-menu-wrapper #issue-create-btn {
    display: none;
}

.search_box_container > input {
    order: 0;
}

.table-btns-panel:has(.advanced_search) {
    order: 0;
}

.table-btns-panel:has(.reset_button_of_search) {
    order: 4;
}

.table-btns-panel:has(.save_template) {
    order: 2;
}

.table-btns-panel:has(.template_list) {
    order: 3;
}

.closed_items_container {
    order: 5;
}

.search_box_container .tags {
    order: 6;
    min-width: 100%;
}

.tab_pane_title {
    border-bottom: 2px solid var(--base-grey-40, #e8e8e8);
}

.no-demote, .no-promote {
    filter: grayscale(100%);
    opacity: 0.5;
    cursor: auto;
}

/* #main_tab > .tabs_panel {
  max-height: calc(100vh - 585px);
} */

.notify__modal {
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 99999;
    bottom: 307px;
    right: 82px;
    height: 200px;
    background-color: white;
    @rule  --default-radiused-border;
    overflow-y: scroll;
    padding: 20px 0px;
    box-sizing: border-box;
    padding-top: 40px;
    width: 347px;

}

.notify__item {
    padding: 5px 15px;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.notify__item:hover {
    background-color: var(--base-blue-40, #F1F8FF);
}

.notify__hover-item {
    background-color: var(--base-blue-40, #F1F8FF) !important;
}

.notify__email {
    font-size: var(--default-text-size);
    font-weight: var(--default-bolder-weight);
    color: var(--text-color-80);
}

.notify__wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.notify__empty {
    align-self: center;
    font-size: 20px;
    font-weight: 600;
    position: absolute;
    top: 50%;
}

.comment__notify {
    color: blue;
    cursor: pointer;
}

.comment .comment__notify > img {
    display: none;
}

.title_tab_image {
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--medium-image-size) var(--medium-image-size);
    width: var(--medium-image-size);
    height: var(--medium-image-size);
}

.pin_image, .pinned_image {
    width: var(--medium-image-size) !important;
    height: var(--medium-image-size) !important;
    background-size: var(--medium-image-size) var(--medium-image-size);
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;
    flex-shrink: 0;
}

.pin_image {
    background-image: url("--root/images/PushPin.svg") !important;
    opacity: 0;
}

.tab_pane_title:hover .pin_image {
    opacity: 1;
}

.pin_image.pinned_image {
    opacity: 1;
    background-image: url("--root/images/PushPin-selected.svg") !important;
}

.pin_image:hover, .pin_image.pinned_image:hover {
    background-image: url("--root/images/PushPin-hover.svg") !important;
}

.pin_image:active, .pin_image.pinned_image:active {
    background-image: url("--root/images/PushPin-active.svg") !important;
}

.modal_prompt .modal {
    position: relative;
    gap: 20px;
    top: 0;
    width: 600px;
}

.modal_prompt .modal > img {
    position: absolute;
    top: 32px;
    right: 32px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.modal_prompt .modal > .title {
    color: var(--text-color-60, #666f82);
    font-size: var(--header-font-size);
    font-weight: var(--default-bolder-weight);
    line-height: 1.2;
}

.modal_prompt .modal .status_label, .modal_prompt .modal .status_comment {
    color: var(--text-color-100, #031332);
    @rule --default-text-block;
    line-height: 1.25;
}

.modal_prompt .modal > .actions {
    justify-content: flex-end;
    height: fit-content;
}

.criteria_element .input_chooser {
    @rule --default-radiused-border;
    width: 256px;
    display: flex;
    align-items: center;
    padding: 8px 12px;
}

.criteria_element .input_chooser a {
    color: inherit;
    font-size: var(--default-text-size);
    font-weight: 400;
    color: var(--text-color-80, #34415a);
    max-width: 190px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.criteria_element .input_chooser .inner_selector {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.criteria_element .input_chooser .inner_selector > .div_image {
    position: absolute;
    right: 12px;
    top: 10px;
    width: var(--default-icon-small-size) !important;
    height: var(--default-icon-small-size) !important;
    background-size: var(--default-icon-small-size) var(--default-icon-small-size) !important;
    background-position: center !important;
    background-image: url("--root/images/PlusCircle.svg") !important;
}

.criteria_element .input_chooser .inner_selector .div_image {
    background-repeat: no-repeat;
    cursor: pointer;
}

.criteria_element .input_chooser .inner_selector .container:has(.item[data-id]) {
    display: flex;
    height: 28px;
    max-width: 240px;
    padding: 4px 8px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--base-grey-100, #C7C7C7);
    background: var(--bg-white, #FFF);
    text-overflow: ellipsis;
    text-wrap: nowrap;
    overflow: hidden;
}

.criteria_element .input_chooser .inner_selector .container .value_span {
    padding: 0;
}

.menu-icon .___profile_picture {
    padding: 1px;
    width: var(--default-icon-size);
    height: var(--default-icon-size);
}

.personal_settings_wrapper, .saved_searches, .notification_settings {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.tabs_panel:has(.personal_settings_wrapper), .tabs_panel:has(.saved_searches), .tabs_panel:has(.notification_settings) {
    padding: 0;
}

.personal_settings_wrapper .warning {
    display: flex;
    align-items: center;
    gap: var(--smaller-gap);
    margin-bottom: 24px;
}

.personal_settings_wrapper .warning_text {
    font-size: var(--default-text-size);
    line-height: calc(5 / 4);
    color: #D60202;
}

.menu-icon:has(.___user) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    min-width: 100%;
    width: auto;
    gap: var(--smaller-gap) ;
}

.menu-item:has(.___user):hover {
    background: #FFFFFF;
    cursor: auto;
}

.menu-icon .___user {
    flex-basis: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}

.modal_prompt .comment {
    display: flex;
    flex-direction: column;
    gap: var(--smaller-gap);
}

.modal_prompt .comment textarea {
    padding: 12px;
    height: 64px;
    border: none;
    background: white;
    margin: 0;
    min-width: 100% !important;
    resize: none;
    @rule  --default-text-block;
    line-height: 1.25;
    font-family: var(--font-family);
    @rule --default-radiused-border;
}

#created_date {
    color: #979eaa;
    /* todo Why 16h?*/
    font-size: 14px;
    font-weight: var(--default-unbold-weight);
}

#id_issue {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 96px;
}

.tag_value_container .inner_selector .container .item .value_span {
    display: flex;
    align-items: center;
    gap: var(--smaller-gap);
}

#current_user:has(.___profile_picture) > div {
    @rule --flex-center-text;
}

.selection .selection {
    padding: 4px 12px;
}

.selection_div:hover,
.selection:has(.selection):hover,
.selection:has(.search_item):hover {
    background: var(--base-blue-40, #F1F8FF);
}

.selector:has(.selection) {
    gap: 0;
}

.tab_pane_title:has(.bcg_for_arrow), .tab_pane_title.opened_tab, .tab_pane_title.closed_tab {
    align-self: flex-start;
}

#notification_btn {
    width: var(--medium-image-size) !important;
    height: var(--medium-image-size) !important;
}

.issue__info-buttons .close_auto_form, .issue-comments__button .save_auto_form, .close-chooser-btn {
    height: 44px;
}

.bcg_for_arrow {
    display: none;
}

.lang_ru {
    background: url("--root/images/russian-flag.svg") no-repeat;
}

.lang_en {
    background: url("--root/images/usa-flag.svg") no-repeat;
}

.lang_pl {
    background: url("--root/images/poland-flag.svg") no-repeat;
}

.language {
    background-size: 22px 16px !important;
}

.criteria_element > .date-row {
    width: 256px;
    height: 38px;
    @rule   --default-radiused-border;
    display: flex;
    align-items: center;
    padding: 8px 12px;
    @rule --default-text-block;
    color: var(--text-color-80, #34415a);
    cursor: pointer;
}

.connection__row {
    align-items: flex-start;
}

.issue-to-issue__row {
    display: flex;
}

.background_switch {
    width: 50px;
    height: 30px;
    border-radius: 30px;
    position: relative;
    margin: 10px;
}


.background_switch.switch_on {
    background: #02d247d6;
}

.background_switch.switch_off {
    background: #f73232;
}


.toggle_switch {
    width: 25px;
    height: 25px;
    border: 2px solid black;
    border-radius: 50%;
    position: absolute;
    top: 8%;
}

.switch_off .toggle_switch {
    left: 8%;
    transition-duration: 500ms;
    transition-property: left
}

.switch_on .toggle_switch {
    left: 42%;
    transition-duration: 500ms;
    transition-property: left
}


.connection__row .connection-tree-node_text {
    max-width: 100px;
}

.form-content-wrapper:has(.tab_panel_header) .formTitle {
    margin-bottom: 4px;
}

.form-content-wrapper:has(.form-content > .tabs_panel) {
    gap: 0;
}

.form-content:has(.tabs_panel) {
    margin-bottom: 24px;
}

.form-window .tab_pane_title {
    padding-top: 0;
}

.row_label_container {
    padding: 8px 0;
    font-weight: 500;
    color: var(--text-color-80, #34415a);
    display: flex;
}

.row_label_container .text_label, .issue__text-row-title, .field_content .label {
    font-weight: var(--default-bolder-weight);
    color: var(--text-color-80, #34415a);
    font-size: var(--default-text-size);
}

.chooser-wrapper:has(.available_groups) > div {
    width: auto;
    padding: 32px;
    @rule --default-radiused-border;
    background-color: var(--bg-light-color);
    box-shadow: var(--box-shadow);
    display: flex;
    flex-direction: column;
}

.data_header__content:has(img[data-field="status"]) {
    padding-left: 64px;
}

.data_header__content:has(img[data-field="priority"]),
.data_header__content:has(img[data-field="issueFlow"]),
.data_header__content:has(img[data-field="issueType"]),
.data_header__content:has(img[data-field="sprint"]),
.issue .data_header__content:has(img[data-field="project"]),
.data_header__content:has(img[data-field="group"]),
.data_header__content:has(img[data-field="performer"]),
.data_header__content:has(img[data-field="team"]),
.data_header__content:has(img[data-field="groupType"]),
.data_header__content:has(img[data-field="defaultIssueFlow"]),
.data_header__content:has(img[data-field="language"]),
.sprint .data_header__content:has(img[data-field="status"]),
.project .data_header__content:has(img[data-field="status"]),
.project_flow .data_header__content:has(img[data-field="projectType"]),
.board .data_header__content:has(img[data-field="flow"]),
.data_header__content:has(img[data-field="issue"]),
.data_header__content:has(img[data-field="model"]),
.data_header__content:has(img[data-field="leader"]),
.data_header__content:has(img[data-field="parent"]),
.my_tasks .data_header__content:has(img[data-field="project"]) {
    padding-left: 36px;
}


.default_order_btn {
    background-color: var(--bg-light-color);
}

.project_version .data_header__content:has(img[data-field="group"]) {
    padding-left: 24px;

}

.modal-group {
    right: 32px !important;
}

.page-title-wrapper .page-title {
    margin: 0;
}

.page-title-wrapper .group_name .div_image {
    display: none !important;
}

.default_order_btn {
    border: none;
    width: 24px;
    height: 24px;
    background-size: var(--default-icon-size);
    background-image: url("--root/images/ArrowClockwise.svg");
    background-repeat: no-repeat;
    background-position: center;
    padding: 0;
    margin-left: 12px;
    color: transparent;
    order: 2;
    cursor: pointer;
}

.default_order_btn:hover {
    background-image: url("--root/images/ArrowClockwise-hover.svg");
}

.default_order_btn:active {
    background-image: url("--root/images/ArrowClockwise-active.svg");
}

.default_order_btn.active_btn {
    background-color: #eaffe6;
}

.input__error-border {
    border: 1px solid #f1416c;
}

.input_chooser .container .search_item {
    height: 24px;
    display: flex;
    align-items: center;
}

.criteria_element .inner_selector > .div_image:hover {
    background-image: url("--root/images/PlusCircle-hover.svg") !important;
}

.criteria_element .inner_selector > .div_image:active {
    background-image: url("--root/images/PlusCircle-active.svg") !important;
}

.grafs > div {
    max-width: 100% !important;
    height: 100% !important;
}

.form-name-field__info-row {
    display: flex;
    align-items: center;
    margin-top: 8px;
    flex-wrap: wrap;
}

.form-name-field__info-span {
    margin-right: auto;
    height: 22px;
    @rule --default-text-block;
    text-wrap: nowrap;
    width: calc(100% - 50px);
    margin-bottom: 8px;
}

.form-name-field__info-wrapper {
    width: 400px;
    margin-top: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.form-name-field__info-similar {
    display: flex;
    align-items: center;
    height: 36px;
    gap: 8px;
}

.form-name-field__info-issue {
    max-width: 360px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.descr_wrap {
    position: relative;
}

.prompt_descr_div {
    position: absolute;
    background-color: white;
    /*todo why -10?*/
    top: -10px;
    left: 36px;
    z-index: 100;
    border-radius: 8px;
    width: 150px;
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.16), 0px 0px 4px 0px rgba(0, 0, 0, 0.04);
    padding: 12px;
    color: var(--text-color-80, #334a5a);
    font-size: 12px;
    font-weight: 400;
    /*todo new line height?*/
    line-height: 16px;
}

.prompt_descr_div::before {
    position: absolute;
    top: 12px;
    left: -9px;
    content: "";
    display: block;
    width: 10px;
    height: 15px;
    background: white;
    position: absolute;
    clip-path: polygon(100% 0, 0 50%, 100% 100%);
    border-radius: 8px;
    border: none;
    z-index: 99;
}

.descr_wrap .prompt_descr_div {
    display: none;
    transition: 0.4s;
}

.descr_wrap .prompt_descr_image {
    opacity: 1;
    transition: 0.4s;
}

.descr_wrap .prompt_descr_image:hover {
    opacity: 0;
    transition: 0.4s;
}

.prompt_descr_image:hover ~ .prompt_descr_div {
    display: block;
    transition: 0.4s;
}

.row_label_container:has(label[for="name"]) {
    align-self: flex-start;
}

.work_time_title {
    font-size: var(--header-font-size);
    font-weight: var(--default-bolder-weight);
    line-height: calc(6 / 5);
    color: var(--text-color-80, #34415A);
    margin-bottom: 24px;
}

.input_time_title, .description_title, .celendar_title, .hr_worklog {
    color: var(--text-color-100, #001d31);
    @rule --default-text-block;
    margin-bottom: 8px;
}

.hr_worklog {
    margin-bottom: 16px;
}

.chooser_class {
    margin-top: 8px;
}

.work_time_window textarea {
    resize: none;
    border-radius: 4px;
    padding: 8px 12px;
    color: var(--text-color-80, #34415a);


    @rule --default-text-block;
    border: 1px solid var(--base-grey-100, #c7c7c7);
    height: 36px;
    margin-top: 0;
    margin-bottom: 16px;
    overflow: hidden;
}

.work_time_window input[type="text"] {
    height: 36px;
    padding: 8px 12px;
    margin-bottom: 16px;
}

.work_time_window .work_log_calendar {
    color: var(--text-color-80, #34415a);
    @rule --default-text-block;
    margin-bottom: 16px;
}

.work_time_window input[type="button"] {
    display: inline-flex;
    width: fit-content;
    text-wrap: nowrap;
    height: 44px;
    padding: 12px 24px;
    cursor: pointer;
    margin-left: auto;
    margin-top: 8px;
}

.work_time_window input[type="button"]:last-child {
    margin-left: 16px;
}

.group_work_log img, .user_work_log img, .project_work_log img {
    width: var(--medium-image-size)!important;
    height: var(--medium-image-size) !important;
}

.group_work_log {
    font-size: var(--default-text-size);
    line-height: calc(5 / 4);
}

#worklog_tab_page {
    display: flex;
    flex-direction: column;
}

.row .description:has(.descr_wrap) {
    margin-right: auto;
    align-self: flex-start;
}

.row .descr_wrap {
    margin-top: 10px;
    cursor: pointer;
    margin-right: auto;
    align-self: flex-start;
    width: var(--default-icon-small-size);
    height: var(--default-icon-small-size);
    background-position: center;
    background-repeat: no-repeat;
    background-size: var(--default-icon-background-small-size);
}

.row .descr_wrap {
    background-image: url("--root/images/QuestionInCircle.svg");
}

.row .descr_wrap:hover {
    background-image: url("--root/images/QuestionInCircle-hover.svg");
}

.row .descr_wrap:active {
    background-image: url("--root/images/QuestionInCircle-active.svg");
}

.row .descr_wrap img {
    opacity: 0;
    width: var(--default-icon-small-size) !important;
    height: var(--default-icon-small-size) !important;
}

.row .description .descr_wrap {
    margin-right: 0;
}

.row.connection {
    align-items: flex-start;
}

.status_life_div {
    width: var(--default-icon-middle-size);
    height: var(--default-icon-middle-size);
}

.status_not_expired {
    background-size: cover;
    background-image: url("--root/images/smile.png") !important;
}

.status_expired {
    background-size: cover;
    background-image: url("--root/images/not_smile.png") !important;
}

.spend_time {
    margin-left: 20px;
}

.issue_time_container {
    display: flex
}

.user_div {
    background-color: #bdc2ff;
    /*todo 60 px? ???*/
    gap: 60px;
    margin: 20px;
    display: flex;
    align-items: baseline;
}

.project_div {
    gap: 60px;
    background: antiquewhite;
    display: flex;
    font-size: medium;
    font-weight: 400;
    margin-top: 20px;
}

.user_in_project {
    gap: 60px;
    background: rgb(215, 250, 227);
    display: flex;
    margin-bottom: 5px;

}

.group_div {
    margin-top: 10px;
    background-color: beige;
    gap: 60px;
    display: flex;
    margin-bottom: 5px;
}

.project_in_div_group {
    gap: 60px;
    display: flex;
    margin-left: 20px;
    background-color: rgb(220, 245, 243);
}

.hr_div {
    gap: 60px;
    display: flex;
    margin-left: 40px;
    background-color: rgb(240, 220, 245);
}

.users_hour_wrapper {
    display: flex;
    align-items: baseline;
    background-color: antiquewhite;
    gap: 70px;
    /*todo 60 / 70 */
    margin-top: 20px;
}

.group_hour_wrapper {
    display: flex;
    align-items: baseline;
    background-color: rgb(231, 215, 250);
    margin-left: 20px;
}

.project_hour_wrapper {
    display: flex;
    align-items: baseline;
    background-color: rgb(215, 250, 215);
    gap: 60px;
    margin-left: 30px;

}

.project_work_log .users_hour_wrapper {
    margin-left: 10px;
    margin-top: 2px;
}

.project_work_log .project_hour_wrapper {
    margin-top: 20px;
    margin-left: 0px;
}

.group_work_log .group_hour_wrapper {
    margin-left: 0px;
    margin-top: 20px;
}

.group_work_log .project_hour_wrapper {
    margin-left: 10px;
    margin-top: 2px;
}

.group_work_log .users_hour_wrapper {
    margin-left: 20px;
    margin-top: 2px;
}

.group_name {
    margin-left: 5px;
    margin-right: 50px;
}

.total_hour {
    display: flex;
    gap: 50px;
    font-size: medium;
    font-weight: 700;
    @rule --default-radiused-border;
}

#more-info-checkbox + label, #all-group-name-search + label {
    margin-bottom: 8px;
}

.tabs_panel:has(.content_data) .tab_panel_header, .tabs_panel:has(.content_data) .tabs_panel .tab_panel_header {
  width: calc(100% - 148px) !important;
  overflow-x: auto;
  position: relative;
}

.tabs_panel:has(.content_data) .tabs_panel .tab_panel_header {
    width: calc(100% - 148px) !important;
}

.tab_pane_title_counter:hover {
    color: var(--buttont-text-color) !important;
}

.sortable_panel .form_close_btn {
    position: static !important;
}

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

.td.data_cell .____fav_holder {
    width: var(--default-icon-small-size);
    height: var(--default-icon-small-size);
    background-size: var(--default-icon-small-size) var(--default-icon-small-size);
    margin: 0;
}

.wrapper:has(.grafs) #main_tab > .tabs_panel {
    padding: 0;
}

.row__wrapper .text-field__input-wrapper {
    max-width: 400px;
}