.ql-editor table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    overflow:hidden;
    white-space: nowrap;
}

.ql-editor table td {
    border: 1px solid black;
    padding: 2px 5px;
    height: 25px;
    vertical-align: top;
    white-space: normal;
}

.quill-better-table-wrapper {
  overflow-x: auto;
}

.ql-picker.ql-table {
    width: auto !important;
    margin-right: 0;
}

.ql-picker.ql-table .ql-picker-label svg{
    display: none;
}
/* .ql-formats button.ql-table::after, */
.ql-picker.ql-table .ql-picker-label::before {
    display: block;
    font-size: 14px;
}

.ql-picker.ql-table:nth-of-type(1) .ql-picker-label::before {
    content: "\f0ce";
}
.ql-picker.ql-table .ql-picker-label::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-top: 2px;
    line-height: 1em;
}

.ql-picker-item[data-value="append-col"]::after {
    content: "добавить столбец";
}

.ql-picker-item[data-value="remove-col"]::after {
    content: "убрать столбец"
}

.ql-picker-item[data-value="append-row"]::after {
    content: "добавить строку";
}

.ql-picker-item[data-value="remove-row"]::after {
    content: "убрать строку"
}

.ql-table:nth-of-type(1),
.ql-contain {
    width: 90px;
    margin-right: 0;
}

.ql-picker.ql-table:nth-of-type(1) {
    font-size: 11px;
    font-weight: normal;
}

.ql-picker.ql-table .ql-picker-label {
    padding: 2px 3px;
    width: 23px;
}

.ql-picker.ql-table:nth-of-type(1) .ql-picker-options {
    width: 180px;
}

.ql-picker.ql-table:nth-of-type(1) .ql-picker-item {
    display: block;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    padding: 0px;
    margin: 1px;
}

.ql-picker.ql-table:nth-of-type(2) {
    display: flex;
    width: 145px;
}

.ql-picker.ql-table:nth-of-type(2) .ql-picker-label::before {
    content: "\f850";
}

.ql-picker.ql-table:nth-of-type(2) {
    color: #444;
}

.ql-picker.ql-table:nth-of-type(1) .ql-picker-item {
    border: 1px solid #444;
    color: #444;
}

.ql-table:nth-of-type(2) .ql-picker-label.ql-active {
    color: #444!important;
}

.ql-toolbar .ql-picker-item.ql-selected:before, .ql-picker.ql-table:nth-of-type(2) .ql-picker-item {
    color: #444;
}

.ql-picker-label.ql-active .ql-stroke {
    stroke: #444!important;
}

.ql-picker-item[data-value="remove-table"] {
    border: none!important;
    width: 100%;
}
.ql-picker-item[data-value="remove-table"]:before {
    content: "Удалить таблицу";
    width: auto;
    display: block;
    font-size: 12px;
}

.ql-picker-item[data-value=newtable_1_1]:before {
    content: "1x1";
}

.ql-picker-item[data-value=newtable_1_2]:before {
    content: "1x2";
}

.ql-picker-item[data-value=newtable_1_3]:before {
    content: "1x3";
}

.ql-picker-item[data-value=newtable_1_4]:before {
    content: "1x4";
}

.ql-picker-item[data-value=newtable_1_5]:before {
    content: "1x5";
}

.ql-picker-item[data-value=newtable_2_1]:before {
    content: "2x1";
}

.ql-picker-item[data-value=newtable_2_2]:before {
    content: "2x2";
}

.ql-picker-item[data-value=newtable_2_3]:before {
    content: "2x3";
}

.ql-picker-item[data-value=newtable_2_4]:before {
    content: "2x4";
}

.ql-picker-item[data-value=newtable_2_5]:before {
    content: "2x5";
}

.ql-picker-item[data-value=newtable_3_1]:before {
    content: "3x1";
}

.ql-picker-item[data-value=newtable_3_2]:before {
    content: "3x2";
}

.ql-picker-item[data-value=newtable_3_3]:before {
    content: "3x3";
}

.ql-picker-item[data-value=newtable_3_4]:before {
    content: "3x4";
}

.ql-picker-item[data-value=newtable_3_5]:before {
    content: "3x5";
}

.ql-picker-item[data-value=newtable_4_1]:before {
    content: "4x1";
}

.ql-picker-item[data-value=newtable_4_2]:before {
    content: "4x2";
}

.ql-picker-item[data-value=newtable_4_3]:before {
    content: "4x3";
}

.ql-picker-item[data-value=newtable_4_4]:before {
    content: "4x4";
}

.ql-picker-item[data-value=newtable_4_5]:before {
    content: "4x5";
}

.ql-picker-item[data-value=newtable_5_1]:before {
    content: "5x1";
}

.ql-picker-item[data-value=newtable_5_2]:before {
    content: "5x2";
}

.ql-picker-item[data-value=newtable_5_3]:before {
    content: "5x3";
}

.ql-picker-item[data-value=newtable_5_4]:before {
    content: "5x4";
}

.ql-picker-item[data-value=newtable_5_5]:before {
    content: "5x5";
}