/**
 * Created by lukas.muller on 12.1.1018.
 * @description
 * This .css file is for QUILL editor.
 * Some of CSS must be sync with FrontEnd. (for example headers, fonts)
 * ! Last two settings in file must be sync with Index.cshtml (script section) !
 */
/* Quill Editor Template  */
.ql-out-top, .ql-out-bottom{visibility:visible!important;}
.ql-snow .ql-tooltip{z-index:100000!important}
.ql-toolbar.ql-snow {
    border-top: 4px solid #4296d7 !important;
    border-bottom: 1px solid transparent !important;
    border-right: 1px solid #cccccc !important;
    border-left: 1px solid #cccccc !important;
    background-color: transparent !important;
}
.ql-toolbar>p-header{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.ql-button{
    padding-top: 0 !important;
    color: #54a4cc;
}
.ui-editor-content{
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.ql-snow.ql-toolbar button:hover, .ql-snow .ql-toolbar button:hover, .ql-snow.ql-toolbar button.ql-active, .ql-snow .ql-toolbar button.ql-active, .ql-snow.ql-toolbar .ql-picker-label:hover, .ql-snow .ql-toolbar .ql-picker-label:hover, .ql-snow.ql-toolbar .ql-picker-label.ql-active, .ql-snow .ql-toolbar .ql-picker-label.ql-active, .ql-snow.ql-toolbar .ql-picker-item:hover, .ql-snow .ql-toolbar .ql-picker-item:hover, .ql-snow.ql-toolbar .ql-picker-item.ql-selected, .ql-snow .ql-toolbar .ql-picker-item.ql-selected{
    background-color: #e9e9e9;
}
.ql-toolbar.ql-snow .ql-picker-label{
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    transition: all .2s ease-in;
    background: #fcfdfd;
    border-radius: 4px;
}

/* Quill Editor fonts - must be sync FE */
.ql-size-9{
    font-size: 9px;
    line-height: 9px;
}
.ql-size-13{
    font-size: 13px;
    line-height: 13px;
}
.ql-size-15{
    font-size: 15px;
    line-height: 15px;
}
.ql-size-19{
    font-size: 19px;
    line-height: 19px;
}
.ql-size-32{
    font-size: 32px;
    line-height: 32px;
}
.ql-size-64{
    font-size: 64px;
    line-height: 64px;
}
/* Font type - settings */
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normální' !important;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: 'H1' !important;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: 'H2' !important;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: 'H3' !important;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
    content: 'H4' !important;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
    content: 'H5' !important;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
    content: 'H6' !important;
}
/*Font size - settings*/
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: '13px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="9"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="9"]::before {
    content: '9px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="13"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="13"]::before {
    content: '13px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="15"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="15"]::before {
    content: '15px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="19"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="19"]::before {
    content: '19px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="32"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="32"]::before {
    content: '32px' !important;
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value="64"]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value="64"]::before {
    content: '64px' !important;
}
.ql-description {
    color: black;
}

.ql-disabled {
    pointer-events: none;
}

    .ql-disabled > .ui-editor-container > .ui-editor-content {
        background-color: #eee;
        color: #797979 !important;
    }

    .ql-disabled > .ui-editor-container > .ui-editor-toolbar {
        border-top: 4px solid #333 !important;
    }