﻿.table .table-row__item img {
    width: auto;
}

textarea {
    min-height: 80px;
}

.ckeditor {
    background-color: white;
    border-radius: 4px !important;
}

.form-input-error {
    display: block;
}

.mock-placeholder__message.with-icon::before {
    content: none;
}

.mock-placeholder__message .icon-plus::after,
.mock-placeholder__message .icon-plus::before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: '';
    transform: translate(-50%, -50%);
    border-radius: .5rem;
    background-color: #aeaeae;
}

.mock-placeholder__message .icon-plus::after {
    width: 1.5rem;
    height: .2rem;
}

.mock-placeholder__message .icon-plus::before {
    width: .2rem;
    height: 1.5rem;
}

.table-row__item a:empty:before {
    content: 'Без названия';
}

/*.table-row.selected {
    background-color: #88a8f84d
}*/

.table-row.inactive {
    background-color: #D2D3DA
}

.page-splitted__main h4 {
    margin: 1rem 0 2rem;
}

[class*='col-'] .form-control {
    min-width: initial;
}

.select2-dropdown.select-dropdown__default .select2-results__option:not(.select2-results__option--selectable):hover::before {
    content: none;
}

li.dndPlaceholder {
    list-style-type: none;
    border: 1px dashed rgba(42, 48, 51, .25);
    border-radius: 4px;
    height: 4.2rem;
    margin: 2rem 0;
}

*:focus-visible {
    outline: none;
}

.hidden-input {
    position: absolute;
    width: 0;
    height: 0;
    left: -9999999px;
}

.btn.with-file-input{
    position:relative;
}
    .btn.with-file-input .form-control-load {
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        visibility: visible;
        opacity:0;
        cursor: pointer;
    }

    [ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
        display: none !important;
    }

.collapsed .text-editor-row__body,
.dndDragging .text-editor-row__body {
    display: none;
}

.collapsed .js_sticky {
    pointer-events: none;
}

.loading:after {
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
    -webkit-animation: ellipsis steps(4,end) 900ms infinite;
    animation: ellipsis steps(4,end) 900ms infinite;
    content: "\2026";
    width: 0px;
    position: absolute;
    bottom: 10px;
    margin-left: 50%;
}

@keyframes ellipsis {
    to {
        width: 1.25em;    
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em;    
    }
}