@media only screen and (max-width: 600px) {
}

.ql-align-right{
    text-align:right;
    }
.ql-align-center{
    text-align:center;
    }

.ql-image-left {
	float: left;
	margin: 0 10px 5px 0;
	/* shape-outside: circle();
	clip-path: circle(); */
}

.ql-image-right {
	float: right;
	margin: 0 0 5px 10px;
	/* shape-outside: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); */
}

.ql-video{
    max-width:100%;
}

/* Style to highlight the selected image */
.selected-image {
	border: 2px solid blue;
}

.ql-container{
    height: 100%;
}
.ql-editor{
    background-color: white;
}

.ql-snow.ql-toolbar button.ql-pdf {
    padding: 0;
    margin: -3px 0 0 0 ;
    max-width: 28px;
}
.ql-pdf::before {
    content: '\f1c1';  /* Unicode for the PDF icon in FontAwesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:15px;
}
.ql-snow.ql-toolbar button.ql-increase {
    padding: 0;
    margin: -3px 0 0 0 ;
    max-width: 28px;
}
.ql-increase::before {
    content: '\f31e';  /* Unicode for the PDF icon in FontAwesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:15px;
}
.ql-snow.ql-toolbar button.ql-decrease {
    padding: 0;
    margin: -3px 0 0 0 ;
    max-width: 28px;
}
.ql-decrease::before {
    content: '\f78c';  /* Unicode for the PDF icon in FontAwesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:15px;
}
.ql-snow.ql-toolbar button.ql-toLeft {
    padding: 0;
    margin: -3px 0 0 0 ;
    max-width: 28px;
}
.ql-toLeft::before {
    content: '\f2c2';  /* Unicode for the PDF icon in FontAwesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size:15px;
}
.ql-snow.ql-toolbar button.ql-toRight {
    padding: 0;
    margin: -3px 0 0 0 ;
    max-width: 28px;
}
.ql-toRight::before {
    content: '\f2c2';  /* Unicode for the PDF icon in FontAwesome */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline-block;  /* Assure que l'élément est de type inline pour la transformation */
    transform: scaleX(-1);  /* Flip horizontal */
    font-size:15px;
}

.ql-align-center{
    text-align: center;
}
.ql-align-justify{
    text-align: justify;
}
ql-align-left{
    text-align: left;
}
ql-align-right{
    text-align: right;
}


/* Style de base pour les boutons de la toolbar */
.ql-toolbar.ql-snow .ql-picker.ql-imgTaille {
    width: 100px; /* Largeur suffisante pour afficher les options */
}

/* Style du bouton imgTaille */
.ql-snow .ql-toolbar button.ql-imgTaille,
.ql-snow .ql-toolbar .ql-picker-label.ql-imgTaille {
    padding: 0 4px;
    width: 100px; /* Ajustez selon vos besoins */
}

/* Style de l'icône avant le menu */
.ql-imgTaille .ql-picker-label::before {
    content: 'Taille Img'; /* Icône Font Awesome pour le redimensionnement */
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
    font-size: 14px;
    margin-right: 5px;
}

/* Style des options du menu déroulant */
.ql-snow .ql-picker.ql-imgTaille .ql-picker-options {
    width: 100px; /* Même largeur que le bouton */
    min-width: 100px; /* Assure une largeur minimale */
    padding: 5px 0;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}

/* Style de chaque item dans le menu */
.ql-snow .ql-picker.ql-imgTaille .ql-picker-item {
    padding: 5px 10px;
    font-size: 14px;
    color: #333;
    text-align: left;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}

/* Hover sur les items */
.ql-snow .ql-picker.ql-imgTaille .ql-picker-item:hover {
    background-color: #f0f0f0;
}

/* Style pour l'élément sélectionné */
.selected-image {
    border: 2px solid blue;
}

.ql-image-left {
    float: left;
    margin-right: 10px;
}

.ql-image-right {
    float: right;
    margin-left: 10px;
}

.ql-picker.ql-imgTaille .ql-picker-item::before {
    content: attr(data-value);
}
ol li{
    list-style-type:disclosure-closed;
}