.ql-tooltip {
    left: 0px !important;
}

/*for font-size*/
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value]::before {
    content: attr(data-value) !important;
}


/*for font-family*/
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Arial']::before {
    content: "Arial";
    font-family: "Arial";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Arial Black']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Arial Black']::before {
    content: "Arial Black";
    font-family: "Arial Black";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Calibri']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Calibri']::before {
    content: "Calibri";
    font-family: "Calibri";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Georgia']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Georgia']::before {
    content: "Georgia";
    font-family: "Georgia";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Helvetica']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Helvetica']::before {
    content: "Helvetica";
    font-family: "Helvetica";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Montserrat']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Montserrat']::before {
    content: "Montserrat";
    font-family: "Montserrat";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Sans-Serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Sans-Serif']::before {
    content: "Sans-Serif";
    font-family: "Sans-Serif";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Tahoma']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Tahoma']::before {
    content: "Tahoma";
    font-family: "Tahoma";
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='Times New Roman']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='Times New Roman']::before {
    content: "Times New Roman";
    font-family: "Times New Roman";
}

.ql-snow .ql-picker.ql-font {
    width: 150px !important;
    white-space: nowrap;
}

.ql-container {
    min-height:300px;
    height: auto !important;
}