.b-big-form {
    margin    : 0 -10px;
    min-width : 250px;
}

    .b-big-form--clear {
        padding : 0;
        margin  : 0;
    }

    .b-big-form--ajax {
        overflow : auto;
        height   : calc(100% - 98px);
        padding  : 10px 10px 0;
        margin   : 0;
    }

    .b-big-form--big-padding {
        padding  : 15px 20px;
    }

    .b-big-form__fields {
        margin : 0 10px;
    }

    .b-big-form__fields--hidden {
        display : none;
    }

    .b-big-form__buttons {
        display    : flex;
        flex-wrap  : wrap;
        margin-top : 20px;
    }

    .b-big-form__buttons--negative-margin {
        margin-left  : -10px;
        margin-right : -10px;
    }

    .b-big-form__buttons--close {
        margin-top : 10px;
    }

    .b-big-form__buttons--scenario-padding {
        padding-right : 52px;
    }

    .b-big-form--invisible{
        opacity : 0;
    }


.b-big-form-field-group {
    display : flex;
}

.b-big-form-field-group .b-big-form-field:not(:first-child) {
    margin-left : 20px;
}

.b-big-form-field {
    flex          : 1;
    display       : flex;
    flex-wrap     : wrap;
    align-items   : center;
    font-family   : "museo-sans", sans-serif;
    font-size     : 18px;
    border-radius : 4px;
    background    : white;
    margin        : 20px 0 0;
    min-height    : 80px;
    position      : relative;
}

    .b-big-form-field--no-flex {
        display : block;
    }

    .b-big-form-field--border_white {
        border     : 2px solid white;
        min-height : 76px;
    }

    .b-big-form-field--border_grey {
        border     : 2px solid #e8e8e8;
        min-height : 76px;
    }

    .b-big-form-field--popup_select {
        margin: 20px 10px 0;
    }

    .b-big-form-field--nowrap {
        flex-wrap: nowrap;
    }

    .b-big-form-field--upload {
        height : 300px;
        color  : #a8a8a8;
        border : 2px solid white;
        background : #fafafa;
    }

    .b-big-form-field--upload-social {
        width         : 305px;
        height        : 250px;
        margin        : 20px 0 0 20px;
        border        : 2px dashed #dfdfdf;
        border-radius : 11px;
        color         : #a8a8a8;
        cursor        : pointer;
    }

    .b-big-form-field--upload-global-variable {
        margin        : 5px;
        border        : 2px dashed #dfdfdf;
        border-radius : 11px;
        color         : #a8a8a8;
        cursor        : pointer;
    }

    .b-big-form-field--hoverable:hover {
        border     : 2px dashed white;
        background : #f0f0f0;
        color      : #0c0c0c;
        cursor     : pointer;
    }
    .b-big-form-field--hidden {
        display: none;
    }

    .b-big-form-field--error {
        border : 2px solid #ff8370 !important;
    }

    .b-big-form-field--with-pointer .b-big-form-field__label{
        cursor: pointer;
    }
    .b-big-form-field--without-box-shadow:hover {
        box-shadow : none;
    }
    .b-big-form-field--short {
        min-height: 60px;
    }

    .b-big-form-field__error {
        color     : #EA4D43;
        margin    : 0 17px;
        font-size : 14px;
    }

    .b-big-form-field--no-margin {
        margin : 0;
    }

    .b-big-form-field--inactive {
        background : none;
        border     : 2px solid #a8a8a8;
        /*box-sizing : border-box; ДОБАВЛЯЛ Куделин непонятно зачем */
    }

    .b-big-form-field--clickable {
        -webkit-user-select : none; /* Safari */
        -moz-user-select    : none; /* Firefox */
        -ms-user-select     : none; /* IE10+/Edge */
        user-select         : none; /* Standard */
    }

    .b-big-form-field--clickable:hover {
        cursor     : pointer;
        box-shadow : 0 5px 10px rgba(0, 0, 0, 0.05);
    }

    .b-big-form-field--clickable:hover * {
        cursor : pointer;
    }

    .b-big-form-field--social {
        overflow : hidden;
    }

    .b-big-form-field--clickable:hover .b-round-checkbox {
        color : white;
    }

    .b-big-form-field__label {
        display     : flex;
        align-items : center;
        color       : #676767;
        line-height : 1.6;
        padding     : 10px 25px;
        width       : 172px;
        cursor      : text;
        word-wrap   : anywhere;
    }

    .b-big-form-field__label--settings {
        height : 60px;
    }

    .b-big-form-field__label--black {
        color : #0c0c0c;
    }

    .b-big-form-field__label--wide {
        flex  : 1;
        width : auto;
    }

    .b-big-form-field__label--white {
        background-color : #fff;
    }

    .b-big-form-field__text {
        margin-right : 30px;
    }

    .b-big-form-field__dropdown-wrap {
        position     : relative;
        margin       : 0 30px 0 0;
        background   : #fafafa;
        padding-left : 30px;
    }

    .b-big-form-field__dropdown-wrap--wide {
        flex : 1;
    }

    .b-big-form-field__dropdown-wrap--flex {
        display                   : flex;
        padding-left              : 0;
        border-top-left-radius    : 4px;
        border-bottom-left-radius : 4px;
        overflow                  : hidden;
    }

    .b-big-form-field__input,
    .b-big-form-field__textarea,
    .b-big-form-field__dropdown {
        flex        : 1;
        border      : none;
        font-family : Rubik, sans-serif;
        font-size   : 18px;
        margin      : 0 30px 0 0;
    }

    .b-big-form-field__input::placeholder {
        color   : #393939;
        opacity : 0.42;
    }

    .b-big-form-field__input { height : 80px; padding-left : 20px; }

    .b-big-form-field__textarea { min-height : 105px; padding : 20px; }

    .b-big-form-field__textarea--without-padding { padding: 0; }

    .b-big-form-field__textarea--code { width: calc(100% - 310px); height: 300px; }

    .b-big-form-field__dropdown {
        height             : 80px;
        width              : 100%;
        padding-right      : 50px;
        cursor             : pointer;
        -webkit-appearance : none;
        -moz-appearance    : none;
        /*noinspection CssUnknownProperty*/
        appearance         : none;
        position           : relative;
        z-index            : 15;
        background-color   : transparent;
    }

    .b-big-form-field__dropdown::-ms-expand {
        display : none;
    }

    .b-big-form-field__dropdown:focus::-ms-value {
        background-color : transparent;
        color            : rgba(12, 12, 12, 1);
    }

    .b-big-form-field__dropdown--label-line {
        padding-left : 20px;
        margin-right : 0;
    }

    .b-big-form-field__input,
    .b-big-form-field__textarea {
        background : #fafafa;
    }

    .b-big-form-field__input:focus,
    .b-big-form-field__textarea:focus {
        background : #f6f6f6;
    }

    .b-big-form-field__suffix {
        color        : #676767;
        margin-right : 20px;
    }

    .b-big-form-field__right-link {
        font-size    : 14px;
        color        : #676767;
        margin-right : 20px;
        cursor       : pointer;
    }

    .b-big-form-field__description-wrapper {
        display: flex;
        flex-direction: column;
    }

    .b-big-form-field__description-more {
        font-size    : 14px;
        line-height  : 21px;
        color       : #844CE6;
    }

    .b-big-form-field__description {
        flex         : 1;
        font-size    : 14px;
        line-height  : 21px;
        color        : #676767;
        margin-right : 20px;
     }

    .b-big-form-field__price {
        font-family  : "museo-sans", sans-serif;
        font-size    : 18px;
        margin-left  : auto;
        margin-right : 20px;
    }

    .b-big-form-field__items {
        max-height : 353px;
        overflow   : auto;
        background : #F6F6F6;
        border     : none;
        padding    : 10px 0;
    }

    .b-big-form-field__items--inactive {
        padding : 20px 0;
    }

    .b-big-form-field__no-page {
        font-family : 'Rubik', sans-serif;
        font-style  : normal;
        font-weight : normal;
        font-size   : 16px;
        margin-left : 30px;
        color       : #000000;
        opacity     : 0.38;
    }

    .b-big-form-field__item {
        background : none;
        margin-top : 0;
    }

    .b-big-form-field__item-label {
        color        : #0C0C0C;
        padding-left : 0;
        width        : 80%;
    }

    .b-big-form-field__selected-items {
        background : #FFFFFF;
        max-height : 320px;
        overflow   : auto;
        padding-top: 10px;
    }

    .b-big-form-field__selected-page {
        margin-top : 0;
    }

.b-field-info {
    display       : flex;
    align-items   : center;
    padding       : 5px 25px 5px 25px;
    height        : 50px;
    background    : white;
    border-top    : 1px solid #efefef;
    border-radius : 4px;
}

    .b-field-info--grey {
        color       : #767676;
        background  : #e8e8e8;
        margin-top  : -5px;
        padding-top : 10px;
    }

    .b-field-info__first-word {
        color       : #ea4d43;
        font-weight : 500;
    }

    .b-field-info a {
        color           : #844CE6;
        text-decoration : underline;
    }

.b-round-checkbox {
    width         : 31px;
    height        : 31px;
    font-size     : 11px;
    line-height   : 35px; /* это хак, чтобы галочка была чуть ниже центра */
    border-radius : 50%;
    margin-left   : 20px;
    margin-right  : 20px;
    text-align    : center;
    color         : transparent;
    background    : none;
    border        : 2px solid #676767;
}

    .b-round-checkbox:hover {
        color : white;
    }

    .b-round-checkbox--active {
        color      : white;
        background : #844ce6;
        border     : 2px solid #844ce6;
    }


.b-big-form-field-hint {
    color     : #676767;
    font-size : 12px;
    margin    : 5px 23px 20px 2px;
}

.b-icon-down-box {
    display         : flex;
    position        : absolute;
    top             : 0;
    right           : 30px;
    bottom          : 0;
    margin          : auto;
    width           : 20px;
    height          : 20px;
    align-items     : center;
    justify-content : center;
    z-index         : 14;
}

    .b-icon-down-box--round {
        right : 25px;
    }

    .b-icon-down-box__icon {
        margin-left : 20px;
        font-size   : 8px;
        margin-top  : 2px;
    }

    .b-icon-up-box__icon{
        margin-left : 20px;
        font-size   : 8px;
        margin-top  : 2px;
        transform   : rotate(-180deg);
    }

.b-big-form-button {
    display         : inline-block;
    flex            : 1;
    border          : 2px solid #844ce6;
    border-radius   : 4px;
    padding         : 0 20px;
    min-width       : 170px;
    min-height      : 80px;
    line-height     : 80px;
    font-family     : "museo-sans", sans-serif;
    font-size       : 20px;
    text-align      : center;
    margin          : 10px;
    cursor          : pointer;
}

    .b-big-form-button--small-rounded {
        flex          : none;
        min-width     : auto;
        min-height    : auto;
        line-height   : inherit;
        border-radius : 40px;
        font-family   : 'Rubik', sans-serif;
        font-size     : 14px;
        padding       : 12px 30px;
    }

    .b-big-form-button--unmargined {
        margin : 0;
    }

    .b-big-form-button--solo {
        margin     : 0;
        width      : 100%;
        box-sizing : border-box;
    }

    .b-big-form-button--popup {
        width     : 100%;
        margin    : 0;
        padding   : 0;
        font-size : 24px;
    }

    .b-big-form-button--flex {
        display     : flex;
        align-items : center;
    }

    .b-big-form-button--line-alignment {
        margin-right : 4px;
    }

    .b-big-form-button--size{
        padding       : 10px;
        min-height    : 20px;
        min-width     : 170px;
        line-height   : 20px;
        flex          : 0;
        margin-left   : 22px;
        font-size     : 14px;
        border        : 1px solid #844ce6;
        border-radius : 60px;
        background    : none;
        color         : #844ce6;
    }

    .b-big-form-button--drenched{
        padding       : 10px;
        min-height    : 20px;
        min-width     : 170px;
        line-height   : 20px;
        flex          : 0;
        font-size     : 14px;
        border        : 1px solid #844ce6;
        border-radius : 60px;
        background    : #844ce6;
        color         : #fff;
    }

    .b-big-form-button:hover,
    .b-big-form-button:focus { box-shadow : 0 12px 20px 0 rgba(0, 0, 0, 0.07);}


    .b-big-form-button--theme_transparent { color : #844ce6; }
    .b-big-form-button--theme_transparent:hover,
    .b-big-form-button--theme_transparent:focus { background : rgba(132, 76, 230, 0.07); border-color: #9154fb;}

    .b-big-form-button--theme_white { background : white; color : #844ce6; }
    .b-big-form-button--theme_white:hover,
    .b-big-form-button--theme_white:focus { background : rgba(132, 76, 230, 0.07); border-color: #9154fb;}

    .b-big-form-button--theme_blue { background : #844ce6; color : white; }
    .b-big-form-button--theme_blue:hover,
    .b-big-form-button--theme_blue:focus { background : #9154fb; border-color: #9154fb; color : white; }

    .b-big-form-button--theme_red { background : #EA4D43; border-color : #EA4D43; color : white;}
    .b-big-form-button--theme_red:hover,
    .b-big-form-button--theme_red:focus { background : none; color : #EA4D43; }

    .b-big-form-button--theme_red-inverted { background : none; color : #EA4D43; border-color : #EA4D43; }
    .b-big-form-button--theme_red-inverted:hover,
    .b-big-form-button--theme_red-inverted:focus { background : #EA4D43; color : white; }

    .b-big-form-button--theme_border { background : none; border: 2px solid #a8a8a8; color : #333333; box-sizing: border-box; }
    .b-big-form-button--theme_border:hover,
    .b-big-form-button--theme_border:focus { background : #ececec; border : 2px solid #a8a8a8; color : #0C0C0C;}

    .b-big-form-button--theme_dashed { background : none; border: 2px dashed #676767; color : #333333; box-sizing: border-box; }
    .b-big-form-button--theme_dashed:hover,
    .b-big-form-button--theme_dashed:focus { background : #ececec; border : 2px solid #676767; color : #0C0C0C;}

    .b-big-form-button--theme_dashed-purple { background : none; border: 2px dashed #844ce6; color : #844ce6; }
    .b-big-form-button--theme_dashed-purple:hover,
    .b-big-form-button--theme_dashed-purple:focus { background : rgba(236, 236, 236, 0.25); border : 2px dashed #0c0c0c; color : #0C0C0C;}

    .b-big-form-button--wide_418 { width : 418px; }

    .b-big-form-button__icon {
        display        : inline-block;
        vertical-align : middle;
        font-size      : 25px;
        margin-left    : 12px;
        margin-top     : -4px;
    }

    /* Кнопка для анимированного открытия блока */
    .b-big-form-button--animated {
        margin     : 0;
        transition : all 1s 0.3s;
    }

    .b-big-form-button--animated .b-dashed-button-icon {
        transform: rotate(0deg);
        color: white;
        transition :
                color 1s,
                transform 1s 1s;
    }

    .b-big-form-button--animated-collapse {
        background   : white;
        color        : #0c0c0c;
        border-color : white;
        transition   : all 1s 0.6s;
    }

    .b-big-form-button--animated-collapse:hover,
    .b-big-form-button--animated-collapse:focus {
        background   : white;
        color        : #0c0c0c;
        border-color : white;
    }

    .b-big-form-button--animated-collapse .b-dashed-button-icon {
        transform: rotate(45deg);
        color:#0c0c0c;
        transition :
                transform 0.5s,
                color 1s 0.5s;
    }

    .b-big-form-button--animated-collapse .b-dashed-button-icon--180 {
        transform: rotate(180deg);
    }

/*** Анимированный блок внутри страницы ***/

.b-animation-box {
    overflow   : hidden;
}

.b-ajax-block {
    background    : white;
    border-radius : 4px;
    padding-top   : 30px;
    margin        : 10px 0 0;
    max-height    : none;
    opacity       : 1;
    transition    : all 0.5s 0.2s;
}

    .b-ajax-block--ref-plp {
        display   : flex;
        padding   : 30px;
        font-size : 18px;
    }

    .b-ajax-block--collapsed {
        opacity    : 0;
        margin-top : -600px;
        max-height : 500px;
        transition : all 0.5s;
    }

    .b-ajax-block--border_grey {
        border: 2px solid #e8e8e8;
    }

    .b-ajax-block__header {
        display       : flex;
        align-items   : center;
        border-bottom : 2px solid #e5e5e5;
        padding       : 30px 22px;
        font-size     : 20px;
        margin-bottom : 20px;
    }

    .b-ajax-block__body {
        padding: 0 20px 20px;
    }

    .b-ajax-block__closer {
        margin-left : auto;
        color       : #828282;
        font-size   : 20px;
        /*color   : #0c0c0c;*/
        /*font-size : 13px;*/
        cursor      : pointer;
    }

    .b-ajax-block__closer:hover {
        color : #844ce6;
    }

.b-ajax-block-header {
    margin-top  : 30px;
    margin-left : 10px;
}

    .b-ajax-block-header--no-top-margin {
        margin-top : 0;
    }

.b-ajax-block-text {
    line-height : 1.6;
    color       : #676767;
    margin-left : 10px;
}

/* ??? */

.b-page-setting-form-social {
    display : flex;
}

.b-big-form-info {
    display     : flex;
    align-items : center;
    margin-top  : 40px;
    color       : #676767;
}

    .b-big-form-info--no-centralized {
        align-items: normal;
    }

    .b-big-form-info--without-top-margin {
        margin-top : 0;
    }

    .b-big-form-info a {
        color           : inherit;
        text-decoration : underline;
    }

    .b-big-form-info__icon {
        font-family   : "museo-sans", sans-serif;
        font-weight   : 100;
        width         : 50px;
        height        : 50px;
        line-height   : 50px;
        font-size     : 30px;
        text-align    : center;
        color         : #676767;
        border        : 1px solid #676767;
        border-radius : 50%;
        box-sizing    : border-box;
        padding       : 1px 0 0 1px;
    }

    .b-big-form-info__text {
        flex        : 1;
        margin-left : 18px;
        font-weight : normal;
        line-height : 1.6;
    }

    .b-big-form-info__text b {
        font-weight : 500;
    }

/* КАНДИДАТ НА УДАЛЕНИЕ потому что нигде не используется */
.b-big-form-one-more {
    display         : flex;
    justify-content : center;
    align-items     : center;
    width           : 50px;
    padding         : 20px;
    margin          : -2px 10px 0;
    color           : rgba(255, 255, 255, 0.9);
    font-size       : 24px;
    background      : #25cbc5;
    border-radius   : 0 0 50% 50%;
    box-shadow      : inset 0 6px 8px rgba(0, 0, 0, 0.15);
}

    .b-big-form-one-more:hover {
        background : #25cbc5;
        color      : white;
        box-shadow : none;
    }

/* Upload */ /* @see .b-big-form-field--upload in this file */

.b-upload-wrap {
    text-align : center;
    width      : 100%;
}

.b-upload-wrap--social {
    align-self    : flex-end;
    margin-bottom : 20px;
    height        : 46%;
}

.b-upload {
    margin     : auto;
    text-align : center;
    height     : 100%;
}

    .b-upload img {
        max-width  : 100%;
        max-height : 100%;
    }

    .b-upload--image-to-bg {
        position : absolute;
        top      : 0;
        width    : 100%;
        opacity  : 0.1;
    }

    .b-upload--favicon {
        display         : flex;
        align-items     : center;
        justify-content : center;
    }

    .b-upload--favicon img {
        max-height      : 300px;
    }

    .b-upload__icon {
        font-size : 44px;
    }

    .b-upload__description {
        font-size   : 12px;
        font-weight : bold;
    }



/* PRELOADER */
/* анимированная крутилка, показывающая процесс загрузки */

@keyframes clockwise {
    to {
        transform : rotate(360deg) translatez(0);
    }
}

@keyframes counter-clockwise {
    to {
        transform : rotate(-360deg) translatez(0);
    }
}

.b-preloader {
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    z-index         : 2000;
    opacity         : 0.5;
}

    .b-preloader--global {
        display : none;
    }

    .b-preloader--showed {
        display : flex;
    }

    .b-preloader--inset {
        position       : static;
        flex-direction : column;
        margin-top     : -22px;
    }

    .b-preloader--transfer {
        position        : static;
        justify-content : left;
        margin          : 20px 10px;
    }

    .b-preloader__spinner {
        animation            : clockwise 0.6s linear infinite;
        animation-play-state : running;
    }

    .b-preloader__spinner--inset {
        width        : 50px;
        height       : 50px;
        border-width : 3px;
        border-color : transparent rgba(37, 203, 197, 0.8) rgba(37, 203, 197, 0.9) rgba(37, 203, 197, 1);
    }

    .b-preloader__description {
        display     : inline-block;
        font-family : Rubik, sans-serif;
        color       : #25cbc5;
        font-size   : 14px;
        margin-top  : 8px;
    }

    .b-preloader__caption {
        color      : #ffffff;
        font-size  : 18px;
        margin-top : 30px;
        display    : block;
        text-align : center;
    }



/* DROP HERE */
/* Эффект при перетаскивании файла */

.b-drop-here {
    position        : fixed;
    top             : 0;
    left            : 0;
    width           : 100%;
    height          : 100%;
    display         : flex;
    align-items     : center;
    justify-content : center;
    background      : rgba(0, 0, 0, 0.28);
    color           : white;
    font-weight     : bold;
    text-transform  : uppercase;
    font-size       : 50px;
    z-index         : 1999;
}

@media (max-width: 600px) {
    .b-big-form-field__label {
        padding-left : 5px;
    }

    .b-big-form-field__input, .b-big-form-field__textarea, .b-big-form-field__dropdown {
        margin : 0;
    }
}

/*В создании и в настройках страницы автоматически подставляем путь в превью урлов*/
.b-page-user-path {
    font-weight : bold;
}



/*** SWITCH ***/

.b-switch {
    margin-left         : 10px;
    margin-bottom       : 40px;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}

    .b-switch--flex {
        display     : flex;
        margin-left : 0;
    }

    .b-switch--scenario {
        margin: 24px 0 20px 0;
    }

    .b-switch--transfer {
        margin : 24px 10px 20px 10px;
        color  : #676767;
    }

.b-switch-item {
    display             : block;
    position            : relative;
    padding-left        : 45px;
    margin              : 0 0 20px 0;
    cursor              : pointer;
    font-size           : 18px;
    line-height         : 31px;
    -webkit-user-select : none;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
}

    .b-switch-item--inline {
        margin : 0 40px 0 0;
    }

    .b-switch-item--size_mid {
        font-size : 16px;
    }

    .b-switch-item__radio {
        position : absolute;
        opacity  : 0;
        cursor   : pointer;
        height   : 0;
        width    : 0;
    }

    /* custom radio */
    .b-switch-item__checkmark {
        position      : absolute;
        top           : 0;
        left          : 0;
        height        : 18px;
        width         : 18px;
        padding       : 4px;
        border        : 2px solid #676767;
        border-radius : 50%;
    }

    /* On mouse-over, add a grey background color */
    .b-switch-item:hover .b-switch-item__checkmark {
        background-color : #ccc;
    }

    /* When the checkbox is checked, add a purple background */
    .b-switch-item__radio:checked ~ .b-switch-item__checkmark {
        background-color : #844ce6;
        background-clip  : content-box;
        padding          : 4px;
        border           : 2px solid #844ce6;
    }


/*** Верстка ошибок ***/

.b-form-error {
    position    : absolute;
    top         : -17px;
    right       : -10px;
    display     : flex;
    align-items : center;
}

    .b-form-error__text {
        background-color : #EA4D43;
        padding          : 13px 25px;
        border-radius    : 4px;
        position         : relative;
        font             : 14px Arial, sans-serif;
        color            : #fff;
        margin-right     : 10px;
    }

    .b-form-error__text::after {
        content     : '';
        position    : absolute;
        right       : -17px;
        top         : 10px;
        border      : 10px solid transparent;
        border-left : 10px solid #EA4D43;
    }

    .b-form-error__ico {
        width            : 20px;
        height           : 20px;
        border-radius    : 50%;
        background-color : #EA4D43;
        color            : #fff;
        display          : flex;
        align-items      : center;
        justify-content  : center;
        font             : 14px Arial, sans-serif;
    }



.b-action-button {
    display       : inline-block;
    padding       : 9px 17px;
    margin        : 5px;
    color         : #844ce6;
    border        : 1px solid #844ce6;
    border-radius : 90px;
    background    : white;
    font-size     : 16px;
    white-space   : nowrap;
}

    .b-action-button:hover, .b-action-button:focus {
        background   : rgba(132, 76, 230, 0.07);
        border-color : #9154fb;
    }


.b-black-button {
    display          : flex;
    align-items      : center;
    justify-content  : center;
    height           : 41px;
    background-color : #343434;
    border-radius    : 20px;
    font             : 14px Rubik, sans-serif;
    color            : #fff;
    cursor           : pointer;
    padding          : 0 20px;
}

    .b-black-button:hover {
        background : #0c0c0c;
        color      : #fff;
    }

    .b-black-button__icon {
        margin-right : 10px;
    }

    .b-black-button__caption {
        display     : inline-block;
        padding-top : 2px;
    }

    .b-black-button__caption--help {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 155px;
    }

.b-dashed-button-icon {
    margin-left : auto;
    font-size : 24px;
}



/*** СЦЕНАРИИ ИНТЕГРАЦИЙ ***/

.b-scenario-block {
    display       : block;
    flex-wrap     : wrap;
    align-items   : center;
    font-family   : "museo-sans", sans-serif;
    font-size     : 18px;
    border-radius : 4px;
    background    : white;
    margin        : 0;
    padding       : 30px;
    min-height    : 80px;
    position      : relative;
}

.b-scenario-block--margined {
    margin : 20px 0 0 0;
}

.b-scenario-block__grey-title {
    font-family   : Rubik, sans-serif;
    font-size     : 14px;
    color         : #676767;
    text-align    : left;
    line-height   : 23px;
    margin-top    : 5px;
    margin-bottom : 18px;
}

.b-line {
    display       : flex;
    align-items   : center;
    position      : relative;
    padding-right : 35px;
    margin-bottom : 18px;
}

.b-line-section {
    display       : flex;
    align-items   : center;
    height        : 86px;
    width         : 100%;
    border-radius : 3px;
    box-sizing    : border-box;
    position      : relative;
}

    .b-line-section--half {
        width : 49%;
    }

    .b-line-section--first {
        width : 40.5%;
    }

    .b-line-section--second {
        width : 23.5%;
    }

    .b-line-section--third {
        width : 36%;
    }

    .b-line-section--mini {
        width : 30%;
    }

    .b-line-section--bordered {
        border : 2px solid #e9e9e9;
    }

    .b-line-section--white {
        background-color : #fff;
    }

    .b-line-section--margin-right {
        margin-right : 20px;
    }

    .b-line-section__input {
        height       : 100%;
        width        : 100%;
        flex         : 1;
        border       : none;
        font-family  : Rubik, sans-serif;
        font-size    : 18px;
        padding-left : 20px;
        background   : #fafafa;
    }

    .b-line-section__input:focus {
        background : #f6f6f6;
    }

    .b-line-section--icon-wrapp {
        width : 32px;
    }

    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
        .b-line-section--icon-wrapp {
            width : 52px;
        }
    }

    .b-line-section--round-button-wrap {
        width            : 38px;
        height           : 38px;
        display          : flex;
        align-items      : center;
        justify-content  : center;
        border-radius    : 38px;
        background-color : #efefef;
        position         : absolute;
        right            : 0;
        top              : 0;
        bottom           : 0;
        margin           : auto;
        cursor           : pointer;
    }

.b-line-dropdown {
    height           : 86px;
    width            : 100%;
    background-color : #fafafa;
    position         : relative;
}

.b-line-dropdown__select {
    width              : 100%;
    height             : 86px;
    border             : none;
    background-color   : transparent;
    font-family        : museo-sans, sans-serif;
    font-weight        : 500;
    font-size          : 18px;
    padding-right      : 70px;
    padding-left       : 20px;
    color              : rgba(12, 12, 12, 1);
    cursor             : pointer;
    position           : relative;
    -webkit-appearance : none;
    -moz-appearance    : none;
    appearance         : none;
    z-index            : 1000;
}

    .b-line-dropdown__select::-ms-expand {
        display : none;
    }

    .b-line-dropdown__select:focus::-ms-value {
        background-color : transparent;
        color            : rgba(12, 12, 12, 1);
    }

.b-line-dropdown__icon-down {
    display     : flex;
    align-items : center;
    font-size   : 8px;
    position    : absolute;
    right       : 28px;
    top         : 0;
    bottom      : 0;
    margin      : auto;
}

.b-line-text {
    border        : 2px solid #efefef;
    border-radius : 3px;
    height        : 86px;
    width         : 100%;
    display       : flex;
    align-items   : center;
    padding       : 0 25px;
    background    : #fff;
    box-sizing    : border-box;
}

.b-line-text input {
    width       : 100%;
    background  : transparent;
    border      : none;
    font-family : museo-sans, sans-serif;
    font-weight : 500;
    font-size   : 17px;
    color       : rgba(12, 12, 12, 1);
    text-align  : left;
}

.b-line-round-button {
    width            : 38px;
    height           : 38px;
    display          : flex;
    align-items      : center;
    justify-content  : center;
    border-radius    : 38px;
    background-color : #EFEFEF;
    position         : absolute;
    right            : 0;
    top              : 0;
    bottom           : 0;
    margin           : auto;
    cursor           : pointer;
}

    .b-line-round-button:hover {
        background-color : #e0e0e0;
        transition       : all .3s ease;
    }

    .b-line-round-button-close:after,
    .b-line-round-button-close:before {
        position         : absolute;
        left             : 18px;
        top              : 11px;
        content          : ' ';
        height           : 17px;
        width            : 2px;
        background-color : #464646;
    }

    .b-line-round-button-close:before {
        transform : rotate(45deg);
    }

    .b-line-round-button-close:after {
        transform : rotate(-45deg);
    }

.b-line-append-div {
    display  : flex;
    width    : 100%;
    overflow : hidden;
    height   : 86px;
}

    .b-line-append-div--bordered {
         border      : 2px solid #e9e9e9;
         box-sizing  : border-box;
         margin-left : 20px;
     }

.b-scenario-list-right-icon {
    width        : 32px;
    margin-right : 20px;
}

/*** Конец СЦЕНАРИИ ИНТЕГРАЦИЙ ***/

/*** Поиск страниц ***/

.b-items {
    margin-top : 20px;
    position   : relative;
}

.b-items-border {
    padding       : 10px;
    border        : 1px solid #eee;
    border-radius : 4px;
}

.b-items-search {
    position   : relative;
    background : #FFFFFF;
    padding    : 30px 40px;
}

.b-items-search__field {
    display        : block;
    margin         : 0 auto;
    padding        : 30px 75px 30px 15px;
    width          : 100%;
    background     : #FFFFFF;
    border         : 1px solid rgba(203, 203, 203, 0.789035);
    box-sizing     : border-box;
    border-radius  : 4px;
    font-family    : "MuseoSansCyrl", sans-serif;
    font-size      : 18px;
    line-height    : 21px;
    mix-blend-mode : normal;
}

.b-items-search__field::placeholder {
    color   : #393939;
    opacity : 0.42;
}

.b-items-search_search-icon {
    position : absolute;
    top      : 57px;
    right    : 65px;
}

/*** Конец поиска страниц ***/

.b-big-form__field-group {
    display         : flex;
    align-items     : center;
    justify-content : center;
    position        : relative;
}

.b-field-close {
    align-self  : center;
    margin-left : 30px;
}

.picker_wrapper.popup {
    z-index : 999;
}

/*** Codemirror ***/
.b-fullscreen {
    position : absolute;
    bottom   : 30px;
    left     : 90px;
    width    : 25px;
    cursor   : pointer;
}

.b-fullscreen img {
    max-width : 100%;
}

.CodeMirror-fullscreen {
    z-index : 20 !important;
}

/*** Конец Codemirror ***/

/*** Спойлер ***/

.b-additional-button {
    position        : relative;
    text-align      : center;
    margin-top      : 20px;
    display         : flex;
    justify-content : center;
    align-items     : center;
    color           : #676767;

}

.b-additional-button__text {
    margin-left   : 10px;
    border-bottom : 1px dashed #676767;
    font-size     : 14px;
    cursor        : pointer;
}

/*** Конец спойлера ***/


.b-round-radio {
    display : none;
}