/*
    CSS for the Text Formatter
*/


/*
    Options
*/
#grammalecte_tf_options {
    display: flex;
    padding: 10px;
    color: hsl(0, 0%, 0%);
    font-size: 13px;
}
.grammalecte_tf_column {
    flex-grow: 1;
    width: 360px;
    padding: 0 5px;
}
.grammalecte_tf_groupblock {
    padding: 2px 10px 10px 13px;
    margin: 10px 0 15px 0;
    background-color: hsl(210, 10%, 92%);
    border: 0 1px 1px 1px;
    border-color: hsl(210, 20%, 80%);
    border-radius: 3px;
}
.grammalecte_tf_underline:hover {
    background-color: hsl(210, 10%, 86%);
    border-radius: 2px;
}
.grammalecte_tf_blockopt {
    display: flex;
}
.grammalecte_tf_indent {
    padding-left: 20px;
}
.grammalecte_tf_result {
    display: inline-block;
    font-size: 13px;
}
.grammalecte_tf_option_on {
    flex-grow: 1;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAADg0lEQVQ4ja2VT0hjRxzHv/PmJS8pxiB216obPPX0Slxpn4pGo8d6Dix6CaWwKT0kpZe+QvHgrScveuyhtKXsrksTCJJa/JsUpNKDRbQEjd1GEJRgNArVmXm/HpoX4q5bKHRgYN4wv8/7/X7z+32HERHcoZTinHMlpcTi4uLQwsLCo62trf5arXYfAAKBwIllWb/EYrGnExMTP+u63rBpQIgIRAQpJSci5HK5h+FweBmAwxgjALdmfc8Jh8PLuVzuYbMtEf0DVEpxIoJt248BSMYYMcacOkRxzquc8yoAVYe6P5O2bT9uZjTotm0nAJBhGDcAKBgMlpPJpJ3P53uLxeK9YrF4L5/P9yaTSTsYDJabz9q2nXA9BREhm82+B0B4vV4BgCKRyLNyuRwgIjiOw9xw3HW5XA4MDQ09B0B1G5HNZi0iApRSsCwr5+YoGo0+EUKAiJgQQpdSakopppRiUkpNCKETkeY4DsbGxp66dpZl5ZRSQDqdHgUg62G+KJVKbUQEIUQj0c1TKaUJIfjm5qZZKpXa29vbD+tQmU6nR7lhGJ9sb28PAUAikfhycnLyp5ubGy/nXDHG0DyklB7OuZqbm/sgFov92NnZ+Xs4HP41n8+/D0AzDOMcpmkWXLfX1tbedb1zHIcppTTXMyGEh4gwOzv7IQDyeDwSgJiamvrC7/fXAJBpmgWEQqEDAMQ5r+7u7r5FRNjZ2Qnt7e31uDdXz1sDZhjGXwBofHz8q42NjQder/cMAIVCoYMGkDF2fnBw8ObJyckbXV1dv3V3d+8fHh52uB6+DOvv7//2+voa+/v79zVNO28Am0NeWVkxR0ZGvne/e3p69o6Pj4Pz8/PxZtjg4OA3lUpFIyIsLy9b7nnTNAuIx+Oz7oZt258uLS29DaCi6zoBoI6Ojhd+v7+m67p0YdVqFVJKg4iQSqU+d+3j8fjsrbJpbW398/T01J/JZHoBVDjnpGma9Hq9180wpZSHiFAqldqCweAfzWXzSmEPDw8/JyJkMpkBAFe6rqt6zr47OzuD4zgepRQXQiAajT55pbDvar2BgYEfLi4u9PX19XcAXI2Ojn59eXkJImq0XiQSeXZn671OHFpaWo6np6c/npmZeVQoFB4cHR21ra6u9qVSqc/uEIePbonDv8mXz+e78vl8Z4yxi9fIV+KWfN0hsH3/QWD7XhZY9n8/AX8DjCrPg5M/SO8AAAAASUVORK5CYII=') no-repeat;
    padding: 0 5px 0 25px;
    line-height: 20px;
    opacity: 1;
    cursor: pointer;
}
.grammalecte_tf_option_off {
    flex-grow: 1;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAADHklEQVQ4ja1VMWsbSRh9c7vYWLArSHDSRIqFVAgJhA3eFJKQerdakUKFikAcsahfzqRJozJFOucXxChBhTBqIoFICNiNGwmxIMFGWyWNxZLGuzNfitMYyScfHHcDA8M3897sN9/73jIighycc0VRFB6GIc7Pz/Ptdvv55eXlM9/3HwGApmk/DMO4ME3z7Ojo6KuqqreYWxIiAhEhDEOFiNDr9fZzudxnAIIxRgDW5jImcrnc516vt7+KJaK/CDnnChHBtu2XAELGGDHGxJKEK4pyrSjKNQC+JJWXhbZtv1zluGW3bfsYAG1vb98AIF3XPcuyTobD4b7jOLuO4+wOh8N9y7JOdF2fr561bftYfimICN1u9xBAsLW1FQCgQqHQdl03SkQQQjCZjly7rhstFAptALTEBN1u1yAigHMOwzB68o3K5fIHIQR834+0Wq0Xi8UiIoRgQgi2WCwirVbrhe/7ESEEyuXyB4kzDKPHOQc6nU4JQAiAotGoO5vNHhARKpXKKQCqVqunnHNwzlGtVk8BUKVSOSUizGazB9Fo9PuSNOx0OiXU6/W38hbLsl4TERqNxhsAFIlEfgGgWq32rlarvVuNNRqNN0QEy7JeS3y9Xn+LbDb7RQb6/b5BRBiNRnvJZPIKAKmqGsh9uU4mk1ej0WiPiNDv9w25n81mvyAWi00BkKIo15PJ5LEsgOu6u5lM5tuS6EZV1RsAlMlkvrmuuyvPTSaTx0tJUSwWm/6BDSMMQzUej/9MpVITAGCMgTEGAEilUpN4PP4zDEN1E3Yt5cFgcEhECIIApmm+l2kuhSxkyqZpvg+CAESEwWBwuJbyPxVlZ2fnFwBKp9MX6XT6YjV2b1FWZaPr+vf5fK5Np9MniUTiCgAlEokrz/Meep73cDU2nU6fzOdzTdf1ddncFXapVDojIjiO87RYLH4aj8d7sgDj8XivWCx+chznKRGhVCqd/U3Ym1ovn89/9DxPv6/1PM/T8/n8x42td585aJrmNZvNP++Yw0Gz2TzRNM27Yw6v1szhP9rX8Zp9bTDYg39hsAd3DZb937+A3zNHr6ED451DAAAAAElFTkSuQmCC') no-repeat;
    padding: 0 5px 0 25px;
    line-height: 20px;
    opacity: .3;
    cursor: pointer;
}
.grammalecte_tf_option_title_on {
    flex-grow: 1;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAADg0lEQVQ4ja2VT0hjRxzHv/PmJS8pxiB216obPPX0Slxpn4pGo8d6Dix6CaWwKT0kpZe+QvHgrScveuyhtKXsrksTCJJa/JsUpNKDRbQEjd1GEJRgNArVmXm/HpoX4q5bKHRgYN4wv8/7/X7z+32HERHcoZTinHMlpcTi4uLQwsLCo62trf5arXYfAAKBwIllWb/EYrGnExMTP+u63rBpQIgIRAQpJSci5HK5h+FweBmAwxgjALdmfc8Jh8PLuVzuYbMtEf0DVEpxIoJt248BSMYYMcacOkRxzquc8yoAVYe6P5O2bT9uZjTotm0nAJBhGDcAKBgMlpPJpJ3P53uLxeK9YrF4L5/P9yaTSTsYDJabz9q2nXA9BREhm82+B0B4vV4BgCKRyLNyuRwgIjiOw9xw3HW5XA4MDQ09B0B1G5HNZi0iApRSsCwr5+YoGo0+EUKAiJgQQpdSakopppRiUkpNCKETkeY4DsbGxp66dpZl5ZRSQDqdHgUg62G+KJVKbUQEIUQj0c1TKaUJIfjm5qZZKpXa29vbD+tQmU6nR7lhGJ9sb28PAUAikfhycnLyp5ubGy/nXDHG0DyklB7OuZqbm/sgFov92NnZ+Xs4HP41n8+/D0AzDOMcpmkWXLfX1tbedb1zHIcppTTXMyGEh4gwOzv7IQDyeDwSgJiamvrC7/fXAJBpmgWEQqEDAMQ5r+7u7r5FRNjZ2Qnt7e31uDdXz1sDZhjGXwBofHz8q42NjQder/cMAIVCoYMGkDF2fnBw8ObJyckbXV1dv3V3d+8fHh52uB6+DOvv7//2+voa+/v79zVNO28Am0NeWVkxR0ZGvne/e3p69o6Pj4Pz8/PxZtjg4OA3lUpFIyIsLy9b7nnTNAuIx+Oz7oZt258uLS29DaCi6zoBoI6Ojhd+v7+m67p0YdVqFVJKg4iQSqU+d+3j8fjsrbJpbW398/T01J/JZHoBVDjnpGma9Hq9180wpZSHiFAqldqCweAfzWXzSmEPDw8/JyJkMpkBAFe6rqt6zr47OzuD4zgepRQXQiAajT55pbDvar2BgYEfLi4u9PX19XcAXI2Ojn59eXkJImq0XiQSeXZn671OHFpaWo6np6c/npmZeVQoFB4cHR21ra6u9qVSqc/uEIePbonDv8mXz+e78vl8Z4yxi9fIV+KWfN0hsH3/QWD7XhZY9n8/AX8DjCrPg5M/SO8AAAAASUVORK5CYII=') no-repeat;
    padding: 0 5px 0 25px;
    margin: -12px 0 10px 0;
    line-height: 20px;
    font-size: 20px;
    color: hsla(210, 20%, 50%, .8);
    font-weight: bold;
    cursor: pointer;
}
.grammalecte_tf_option_title_off {
    flex-grow: 1;
    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAADHklEQVQ4ja1VMWsbSRh9c7vYWLArSHDSRIqFVAgJhA3eFJKQerdakUKFikAcsahfzqRJozJFOucXxChBhTBqIoFICNiNGwmxIMFGWyWNxZLGuzNfitMYyScfHHcDA8M3897sN9/73jIighycc0VRFB6GIc7Pz/Ptdvv55eXlM9/3HwGApmk/DMO4ME3z7Ojo6KuqqreYWxIiAhEhDEOFiNDr9fZzudxnAIIxRgDW5jImcrnc516vt7+KJaK/CDnnChHBtu2XAELGGDHGxJKEK4pyrSjKNQC+JJWXhbZtv1zluGW3bfsYAG1vb98AIF3XPcuyTobD4b7jOLuO4+wOh8N9y7JOdF2fr561bftYfimICN1u9xBAsLW1FQCgQqHQdl03SkQQQjCZjly7rhstFAptALTEBN1u1yAigHMOwzB68o3K5fIHIQR834+0Wq0Xi8UiIoRgQgi2WCwirVbrhe/7ESEEyuXyB4kzDKPHOQc6nU4JQAiAotGoO5vNHhARKpXKKQCqVqunnHNwzlGtVk8BUKVSOSUizGazB9Fo9PuSNOx0OiXU6/W38hbLsl4TERqNxhsAFIlEfgGgWq32rlarvVuNNRqNN0QEy7JeS3y9Xn+LbDb7RQb6/b5BRBiNRnvJZPIKAKmqGsh9uU4mk1ej0WiPiNDv9w25n81mvyAWi00BkKIo15PJ5LEsgOu6u5lM5tuS6EZV1RsAlMlkvrmuuyvPTSaTx0tJUSwWm/6BDSMMQzUej/9MpVITAGCMgTEGAEilUpN4PP4zDEN1E3Yt5cFgcEhECIIApmm+l2kuhSxkyqZpvg+CAESEwWBwuJbyPxVlZ2fnFwBKp9MX6XT6YjV2b1FWZaPr+vf5fK5Np9MniUTiCgAlEokrz/Meep73cDU2nU6fzOdzTdf1ddncFXapVDojIjiO87RYLH4aj8d7sgDj8XivWCx+chznKRGhVCqd/U3Ym1ovn89/9DxPv6/1PM/T8/n8x42td585aJrmNZvNP++Yw0Gz2TzRNM27Yw6v1szhP9rX8Zp9bTDYg39hsAd3DZb937+A3zNHr6ED451DAAAAAElFTkSuQmCC') no-repeat;
    padding: 0 5px 0 25px;
    margin: -12px 0 10px 0;
    line-height: 20px;
    font-size: 20px;
    color: hsla(210, 20%, 50%, .8);
    font-weight: bold;
    cursor: pointer;
}


/*
    Actions
*/
#grammalecte_tf_actions {
    display: flex;
    justify-content: space-between;
    padding: 15px 15px 10px 15px;
    border-top: 1px solid hsl(210, 10%, 90%);
}

.grammalecte_tf_button {
    display: inline-block;
    padding: 5px 10px;
    width: 100px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#grammalecte_tf_reset {
    background-color: hsl(210, 50%, 50%);
    color: hsl(210, 0%, 100%);
}
#grammalecte_tf_reset:hover {
    background-color: hsl(210, 50%, 40%);
}
#grammalecte_tf_progressbar {
    width: 400px;
}
#grammalecte_tf_time_res {
    width: 60px;
    padding: 5px 10px;
}
#grammalecte_tf_apply {
    background-color: hsl(120, 50%, 50%);
    color: hsl(150, 0%, 100%);
}
#grammalecte_tf_apply:hover {
    background-color: hsl(120, 50%, 40%);
}
