.ckeditor {
    background-color: white;
    border-radius: 4px !important;
}

.ckeditor--message {
    min-height: 94px;
    max-height: 100px;
}

.lowercase {
    text-transform: lowercase;
}

.btn {
    text-decoration: none;
}

[disabled] {
    cursor: not-allowed !important;
    pointer-events: none;
}

.page-tabs button[disabled] {
    background: transparent;
}

.form-description h2,
.form-description h3,
.form-description h4 {
    margin-bottom: 2rem;
}

.form-description p {
    margin-bottom: 2rem;
}

.form-description br {
    content: "";
    margin: .5rem;
    display: block;
    font-size: 24%;
}

.form-label.br {
    display: block;
    padding-bottom: 0;
    margin-bottom: 1.9rem;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.btn-default.dark .icon {
    fill: #1152f2;
}

.btn-default.dark:hover .icon {
    fill: #fff;
}

.table-row--link {
    transition: background-color .2s ease;
}

    .table-row--link:hover {
        background-color: #e7eefe;
    }

    .table-row--link a.table-row__item {
        color: inherit;
        text-decoration: none;
    }

.table .btn-circle {
    width: 2.8rem;
    min-width: 2.8rem;
    height: 2.8rem;
    margin: -.55rem auto;
    padding: 0;
    flex-shrink: 0;
}

    .table .btn-circle .icon {
        width: 1.4rem;
        height: 1.4rem;
    }

.table-row.New {
    background-color: #0094ff
}

.table-row.Critical {
    background-color: #ff6a00
}

.table-row.Medium {
    background-color: #ffd800
}

.table-row.Completed {
    background-color: #fff
}

.message:first-child .form-wrapper {
    background-color: aquamarine;
}

.message.my .form-wrapper {
    background-color: #dbfff3;
}

.form-control-load {
    position: relative;
    visibility: visible;
    opacity: 0;
    width: 100%;
    height: 100%
}

.modal .form-control-load {
    visibility: hidden;
}

.file-item {
    padding: 10px;
    margin: 5px 0;
    background-color: aliceblue;
    line-height: 18px;
    height: 35px;
    border-radius: 4px;
}

    .file-item p {
        width: 100%;
    }

.forget-link {
    display: block;
    margin-top: 20px;
    text-align: center;
}

.error {
    color: #ff6f5c;
}

    .error, .error * {
        border-color: #ff6f5c !important;
    }

.mock-placeholder__message.with-icon::before {
    content: none;
}

select[readonly] + .select2-container,
select[disabled] + .select2-container {
    pointer-events: none;
}

.spoiler__group .dndPlaceholder, .sort-block__items .dndPlaceholder {
    padding: 1.6rem 1.2rem;
    border-radius: 4px;
    border: 1px dashed rgba(42, 48, 51, .25);
    margin: 0 0 2rem;
    height: 0;
    list-style-type: none;
}

.modal-access .form-wrapper__body [dnd-list] > .dndPlaceholder {
    padding: 1.6rem 1.2rem;
    border-radius: 4px;
    border: 1px dashed rgba(42, 48, 51, .25);
    margin: 0 0 2rem;
    height: 0;
    list-style-type: none;
}

.modal-access .form-wrapper__body [dnd-list] > .text-editor-row.dndDragging {
    opacity: .5;
}

.table-row__item--projects {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.table-row__item--projects .project-item {
    white-space: nowrap;
}

.page-splitted__main.small-wrapper.page-splitted__main--start {
    flex-grow: 0;
    justify-content: flex-start;
}

.e-handle--hidden {
    opacity: 0;
    cursor: unset;
    z-index: -1;
}

.modal.modal-access {
    overflow-y: auto;
    align-items: flex-start; 
}

.modal.modal-access .modal-wrapper {
    overflow: visible;
    max-height: none;
    margin: auto;
}

.quilleditor.ql-container {
    font-family: 'Montserrat';
    font-size: 1.6rem;
    font-weight: 400;
    font-style: normal;
    width: 100%;
    max-width: 100%;
    height: auto;
    border: .1rem solid rgba(0, 0, 0, .25);
    border-radius: .6rem;
    color: #000;
    background: #fff;
}

.quilleditor .ql-editor {
    height: auto;
    min-height: 12rem;
    padding: 1rem 1.2rem;
    font-family: inherit;
    font-size: inherit;
    line-height: 1.5;
}

.quilleditor .ql-editor h1,
.quilleditor .ql-editor h2,
.quilleditor .ql-editor h3,
.quilleditor .ql-editor h4 {
    line-height: 1.25;
    margin: 1.2rem 0 .6rem;
}

.ql-bubble .ql-toolbar button.ql-entityLink {
    width: auto;
    padding: 0 .8rem;
    color: #fff;
}

.quilleditor data {
    color: #1152f2;
    background: rgba(17, 82, 242, .1);
    border-radius: .4rem;
    padding: 0 .2rem;
    cursor: pointer;
    user-select: none;
}

.quilleditor data:hover {
    background: rgba(17, 82, 242, .2);
}

.quilleditor data::selection,
.quilleditor data *::selection {
    background: transparent;
}

.quilleditor .ql-tooltip {
    z-index: 1100;
}

.picker {
    position: absolute;
    z-index: 1000;
    width: 32rem;
    max-width: calc(100vw - 3.2rem);
    box-sizing: border-box;
    padding: 1.6rem;
    background: #fff;
    color: #222;
    border-radius: 1.2rem;
    box-shadow: 0 .8rem 2.8rem rgba(0, 0, 0, .18), 0 0 0 .1rem rgba(0, 0, 0, .06);
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: left;
}

.picker * {
    box-sizing: border-box;
}

.picker__label {
    display: block;
    margin: 0 0 .6rem;
    font-size: 1.2rem;
    font-weight: 500;
    color: rgba(0, 0, 0, .6);
}

.picker__text,
.picker__search {
    display: block;
    width: 100%;
    height: 3.8rem;
    padding: 0 1.2rem;
    font: inherit;
    color: #222;
    background: #fff;
    border: .1rem solid #d5d8dd;
    border-radius: .8rem;
    outline: none;
    transition: border-color .15s, box-shadow .15s;
}

.picker__text:focus,
.picker__search:focus {
    border-color: #1152f2;
    box-shadow: 0 0 0 .3rem rgba(17, 82, 242, .15);
}

.picker__text + .picker__label {
    margin-top: 1.6rem;
}

.picker__search {
    margin-bottom: .8rem;
}

.picker__current {
    display: flex;
    flex-direction: column;
    gap: .2rem;
    margin-top: 1.2rem;
    padding: 1rem 1.2rem;
    background: rgba(17, 82, 242, .08);
    border-radius: .8rem;
}

.picker__current-label {
    font-size: 1.2rem;
    color: rgba(0, 0, 0, .6);
}

.picker__current-title {
    font-weight: 600;
    line-height: 1.3;
    word-break: break-word;
}

.picker__actions {
    display: flex;
    gap: .8rem;
    margin-top: 1.2rem;
}

.picker__btn {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .9rem 1.2rem;
    font-family: 'Montserrat';
    font-size: 1.4rem;
    font-weight: 600;
    font-style: normal;
    line-height: 2rem;
    white-space: nowrap;
    color: #fff;
    background-color: #1152f2;
    border: 0;
    border-radius: 5rem;
    cursor: pointer;
    transition: background-color .3s, box-shadow .3s, color .3s;
}

.picker__btn:hover {
    background-color: #0d41c4;
}

.picker__btn--light {
    color: #ff6f5c;
    background-color: rgba(255, 111, 92, .15);
}

.picker__btn--light:hover {
    background-color: rgba(255, 111, 92, .25);
}

.picker__divider {
    height: .1rem;
    margin: 1.6rem 0 1.2rem;
    background: #eceef2;
}

.picker__list {
    min-height: 12rem;
    max-height: 24rem;
    overflow-y: auto;
    margin: 0 -.6rem;
    padding: 0 .6rem;
    color: rgba(0, 0, 0, .6);
    transition: opacity .15s;
}

.picker__list.is-loading {
    opacity: .5;
    pointer-events: none;
}

.picker__item {
    padding: .8rem 1rem;
    color: #222;
    line-height: 1.3;
    border-radius: .6rem;
    cursor: pointer;
}

.picker__item:hover {
    background: #f1f3f7;
}

.picker__item.is-current {
    font-weight: 600;
    background: rgba(17, 82, 242, .08);
}

.picker__sentinel {
    height: 1px;
}
.picker__loader {
    padding: .8rem 1rem;
    font-size: 1.2rem;
    opacity: 0;
    animation: picker-fade-in .2s ease .3s forwards;
}

.picker {
    z-index: 1100; 
}

@keyframes picker-fade-in {
    to {
        opacity: 1;
    }
}

.dropdown--blocks-menu {
    z-index: 1100;
}

[disabled] .form-field input.form-control[readonly],
[disabled] .form-field textarea.form-control[readonly] {
    pointer-events: auto;
    cursor: text !important;
    background: #fff;
    color: #000;
}

[disabled] .form-field textarea.form-control[readonly] {
    resize: vertical;
}

.field__item.deleted,
.subfield__item .deleted,
.field__item.deleted label,
.subfield__item .deleted label {
    text-decoration: line-through;
}

.field__item.deleted .spoiler__body,
.subfield__item .deleted label,
.subfield__item .deleted input {
    pointer-events: none;
}

.field__item.deleted button {
    display: none;
}

.form-wrapper.form-wrapper--deleted {
    background-color: rgba(255, 255, 255, .5);
}

.collapsed .text-editor-row__body,
.dndDragging .text-editor-row__body {
    display: none;
}

.collapse-on .js_sticky,
.collapse-on .language-block-fixed {
    pointer-events: none;
}

.select2.select2-container--default .select2-selection--single {
    position: relative;
}

    .select2.select2-container--default .select2-selection--single:not(.select2-selection--clearable) .select2-selection__rendered {
        position: absolute;
    }

[dnd-nodrag] {
    -webkit-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
    cursor: text;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
