body {
    font-family: "t2_textsans_regular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #000000;
}

a:active, a:focus {
    outline: none;
}

input, textarea {
    outline: none;
}

input:active, textarea:active {
    outline: none;
}

:focus {
    outline: none;
}

textarea {
    resize: none;
}

textarea {
    resize: vertical;
}

textarea {
    resize: horizontal;
}

h3 {
    font-size: 22px;
    line-height: 26px;
    color: #1f2229;
}

header:after {
    content: '';
    display: block;
    clear: both;
}

.hasDatepicker {
    /*z-index: 99999999999999;*/
}

.header__logo, .logo {
    display: inline-block;
    float: left;
    width: 53px;
    height: 53px;
    background: url('../img/logo.png') no-repeat;
    margin-right: 37px;
    margin-top: 10px;
}

.wtt-logo {
    display: inline-block;
    float: left;
    margin-right: 37px;
    margin-top: 5px;
}

nav {
    display: inline-block;
}

nav ul {
    margin: 0;
    list-style: none;
}

nav ul li {
    display: inline-block;
    padding: 27px 0 18px;
}

nav ul li a {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 1.22;
    color: #FFFFFF;
    margin-right: 40px;
    font-family: "t2_serif-regular";
}
nav ul li a:hover {
    background-color: #282829;
}

nav ul li a span {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.29;
    color: #1f2229;
    margin-left: 8px;
}

.user-nav {
    display: inline-block;
    float: right;
    padding-top: 20px;
    /* width: 290px; */
}

.user-nav li {
    position: relative;
    display: inline-block;
    float: left;
    cursor: pointer;
}

.user-nav .user-nav-bell em, .page__filter-filter em {
    font-size: 8px;
    width: 14px;
    height: 14px;
    line-height: 15px;
    top: 0;
}

.stateIndicator
{
    display: inline-block;
    font-size: 10px;

    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    top: 0;
    background: #FF002A;
    color: #ffffff;
    border-radius: 50%;
}

.user-nav li .ico {
    font-size: 32px;
}

.user-nav li.user-nav-login span {
    padding-left: 10px;
    line-height: 35px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
}




.user-nav li.user-nav-login {
    position: relative;
}

.user-nav li.user-nav-login i.icon-user-drop {
    float: left;
    margin-right: 8px;
}

.user-nav li.user-nav-login i.icon-chevron {
    font-size: 5px;
    font-weight: bold;
    margin-left: 6px;
    top: -1px;
    position: relative;
}

.user-nav li.user-nav-login i.icon-expander-arrow {
    font-size: 23px;

    position: relative;

    top: 5px;
}

.bell-content, .login-content {
    display: none;
    opacity: 0;
    visibility: none;
    position: absolute;
    top: 45px;
    right: 0;
    width: 448px;
    height: auto;
    background-color: #ffffff;
    font: 1.3rem/1.15 "t2_textsans_regular";
    border: 1px #d1d8d6 solid;
    z-index: 99999;
}

.bell-content.on, .login-content.on {
    display: block;
    opacity: 1;
    visibility: visible;
    overflow-x: hidden;
}

.bell-items li {
    padding-bottom: 16px;
    border-bottom: 1px #d1d8d6 solid;
    margin-left: 0;
    padding-left: 20px;
    padding-top: 16px;
}

.bell-items li:hover {
    background: rgba(232, 232, 237, 0.3);
}

.bell-title {
    display: block;
    font-size: 16px;
    color: #1f2229;
    height: 47px;
    line-height: 47px;
    background-color: #e8e8ed;
    padding: 0 22px;
}

.bell-ico {
    font-size: 33px;
    width: 32px;
    float: left;
    margin-right: 8px;
}

.bell-wrap {
    padding-left: 40px;
}

.bell-name {
    font-size: 13px;
    font-weight: bold;
    line-height: 1.15;
    color: #1f2229;
    text-decoration: underline;
}

.bell-type {
    font-size: 13px;
    line-height: 1.15;
    color: #1f2229;
    margin-left: 4px;
}

.bell-text {
    font-size: 13px;
    line-height: 1.15;
    color: #1f2229;
    margin-top: 5px;
    margin-bottom: 7px;
}

.bell-data {
    font-size: 13px;
    line-height: 1.38;
    color: #8f9399;
}

.login-content {
    width: 600px;
    border-radius: 12px;
    border: 0px !important;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

}

.login-content h5 {
    font-weight: normal;
    font-family: "t2_textsans_regular";
    margin-bottom: 12px;
}

.my-info.compact h5 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.38;
    color: #1f2229 !important;
    font-family: "t2_textsans_regular";
    margin-bottom: 8px;
}

.login-content > .row > div:nth-child(1) {
    background-color: #f5f5fa;
    padding-left: 12px;
}

.my-info, .in-work {
    padding-left: 24px;
}

.my-info {
    padding-top: 27px;
    margin-bottom: 28px;
}

.my-info.compact {
    padding-top: 26px;
    margin-bottom: 8px;
}

.profile-grid {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2px 0;
}

.profile-item .label {
    font-weight: 500;
    color: #1f2229 !important;
    min-width: 100px;
    font-size: 14px;
    font-family: "t2_textsans_regular";
}

.profile-item .value {
    font-weight: 600;
    color: #1f2229 !important;
    text-align: right;
    font-size: 14px;
    font-family: "t2_textsans_regular";
}

.profile-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.profile-line {
    padding: 2px 0;
    font-size: 14px;
    font-family: "t2_textsans_regular";
    color: #1f2229 !important;
    line-height: 1.4;
}

.profile-line strong {
    font-size: 14px;
    font-weight: 600;
    color: #1f2229 !important;
    font-family: "t2_textsans_regular";
}

.stats-container {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.stats-section h5 {
    margin-bottom: 4px;
    font-size: 14px;
    color: #1f2229 !important;
    font-family: "t2_textsans_regular";
    font-weight: normal;
}

.stats-block {
    background: #ffffff;
    border-radius: 24px;
    padding: 8px;
    margin-bottom: 8px;
}

.stats-row {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 2px;
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1;
    padding-left: 0px !important;
}

.stat-label {
    font-size: 12px;
    color: #1f2229 !important;
    white-space: nowrap;
    font-family: "t2_textsans_regular";
}

.stat-value {
    font-size: 14px;
    font-weight: 600;
    color: #1f2229 !important;
    font-family: "t2_textsans_regular";
}

.my-info ul li, .in-work ul li {
    display: block;
    margin-left: 0;
    font-size: 14px;
    line-height: 1.29;
    color: #1f2229;
    float: none;
}
.my-info-value {
    color: #1f2229 !important;
}

.my-info ul li {
    margin-bottom: 8px;
}

.in-work h5 {
    margin-bottom: 12px;
}

.in-work ul li span, .in-work ul li {
    font-size: 16px;
    line-height: 1.38;
    color: #8f9399;
}

.login-content .in-work ul li span {
    position: relative;
    /* top: 2px; */
    font-size: 16px;
    font-weight: bold;
    line-height: 1.38;
    /*color: #1f2229;*/
    margin-right: 6px;
}

.skill {
    margin-top: 46px;
    padding: 0 24px 27px;
}

.skill:after {
    content: '';
    display: block;
    clear: both;
}

.skill-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.skill__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.skill__item2 {
    display: inline-block;
    width: auto;
    margin-right: 27px;
}

.skill__name {
    font-size: 16px;
    line-height: 1.38;
    color: #1f2229;
}

.skill__value {
    font-size: 32px;
    font-weight: bold;
    line-height: 0.88;
    color: #1f2229;
}

.login-content > .row > div:nth-child(2) {
    padding-left: 20px;
}

.my {
    padding-left: 26px;
}

.my-name {
    margin-top: 27px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.38;
    color: #1f2229;
}

.my-mail {
    font-size: 16px;
    line-height: 1.38;
    color: #1f2229;
}

.my-nav {
    margin-top: 26px;
    padding-top: 22px;
    border-top: 1px #eaeaea solid;
    padding-left: 26px;
}

.my-nav li {
    display: block;
    margin-left: 0;
    float: none;
    line-height: 1;
}

.my-nav li a {
    font-size: 16px;
    line-height: 1.38;
    color: #8f9399;
}

.header__title {
    line-height: 39px;
    font-size: 18px;
    font-family: "t2_serif-bold";
    color: #ffffff;
    /* margin-top: 8px; */
    /* background-color: #1f2229; */
}

.page__filter_row
{
    padding-right: 20px;
    width: 100%;
    
    .page__filter {
        display: flex;
        justify-content: flex-end;
        padding-left: 0; /* если есть отступ слева по умолчанию */
        margin: 0;       /* если есть отступы у ul */
        list-style: none; /* чтобы не было маркеров */    
    }
}


.page__filter {
    list-style: none;
    text-align: right;
}

.page__filter li {
    position: relative;
    display: inline-block;
    line-height: 32px;
    padding-left: 33px;
    margin-left: 28px;
    cursor: pointer;
}

.page__filter li a {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8f9399;
}

.page__filter li .page__filter-ico {
    position: absolute;
    top: 0;
    left: 0;
}

.page__filter li.page__filter-excel i, .page__filter li.page__filter-filter i {
    font-size: 26px;
    color: #8f9399;
}

.page__filter-important, .page__filter-remove {
    opacity: 0;
}

.page__filter-important.on, .page__filter-remove.on {
    opacity: 1;
}

.page__filter-filter {
    padding-right: 0px;
}

.page__filter-filter a {
    position: relative;
    padding-right: 18px;
    width: 71px;
    display: inline-block;
}

.page__filter-filter .icon-expander-arrow {
    display: none;
    position: absolute;
    top: 6px;
    right: 0;
    -moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
}

.wrapper .container {
    margin-top: 20px;
}

.wrapper {
    background-color: #FFFFFF;
    border-radius: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-height: 610px;
}

.personal-data-page .wrapper .container {
    margin-top: 38px;
}

.dashboard > .row {
    margin-left: 0px;
    margin-right: 0px;
}

.dashboard__item {
    height: 350px;
    padding: 0;
    margin-left: 16px;
    border-radius: 32px;
    margin-bottom: 20px;
    width: 200px;
}

.dashboard__item:nth-child(1) {
    background-color: #00BFFF;
}

.dashboard__item:nth-child(2) {
    background-color: #000000;
}

.dashboard__item:nth-child(3) {
    background-color: #0000FF;
}
.dashboard__item:nth-child(4) {
    background-color: #23272F;
}

.dashboard__ico {
    position: relative;
    width: 84px;
    height: 84px;
    margin-top: 32px;
    margin-left: 32px;
    background-color: #FFFFFF4C;
    border-radius: 32px;

}

.dashboard__ico img {
    width: 47px;
    height: 47px;
    margin-top: 18px;
    margin-left: 18px;
}


.dashboard__name {
    font-size: 2rem;
    font-family: "t2_serif-bold";
    line-height: 1.11;
    text-align: left;
    color: #ffffff;
    margin-top: 28px;
    margin-left: 28px;
    padding-top: 100px;
    /* padding-bottom: 54px; */
    /* border-bottom: 1px rgba(255, 255, 255, 0.4) solid; */
}


.dashboard__help,
.dashboard__help * {
    box-sizing: border-box;
}
.dashboard__help {
    margin-left: 30px;
    margin-top: 30px;  
}
.dashboard__help_icon {
    width: 20px;
    height: 20px;
    position: relative;
    overflow: visible;
    cursor:default;
}


.dashboard__add {
    display: block;
    padding-top: 15px;
}
.dashboard__shevron {
    position: absolute;
    left:160px;
    top: 30px;
}

.dashboard__add i {
    /* position: absolute;
    top: 50%;
    left: 50%; */
    margin-left: 28px;
    font-size: 40px;
    color: #fff;
    /* transform: translate(-50%, -50%); */
}

.dashboard__help_container {
  position: relative;
  display: inline-block;
}


.dashboard__tooltip,
.dashboard__tooltip * {
  box-sizing: border-box;
}
.dashboard__tooltip {
  background: var(--color-universal-background-black-level-3, #333333);
  border-radius: var(--radius-8, 8px);
  padding: var(--space-12, 12px);
  display: flex;
  flex-direction: row;
  gap: var(--space-0, 0px);
  align-items: center;
  justify-content: center;
  /* min-width: 50px;
  max-width: 256px; */
  width: 250px;

  position: absolute;
  top: 60px; /* сместить вниз под иконку */
  left: 20px;  
  z-index: 9999;
  display: none; /* скрыт по умолчанию */  
}

/* Адаптивное позиционирование для предотвращения выхода за границы экрана */
.dashboard__help_container {
  position: relative;
}

.dashboard__help_container:hover .dashboard__tooltip {
  display: flex;
}

/* Если тултип выходит за верхнюю границу, показываем его снизу */
@media (max-height: 400px) {
  .dashboard__tooltip {
    top: auto;
    bottom: 100%;
    margin-bottom: 10px;
  }
  
  .dashboard__tooltip-tooltip-pointer {
    top: auto;
    bottom: -7px;
    transform: rotate(180deg);
  }
}

/* Если тултип выходит за правую границу, сдвигаем влево */
@media (max-width: 768px) {
  .dashboard__tooltip {
    left: auto;
    right: 0;
    transform: translateX(0);
  }
}
.dashboard__label {
  color: var(--color-universal-text-white-10, #ffffff);
  text-align: left;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dashboard__tooltip-tooltip-pointer {
  flex-shrink: 0;
  width: 26px;
  height: 7px;
  position: absolute;
  left: 8px;
  top: -7px;
  overflow: visible;
}
.dashboard__help_icon:hover + .dashboard__tooltip {
  display: flex; /* показываем при наведении */
}

.breadcrumb {
    list-style: none;
    margin: 0px 0 38px;
    padding: 0;
}

.breadcrumb > li {
    display: inline-block;
    padding-right: 18px;
    margin-right: 8px;
}

.breadcrumb > li a {
    font-size: 14px;
    line-height: 1.29;
    color: #8f9399;
}

.breadcrumb > li:first-child {
    text-decoration: underline;
}

.breadcrumbs > li + li:before {
    color: #cccccc;
    content: ">";
    display: inline-block;
    padding: 0 5px;
}

.content-box h1 {
    margin-bottom: 3.6rem;
}

.form-actions {
    margin-top: 0.0rem;
}

.form-actions a {
    margin-right: 2.4rem;
}

.accordion__title {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8f9399;
    padding: 15px 0;
    border-top: 1px #d1d8d6 solid;
}

.accordion__text {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #1f2229;
    border-bottom: 1px #d1d8d6 solid;
}

.accordion__title:last-child {
    border-bottom: 1px #d1d8d6 solid;
}

.ui-accordion-header-icon {
    display: block;
    width: 10px;
    height: 10px;
    background: url(../img/expander-arrow.svg) no-repeat;
    background-size: contain;
    position: absolute;
    right: 18px;
    -moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
}

.ui-accordion-header-active .ui-accordion-header-icon {
    -moz-transform: rotate(0deg); /* Для Firefox */
    -ms-transform: rotate(0deg); /* Для IE */
    -webkit-transform: rotate(0deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(0deg); /* Для Opera */
    transform: rotate(0deg);
}

.current-section-menu .section-menu-line {
    /* height: 60px; */
    border-bottom: 1px solid #e8e8ed;
    font-size: 18px;
    /* line-height: 26px; */
    /* white-space: nowrap; */
}

.current-section-menu .section-menu-line ul {
    display: inline-block;
}

.current-section-menu .section-menu-line .select-field-holder {
    width: 265px;
    float: right;
    padding: 0;
    margin: 0;
    position: relative;
    top: 11px;
}

.current-section-menu .section-menu-line .select-field-holder ul, .current-section-menu .section-menu-line .select-field-holder ul li {
    display: block;
    margin: 0;
}

.current-section-menu .section-menu-line ul li {
    display: inline-block;
    margin-right: 32px;
}

.current-section-menu .section-menu-line a {
    /* color: #8f9399; */
    display: block;
    height: 60px;
    line-height: 59px;
    /* border-bottom: 1px solid transparent */
    /* font-weight: bold; */
}

.current-section-menu .section-menu-line a.active, .current-section-menu .section-menu-line ul li:hover a {
    color: #1f2229;
    border-bottom-color: #1f2229;
    font-weight: bold;
}

.current-section-menu .container, .personal-data-page .current-section-menu .container {
    margin-top: 0;
}

.current-section-menu .section-menu-line .create_idea a, .create_idea i {
    /* color: #00BFFF; */
    /* font-family: "t2_serif-bold"; */
}

.current-section-menu .section-menu-line .create_idea a:hover {
    /* color: #00BFFF; */
    /* font-family: "t2_serif-bold"; */
}

.create_idea i, .create_test i, .create_improvement i, .create_practice i {
    position: relative;
    top: 4px;
    font-size: 28px;
}

.current-section-menu .section-menu-line .create_practice a, .create_practice i {
    /* color: #FF3495; */
    /* font-weight: bold; */
}

.current-section-menu .section-menu-line .create_practice a:hover {
    /* color: #FF3495; */
    /* font-weight: bold; */
}


.current-section-menu .section-menu-line .create_test a, .create_test i {
    /* color: #A7FC00; */
    /* font-weight: bold; */
}

.current-section-menu .section-menu-line .create_test a:hover {
    /* color: #A7FC00; */
    /* font-weight: bold; */
}

.current-section-menu .section-menu-line .create_improvement a, .create_improvement i {
    /* color: #0000FF; */
    /* font-weight: bold; */
}

.current-section-menu .section-menu-line .create_improvement a:hover {
    /* color: #0000FF; */
    /* font-weight: bold; */
}

.header__search {
    float: right;
    width: 266px;
}

.header__search input {
    font-size: 16px;
    line-height: 1.38;
    color: #ffffff;
    background: inherit;
    border: 0px;
    width: 235px;
}

.header__search i {
    font-size: 24px;
    position: relative;
    top: 4px;
}

.header__search input::-webkit-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.header__search input::-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

/* Firefox 19+ */
.header__search input:-moz-placeholder {
    color: #ffffff;
    opacity: 1;
}

/* Firefox 18- */
.header__search input:-ms-input-placeholder {
    color: #ffffff;
    opacity: 1;
}

.rating {
    border: none;
    float: left;
}

div.stars {
    width: 210px;
    display: inline-block;
}

input.star {
    display: none;
}

label.star {
    float: right;
    padding: 10px;
    font-size: 36px;
    color: #444;
    transition: all .2s;
}

input.star:checked ~ label.star:before {
    background: url(../img/star_a.png) center no-repeat;
    transition: all .25s;
}

label.star:before {
    content: '';
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/star.png) center no-repeat;
}

.rev-box {
    overflow: hidden;
    height: 0;
    width: 100%;
    transition: all .25s;
}

textarea.review {
    background: #222;
    border: none;
    width: 100%;
    max-width: 100%;
    height: 100px;
    padding: 10px;
    box-sizing: border-box;
    color: #EEE;
}

label.review {
    display: block;
    transition: opacity .25s;
}


input.star:checked ~ .rev-box {
    height: 125px;
    overflow: visible;
}

.settings__item {
    padding-bottom: 20px;
    border-bottom: 1px #d1d8d6 solid;
    margin-bottom: 20px;
}

.settings__item > div:nth-child(1) {
    padding-left: 0;
}

.table-responsive {
    min-height: .01%;
    width: 100%;
}

.table-responsive table {
    width: 100%;
}

.table-bordered, .table > div > * > div {
    position: relative;
    border-top: 1px solid #d1d8d6;
    padding: 27px 12px 18px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #1f2229;
}

.table > div:first-child > * > div {
    vertical-align: bottom;
    border-bottom: 1px solid #d1d8d6;
    border-top: 0px;
    text-align: left;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.38;
    color: #8f9399;
}

.test-table > div:nth-child(2) > * > div {
    vertical-align: top;
}

.test-table > div:nth-child(2) > * > div:nth-child(1n+1) {
    font-size: 16px;
}

.table > div:nth-child(2) > *:hover > div {
    background: #fafafa;
}

.table-hover > div:nth-child(2) > *:hover {
    cursor: pointer;
}

.table > div:nth-child(2) > *:hover div:nth-child(1), .table > div:nth-child(2) > .active div:nth-child(1) {
    font-weight: bold;
}

.table > div:nth-child(2) > * > div .check-wrap {
    position: absolute;
    top: 22px;
    left: -42px;
    opacity: 0;
}

.table > div:nth-child(2) > * > div .check-wrap .checkbox-label {
    top: 17px;
}
.table > div:nth-child(2) > * > div .check-wrap .radio-label {
    top: 17px;
}

.table > div:nth-child(2) > *:hover .check-wrap, .table > div:nth-child(2) > .active .check-wrap {
    opacity: 1;
}

.sortable_column {
    cursor: pointer;
}

.sortable_column:hover {
    color: #1f2229 !important;
    border-bottom-color: #1f2229 !important;
    border-bottom-width: 2px !important;

}
.sortDirection
{
    width: 20px;
    height: 20px;
    top: 25px;
    position: absolute;
}

.sortable_column_active {
    font-weight: bold !important;    
    color: #1f2229 !important;
}

.idea_create_form {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.idea_create_form_column {
    width: 70%;

}
.idea_create_similar_column {
    margin-left: 50px;
    width: 50%;
}

.idea_similar_title {
    margin-top: 55px;
    font-size: 2rem;
    font-family: "t2_serif-bold";
}

.ideas__performer {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8f9399;
    margin-top: 4px;
}
.practices__performer {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8f9399;
    margin-top: 4px;
}

.table > div:nth-child(2) > * td .check-favourites {
    opacity: 1;
    position: absolute;
    right: 12px;
    top: 20px;
    left: auto;

}

.table > div:nth-child(2) > * td .check-favourites label {
    width: 32px;
    height: 32px;
}

.table__item-desc {
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #1f2229;
    margin-bottom: 17px;
    max-width: 50vw;
    word-wrap: break-word;
}

.table__item-region {
    margin-bottom: 8px;
}

.table__item-region, .table__item-contact {
    position: relative;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #8f9399;
}

.table__item-region span.city, .table__item-contact span {
    color: #1f2229;
}

.check-favourites .checkbox-label::before {
    border: 0px;
    background: url(../img/star.png) center no-repeat;
    top: 5px;
    left: 5px;
}

.favour-checkbox:checked + .checkbox-label::before {
    background: url(../img/star_a.png) center no-repeat;
}

.favour-checkbox:checked + .checkbox-label::after {
    display: none;
}


.surver-range-selector_item {
    display: inline-block;
    padding: 4px 19px 5px;
    border-radius: 4px;
    font-family: var(--bold-font-family);
    font-size: 13px;
    cursor: pointer;
    transition: color 0.4s;
}

.surver-range-selector_black .surver-range-selector_item_selected {
    color: #fff;
    background-color: #1f2229;
}
.surver-range-selector_item:hover {
    box-shadow: 0 6px 10px 0 rgba(31, 34, 41, 0.5);
}


.surver-range-container {
    text-align: center;
    display: flex;
    flex-direction: column;
}
.surver-range-selector {
    position: relative;
    display: flex;
    align-items: center;
    height: 36px;
}
.surver-range-selector_black {
    border-color: #1f2229;
}

.surver-range-selector_list {
    position: relative;
    border-radius: 7px;
    border: solid 2px;
    padding: 3px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.surver-range-start-title {
    padding-right: 5px;

}

.surver-range-end-title {
    padding-left: 5px;

}

.survey_required {
    margin-top: 20px;
    color: #D72F4B;
    font-size: .8em;
}

.survey_thanks {
    border-radius: 10px;
    /* border: solid 2px; */
    padding: 10px;
    /* border-color: #1f2229; */
    background-color: #E0F7FF;
    margin-bottom: 20px;
    width: 270px;
    text-align: center;
}

.offset {
    margin-top: 10px;
}

.idea__img, .idea__img a {
    width: 156px;
    /*height: 156px;*/
    word-wrap: break-word;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    cursor: pointer;
}

.idea__img img {
    max-width: 100px;
    max-height: 100px;
    background-color: #8f9399;
    opacity: 0.5;
    /* width: 100px; */
}
.idea__img div {
    width: 100%;
}

.idea__img a img {
    width: 156px;
    height: 156px;
    background-color: #fff;
    opacity: 0.5;
}

.likes {
    float: right;
    height: 32px;
    background: url(../img/heart.svg) no-repeat left center;
    margin-top: 10px;
    padding-left: 36px;
    line-height: 32px;
    color: #8f9399;
}

.title-with-likes {
    width: 100%;
    /*display: flex;*/
    /*justify-content: space-between;*/
    display: table;
}

.button_box {
    display: table-cell;
    text-align: end;
}


.page__head-desc {
    font-size: 22px;
    line-height: 1.27;
    color: #8f9399;
}

.parent-title {
    font-family: "t2_serif-bold";
    margin-bottom: 1.8rem;
    font-size: 2rem;
}

.idea__meta {
    margin-top: 30px;
    margin-bottom: 30px;
}

.idea__meta-item {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #1f2229;
    margin-bottom: 8px;
}

.idea__meta-map {
    margin-top: 1.9rem;
}

.idea__meta-map img {
    border-radius: 32px;
}

.idea__meta-item span {
    color: #8f9399;
}

.idea__meta-item a {
    text-decoration: none;
}

.idea__imgs {
    margin-top: 4.7rem;
}

/* Скроллер для вложений в формах создания/редактирования */
.idea_create_form .idea__imgs,
form#improvement .idea__imgs,
form#idea .idea__imgs,
form#practice .idea__imgs,
form#test .idea__imgs,
form#news_form .idea__imgs,
form#comment_form .idea__imgs {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px;
}

.img-row {
    /* Grid layout для вложений с динамическими размерами ячеек */
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    grid-auto-rows: minmax(min-content, auto);
    gap: 24px;
    align-items: start;
}

.idea__img-item,
.idea_img-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    /* Высота определяется контентом */
    height: fit-content;
}

/* Ячейки без описания - компактный размер (только превью) */
.idea__img-item.no-description,
.idea_img-item.no-description {
    /* Высота определяется только превью, без дополнительного пространства */
    min-height: auto;
}

/* Ячейки с описанием - больший размер за счет дополнительного контента */
.idea__img-item.has-description,
.idea_img-item.has-description {
    /* Высота определяется контентом (превью + описание), естественно больше */
    min-height: auto;
}

/* Снимаем сеточные ограничения bootstrap-колонок внутри блока превью */
.idea__imgs .img-row .col-md-2 {
    float: none;
    width: 100%;
}

/* Убираем margin-bottom у ячеек грида, так как используется gap */
.idea__imgs .img-row .idea__img-item,
.idea__imgs .img-row .idea_img-item {
    margin-bottom: 0;
}

/* Превью вложения */
.idea__img-item .idea__img,
.idea_img-item .idea__img,
.idea_img-item .idea_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

/* Подпись/комментарий — под превью */
.idea__img-item > .kv-file-comment,
.idea_img-item > .kv-file-comment {
    margin-top: 12px;
    text-align: center;
    width: 100%;
    word-wrap: break-word;
    font-size: 14px;
    line-height: 1.4;
    color: #1f2229;
}

/* Для подписей внутри комментариев */
.comments__item .idea__img-item > .kv-file-comment,
.comments__item .idea_img-item > .kv-file-comment {
    text-align: center;
    font-style: normal;
    font-size: 14px;
    line-height: 1.4;
    padding-left: 0;
}

.comments {
    margin-top: 4.3rem;
}

.comments h2 {
    margin-bottom: 2.8rem;
    text-transform: none !important;
}

.views-more {
    font-size: 16px;
    line-height: 1.38;
    color: #8f9399;
    text-decoration: underline;
}

.comments__item {
    margin-top: 3.8rem;
}

.comments__item:after {
    content: '';
    display: block;
    clear: both;
}

.comments__item-ava {
    float: left;
    font-size: 28px;
    margin-right: 8px;
    /* padding-left: 3px; */
}

.comments__item-ava i {

    font-size: 55px;
}

.comments__item-content {
    margin-left: 40px;
}

.comments__item-username {
    font-family: 't2_textsans_bold';
    font-size: 14px;
    font-weight: bold;
    line-height: 1.29;
    /* color: #1f2229; */
}

.comments__item-data {
    font-size: 13px;
    line-height: 1.38;
    color: #8f9399;
    margin-top: 2px;
    margin-bottom: 8px;
}

.comments__item-text {
    margin-bottom: 1.2rem;
}

.comments__item-link .likes {
    float: left;
    margin: 0 2.6rem 0 0;
}

.comments__item-link a {
    line-height: 32px;
    color: #8f9399;
    margin-right: 2.6rem;
    font-size: 14px;
}

.bottom-line {
    border-bottom: 0.2rem solid #8f9399;
    margin-right: 2rem;
}

.comment-add .text-field-holder {
    padding: 15px 20px;
    /* border: 1px #1f2229 solid; */
    /* border-radius: 24px; */
}

.comment-add .text-field-holder label {
    left: 20px;
}

.comment-add .text-field {
    border-bottom: 0rem solid #8f9399;
    padding: 10px 10px 10px 10px !important;
    display: block;
    transition: inherit;
    top: -60px;
}

#somefield03::placeholder {
    /* color: #D3D9DF; */
    line-height: 1.48;
    opacity: 1;
    font-size: 14px;
}
#somefield04::placeholder {
    /* color: #D3D9DF; */
    line-height: 1.48;
    opacity: 1;
}
#somefield05::placeholder {
    /* color: #D3D9DF; */
    line-height: 1.48;
    opacity: 1;
}
#somefield07::placeholder {
    /* color: #D3D9DF; */
    line-height: 1.48;
    opacity: 1;
}

.btn-group > a {
    margin-right: 2.4rem;
}

.btn-group > a.likes {
    margin-right: 0;
}

.problems {
    margin-top: 3.9rem;
}

.problems h2 {
    display: inline-block;
    position: relative;
}

.problems h2 span {
    margin-right: 10px;
    top: 10px;
    right: -20px;
    font-size: 16px;
    font-weight: normal;
    font-family: 't2_textsans_regular';
    line-height: 1.38;
    color: #8f9399;
}

.problems__items {
    list-style: none;
    margin-top: 0;
    padding-left: 24px;
    position: relative;
    top: 16px;
}

.problems__items .num {
    position: absolute;
    top: 0;
    left: -24px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8f9399;
}

.problems__item {
    position: relative;
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    border-bottom: 1px #d1d8d6 solid;
}

.problems__item:last-child {
    border-bottom: 0px #d1d8d6 solid;
}

.problems__item-value-add {
    font-size: 14px;
    line-height: 1.29;
    color: #8f9399;
    text-align: right;
    padding-right: 54px;
    padding-top: 2px;
}

.problems__item-desc {
    margin-bottom: 1.2rem;
}

.problems__item-meta {
    font-size: 14px;
    line-height: 1.29;
    color: #8f9399;
}

.problems__item-meta a {
    text-decoration: underline;
}

.problems__imgs {
    margin-top: 2.4rem;
    margin-left: -18px;
    margin-right: -18px;
}

.problems__imgs-item {
    float: left;
    margin: 0 18px;
}

.problems__imgs-img {
    width: 156px;
    height: 156px;
    opacity: 0.5;
    background-color: #8f9399;
}

.problems__imgs-links {
    margin-top: 8px;
}

.problems__imgs-links:after {
    content: '';
    display: block;
    clear: both;
}

.problems__imgs-links a {
    font-size: 13px;
    line-height: 1.38;
    color: #8f9399;
    float: left;
}

.problems__imgs-links a:nth-child(2) {
    float: right;
}

.problems__item-edit {
    font-size: 23px;
}

.problems__item-edit a {
    float: left;
    color: #8f9399;
    position: relative;
    top: -6px;
}

.problems__item-edit a:nth-child(1) {
    margin-right: 8px;
}

.problems__item-edit .icon-edit {
    font-size: 27px;
}

.pagination {
    margin-top: 36px;
}

.pagination ul {
    display: inline-block;
}

.pagination ul:after {
    content: '';
    display: block;
    clear: both;
}

.pagination li {
    float: left;
    margin-right: 20px;
}

.pagination li, .pagination li a {
    font-size: 22px;
    line-height: 1.27;
    color: #1f2229;
}

.pagination li.disabled, .pagination li.disabled a {
    color: #8f9399;
}

.pagination__value {
    float: right;
    font-size: 13px;
    line-height: 1.38;
    color: #8f9399;
}

.modal-reset {
    margin-left: auto;
    margin-right: 0;
}

.select-field-holder.on {
    z-index: 99999;
    position: relative;
}

.select-field-holder .jcf-number .jcf-number {
    padding-right: 0;
}

.select-field-holder .jcf-number .jcf-real-element {
    position: relative;
    /*z-index: 1; */
    border: 0px;
    border-bottom: 0.2rem solid #8f9399;
    padding-right: 0;
    height: 5rem;
    box-sizing: border-box;
    padding: 1.9rem 0px 3px 0px;
    text-align: left;
}

.jcf-btn-inc {
    top: 0;
}

.jcf-btn-inc, .jcf-btn-dec {
    position: absolute;
    background: #fff;
    width: 20px;
    height: 24px;
    right: -16px;
    top: 1px;
    z-index: 9;
}

.jcf-btn-inc.jcf-disabled, .jcf-btn-dec.jcf-disabled {
    color: #8f9399;
}

.jcf-number .jcf-btn-dec {
    top: auto;
    bottom: 2px;
}

.jcf-number .jcf-btn-dec:before, .jcf-number .jcf-btn-inc:before {
    position: absolute;
    z-index: 2;
    content: '';
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
    margin: -6px 0 0 -4px;
    font-family: icomoon2;
    content: "\e945";
    font-size: 10px;
}

.jcf-number .jcf-btn-inc:before {
    -moz-transform: rotate(180deg); /* Для Firefox */
    -ms-transform: rotate(180deg); /* Для IE */
    -webkit-transform: rotate(180deg); /* Для Safari, Chrome, iOS */
    -o-transform: rotate(180deg); /* Для Opera */
    transform: rotate(180deg);
    margin: 0;
    left: 17px;
    top: 21px;
}

.page-add-test .check-wrap {
    margin-bottom: 1.8rem;
}

.file-preview .file-drop-zone {
    border: 0px dashed #aaa;
    border-radius: 0;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    margin: 0;
    padding: 0;
}

.file-input .file-preview {
    border-radius: 0;
    border: 0px solid #ddd;
    padding: 8px;
    width: 100%;
    margin-bottom: 5px;
}

/* Скроллер для контейнера file-preview в формах */
.idea_create_form .file-input .file-preview,
form#improvement .file-input .file-preview,
form#improvement .file-preview,
form#idea .file-input .file-preview,
form#idea .file-preview,
form#practice .file-input .file-preview,
form#practice .file-preview,
form#test .file-input .file-preview,
form#test .file-preview,
form#news_form .file-input .file-preview,
form#news_form .file-preview,
form#comment_form .file-input .file-preview,
form#comment_form .file-preview,
.comments form#comment_form .file-input .file-preview,
.comments form#comment_form .file-preview,
.comments__item form#comment_form .file-input .file-preview,
.comments__item form#comment_form .file-preview {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.file-drop-zone-title, .fileinput-remove-button, .file-preview .fileinput-remove, .krajee-default .file-drag-handle, .krajee-default .file-upload-indicator, .file-caption-name, .file-actions .kv-file-upload, .file-actions .kv-file-zoom, .file-zoom-dialog {
    display: none !important;
}

.krajee-default.file-preview-frame .file-thumbnail-footer {
    height: auto !important;
}

.file-footer-buttons .kv-file-remove {
    position: relative;
    border: 0px;
    padding: 0;
    border-radius: 0;
    margin: 0;
    width: auto;
    min-width: 96px;
    height: 15px;
}

.file-footer-buttons .kv-file-remove:after {
    content: 'Удалить';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8f9399;
    text-decoration: underline;
    font-family: "t2_textsans_regular";
}

.file-drop-zone .file-preview-thumbnails {
    margin-left: -7px;
    margin-right: -7px;
}

/* Переопределяем margin для форм, чтобы скроллер работал правильно */
.idea_create_form .file-drop-zone .file-preview-thumbnails,
form#improvement .file-drop-zone .file-preview-thumbnails,
form#idea .file-drop-zone .file-preview-thumbnails,
form#practice .file-drop-zone .file-preview-thumbnails,
form#test .file-drop-zone .file-preview-thumbnails,
form#news_form .file-drop-zone .file-preview-thumbnails,
form#comment_form .file-drop-zone .file-preview-thumbnails {
    margin-left: -7px;
    margin-right: -15px; /* Учитываем padding-right для скроллбара */
}

.file-preview-thumbnails .krajee-default.file-preview-frame, .file-preview-thumbnails .krajee-default:hover {
    margin: 0 7px !important;
    border: 0px solid rgba(0, 0, 0, .2) !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0) !important;
    padding: 0 !important;
}

/* Скроллер для всех file-preview-thumbnails в формах (универсальный селектор) */
form .file-preview-thumbnails,
form .file-input .file-preview-thumbnails,
form .file-drop-zone .file-preview-thumbnails {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px;
}

/* Скроллер для всех wtt-inline-previews в формах */
form .wtt-inline-previews {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px;
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
}

/* Скроллер для всех idea__imgs в формах */
form .idea__imgs {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px;
}

/* Дополнительные селекторы для формы комментариев */
.comments form#comment_form .file-preview-thumbnails,
.comments form#comment_form .file-input .file-preview-thumbnails,
.comments form#comment_form .file-drop-zone .file-preview-thumbnails,
.comments form#comment_form .wtt-inline-previews,
.comments form#comment_form .idea__imgs,
.comments__item form#comment_form .file-preview-thumbnails,
.comments__item form#comment_form .file-input .file-preview-thumbnails,
.comments__item form#comment_form .wtt-inline-previews {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px;
}

/* На форме создания/редактирования: превью выводим построчно с 2 колонками */
.file-preview-thumbnails .krajee-default.file-preview-frame {
    float: none;                /* отменяем флоаты плагина */
    width: 100% !important;     /* по одной карточке в строке */
    display: grid !important;
    grid-template-columns: 156px 1fr; /* правая колонка — под описание */
    grid-template-areas:
        "preview desc"      /* справа от пиктограммы — описание */
        "footer  desc";     /* ниже слева футер (имя + удалить), справа продолжение описания */
    column-gap: 16px;              /* описание ближе к пиктограмме */
    row-gap: 8px;
    align-items: start;
    padding: 8px 0 !important;
}

/* Делаем потомков .file-thumbnail-footer прямыми элементами грида родителя */
.file-preview-thumbnails .krajee-default.file-preview-frame .file-thumbnail-footer {
    grid-area: footer;
    display: grid;
    grid-template-columns: 156px 1fr;      /* слева: имя/удалить; справа свободно */
    grid-template-areas:
        "name ."           /* имя под иконкой */
        "action .";        /* сразу под именем — Удалить */
    column-gap: 8px;         /* действие ближе к имени */
    row-gap: 4px;
    align-items: start;
}

/* Левая колонка: пиктограмма */
.file-preview-thumbnails .krajee-default.file-preview-frame .kv-file-content { 
    grid-area: preview; 
    display: flex; 
    justify-content: center; 
    align-items: center;                 /* центр по вертикали в колонке */
    width: 156px !important;             /* ширина как у колонки с именем */
    height: 156px !important;            /* квадрат под пиктограмму */
}
.file-preview-thumbnails .krajee-default.file-preview-frame .kv-file-content img {
    width: 156px; height: 156px; object-fit: contain;
}

/* Имя файла под пиктограммой (узкая левая колонка) */
.file-preview-thumbnails .krajee-default.file-preview-frame .file-footer-caption {
    grid-area: name; 
    width: 156px; max-width: 156px;
    text-align: center;
    margin-top: 4px;
    display: block !important;
}
.file-preview-thumbnails .krajee-default.file-preview-frame .file-footer-caption .file-caption-info { width: 156px; max-width:156px; text-align:center; }

/* Правая колонка: действие Удалить */
.file-preview-thumbnails .krajee-default.file-preview-frame .file-actions { grid-area: action; align-self: start; justify-self: start; }
.file-preview-thumbnails .krajee-default.file-preview-frame .file-actions .file-footer-buttons { margin-left: 4px; }

/* Подпись/комментарий на всю ширину ниже */
.file-preview-thumbnails .krajee-default.file-preview-frame .kv-file-comment { 
    grid-area: desc; 
    width: auto; 
    max-width:none; 
    text-align:left; 
    display: flex; 
    align-items: center;        /* вертикальное центрирование */
    align-self: center;         /* центр относительно строки */
}

.krajee-default.file-preview-frame .kv-file-content {
    width: 96px !important;
    height: 96px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: rgba(143, 147, 153, 0.5);
    border-radius: 24px; */
    margin-right: 5px;
}

.kv-file-name {
    font-size: 13px;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8f9399;
    font-family: "t2_textsans_regular";
}

.file-preview-image:hover {
    opacity: 0.7;
}

/* Подписи (комментарии) под превью вложений */
.kv-file-comment {
    margin-top: 6px;
    /* типографика как у new_item_descr */
    font-family: "t2_textsans_regular";
    font-size: 16px;
    line-height: 22px; /* близко к 1.38 при 16px */
    color: #1f2229;
    text-align: center;
    word-break: break-word;
}

/* Комментарии: вертикальное центрирование подписи вложения */
.comments__item .file-thumbnail-footer .kv-file-comment,
.comments__item .kv-file-comment {
    display: flex;
    align-items: center;            /* по вертикали по центру внутри блока */
    justify-content: flex-start;    /* по левому краю по горизонтали */
    align-self: center !important;  /* по центру ячейки если это grid-элемент */
    margin-top: 0 !important;
    min-height: 72px;               /* высота под иконку превью, чтобы центрирование было заметно */
}

/* Превью вложений в модальном окне: расположение подписи справа от изображения */
.modal-content.modal-preview {
    display: grid;
    grid-template-columns: minmax(0, 70%) 1fr;
    column-gap: 16px;
    align-items: start;
}
/* Повышаем надёжность разметки — принудительно включаем горизонтальное расположение */
.info-modal .modal-content.modal-preview {
    display: flex !important;
    flex-direction: row;
    gap: 16px;
    align-items: center; /* вертикальное центрирование элементов (картинка и подпись) */
}

/* Защита кликов в модалке редактирования вложений */
.info-modal .modal-content {
    position: relative;
    z-index: 1002;           /* выше затемнения/оверлеев */
    pointer-events: auto;
    display: flex !important;
    flex-direction: column !important;
    max-height: none !important;
    overflow: visible !important;
    padding-bottom: 0 !important;
    box-sizing: border-box !important;
}

/* Ограничиваем высоту самого .info-modal, а не .modal-content */
.info-modal {
    max-height: 80vh !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* Статичные элементы в модальном окне (заголовок, кнопки) */
.info-modal .modal-content .select-route-header,
.info-modal .modal-content > label.btn,
.info-modal .modal-content .form-actions {
    flex-shrink: 0 !important;
}

/* Отступ для кнопки "Добавить", чтобы она не обрезалась */
.info-modal .modal-content .form-actions {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 12px !important;
    flex-shrink: 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* Убираем margin-bottom у кнопки "Добавить" */
.info-modal .modal-content .form-actions .btn,
.info-modal .modal-content .form-actions button {
    margin-bottom: 0 !important;
    margin: 0 !important;
}

/* Скроллер только для области с вложениями в модальном окне AttachmentDialog */
.info-modal .modal-content > div[style*="marginTop"],
.info-modal .modal-content > div[style*="margin-top"],
.info-modal .modal-content > div[style*="marginTop: 12"],
.info-modal .modal-content > div[style*="margin-top: 12px"],
.info-modal .modal-content .attachments-list-container {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px;
    max-height: calc(80vh - 250px) !important; /* Учитываем: padding .info-modal (70px) + заголовок (~60px) + кнопка выбора (~40px) + кнопка добавить (~50px) + отступы (~30px) */
}

/* Скрываем надпись "Выбрано: X / 15" в модальном окне AttachmentDialog */
.info-modal .modal-content > div[style*="marginTop"] > div:first-child,
.info-modal .modal-content > div[style*="margin-top"] > div:first-child,
.info-modal .modal-content > div[style*="marginTop: 12"] > div:first-child,
.info-modal .modal-content > div[style*="margin-top: 12px"] > div:first-child {
    display: none !important;
}

/* Альтернативный способ скрытия через текст */
.info-modal .modal-content div:contains("Выбрано:") {
    display: none !important;
}
.info-modal .modal-content .btn,
.info-modal .modal-content a,
.info-modal .modal-content input,
.info-modal .modal-content select,
.info-modal .modal-content textarea {
    position: relative;
    z-index: 1003;           /* чтобы точно были кликабельны */
    pointer-events: auto;
}

.info-modal .modal-content label {
    pointer-events: auto;
    z-index: 1004;
}

.info-modal .modal-content .text-field-holder .text-field.hasDatepicker + .ico,
.info-modal .modal-content .text-field-holder .hasDatepicker.dropdown-field + .ico {
    z-index: 1005;
    pointer-events: none;
}
.info-modal .close.ico.icon-close {
    position: absolute;
    top: 12px; right: 12px;
    z-index: 1004;
}
.modal-preview__image { flex: 0 1 50%; max-width: 50%; }
.modal-preview__caption { flex: 1 1 50%; }
.modal-preview__image img {
    max-width: 100%;
    height: auto;
    max-height: 70vh; /* чтобы не разъезжалась модалка по высоте */
    display: block;
}
.modal-preview__caption {
    display: flex;
    align-items: center;      /* вертикально по центру */
    justify-content: flex-start;  /* по левому краю */
    text-align: left;
    white-space: pre-wrap;
}

.file-input {
    padding: 10px 0 0 0;
    position: relative;
}

.input-group-btn .btn-secondary {
    float: left;
    margin-right: 28px;
    color: #fff;
    background: #1f2229;
}

.input-group-btn .btn-secondary:hover {
    opacity: 0.7;
}

.btn.btn-file, .btn.btn-file:hover {
    border-radius: 0;
    border: 0px;
    background: inherit;
    color: #8f9399;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    padding-left: 25px;
    background: url(../img/file.jpg) left center no-repeat;
    line-height: 60px;
    font-family: "t2_textsans_regular";
    
}

.btn-link {
    padding-left: 0px !important;
    text-transform: uppercase;

}

.text-area-holder label {
    width: 100%;
    max-width: 100%;
    /* padding-left: 10px; */
}

.text-field-holder.text-active.file-holder label, .text-field-holder.file-holder label {
    top: auto;
    font-size: 16px;
    line-height: 4.8rem;
    color: #1f2229;
    /* margin-bottom: 10px; */
}

.text-field-holder.file-holder .desc {
    font-size: 14px;
    line-height: 1.29;
    color: #8f9399;
    margin-top: 3px;
    position: relative;
    top: 35px;
    /* margin-bottom: 10px; */
}

.participants__items li {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #1f2229;
    margin-bottom: 12px;
}

.participants__items li span {
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #8f9399;
}

.login-header {
    position: relative;
    height: 120px;
    background-color: #00BFFF;
    margin-bottom: 63px;
}

.login-header .login-close {
    right: 48px;
    top: 48px;
    color: #1f2229;
    font-size: 26px;
    cursor: pointer;
    position: absolute;
}

.your-data .login-header {
    background: inherit;
}

.your-data .login-close {
    top: 44px;
    right: 44px;
}

.login-header .logo {
    position: relative;
    top: 32px;
    display: block;
    float: none;
    margin: 0 auto;
}

.your-data .modal-actions {
    margin-top: 44px;
}

.file-preview-image {
    min-height: 100%;
    min-width: 100%;
}

.file-drop-zone .file-error-message {
    color: #D72F4B;
    font-size: .8em;
    background-color: inherit;
    margin: 5px 0;
    border: 0px solid #ebccd1;
    border-radius: 0;
    padding: 0;
}

.fileinput-upload-button, .kv-upload-progress .progress-bar, .file-drop-zone .progress-bar, .file-drop-zone .file-error-message .close {
    display: none !important;
}

.file-drop-zone .file-error-message ul li {
    position: relative;
}

.file-drop-zone .file-error-message ul li:before {
    position: relative;
    top: 5px;
    margin-right: 10px;
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../img/alert-small.svg) no-repeat 50%;
    background-size: 16px;
}


footer {
    height: 70px;
    background-color: #1f2229;
    line-height: 70px;
    /* margin-top: 10rem; */
}

footer ul li {
    display: inline-block;
    margin-right: 56px;
}

footer ul li a {
    font-size: 16px;
    line-height: 1.38;
    color: #ffffff;
}

.modal-inner {
    min-width: 800px;
    display: contents;
    width: 100%;
    height: 100%;
}

.modal-wrapper {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    background: rgba(0, 0, 0, 0.5);
}

.image-modal-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.image-modal-wrapper img {
    max-width: 100%;
    max-height: 75vh;

}

.leaflet-container {
    height: 400px;
    border-radius: 8px;
}


.select-route-table {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.select-route-table .select-route-row {
    display: flex;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    justify-content: space-between;
}

.select-route-header {
    /* font-size: 20px;
    line-height: 40px; */
    font-family: "t2_serif-bold";
    margin-bottom: 1.8rem;
    font-size: 2.8rem;
    line-height: 3.4rem;
    text-transform: uppercase;

}

/* Ограничение высоты модалок смены статуса с вложениями */
.status-comment-modal {
    max-height: 80vh;
    overflow: hidden; /* чтобы полосы прокрутки были только внутри */
    display: flex;
    flex-direction: column;
}

.status-comment-modal .select-route-header { flex: 0 0 auto; }

.status-comment-modal form {
    flex: 1 1 auto;
    overflow: auto; /* прокрутка контента формы (текст + превью файлов) */
}

.status-comment-modal .attachments-scroll {
    max-height: 40vh; /* ограничение зоны вложений */
    overflow: auto;
    margin-top: 8px;
}

/* ТОЛЬКО в модалке смены статуса: превью в колонках по горизонтали,
   комментарий (подпись) справа от превью чтобы экономить высоту */
.status-comment-modal .file-preview-thumbnails {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.status-comment-modal .file-preview-thumbnails .krajee-default.file-preview-frame {
    float: none;
    width: auto !important;           /* убираем 100%, чтоб не было построчно */
    display: grid;                     /* собственная компактная сетка */
    grid-template-columns: 96px 1fr;   /* превью + подпись справа */
    grid-template-areas:
        "preview desc"
        "name    desc"
        "action  desc";               /* кнопка Удалить под именем, слева */
    column-gap: 10px;
    row-gap: 4px;
    align-items: start;
}
.status-comment-modal .file-preview-thumbnails .krajee-default.file-preview-frame .kv-file-content {
    grid-area: preview;
    width: 96px !important;
    height: 96px !important;
}
.status-comment-modal .file-preview-thumbnails .krajee-default.file-preview-frame .file-footer-caption {
    grid-area: name;
    width: 96px; max-width: 96px;
    text-align: center;
}
.status-comment-modal .file-preview-thumbnails .krajee-default.file-preview-frame .file-actions {
    grid-area: action;
    align-self: start;
    justify-self: start;
}
.status-comment-modal .file-preview-thumbnails .krajee-default.file-preview-frame .file-actions .file-footer-buttons {
    margin-left: 0;
}
.status-comment-modal .file-preview-thumbnails .krajee-default.file-preview-frame .kv-file-comment {
    grid-area: desc;
    align-self: center;
}

/* Наши инлайновые превью (fallback, если плагин не отрисовал свои) */
.status-comment-modal .wtt-inline-previews {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 8px;
    margin-bottom: 8px;
}

/* Скроллер для инлайновых превью в формах создания/редактирования */
.idea_create_form .wtt-inline-previews,
form#improvement .wtt-inline-previews,
form#idea .wtt-inline-previews,
form#practice .wtt-inline-previews,
form#test .wtt-inline-previews,
form#news_form .wtt-inline-previews,
form#comment_form .wtt-inline-previews {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px;
    display: flex !important;
    flex-wrap: wrap !important;
    align-content: flex-start !important;
}

/* Скроллер для превью плагина fileinput в формах создания/редактирования */
.idea_create_form .file-preview-thumbnails,
.idea_create_form .file-input .file-preview-thumbnails,
.idea_create_form .file-drop-zone .file-preview-thumbnails,
form#improvement .file-preview-thumbnails,
form#improvement .file-input .file-preview-thumbnails,
form#improvement .file-drop-zone .file-preview-thumbnails,
form#idea .file-preview-thumbnails,
form#idea .file-input .file-preview-thumbnails,
form#idea .file-drop-zone .file-preview-thumbnails,
form#practice .file-preview-thumbnails,
form#practice .file-input .file-preview-thumbnails,
form#practice .file-drop-zone .file-preview-thumbnails,
form#test .file-preview-thumbnails,
form#test .file-input .file-preview-thumbnails,
form#test .file-drop-zone .file-preview-thumbnails,
form#news_form .file-preview-thumbnails,
form#news_form .file-input .file-preview-thumbnails,
form#news_form .file-drop-zone .file-preview-thumbnails,
form#comment_form .file-preview-thumbnails,
form#comment_form .file-input .file-preview-thumbnails,
form#comment_form .file-drop-zone .file-preview-thumbnails {
    max-height: 50vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 8px;
}

/* Чтобы не было дубликата кнопок в модалке статуса — прячем системную кнопку плагина */
/* В модалке статуса используем только чёрную кнопку — прячем весь блок плагина */
.status-comment-modal .file-input {
    display: none !important;
}

/* На всякий случай скрываем любые btn-link внутри нашей зоны вложений модалки статуса */
.status-comment-modal .wtt-inline-previews .wtt-inline-item {
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.status-comment-modal .wtt-inline-previews .wtt-inline-name {
    margin-top: 6px;
    max-width: 120px;
    font-size: 12px;
    color: #666;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.status-comment-modal .wtt-inline-previews .wtt-inline-remove {
    margin-top: 4px;
    font-size: 12px;
    color: #6a6caf;
    cursor: pointer;
}

.select-route-table .select-route-row .select-route-cell {
    min-width: 45%;
    max-width: 50%;
}

.select-route-table .select-route-row .select-route-cell-wide {
    min-width: 90%;
    max-width: 95%;
}

.select-route-delete-btn {
    line-height: 63px;
}

.jcf-select-text {
    min-height: 29px;
}

.x-scrollable {
    overflow-x: scroll;
}

.likes_container {
    display: flex;
    flex-direction: row;
    justify-items: center;
    align-items: center;
}

.likes_container div {
    margin-left: 5px;
    margin-top: 0;
}

.table {
    display: table;
}

.table > div:first-child {
    display: table-header-group;
}

.table > div > * {
    display: table-row;
}

.table > div > * > div {
    display: table-cell;
}

.table > div:last-child {
    display: table-row-group;
}

.table {
    user-select: text;
    width: 100%;
}

.moderator_comment {
    background: #000000;
    border-radius: 12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    /* width: 42px; */
    height: 25px;
    color: #FFFFFF;
}

.moderator_comment_cf {
    background: #FF3495;
    border-radius: 12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    /* width: 42px; */
    height: 25px;
    color: #FFFFFF;
}
.comment_date {
    padding: 10px 2px;
}

.moderator_comment_mr {
    background: #0000FF;
    border-radius: 12px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 2px;
    padding-bottom: 2px;
    /* width: 42px; */
    height: 25px;
    color: #FFFFFF;
}

.market_prize {
    margin: 15px;
    padding: 15px;
    height: 165px;
    width: 400px;
    background: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    display: flex;
    flex-direction: row;
    justify-content: start;
    align-items: center;
    float: left;
}

.market_prize .image {
    min-width: 120px;
    width: 120px;
    height: 120px;
    background: #F4F4F4;
    border-radius: 12px;
    overflow: hidden;
}

.market_prize .image img {
    width: 120px;
    height: 120px;
}

.market_prize .prize_content {
    display: flex;
    flex-direction: column;
    padding: 6px 16px;
    justify-content: space-between;
    height: 100%;
    max-width: 100%;
}

.market_prize .prize_content .cost {
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #1F2229;
}

.market_prize .prize_content .description {
    font-style: normal;
    font-weight: normal;
    font-size: 17px;
    padding: 10px 0;
    line-height: 20px;
    color: #1F2229;
    max-width: 230px;
}

.market_prize .prize_content .prize_date {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    /* identical to box height, or 114% */

    display: flex;
    align-items: center;

    color: #1F2229;
}

.market_prize .prize_content .prize_status {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    line-height: 13px;
    margin: 5px 0;
    /* identical to box height, or 114% */


    color: #ADAFB3;
}

.prize_button {
    height: 28px;
    /* border: 1px solid #000000; */
    box-sizing: border-box;
    border-radius: 12px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    width: 125px;

    color: #000000;
    background-color: #A7FC00;
}

.prize_button_details {
    height: 28px;
    /* border: 1px solid #000000; */
    box-sizing: border-box;
    border-radius: 12px;
    font-style: normal;
    font-weight: bold;
    font-size: 13px;
    line-height: 26px;
    text-align: center;
    cursor: pointer;
    /* width: 100px; */

    /* color: #000000; */
    /* background-color: #F2F2F2; */
}
.prize_button_details img {
    margin-left: 80px;
    margin-top: 2px;
    width: 24px;
    height: 24px;
}

.prize_details_content .prize_content div {
    margin: 20px 0;
}

.prize_content .actions {
    display: flex;
}

.prize_content .actions div {
    /* margin-right: 15px; */
}

.prize_content .actions .no-funds {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    /* identical to box height, or 133% */
    color: #1F2229;
    width: 125px;
    white-space: nowrap;
    padding-top: 5px;
}


.coin {
    display: inline-block;
    margin-left: 5px;
    width: 14px;
    height: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 14C3.07502 14 0 10.9628 0 7.08587C0 3.17867 3.14015 0 7 0C10.8599 0 14 3.17867 14 7.08587C14 10.9628 10.925 14 7 14Z' fill='%23FAD91E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.00016 0.98645C3.67459 0.98645 0.96875 3.72506 0.96875 7.09185C0.96875 10.4124 3.61817 13.0142 7.00016 13.0142C10.3821 13.0142 13.0316 10.4124 13.0316 7.09185C13.0316 3.72506 10.3261 0.98645 7.00016 0.98645Z' fill='%23E4A12E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.99968 1.28333C3.75624 1.28333 1.11719 3.95433 1.11719 7.23797C1.11719 10.4767 3.70107 13.0142 6.99968 13.0142C10.2983 13.0142 12.8822 10.4767 12.8822 7.23797C12.8822 3.95433 10.2435 1.28333 6.99968 1.28333Z' fill='%23F5BA27'/%3E%3Cmask id='mask0' mask-type='alpha' maskUnits='userSpaceOnUse' x='1' y='1' width='12' height='12'%3E%3Cpath d='M12.2092 7.07086C12.2092 9.98331 9.87671 12.2033 6.99914 12.2033C4.12198 12.2033 1.78906 9.98331 1.78906 7.07086C1.78906 4.15799 4.12198 1.79688 6.99914 1.79688C9.87671 1.79688 12.2092 4.15799 12.2092 7.07086Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.65219 10.6049L0.777344 9.71933L11.1473 -0.777832L12.0221 0.107744L1.65219 10.6049Z' fill='%23FFE761'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.60844 14.1894L1.55469 12.1109L12.7501 0.77771L14.8039 2.85665L3.60844 14.1894Z' fill='%23FFE761'/%3E%3C/g%3E%3C/svg%3E%0A");
}


.modal_price {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    color: #1F2229
}


.prize_details_caption {
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 53px;

    color: #1F2229;
}

.prize_details_content {
    display: flex;
    flex-direction: row;
    justify-content: start;
}

.prize_details_content .image {
    width: 352px;
    height: 352px;
    border-radius: 35.7966px;
    overflow: hidden;
    margin-right: 48px;
}

.prize_details_content .image img {
    width: 352px;
    height: 352px;
}

.prize_details_status .caption {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    color: #24272C;
    margin-bottom: 8px;
}

.prize_details_status .description {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #24272C;
    margin-bottom: 38px;
}

.prize_details_status .prize_button, .prize_details_content .prize_button {
    height: 60px;
    width: 140px;
    line-height: 60px;
}


.no_prizes {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 40vh;

}

.no_prizes .caption {
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    text-align: center;

    color: #1F2229;
}

.no_prizes .hint {
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    text-align: center;

    color: #1F2229;
    margin-bottom: 60px;
}

.no_prizes .prize_button {
    width: 160px;
    height: 60px;
    line-height: 60px;
}

.new_item_descr {
    width: 810px;
    /* padding: 20px;  */
    display: grid;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    /* background: #F5F5F5;
    border-radius: 32px; */
    margin-bottom: 20px;
}
.title_descr {
    width: 100%;
    padding: 10px; 
    /* display: block; */
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    background: #F5F5F5;
    border-radius: 12px;
}

.rating_places {
    width: 328px;
    height: 60px;
    left: 16px;
    top: 192px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;

    background: #F5F5F5;
    border-radius: 12px;
}

.rating_places .rating_reward {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.rating_places .rating_reward .reward {
    font-size: 22px;
    display: flex;
    align-items: center;
}

.rating_places .rating_reward .places {
    font-size: 12px;
}

.comment_response {
    font-style: normal;
    /* font-weight: bold; */
    font-size: 14px;
    line-height: 14px;
    /* identical to box height, or 87% */
    text-align: justify;

    /* $color-dark-neutral-bg */
    /* color: #8F9399; */

    cursor: pointer;
    padding-left: 22px;
}

.market_help_header {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.market_help_header img {
    margin-bottom: 1.8rem;
    margin-right: 20px;
}

.project_wrapper {
    max-width: 957px;
    margin: 0 auto;
    font-family: 'tele2short';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    color: #1F2229;
}

.project_cover {

    width: 100%;
    border-radius: 16px;
    max-height: 285px;
    overflow: hidden;
    margin-bottom: 30px;

}

.project_cover img {
    width: 100%;
}

.project_motivation {
    background: #ff6633;
    box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.05);
    border-radius: 12px;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #FFFFFF;
    margin: 10px 0;
}


.project_links {
    margin-bottom: 20px;
}

.project_title {
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    color: #1F2229;
    margin-bottom: 20px;
}

.project_links a {
    display: block;
    color: #0000FF;
    cursor: pointer;
}

.home_projects {
    display: flex;
    padding: 20px;
    justify-content: center;
    align-items: center;
}

.profile_title {
    display: flex;
    align-items: end;
    margin-bottom: 22px;
}

.profile_title h1 {
    margin-bottom: 0;
    margin-left: 20px;
}
/* .profile_title {
    display: flex;
    align-items: center;
    gap: 20px;
} */

.profile_title img:hover {
    opacity: 0.8;
    transition: opacity 0.3s;
}




.profile_region {
    font-size: 14px;
    line-height: 25px;
    color: #8F9399;
}

.profile_region img {
    margin-right: 5px;
}

.profile_stat_table {
    width: 45%;
}

.profile_stat_table td, .profile_rating_table td {
    padding-top: 30px;
}

.profile_stat_table td:nth-child(1) {
    width: 300px;
}

.profile_stat_table td:nth-child(2) {
    width: 50px
}
.profile_stat_table td:nth-child(3) {
    width: 50px
}


.profile_stat_header {
    font-size: 2.8rem;
    line-height: 3.4rem;
    font-family: "t2_serif-bold";
    font-weight: bold;
    color: #000000;
}



.profile_stat_row {
    font-size: 22px;
    line-height: 5px;
    font-weight: normal;
    color: #000000;
}

.profile_stat_problem {
    color: #0000FF;
    text-align: center;
}

.profile_stat_idea {
    color: #00BFFF;
    text-align: center;
}


.profile_wrapper {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;

}

.profile_rating_table {
    width: 45%;
}

.profile_rating_table td div {
    width: 100%;
}

.profile_rating_name {
    font-weight: bold;
    font-size: 2.8rem;
    line-height: 3.4rem;
    font-family: "t2_serif-bold";
    margin-bottom: 22px;
    /* line-height: 24px; */
    /* identical to box height */

    color: #000000;

}

.profile_rating_place, .profile_rating_points {
    font-weight: normal;
    font-size: 20px;
    line-height: 34px;
    /* identical to box height */
    /* padding-top: 22px; */
    padding-left: 20px;
    color: #000000;

}

.text-field-with-buttons {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: calc(100% + 35px);
}

.text-field-with-buttons .buttons {
    display: flex;
    flex-direction: column;
    width: 30px;
    margin-left: 5px;

}

.text-field-with-buttons .change-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 4px;
    margin: 0 0 20px;
    text-align: center;
    font-family: "t2_textsans_bold";
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .5px;
    white-space: nowrap;
    cursor: pointer;
    min-width: 30px;
    border-radius: 30px;
    border: 2px solid #1f2229;
    color: #1f2229;
    background-color: transparent;
    transition: .2s;
}

.statAria {
    background-color: #F2F3F5;
    border-radius: 32px;
    width: 530px;
    margin-left: 20px;
    padding-bottom: 10px;
    padding-top: 10px;
}
.statTitle {
    font-family: "t2_textsans_bold";
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .5px;
    color: #000000;   
    padding-left: 20px; 
    padding-top: 50px;
}
.statValue {
    margin-left: 0;
    padding: 8px 12px;
    box-sizing: border-box;
}
.statValueTitle {
    margin-bottom: 10px;
    padding: 8px 12px;
    box-sizing: border-box;
}

.statistics {
    width: 100%;
    height: 140px;
    float: left;
    background: #FFFFFF;
    /* box-shadow: 0px 1px 8px rgb(0 0 0 / 14%); */
    border-radius: 32px;
    padding: 15px 20px;
    margin: 5px;
    border-collapse: separate;
    box-sizing: border-box;
}

/* Отступы в ячейках таблиц статистики */
.statAria .statistics .row > [class*="col-sm"] {
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
}

.statistics th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
}

.header__statistics {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    align-content: center;
    justify-content: space-between;
    margin-bottom: 20px;
}


.no-data-found {
    display: block;
    text-align: center;
    padding: 15px;
}

.statistics-link {
    display: inline-block;
    text-decoration: none;
    /* border-bottom: 1px solid #c8cace; */
    /* margin: 1px; */
    font-family: "t2_textsans_regular";
    font-size: 16px;
    line-height: 22px;
    letter-spacing: .5px;
    color: #000000;   

}
.statistics-link-main {
    /* font-weight: bold; */
    padding-top: 5px;
    padding-bottom: 5px;
}

.statistics-link-main-title {
    /* font-weight: bold; */
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 14px !important;
}

.statistics-item {
    border-spacing: 10px;
    border-collapse: separate;
}

.modal-scrollable
{
    overflow-y: scroll;
    height: 600px;
    margin-top: 10px;
}

.modal-scrollable::-webkit-scrollbar {
    -webkit-appearance: none;
}

.modal-scrollable::-webkit-scrollbar:vertical {
    width: 11px;
}

.modal-scrollable::-webkit-scrollbar:horizontal {
    height: 11px;
}

.modal-scrollable::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.scale-progress-table
{
    width: 100%;
    height: 100%;
    /* margin-top: 50px;
    margin-bottom: 50px; */
}

.scale-progress-row
{
    width: 100%;
}

.scale-progress-percent-title
{
    color: #1F2229;

    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 118.182% */
    /* margin-left: 10px; */
    margin-right: 10px;
}

.scale-progress-percent-value
{
    color: #41A674;

    font-size: 22px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px; /* 118.182% */    
}
.scale-progress-row2
{
    width: 100%;
    flex-direction: row;
    /* justify-content: space-around;
    align-items: center; */
    display: flex; 
    margin-top: 10px;   
    margin-bottom: 10px;   
}

.scale-progress-line-partly
{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    height: 20px;
    width: 100%;
    background: linear-gradient(90deg, #41A674 0.01%, rgba(100, 212, 158, 0.46) 141.67%);
    display: flex;
}
.scale-progress-line-full
{
    border-radius: 20px;
    height: 20px;
    width: 100%;
    background: linear-gradient(90deg, #41A674 0.01%, rgba(100, 212, 158, 0.46) 141.67%);
    display: flex;
}
.scale-progress-line2-partly
{
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 20px;
    width: 0%;
    background: #FFF;
    box-shadow: 0px 2px 8px 0px rgba(34, 34, 34, 0.08);    
    display: flex;
}
.scale-progress-line2-full
{
    border-radius: 20px;
    height: 20px;
    width: 100%;
    background: #FFF;
    box-shadow: 0px 2px 8px 0px rgba(34, 34, 34, 0.08);    
    display: flex;
}

.scale-header-row
{
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    /* align-items: center; */
    display: flex; 
    /* margin-top: 50px;    */
    margin-bottom: 10px;   
}

.scale-header
{
    width: 33%;
    color: #1F2229;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 162.5% */    
}

.scale-region-row
{
    width: 100%;
    flex-direction: row;
    justify-content: space-around;
    /* align-items: center; */
    display: flex; 
    margin-top: 10px;   
    margin-bottom: 10px;   
}
.scale-region-column
{
    width: 33%;
}
.scale-region-column2
{
    width: 33%;
    flex-direction: row;
    /* justify-content: space-around; */
    /* align-items: center; */
    display: flex; 
    /* margin-top: 10px;   
    margin-bottom: 10px;    */
    
}
.scale-region-column3
{
    /* width: 33px; */
    flex-direction: row;
    /* justify-content: space-around; */
    /* align-items: center; */
    display: flex; 
    /* margin-top: 10px;   
    margin-bottom: 10px;    */
    
}

.scale-region-status-point-new
{
    width: 10px;
    height: 10px;
    background: #FF002A;
    border-radius: 30px;
    margin-top: 5px;

}
.scale-region-status-point-done
{
    width: 10px;
    height: 10px;
    background: #41A674;
    border-radius: 30px;
    margin-top: 5px;
}

.scale-region-status-point-unable
{
    width: 10px;
    height: 10px;
    background: #8F9399;
    border-radius: 30px;
    margin-top: 5px;
}
.scale-region-status-point-before
{
    width: 10px;
    height: 10px;
    background: #41A674;
    border-radius: 30px;
    margin-top: 5px;

}
.scale-region-status-point-no-need
{
    width: 10px;
    height: 10px;
    background: #8F9399;
    border-radius: 30px;
    margin-top: 5px;

}
.scale-region-status-point-in-progress
{
    width: 10px;
    height: 10px;
    background: #00BFFF;
    border-radius: 30px;
    margin-top: 5px;

}


.scale-region-status
{
    padding-left: 10px;
}

.scale-region-title
{
    color: #1F2229;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    align-items: start;
}


.workflow-table {
    color: #1f2229;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    display: flex;
    margin-top: 20px;
}
.workflow-row
{
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    /* align-self: flex-start;
    align-items: flex-end; */
    /* align-content: center; */
    margin-bottom: 5px;
    font-size: 1.25rem;
    line-height: 26px;
    display: flex;
}

.workflow-state-done {
    font-size: 16px;
    line-height: 1.38;
}

.workflow-state-next {
    font-size: 16px;
    line-height: 1.38;
    color: #8f9399;
}

.workflow-state-current{
    font-size: 16px;
    line-height: 1.38;
    font-weight: bold;
}

.workflow-responsible-func{
    font-size: 16px;
    line-height: 1.38;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}
.workflow-responsible-name{
    font-size: 16px;
    line-height: 1.38;
    flex-direction: row;
    align-items: center;
    justify-content:space-between;
    display: flex;
    padding-right: 40px;
    margin-bottom: 5px;
    /* padding-left: 5px; */
}

.workflow-responsible-drop {
    margin-left: 3px;
    cursor: pointer;
}

.workflow-responsible-title{
    color: #8f9399;
    margin-top: 30px;
    margin-bottom: 10px;
    cursor: pointer;
}

.workflow-row-1
{
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
    display: flex;
}

.workflow-row-2
{
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 8px;
    display: flex;
}

.workflow-title-row {
    height: 100%;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    display: flex;
}
.workflow-icons-row {
    height: 100%;
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.workflow-responsible-row {
    height: 100%;
    width: 100%;
    flex-direction: column;
    justify-content: space-between;
    display: flex;

}

.workflow-line-done {
    width: 100%;
    height: 1px;
    object-fit: cover;
    border: 1px #B3B3B3;
    border-style: solid none none;
    /* margin-left: 10px; */
    margin-right: 5px;
}

.workflow-line-current {
    width: 100%;
    height: 1px;
    border: 1px #B3B3B3;
    object-fit: cover;
    border-style: solid none none;
    /* margin-left: 10px; */
    margin-right: 5px;
}

.workflow-line-next {
    width: 100%;
    height: 1px;
    object-fit: cover;
    border: 1px #B3B3B3;
    border-style: solid none none;
    /* margin-left: 10px; */
    margin-right: 5px;
}

.workflow-point-done {
    content: '';
    display: none;
    width: 24px;
    height: 24px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -5px;

    background: url(../img/step_point_done.svg) center no-repeat;

}
.workflow-point-next {
    content: '';
    display: none;
    width: 24px;
    height: 24px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -5px;

    background: url(../img/step_point_next.svg) center no-repeat;

}
.workflow-point-current {
    content: '';
    display: none;
    width: 20px;
    height: 20px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: -5px;

    background: url(../img/step_point_next.svg) center no-repeat;

}

.workflow-icon-done {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -5px;

    background: url(../img/step_done.svg) center no-repeat;
}

.workflow-icon-next {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -5px;

    background: url(../img/step_next.svg) center no-repeat;
}
.workflow-icon-current {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: -5px;

    background: url(../img/step_current.svg) center no-repeat;
}

.select-survey-table {
    height: 65vh;
    width: 100%;
    overflow: scroll;
    display: block;
    float: left;
    margin-top: 30px;
    margin-bottom: 30px;
}

.select-survey-table .select-survey-row {
    display: flex;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    justify-content: space-between;
}

.survey-title {
    width: 250px;
    background-color: #ffffffAA;
    text-align: center;
    position: relative;
    top: 20px;
    margin-left: 10px;
    padding-bottom: 5px;
}


.select-survey-header {
    font-size: 20px;
    line-height: 40px;
}

.survey-select {
    padding-top: 50px !important;
}

.surver-short-answer-preview {
    border: none;
    border-bottom: 0.1rem solid #8f9399;

}

.surver-file-answer-preview {
    border: none;
    /* border-bottom: 0.1rem solid #8f9399; */
}

.surver-long-answer-preview {
    border: none;
    border-bottom: 0.1rem solid #8f9399;
}

.surver-question-block {
    border: none;
    /* border-bottom: 0.1rem solid #1f2229; */
    margin-bottom: 50px;
    /* padding-bottom: 20px; */
}

.survey_radio_title {
    border: none;
    /* border-bottom: 0.1rem solid #1f2229; */
    width: 80%;

    padding-left: 10px;
    height: 50px;
    background-color: #F2F2F2;
    color: #808080;
    border-radius: 8px;
    margin-bottom: 10px !important;
}

#test-description::placeholder {
    /* color: #D3D9DF; */
    line-height: 1.48;
    opacity: 1;
    font-size: 14px;
}

#test-conditions::placeholder {
    /* color: #D3D9DF; */
    line-height: 1.48;
    opacity: 1;
    font-size: 14px;
}

.survey_yesno_title {
    border: none;
    /* border-bottom: 0.1rem solid #1f2229;
    width: 80%; */
}

.survey_template_download {
    padding-left: 10px;
    padding-bottom: 20px;
    padding-top: 40px;
    cursor: pointer;
    /* text-decoration: underline; */
    font-weight: bold;
}

.expert_badge{
    width: 70%;
    height: 70%;
}
.expert_badge_small{
    width: 20%;
    height: 20%;
}


.survey_checkbox_title {
    border: none;
    /* border-bottom: 0.1rem solid #1f2229; */
    width: 80%;

    padding-left: 10px;
    height: 50px;
    background-color: #F2F2F2;
    color: #808080;
    border-radius: 8px;
    margin-bottom: 10px !important;

}

.survey_do_checkbox_title {
    border: none;
    width: 80%;
}

.survey_longanswer {
    height: 100px !important;
}

.survey_combo_title {
    border: none;
    /* border-bottom: 0.1rem solid #1f2229; */
    width: 80%;
    /* height: 50px !important; */

    padding-left: 10px;
    height: 50px;
    background-color: #F2F2F2;
    color: #808080;
    border-radius: 8px;
    margin-bottom: 10px !important;

}

.survey_range_title {
    border: none;
    /* border-bottom: 0.1rem solid #1f2229; */
    width: 50%;
    height: 50px !important;

    padding-left: 10px;
    background-color: #F2F2F2;
    color: #808080;
    border-radius: 8px;
    /* margin-bottom: 10px !important; */

}


.select-survey-table .select-survey-row .select-survey-cell-title {
    min-width: 60%;
    max-width: 65%;
}
.select-survey-table .select-survey-row .select-survey-cell-type {
    min-width: 25%;
    max-width: 30%;
}
.select-survey-row label {
    top: 0;
    margin-top: 3px;
    font-size: 1.3rem;
    line-height: 1.3rem;
    top: 0;
    left: 0;
    color: #8f9399;
}


.select-survey-delete-btn {
    line-height: 63px;
}

.survey_title {
    height: 40px !important;
    padding-top: 0px !important;
}

.survey_buttons {
    display: flex;
    flex-direction: column;
    width: 30px;
}
.survey_change-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 4px;
    margin: 0 0 20px;
    text-align: center;
    font-family: "t2_textsans_bold";
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .5px;
    white-space: nowrap;
    cursor: pointer;
    width: 30px;
    border-radius: 30px;
    border: 2px solid #1f2229;
    color: #1f2229;
    background-color: transparent;
    transition: .2s;
}
.survey_change-btn-add {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 4px;
    margin: 0 0 20px;
    text-align: center;
    font-family: "t2_textsans_bold";
    font-size: 16px;
    line-height: 18px;
    letter-spacing: .5px;
    white-space: nowrap;
    cursor: pointer;
    width: 150px;
    height: 30px;
    /* border-radius: 30px;
    border: 2px solid #1f2229; */
    color: #1f2229;
    background-color: transparent;
    transition: .2s;
    text-transform: uppercase;
}

.survey_change-btn-small {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 3px;
    margin: 0 0 20px;
    text-align: center;
    font-family: "t2_textsans_bold";
    font-size: 16px;
    line-height: 6px;
    letter-spacing: .5px;
    white-space: nowrap;
    cursor: pointer;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    border: 2px solid #1f2229;
    color: #1f2229;
    background-color: transparent;
    transition: .2s;
    margin-left: 10px;
    position: relative;
    top: 10px;
}

.survey_checkbox_preview {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 4px;
    margin: 0 0 20px;
    width: 24px;
    height: 24px;
    /* border: 2px solid #1f2229; */
    width: 24px;
    height: 24px;
    border: 2px solid #7A7A7A;
    border-radius: 6px !important;

    /* color: #1f2229; */
    background-color: transparent;
    /* transition: .2s; */

    position: relative;
    top: 10px;    
    margin-right: 10px;

}


.survey_radio_preview {
    display: inline-block;
    vertical-align: middle;
    padding: 4px 4px;
    margin: 0 0 20px;

    width: 24px;
    height: 24px;
    /* border: 2px solid #1f2229; */
    border: 2px solid #7A7A7A;
    border-radius: 24px;

    /* color: #1f2229; */
    background-color: transparent;
    /* transition: .2s; */

    position: relative;
    top: 10px;    
    margin-right: 10px;
}

/* ---------- news ---------- */
.news_create {
    height: 500px;
}
.news_create .modal-content {
    margin-right: 20px;
}
.news_create .krajee-default.file-preview-frame .kv-file-content {
    width: 50px !important;
    height: 50px !important;
    border-radius: 24px;
}

.news_create .kv-file-name {
    width: 50px !important;
    text-overflow: ellipsis;
    word-wrap: nowrap;
    overflow: hidden;
}
.news_create .file-footer-buttons .kv-file-remove { 
    min-width: 55px !important;
}

.news_create .file-preview-thumbnails .krajee-default.file-preview-frame, .news_create .file-preview-thumbnails .krajee-default:hover { 
    margin: 0px !important;
}

.news_create .text-field-holder, .text-area-holder, .dropdown, .select-field-holder {
    margin-bottom: 0px;
}

.news_create .text-field:disabled {
    /* background-color: #ffffff !important; */
    /* line-height: 22px; */
}

.news_create .text-field-with-buttons .buttons {
    margin-top: 20px;
    position: absolute;
    left: 280px;
}

.news_banner_placeholder {
    margin-bottom: 20px;
}
.news_banner_placeholder.empty i {
    font-size: 60px;
    color: #000000;
    position: absolute;
    left: 115px;
    top: 25px;
    cursor: pointer;
    /* transform: translate(-50%, -50%); */
}

.news_banner_placeholder.added i {
    font-size: 60px;
    color: #ffffff;
    position: absolute;
    left: 115px;
    top: 25px;
    cursor: pointer;
    background-color: #FFFFFF40;
    border-radius: 24px;
    padding: 5px;
    /* transform: translate(-50%, -50%); */
}

.news_banner_placeholder.empty .add_banner {
    position: absolute;
    top: 100px;
    left: 70px;
    font-family: "t2_textsans_bold";
    font-size: 14px;
    color: #000000;
    cursor: pointer;

}
.news_banner_placeholder.added .add_banner {
    position: absolute;
    top: 100px;
    left: 70px;
    font-family: "t2_textsans_bold";
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    border-radius: 24px;
    background-color: #FFFFFF40;
    padding: 5px;
}

.news_block {
    white-space:unset !important;
    text-align: justify;
}


.news_block img {
    width: auto !important;
    height: 400px;
    border-radius: 32px;
    margin: 20px 0px 20px 0px;
}


.news_banner_col {
    width: 320px !important;
}

.dropdown-content__item:hover, .select-field-holder .jcf-option:hover, .dropdown-content__item.is__selected, .select-field-holder .is__selected.jcf-option {
    background: #D9D9D9;
    border-radius: 8px;
    margin: 5px;
}

.dropdown-content__item, .select-field-holder .jcf-option {
    display: block;
    cursor: pointer;
    /* padding: 1rem; */
    margin: 5px;
}

.news_feed {
    /* display: flex; */
    padding: 20px;
    /* margin-left: 16px; */
    width: 61% !important;
    /* justify-content: center;
    align-items: center; */
}

.news_types {
    padding-bottom: 30px;
    padding-top: 30px;
}

.news_types_header {
    font-family: "t2_textsans_bold";
    font-size: 22px;
    line-height: 22px;
    color: #000000;   
    height: 30px;
    padding-top: 4px;
}

.news_tag {
    /* border: 1px #000000 solid; */
    padding-left: 8px !important;
    padding-right: 8px !important;

    /* padding-top: 2px !important;
    padding-right: 8px !important;     */

    border-radius: 12px;
    height: 30px;
    margin-left: 10px;
    margin-right: 10px;
    font-family: "t2_textsans_regular";
    font-size: 14px;
    color: #000000;   
    text-align: center;
    padding-top: 5px;
    cursor: pointer;
    background-color: #F2F2F2;
    float: left;
}

.news_tag.active {
    background-color: #0000FF !important;
    color: #FFFFFF !important;
}

.news_tag_counter {
    /* border: 1px #000000 solid; */
    font-family: "t2_textsans_regular";
    font-size: 14px;
    color: #808080;   
    padding-left: 10px;
}

.news_tag_counter.active {
    /* border: 1px #000000 solid; */
    color: #FFFFFFDD !important;   
}

.news_item {
    background-color: #FFFFFF;
    border-radius: 32px;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);

    padding-top: 20px;
    padding-bottom: 10px;
    margin-bottom: 20px;

}

.news_action {
    padding-top: 45px;
    padding-bottom: 10px;
    margin-bottom: 20px;

}

.news_banner {
    width: 300px;
    height: 196px;
    border-radius: 32px;
    object-fit:cover;
}

.news_banner_placeholder {
    width: 299px;
    height: 196px;
    border-radius: 32px;
    border: 1px solid #000000;
    object-fit: cover;
    margin-left: 10px;
}

.news-caption {
    font-family: "t2_textsans_bold";
    font-size: 2.1rem;
    line-height: 22px;
    /* letter-spacing: .5px; */
    color: #000000;   
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    cursor: pointer;
}

.news_date {
    font-family: "t2_textsans_regular";
    font-weight: bold;
    font-size: 14px;
    line-height: 22px;
    /* letter-spacing: .5px; */
    color: #00000040;   
}

.news_date_row {
    margin-bottom: 20px;
    height: 30px;
}

.news_info {
    width: 63% !important;
}

.news_draft {
    background-color: #A7FC00;
    color: #000000;
    border-radius: 12px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: normal;
    font-family: 't2_textsans_regular';
    padding-top: 5px;
    padding-left: 8px !important;
    padding-right: 8px !important;
    width: 90px;   
    margin-left: 455px; 
    /* float: left; */

}

.news_filter_place {
    width: 530px !important;
    margin-left: 20px;
    margin-top: 20px;
}

.news_search {
    width: 100%;
    border: 0px #000000 solid;
    border-radius: 8px;
    height: 50px;
    margin-bottom: 20px;

    font-family: "t2_textsans_regular";
    font-size: 14px;
    color: #808080;   
    padding-top: 5px;
    padding-left: 10px;
    background-color: #F2F2F2;

}

.news_filter_header {
    margin-bottom: 10px;
    font-family: "t2_textsans_bold";
    font-size: 1.8rem;
    line-height: 22px;
    color: #000000;   
    margin-top: 20px;
}


.news_filter {
    border: 0px #000000 solid;
    border-radius: 8px;
    height: 50px;
    margin-bottom: 10px;
    width: 48% !important;

    font-family: "t2_textsans_regular";
    font-size: 14px;
    color: #808080;
    padding-left: 0px !important;   
    /* text-align: center; */
    /* padding-top: 5px !important; */
    margin-right: 10px;
    background-color: #F2F2F2;

}


.news_filter .select-field-holder
{
    margin-right: 0px !important;
}


.news_filter .select-field-holder .jcf-select
{
    border-width: 0px !important;
    padding-top: 2.1rem !important;
    height: 50px !important;
}

.news_filter .select-field-holder .jcf-select-drop {
    background: transparent !important;
    margin-top: 30px;
}

.news_filter .select-field-holder .jcf-select-text {
    position: absolute;
    top: 10px;
}

.news_page_date {
    font-family: "t2_textsans_regular";
    /* font-weight: bold; */

    font-size: 1.4rem;
    line-height: 22px;
    /* letter-spacing: .5px; */
    color: #000000;   
}

.news_page_author_label {
    font-family: "t2_textsans_regular";
    font-size: 1.4rem;
    line-height: 22px;
    /* letter-spacing: .5px; */
    color: #000000;   
}

.news_page_author {
    font-family: "t2_textsans_regular";
    font-size: 1.4rem;
    line-height: 22px;
    /* letter-spacing: .5px; */
    /* margin-left: 20px; */
}
.news_page .clearfix {
    margin-bottom: 40px;
}

.news_page .header {
    padding-right: 20px;
}

.news_page .banner {
    margin-bottom: 20px;
    border-radius: 24px;
    height: 500px;
}

.news_page .authors {
    text-align: right;
}

/* ------------- likes ------------- */
.like_field {
    padding-top: 5px;
}

.like_field .like_wrapper img {
    width: 26px;
    height: 24px;
    padding-top: 2px;
}

.like_field .like_wrapper .value {
    font-family: "t2_textsans_regular";
    font-size: 1.4rem;
    line-height: 22px;
    color: #000000;   
    padding-left: 5px;
    vertical-align: top;
    position: absolute;
    padding-top: 5px;
}

.like_wrapper.active {
    cursor: pointer;
}

.like_wrapper .value.active {
    color: #FF3495 !important;   
}

/* ------------- comments ------------- */
.comment_field {
    padding-top: 5px;
}
.comment_field .comments img {
    width: 26px;
    height: 26px;
}

.comment_field .comments .value {
    font-family: "t2_textsans_regular";
    font-size: 1.4rem;
    line-height: 22px;
    color: #000000;   
    padding-left: 5px;
    vertical-align: top;
    position: absolute;
    padding-top: 5px;

}

.btn.share {
    width: 140px;
    height: 40px;
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}
.btn.share img {
    position: absolute;
    left: 30px;
    top: 10px;
    width: 18px;
    height: 18px;
}

.btn.share span {
    position: absolute;
    left: 105px;
    top: 10px;
    font-family: "t2_textsans_bold";
    font-size: 1.2rem;
    line-height: 22px;
}
.share_notify
{
    font-family: "t2_textsans_regular";
    font-size: 1.1rem;
    line-height: 22px;
    color: #000000FF;   

}
.report_category_header {
    margin-bottom: 5px !important;
}

.report_category_block {
    margin-bottom: 18px !important;
}

.btn-add {
    width: 42px;
    height: 42px;
    margin-left: 32px;
}

.news-btn-add {
    width: 32px;
    height: 32px;
    margin-left: 125px;
    margin-top: 50px;
    cursor: pointer;
}

.hint-wrapper {
  /* background: #f2f3f5; */
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
  border-radius: 32px;
  padding: 24px;
  padding-top: 24px;
  padding-bottom: 0px !important;
  display: flex;
  flex-direction: row;
  gap: 90px;
  align-items: flex-start;
  margin-top: 16px;
  margin-bottom: 16px;
}

.hint-title {
  color: #1f2229;
  font-size: 24px;
  line-height: 22px;
  font-weight: 900;
  text-transform: uppercase;
  width: 340px;
}

.hint-box {
  display: flex;
  flex-direction: row;
  gap: 24px;
  background: #f2f3f5;
  border-radius: 32px;
  padding: 20px 24px;
  /* box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.06), 0px -10px 22px rgba(0, 0, 0, 0.03); */
  flex: 1;
  margin-bottom: 24px;
}

.hint-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  flex: 1;
}

.hint-label {
  font-size: 16px;
  font-weight: 900;
  color: #1f2229;
}

.hint-text {
  font-size: 15px;
  line-height: 22px;
  color: #1f2229;
}

.hint-icon {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
}

.hint-icon-img {
  width: 32px;
  height: 32px;
  border-radius: 16px;
}

.hint-expandable-wrapper {
  /* background: #f2f3f5; */
  /* border-radius: 32px; */
  /* padding: 24px; */
  display: flex;
  gap: 32px;
  /* margin-top: 16px; */
}

.hint-text {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 22px;
  color: #1f2229;
}

.hint-text.collapsed {
  max-height: 88px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.hint-text.expanded {
  max-height: none;
  overflow: visible;
  display: block;             
  -webkit-line-clamp: unset;  
  -webkit-box-orient: unset;   
}
.improvement-important {
    background: #FF3495; /* фирменный розовый */
    color: #ffffff;
    border-radius: 12px;
    padding: 10px 12px;
    display: inline-block; /* ширина по содержимому */
    max-width: 100%;
}
.hint-toggle {
  cursor: pointer;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
}

.hint-icon-img {
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
/* ============= */
.report-category {
  position: relative;
  margin-bottom: 40px;

  .report-category-wrapper {
    position: relative;
    border-radius: 32px;
    background: #f2f2f2;
    width: 100%;
    /* min-height: 543px; */
    padding-top: 78px;
    padding-bottom: 30px;
  }

  .report-category-bg {
    position: absolute;
    background: #f2f2f2;
    border-radius: 32px;
    width: 100%;
    /* height: 543px; */
    top: 0;
    left: 0;
    z-index: 0;
  }

  .report-category-header {
    position: absolute;
    top: 20px;
    left: 24px;
    /* font-family: 'HalvarBreitschrift-Black', sans-serif; */
    font-family: "t2_textsans_bold";
    font-size: 24px;
    line-height: 31px;
    font-weight: 900;
    color: #000000;
    letter-spacing: -0.01em;
    z-index: 1;
  }

  .report-category-content {
    position: relative;
    background: #ffffff;
    border-radius: 12px;
    padding: 24px;
    margin: 0 24px;
    z-index: 1;
  }

  .report-header-row {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    border-radius: 8px;
    padding: 12px;
    margin-bottom: 16px;
  }

  .report-header-title {
    /* font-family: 'HalvarBreitschrift-Black', sans-serif; */
      font-family: "t2_textsans_bold";
    font-size: 18px;
    font-weight: 900;
    line-height: 31px;
    letter-spacing: -0.01em;
    color: #000000;
    margin-bottom: 8px;
  }

  .report-header-description {
    /* font-family: 'TrialRooftop-Regular', sans-serif; */
    font-family: "t2_textsans_regular";
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
    max-width: 80%;
  }

    .report-item-row {
        position: relative;
        padding: 24px 0;
        border-bottom: 1px solid #e0e0e0;

        .report-item-content {
            display: flex;
            flex-direction: column;
            gap: 16px;
            max-width: 95%; 
        }

        .report-item-title {
            font-family: "t2_textsans_bold";
            font-size: 18px;
            font-weight: 900;
            color: #000000;
        }

        .report-item-description {
            font-family: "t2_textsans_regular";
            font-size: 15px;
            font-weight: 400;
            line-height: 22px;
            color: #000000;
            white-space: pre-line;
        }

        .report-generate-button {
            background: #a7fc00;
            border-radius: 10px;
            padding: 16px 24px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: fit-content;

            .label {
            font-family: "t2_textsans_Bold";
            font-size: 16px;
            line-height: 20px;
            font-weight: 900;
            text-transform: uppercase;
            color: #000000;
            }
        }

        .report-chevron {
            position: absolute;
            top: 24px;
            right: 0;
            width: 32px;
            height: 32px;
        }
    }

}

/* ОПТИМИЗАЦИЯ: Стили для состояний загрузки ViewProfile */
.loading-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.loading-container .spinner-border {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
}

.loading-container p {
    color: #6c757d;
    font-size: 14px;
    margin-top: 15px;
}

/* Анимация для улучшения UX */
.view-profile {
    transition: opacity 0.3s ease-in-out;
}

.view-profile.loading {
    opacity: 0.7;
}

/* Стили для кнопки "Попробовать снова" */
.btn-retry {
    margin-top: 10px;
}

/* ОПТИМИЗАЦИЯ: Стили для автопагинации */
.loading-more-indicator {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    color: #6c757d;
    font-size: 14px;
}

.loading-more-indicator .spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: 0.1em;
}

.no-more-data {
    font-size: 14px;
    color: #6c757d;
    border-top: 1px solid #e9ecef;
    margin-top: 20px;
}

/* Улучшенные стили для индикаторов загрузки */
.loading-indicator {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.loading-indicator .spinner-border {
    width: 3rem;
    height: 3rem;
    border-width: 0.3em;
}

.loading-indicator p {
    color: #6c757d;
    font-size: 14px;
    margin-top: 15px;
}

/* Стили для сообщений об ошибках и отсутствии данных */
.error-message, .no-ideas-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    text-align: center;
}

.error-message p, .no-ideas-message p {
    color: #6c757d;
    font-size: 14px;
    margin-top: 15px;
}

.status-comment-modal .wtt-upload-hidden { display: none !important; }