input, textarea, select{
    border-radius: 5px;
    border-width: 1px;
}

.BigHeader{
    color: #000;
    font-weight: 400;
    margin: 0;
    text-decoration: none;
    display: block;
    cursor: pointer;
    font-family: Circe-Light;
    font-size: 48px;
    line-height: 50px;
    padding-bottom: 50px;
}
.ColumnHeader{
    font-size: 28px;
    padding: 0;
    margin: 0;
    padding-bottom: 28px;
    line-height: 32px;
    font-family: Circe-Regular, Arial, sans-serif;
    font-weight: 600;
    color: #000;
}
.nounderline {
    font-family: Circe-Regular;
}
.nounderline:hover{
    text-decoration: none;
}
.ArticleBriefTitle{
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
    color: #010876;
}

.fav_actions{
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 16px;
    color: #7C7C7C;
    margin-bottom: 5px;
}
.ArticleBriefTopic{
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin-bottom: 30px;
}
.legal_left_column{
    padding-right: 50px;
}
.legal_right_column{
    border-left: 1px solid #C2C2C2;
    padding-left: 50px;
}
.BlurArticleTitle{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: 350;
    font-size: 20px;
    line-height: 110%;
    color: #000000;
    margin-bottom: 8px;
}
.BlurArticleTitle:hover{
    /*color: #f8f8fb;*/
}
.BlurArticleTitle svg {

    left: 0;
    top: -1px;
    width: 15px;
    height: 15px;
    margin-right: 10px;
    margin-top: -5px;
}
.folder_caption_big{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 100%;
    color: #000000;
    margin-top: 30px;
    margin-bottom: 20px;
}
.blur-box{
    margin-bottom: 20px;
    padding:0 0 15px 0;
}
.folder_container svg{
    position: absolute;
}
.folder_text{
    margin-left: 60px;
}
.folder_title{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 28px;
}
.folder_title a{
    color: #010876;
}
.folder_title a:hover{
    text-decoration: none;
}
.folder_caption{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 16px;
    color: #000000;
    text-align: left;
    margin-right: 30px;
}

.video_block iframe{
    margin: 0 auto;
}
.video_title{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 78%;
    color: #262626;
    margin-top: 20px;
    text-align: left;
}
.video_caption{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    color: #858585;
    text-align: left;
}
.article_title{
    text-align: left;
}
.article_text{
    margin-left: 25px;
}
.article_text a{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: 350;
    font-size: 20px;
    line-height: 110%;
    color: #242424;
    text-align: left;
}

.article_text a:hover{
    text-decoration: none;
}
.article{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: 350;
    font-size: 20px;
    line-height: 120%;
    color: #000000;
}
.september_inside_folder{
    margin-top: 60px;
}
.folder_title_list{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 117%;
    color: #010876;
    align-self: stretch;
}
.folder_title_list svg{
    position: absolute;
}
.folder_title_list div{
    margin-left: 50px;
}
.folder_inside{
    margin-left: 30px;
}
.folder_title_button:hover{
    cursor: pointer;
}
.ArticleToolPanelFullTop{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: 350;
    font-size: 14px;
    line-height: 16px;
    color: #3E3E3E;
    border-bottom: 1px solid #D1D1D1;
    /*padding-bottom: 20px;*/
    padding-top: 20px;
    margin: 0;
 }
.documents{
    padding-right: 90px;
}
.showcount{
    font-size: 16px;
    line-height: 20px;
    color: #000;
    padding-top: 5px;
    max-width: 80px;
 }
.showcount svg{
    margin-top: -5px;
 }
.pubdate{
    padding-top: 5px;
    /*padding-left: 30px;*/
}
.need_to_pay{
    background: #CCCDE5;
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 125%;
    color: #000000;
    padding-bottom: 30px;
    margin: 30px -115px;
}
.lock{
    width: 100px;
    height: 100px;
    background: #fff;
    border-radius: 50px;
    padding: 25px;
    margin: 25px auto;
}
.need_to_pay_text{
    width: 75%;
    margin: 0 auto;
    text-align: center;
}
.need_to_pay_text p{
    text-align: center;
}
.need_to_pay_text p a{
    color: #000;
    text-decoration: underline;
}
.svyaznie_title{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 100%;
    color: #010876;
    margin-bottom: 1.5rem;
}
.svyaznie{
    margin-top: 50px;
}
.subsection_content_container_right {
    Width: 330px;
    margin-left: 30px;
    float: right;
}
h2.article{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 24px;
    line-height: 117%;
    color: #010876;
    align-self: stretch;
    margin-bottom: 1.5rem;
}
.folder_tree_level{
    margin-bottom: 50px;
}
.topic{
    margin-top: 30px;
}
#inHeader, #inText{
    margin-top: 5px;
}
#inputs{
    margin-top: 5px;
}
.subsection_content_container{
   /* margin-top: 30px;*/
}
.article_subheader{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
}
.title{
    font-family: Circe-Light;
    font-style: normal;
    font-weight: 350;
    font-size: 48px;
    line-height: 50px;
    color: #000000;
}
.topic_box{
    border-bottom: 1px solid #D1D1D1;
    padding: 15px 0;
    margin-bottom: 20px;

}
.topic{
    font-family: Circe-Regular !important;
    font-style: normal;
    font-weight: 350;
    font-size: 20px;
    line-height: 29px;
    color: #000000;
    margin: 0;
    padding-top: 14px;
}
.legal_left_column, .legal_right_column{
    margin-top: 10px;
}
#unisender-subscribe-form{
    border-top: 1px solid #D1D1D1;
}
.dop_nav_button{
    margin: 0;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    border-radius: 20px;
    border: 1px solid;
    padding: 0.4em 1.2em;
    cursor: pointer;
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
}
.dop_nav{
    padding-top: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #D1D1D1;
    margin: 0;
}
.dop_nav_button_violet{
    color: white;
    background: #3338A8;
}
.search_box_big:hover{
    background: #F8F8FB;
    border: 1px solid #DFDFDF;
}

li.article, li.left{
    list-style: disc;
    margin-left: 20px !important;
}
.folder_description{
    margin: -30px  0 46px;
}
.author{
    font-family: Circe-Regular;
    font-style: normal;
    font-weight: 350;
    font-size: 20px;
    line-height: 120%;
    color: #000000;
}
p.article{
    margin-bottom: 16px !important;
}
.dop_nav .col-12{
    margin-top: 30px;
    text-align: center;
}
.folder_title_list{
    margin-bottom: 20px;
}






h1{
    font-family: Circe;
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 42px;
    color: #000000;
}

h3{
    font-family: Circe;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #1F1F1F;

}
.dialog-box{
    text-align: left;
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 18px;
    line-height: 22px;
    margin-top: 20px;
}

.dialog-box p{
    margin-bottom: 8px;
    margin-top: 16px;
}
.dialog-box input[type=text], .dialog-box input[type=userPass]{
    border: 1px solid #C1C1C1;
    box-sizing: border-box;
    border-radius: 5px;
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 16px;
    color: #242424;
}
.dop_nav_button_violet:hover {
    border: 1px solid #3338A8;
    color: #3338A8;
    background: white;
}
.profile_subscription{
    border-bottom: 1px dotted #96a3a9;
    padding: 20px 0 10px;
}
.project-title{
    font-family: Circe-Light;
    font-style: normal;
    font-weight: 350;
    font-size: 48px;
    line-height: 50px;
    color: #000000;
}
.subtitle{
    font-family: Circe-Light;
    font-style: normal;
    font-weight: 350;
    color: #000000;
    margin-bottom: 1.5em;
}
.info-page-header-2{
    font-family: Circe;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 32px;
    color: #010876;
    transform: rotate(0.13deg);
}
.info-page-text strong{
    font-family: Circe;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
}
.info-page-text li{
    font-family: Circe-Light;
    font-style: normal;
    font-weight: 350;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
}
.info-page-text ul li {
    list-style: none;
}
.info-page-text ul li:before{
    content:  "—";
    position: relative;
    left:     -15px;
}
.info-page-text ul li{
    text-indent: -20px;
}
.form-box{
    border: none;
    text-align: left;
}
.field-caption, .field-saved-caption{
    font-family: Circe;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 22px;
     color: #000000;
}
.form-box input, .form-box textarea, .form-box select {
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 18px;
    color: #040404;
}
.form-box input::placeholder, .form-box textarea::placeholder, .form-box select::placeholder {
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 14px;
    line-height: 16px;
    color: #B7B7B7;
}
p.field-caption, p.field-saved-caption{
    margin-top: 30px;
}
.field-saved-value{
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 16px;
    text-align: left;
    color: #000000;
    margin-top: 10px;

}
p{
    font-family: Circe-Light;
    font-style: normal;
    font-weight: 350;
    font-size: 20px;
    line-height: 22px;
    color: #000000;
}
.green-block{
   border: 0px !important;
}
.info-page-header-2{
    margin-top: 50px;
}
.contacts-block__time{
    font-size: 12px;
    line-height: 14px;
}
.dialog-box input{
    width: 80%;
    max-width: 432px;
    height: 49px;
}
ul li {
    text-indent: 0;
}
.dbtn{
    padding: 0.8em 3.4em;
    min-width: 217px;
    display: inline-block;
}
@media (min-width: 800px) {
    .main_container_september{
        padding-bottom: 100px;
        background: #fff;
    }
}
.form-box textarea{
    padding-top: 1em;
}
.many_btn .dbtn{
    /*font-size: 0.7em;
    line-height: 1em;*/
    margin-top: 30px;
}
div.user-subtitle{
    color: #000000;
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 18px;
    line-height: 16px;
}

.form-box .user-field-value{
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    color: #000000;
}
select option:hover {
    margin: 40px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.filter-caption{
    display: none !important;
}
.filter_left{
    float: left !important;
}
.filter-button{
    border: none;
    cursor: pointer;
}
.user-field-value.monitoring{
    width: 65%;
    text-align: left;
    padding-left: 10px;
}
.user-string.monitoring{
    width: 100%;
}
.user-field-value.monitoring{
    /*text-align: left;*/
}
.monitoring .user-static .user-field-value{
    text-align: left;
    cursor: default;
}
.monitoring .user-static .user-field-icons{
    cursor: default;
    margin-right: 0px;
}
.user-string.monitoring .user-static div{
    border: none;
}
.user-string.monitoring .user-static{
    margin: 0;
    border-radius: 0px;
}
.monitoring_links p{
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 18px;
    color: #000000;
    margin-top: 15px;
    text-align: left;
}
.monitoring_links h2{
    font-family: Circe;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #000000;
}
.toogle_btn{
    font-family: Circe;
    font-style: normal;
    font-weight: 350;
    font-size: 16px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #000000;
    margin-bottom: 15px;
    cursor: pointer;
}

#block_1, #block_2{
    padding-bottom: 20px;
}
#frmReturnToEdit, #frmStopSurveying{
    border-top: 1px solid #DADADA;
}


.user-string.monitoring .user-static{
    border-bottom: none;
}

.user-string.monitoring:last-child .user-static{
    border-bottom: 1px solid #C6C0C0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.user-string.monitoring:nth-child(5) .user-static{
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.user-string.monitoring:nth-child(2n+1) .user-static{
    background: #F8F8FB;
}
.user-string.monitoring:nth-child(2n) .user-static{
    background: #ffffff;
}

.dbtn {
    font-family: Circe-Light;
}
.profile-subscription-title{
    font-family: Circe-Light;
    font-style: normal;
    font-weight: 350;
    font-size: 24px;
    line-height: 28px;
    color: #000000;
}
.btn-back{
    border: none;
    background: none;
    color: #3338A8;
    padding-left: 0;
    padding-right: 0;
    min-width: 100px;
    text-align: left;
}
.form-box .info-page-header-2 {
    font-family: Circe-Light;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 22px;
    color: #000000;
}
textarea::placeholder{
    white-space: pre-wrap;
}
.form-box .user-field-value {
    border-radius: 5px;
    background: #ffffff;
    border: 1px solid #C6C0C0;
}
.form-box .user-static {
    border: 1px solid #C6C0C0;
}
.user-field-value.slim{
    border: none;
    background: none;
    font-weight: bold;
}
.switch-mode-panel{
   /* padding-bottom: 50px;*/
}
.old_list{
    background: none;
    padding-top: 0.9em;
}
input.user-field::before{
    top: 70%;
}
input.user-field::before{
    top: 70%;
}
input.user-field:checked::after {
    top: 70%;
}
.form-box .user-block {
    margin: .3em auto;
}
#filter-bottom{
    display: none;
}
.users-list-form .user-string.monitoring:nth-child(5){
    margin-top: 50px;
}
#frmSendMails{
    margin-bottom: 0;
}
#approveQuantity{
    margin-top: 15px;
}
#approveErrors{
    margin-bottom: 15px;
}
@media (max-width: 1000px) {
    .user_data{
        width: 100%;
    }
    .btn_user_data{
        width: 100%;
    }
    .user-save-button{
        margin-right: 15px;
     }
}
@media (min-width: 1000px) {
    .user_data{
        width: 70%;
    }
    .btn_user_data{
        height: 100%;
        width: 30%;
        float: right;
        text-align: right;
        margin-top: -200px;
    }
}

.user-save-button{
    width: 215px;
    margin-top: 2px;
    margin-bottom: 15px;
}

.profile-subscription-comment.edit_comment{
    cursor: pointer;
}
input.comment_edit{
    width: 100%;
}
.comment_edit_buttons{
    text-align: right;
    font-family: Circe-Light;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
    color: #3E3E3E;
}
.comment_edit_buttons span{
    margin-right: 10px;
    cursor: pointer;
}
.dbtn{
     font-family: Circe-Regular;
     font-size: 14px;
     line-height: 16px;
 }
.metod_materiales{
    margin-top: 50px;
}
.user-nav-btn__text{
    font-style: normal;
}
.many_btn .dbtn{
    margin-right: 20px;
}
.user-string.monitoring .user-static .user-field-value{
    background: none;
}
.user-field-value.slim.no-mobile{
    text-align: right;
}
.monitoring_links{
    margin-top: -45px;
}
.profile-subscription{
    /*padding-top: 15px;*/
    text-align: center;
}
.filter-button.filter_left{
    margin-left: 0;
}
.first_btn{
    margin: 0 10px 10px;
}

@media (max-width: 720px){
    .project-title {
        font-size: 38px;
        line-height: 40px;
    }
    p{
        text-align: left;
    }
    .monitoring_links {
        margin-top: 0px;
    }
    .project-roadmap{
        display: none !important;
    }
    .breadcrumb-item+.breadcrumb-item {
        padding-right: .5rem;
        padding-left: 0;
    }
    .breadcrumb-item+.breadcrumb-item::before {
        display: none;
    }
    .breadcrumb-item::after {
        display: inline-block;
        padding-left: .5rem;
        padding-right: .5rem;
        color: #6c757d;
        content: "/";
    }
    .breadcrumb-item:last-child::after {
        display: none;
    }
}

.big_report{
    margin-top: 50px;
}
.grey_line{
    border-top: 1px solid #BABABA;
}


/* =========================================================
   РАЗМЕТКА ФОРМЫ РЕДАКТИРОВАНИЯ (две колонки, стабильное выравнивание)
   ========================================================= */
.user-dynamic{
    /* grid надёжнее для 2-х колонок, чем flex (нет «баслайна») */
    display:grid;
    grid-template-columns: minmax(0,1fr) 260px; /* левая тянется, правая фикс (подбери ширину) */
    column-gap: 24px;
    align-items: start;                        /* обе колонки к верху */

}
.user-dynamic .user_data{
    min-width: 0;                              /* чтобы поля не раздували колонку */
}
.user-dynamic .btn_user_data,
.user-dynamic .btn-user-data{
    /* Критично: любой «толкатель» вверх/вниз отключаем */
    place-self: start end;                     /* к верхнему правому углу своей колонки */
    align-self: start !important;
    justify-self: end;
    position: static !important;
    /*margin: 0 !important;*/
    top: auto !important; bottom: auto !important; /* если вдруг где-то было */
}

/* =========================================================
   БЕЙДЖ-СЧЁТЧИК В СПИСКЕ
   ========================================================= */
.badge-dept{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:1.6em; height:1.6em; padding:0 .4em;
    border-radius:999px; border:1px solid transparent;
    font-size:12px; line-height:1; margin-left:8px; user-select:none;
}
.badge-dept.is-empty{ background:#fbeaea; color:#a40000; border-color:#f0b2b2; }
.badge-dept.is-filled{ background:#e8f6ee; color:#055f2b; border-color:#a7dfc2; }

/* =========================================================
   СЕЛЕКТОР СТРУКТУРНЫХ ПОДРАЗДЕЛЕНИЙ (чипы)
   ========================================================= */

/* Палитра под ваш дизайн */
:root{
    --primary:#3338A8;     /* основной цвет выбранной кнопки/рамки */
    --on-primary:#f9f9ff;  /* текст на выбранной */
    --chip-bg:#f9f9ff;     /* фон невыбранной */
    --chip-bg-hov:#eef1ff; /* фон hover у невыбранной (контрастнее) */
    --primary-hov:#2a2f96; /* фон hover у выбранной (на тон темнее) */
}

.dept-selector{ margin-top:12px; }
.dept-selector .dept-caption{
    font-size:13px; opacity:.85; margin-bottom:8px;
}

/* Контейнер чипов — именно здесь flex + gap (НЕ на кнопках) */
.dept-selector .dept-buttons{
    display:flex;
    flex-wrap:wrap;
    gap:8px;                          /* расстояние между кнопками */
}

/* Базовый вид чипа-кнопки */
.dept-selector .dept-buttons .dbtn{
    display:inline-flex; align-items:center; justify-content:center;
    text-decoration:none;

    padding:4px 10px;
    font-size:14px; line-height:1.1;
    border-radius:999px;              /* «пилюля» */
    margin:0 !important;              /* не суммировать с gap */
    min-width:5ch; max-width:10ch;    /* код ≤10 символов — ляжет красиво */
    width:auto; white-space:nowrap; text-align:center;
}

/* НЕ ВЫБРАНО */
.dept-selector .dept-buttons .dbtn-bordered{
    background:var(--chip-bg);
    color:var(--primary);
    border-color:var(--primary);
}
.dept-selector .dept-buttons .dbtn-bordered:hover{
    background:var(--chip-bg-hov);
    color:var(--primary) !important;  /* перекрыть глобальный .dbtn:hover { color:#fff } */
    border-color:var(--primary);
}

/* ВЫБРАНО */
.dept-selector .dept-buttons .dbtn-solid{
    background:var(--primary);
    color:var(--on-primary);
    border-color:var(--primary);
}
.dept-selector .dept-buttons .dbtn-solid:hover{
    background:var(--primary-hov);    /* заметнее, чем было */
    color:var(--on-primary) !important;
}

/* Фокус клавиатурой (TAB) */
.dept-selector .dept-buttons .dbtn:focus-visible{
    outline:2px solid rgba(0,0,0,.35);
    outline-offset:2px;
}


/* ===== override раскладки user-dynamic на основе float ===== */

/* мобильный вид оставляем стаком */
@media (max-width: 1000px){
    .user-dynamic{ display:block; margin:1px; padding:8px; }
    .user-dynamic .user_data,
    .user-dynamic .btn_user_data,
    .user-dynamic .btn-user_data,
    .user-dynamic .btn-user-data{
        box-sizing:border-box;
        width:100% !important;
        float:none !important;
        position:static !important;
        margin:0 0 12px 0 !important;
    }
    .user-dynamic .user_data{ margin-bottom:12px !important; }
}

/* десктоп: две колонки на float без отрицательных маргинов */
@media (min-width: 1000px){
    .user-dynamic{
        display:block;                /* никакого flex/grid — не спорим со старым кодом */
        margin:1px; padding:8px;
    }

    /* clearfix, чтобы контейнер обтекал флоаты */
    .user-dynamic::after{
        content:""; display:block; clear:both;
    }

    .user-dynamic .user_data,
    .user-dynamic .btn_user_data,
    .user-dynamic .btn-user_data,
    .user-dynamic .btn-user-data{
        box-sizing:border-box;
        position:static !important;
        margin:0 !important;
        padding-right:
        top:auto !important; bottom:auto !important;
    }

    /* левая колонка */
    .user-dynamic .user_data{
        float:left !important;
        /* ширина = вся ширина минус правая колонка и зазор */
        width: calc(100% - 280px) !important;   /* 260px правая + ~20px «воздуха» */
    }

    /* правая колонка (кнопки) */
    .user-dynamic .btn_user_data,
    .user-dynamic .btn-user_data,
    .user-dynamic .btn-user-data{
        float:right !important;
        width:260px !important;                 /* при необходимости подправь 240–300 */
        text-align:right;
    }
}