﻿.ql-snow.ql-toolbar button:hover svg {
    fill: #06c;
}

/* Локализация */
.ql-toolbar .ql-picker.ql-header {
    width: 9rem;
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label::before {
    content: "Обычный текст" !important;
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="1"]::before {
    content: "Заголовок 1" !important;
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="2"]::before {
    content: "Заголовок 2" !important;
}

.ql-toolbar .ql-picker.ql-header .ql-picker-label[data-value="3"]::before {
    content: "Заголовок 3" !important;
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item::before {
    content: "Обычный текст" !important;
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
    content: "Заголовок 1" !important;
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
    content: "Заголовок 2" !important;
}

.ql-toolbar .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
    content: "Заголовок 3" !important;
}

/* Выравнивание с обтеканием */
.ql-editor [float="right"] img,
.ql-editor [float="right"] span[data-placeholder="qrCode1"],
.ql-editor [float="right"] span[data-placeholder="qrCode2"],
.ql-editor [float="right"] span[data-placeholder="qrCode3"],
.ql-editor [float="right"] span[data-placeholder="qrCode4"],
.ql-editor [float="right"] span[data-placeholder="qrCode5"],
.ql-editor [float="right"] span[data-placeholder="qrCode6"],
.ql-editor [float="right"] span[data-placeholder="qrCode7"],
.ql-editor [float="right"] span[data-placeholder="qrCode8"],
.ql-editor [float="right"] span[data-placeholder="qrCode9"],
.ql-editor [float="right"] span[data-placeholder="qrCode10"] {
    float: right;
}

.ql-editor [float="left"] img,
.ql-editor [float="left"] span[data-placeholder="qrCode1"],
.ql-editor [float="left"] span[data-placeholder="qrCode2"],
.ql-editor [float="left"] span[data-placeholder="qrCode3"],
.ql-editor [float="left"] span[data-placeholder="qrCode4"],
.ql-editor [float="left"] span[data-placeholder="qrCode5"],
.ql-editor [float="left"] span[data-placeholder="qrCode6"],
.ql-editor [float="left"] span[data-placeholder="qrCode7"],
.ql-editor [float="left"] span[data-placeholder="qrCode8"],
.ql-editor [float="left"] span[data-placeholder="qrCode9"],
.ql-editor [float="left"] span[data-placeholder="qrCode10"] {
    float: left;
}

.ql-container.ql-snow.ql-disabled {
    border: 1px solid #ccc !important;
}