/*
    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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAADMUlEQVQ4T2P4//8/VTFWQUowugAjEDOD2M9fPFdpmt3aEd4VfyqwPepxUEfkY//msFMd87s7Xr15pQJVD1IL0gM3A84AYpAECDNVTK2p1awx/SJfq/uft1nxH0Mb/38QFmpU/AcSU64x+No8q70WpBZJH1YDGczLHFZINWj/16oz/y9do/muYnrNgl1H9hTvP3GwuGBK2QL5Gt13IDmuFrn/7tX+K96+fQvXC8LIBjKE1kTVaTWY/les1f/vUu2z8dadW+JQObgr7j96IO5W47/FsN72v3CD4v+M9uw6qBowhjO27tyqrl9v+0691uR/UHPkuqdPn8LkWNAwyJsMDhUeK80bnf5z10u8m7NgrjpIDIThBvLny7aZNTj+Z2kWf9szuVcOKg4yAKYG5kq2CQsnlxW3lBnqV1k9kqpX/79s8/I2mDqYYgbzcvvj8nXa/7MnFC6CirECMXKgg2PfvyJkGm+L/H/VMqPD+iWWGxTrDP6nTck5AZIDYbiBxpU2j4QaVf83TG8uB/E/fvoIShp8UHmwS/2rw2co1+n/N2l0/C9cqrRQM8u4RqPB/L9nS9BjqDqEgYaVto9EG9X/V02syT9+8rgcQzPbR//q0JW/fv0CywdUhs1UrjX4Dwpjn+bQ9Zs2bWKQS9Mq0WqwABn4CMNAozLr4wZN1v81sw0ns1ZI1Gk0mPyXqdf9H92YMNulwHOiCtBrOnUW/80qHVf//vOb7fev3wwy+WqLQeJALx/HMFA4R6bNsMH6v0qV3tvItGjxlN6s6aKNyv81a03/AA36CzLMotJ59fsP78Hev33vjjww8b+VqtfGHimgZGNYZ/tOvk7vf2JvxtrNmzczJHSlzwXFIsgVxhX264HhCoooBlAwaBWbrsObbEAYkrAt/ovVqf6Pao3fMG/RfJ7o1oT5wHQJi3mGu/fvSnjWBW4EJTG8CRuIwTkBlPVk6jX/gyLAqMb2JdCVC5dsWlZy5OzR/IIpJYtka7TfImW9lfiyHiy9MVVMARYOtaZfJOrV/gO9/I+rWeo/Qys30OVKJBUOMENRiq+wjtjTfu1hTwI6o0guvqiCsQqSj/8zAACtrurLln/KtwAAAABJRU5ErkJggg==') 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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsIAAA7CARUoSoAAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAADGUlEQVQ4T2P4//8/VTFWQUowggEEQJoRiJlB/BfPn6vMbmrp6AqPOdUeGPa4Iyj8cbN/0Kn5HV0db169UoHqA6kF6UGYg8QBSYAw09SKqtoaTYMvtfLq/5t5xf+1MTD9B+FGIZl/ILEaZe2vs5pba0FqkfRhNZChzNx6RYOU0v96Nb3/tWLyH6aVlC8+vHNX8Yn9B4on5RctrpFQ/FCnZfi/hUvsf7W714q3b9/C9YIwsoEMNaERdQ1aRv9rZFX/13r7bH729KkQVA7uirdv3gjVefpsrjez+d8gLPO/PSOzDqoGjOGMnVu3qtcZWryrU9T+3x0Tv+HFy5cMZ44d99+ydm0oTM38SZNDN61e4w9il+qabGgytftfzy34bsGcOeowNXAD8/kl2hpMrP7X8wm/b6mtFQFpbGZg+NfCwPRn5cJFDlPaOxwaROX+tLAL/ls4fYb/vbt3RWo1Dd7XA4Nn87LlbRgGlptbH28QV/o/rbxy6dt37xgak1PqmwQk/zdYO/yrkZD9WCsm/bHO2PIfMJL+d+fk13/79o0hX151aYOS9v8paZnHMQysNDZ/1Cgq939KTW0ZTGxKfUN+rZTy/zoLuz9Aw/7U6Br/7y0uzQfJ/fz5kyFHWKKsUdvof4uX3yOYHkwDa+vgBq5YsNClAeiiekvbP7UGZn/q9Ez+z504yQUk9wNoYJYIHgPBXgaGx+TCkiUg/qye3sgGAalf9daO/4Cu/FOrqgMy9B9IbNnsOZE/fvwAeXlJnYoOdi+DIqXRyPI/MLw+5GdmCk5raSkFJeZmLpH/faVl+eWhkfl1ihqgxP2/JSOr9O6dO4I12kYfcEYKPNnIa/3vT0rdcOnKFYYlU6bVTCwugStuTkppm1hVXfP6zRuGIgMCyQaE4QlbWvl/Q2Dwxtu3bvFB5eAJG5hc+Bp8AzY2ABN2k4A07oQNxGANkKyn8h8YZqAc8356eeXiQzt2Fp/Yt78YlA1rFTXfA9MfLOutxJf1YK6AFw71Mir/m5AKB2C6/AcSAxUOwJKIYOEAM5RqxRdVMFZB8vF/BgAKMNpeW+niqQAAAABJRU5ErkJggg==') 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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAEv0lEQVQ4jaWVfUzVVRzGn3N+L/eNy8sVrlyNxTB8AXFhgjIQRAN5yRyk1oatzUSXOtdqDFAnmTpxVuZbDtTcyrleRNMSQUYgamksB1orERQQd70CXi5wuff+3k5/eGm3N//pu53t/PN8tvPsnM8hjDEEDAdABUDPN5xfeLnzxxV3R3uTNKZaKOEgSb7HUebJrSvmFX41PzntewBaQAYAQAKAHAD1QmNd2sGr1Xuus1/mhaomiBCgMQaFaNAzARKR4SIjmM0lXNuYWlySuyjnSiB0HMg5nU61/NjW0irpeGWcbyaCiJH1swHigQQLQj06IsKOAQMPHpM0C3PBTRziIPLVjLITFcd3j0MJY4wDoK6tXF96jNRUpnqel/q1x6KTDfcvt+RVlxeVnLNZbXYA6Ozush08e/jl04MXi8OI2SqqVBoSPWLsyDNlNdtO7jYYjRxhjGFV+ZoFTfrWpkjNInfRHiFBmVa3La/89bSUtAEABMB4LwQAa7vZFv7GyfUndSYhS5OZfI+/L+yK2ZS5ZuXqZuJwOPD2Z6WXfnK1pQfxZkRxkbXr56zKz8nJAQDeDwsEEn9fzFYae96qt+YZOAOuextbLmZezKBTtyQsbh/5LT2Cs6BdvfxoWXT+aj+MA6D4w5p/je/pletXE7fGvltsoka7T/Eiio9PDw4PWUyf1UcX6IgOo2wMhey1o/HT4u0ARH/w78NLkqSV7CktXtJQdKOm7ZtC10Pnfp7n4CMSOu7fKaCaCUkcIbgj9GLT8pLv5iTNQQCMBsI0VVN2fLJz3QdK1eEZSowyYHXvo0bepsjamIkZ0dh9OYmCkHAAUKF6wGAHAKfLGd3RdScm4OLyAJTNe7es2+7ZdyhNmusbIz7+V/X3s+6H7iOMY4wHhxHPcDgFAKIRKNRLeI6T2262h1gqLReKjq9qPH3uzGR/b8pb729Yd8j7xaF0KcXXoz7QhTBzXf2CLwsj3MEulakcZU8OQ2aWJf/MC8JshTIYO7i5xlhThZv35LkVL3ze0c7q3AMpe0/tL+gM76sOZcG+XmbXTeNianfmbl6WkpziWbgyK9UxZeSKT/MhLWLuDUrdaGUU4AjgDHNlNz+ue6+b9XmDYdBCDROey29+ta0r7MFes2ZQ7BjQTeen1JalbixMSU5RAIBGinmUcHBTDxZFz2+lPd7uMzJU8BoP14TRjdsnbb/96byPF1+jzRJlvDaTxEUaoBfcROJtzFK7JeOdwuwXsxUAclNLk00KVd+kGsATEVOjYs/Qjh236meZp7cMsWGEwRLRoe/+esgx1PJ5/In8Lu6eKqkygQBxTPbWHSz48JXMjEwFAPN6PMhuWHbUKbsmmngD+qRbLcMDrnpqtVphGBAqVA6w0FC5ZrQ++1Tvtw0WU9gPa/VFqTpBrw66B89d3VD70guJs70A1PZb7Zb0bTkXkoTEPIMmyrdxF1VxRyqysrLwTzl4EyWH4hB92pizMGLprtCgEPfS1CWXZs1I6O/p65ny0an9+WcHG9aEUHPEf8rhT30d3VpaJVdXxvkSEcSMzEEekYnM6hEFQfNqPr4HD0WjKpKJeLq+nirYJ8+GgTICHdVBZoGCXV2Suyj3XwX7Fyj+xxfwB+gAcUFyu1PIAAAAAElFTkSuQmCC') 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,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAA7DAAAOwwHHb6hkAAAEs0lEQVQ4jbWVa1BUZRjH/+97zp5lWS7rtqLAIg0a3sJcmI118IbriFqppSEk0wcSqQ/RMF7AG0iXATIzMy+Ml2kgZ4pJoXGUUQbJykQoYUiREWQVzHV38YKw7J6z55y3L+LQaH2q59Pz5fl9eOb5/x7CGMOo4gAoAGj9qVMLun++kD7U02tlqmwklEKSxPuhMTEttvRV1S/PmX0OgDpqBgBARgE5AEpDXd3sC18d2MkutdoUQxggCGCqCiIzsCANiCSBDDwClzizKSXv3Y32JUt+GQ0dAXIPHjxQjmzeViBV7C8Tp1lAQsIY87gIfCJgNPiIVgs47+rA81CjIhgGhojgugflldTC4m+qykeghDHGAVDKct8rIEe+LfOlWCXV4xFwz+MxrHz9aOaWwhOR5mgnADi6uiJrv9j7xv0Ttdk0YtxYReAk4eGwMPhCbGHJ8eryYJ2OI4wxbM5eOz+o8WKjEjU2QLodGiRMP/Pqx0VvW202NwACYGQvBABz9PREHFyxujJUr08TFTmguXFLE1dalJq1LudH6na78ZxfKpE5Aur1aXhr4un5Wzcuttps3q937c5TZFn/GEQuNTXp9xUV53E87y1vb1ksNV04TX1+DSZPREfuupL6+nogJzwirWiahRXb5rItgKv2+PFIxhjyx02oKjHHsXxzfKUsy+jo6EDJm5mV2wFWkrmm6srVq2hsaIj6aI7dtX2GlRWbJ7HLTZfSyPszkg4aOU0uGxxC8PyU8j8N+sLgazc+0/f2rRe1QcNCQAkeNBkOS1evwBgUuhYTooeVzu7ggUVzdu2pqtqwYeHishBXfwHrv4+kTz+s4PUqsRKBQnD0Yml15ckEiwWNDQ0V5xcuXCokpkyVoMq6O661IZGxUHgi055bwcoE87XU5SsqAOCuKp2cqKoFqj4YNxvOWymBagIAhed8flG8DQCpdnvX8t9+t3tFXyvHGM+02oDMlADz+3k1flKrbcsG+4pVK7sAIMDobcaYj/AcfIMDJjo6JpSQkZa3JCU6JVm6TggFUVWAEhC/iBBz5PXYiXFOADyeUZSB9j++Bx0lJBoA3G63kj8loWpMaNhqGUwmGp7nCOFhCJfFmtOrvyveUeV0OhUA0BA1mhCiY7ICXWh4P/VS1sIUFYGYaJw9dHRZ3sb12J2ds9MoCFmiovi0gpYP3L7bHnD0tdPBIV55cYqP+7U5q3TTpp0AMJ4KywiloN5hPG+f10L9t/pqmCiCGA3wHq7Injl5qilnz+d7vX9c7gzy+3Wspakz40xNmnnHpjTVEN5Jux06On1a58y58/aeP3fOZJDkbJmjIDyHmPj4Gq6ut+dGZ1vbAl+3I5bGxOrlR0MJxBy1/7XS0rq2i81T5x74Mit51qw+a3Ky92FYyJme5uYps4u3vpWekXHzaFzc92qY8SVNiB5iR+tP49LTtz0VPa6jS4Nky9lln5SssSQl9T8reu1tbaZj7+Qe02t1iwLy36P3lBz8KUmS4vIIyqN7/eMzMg+tzP/gh6gY8x0A6HPcjKrdt3+5p7o2h4wJN/2jHEb0dXjztoLAE33pGXO5CcTAE30xp0tHqAaq2fSv+vpfBPufvYC/AKF6gkOvRLAiAAAAAElFTkSuQmCC') 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%);
}
