﻿[contenteditable="true"] { box-shadow: 4px 4px 10px #888; }

.translatable-edit { cursor: pointer; }
.translatable-hidden { display: none; }
body.translationkeys-hl .translatable-hidden { display: initial; }

.cke_button__translationrevert_icon { background-size: contain !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyMHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAyMCIgd2lkdGg9IjE2cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkNvcmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC00MjQuMDAwMDAwLCAtNDYzLjAwMDAwMCkiPjxnIGlkPSJ1bmRvIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MjQuMDAwMDAwLCA0NjQuMDAwMDAwKSI+PHBhdGggZD0iTTgsMyBMOCwtMC41IEwzLDQuNSBMOCw5LjUgTDgsNSBDMTEuMyw1IDE0LDcuNyAxNCwxMSBDMTQsMTQuMyAxMS4zLDE3IDgsMTcgQzQuNywxNyAyLDE0LjMgMiwxMSBMMCwxMSBDMCwxNS40IDMuNiwxOSA4LDE5IEMxMi40LDE5IDE2LDE1LjQgMTYsMTEgQzE2LDYuNiAxMi40LDMgOCwzIEw4LDMgWiIgaWQ9IlNoYXBlIi8+PC9nPjwvZz48L2c+PC9zdmc+") !important; }
.cke_button__translationcancel_icon { background-size: contain !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNHB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ibWl1IiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgaWQ9IkFydGJvYXJkLTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zOTUuMDAwMDAwLCAtNDA3LjAwMDAwMCkiPjxnIGlkPSJzbGljZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjE1LjAwMDAwMCwgMTE5LjAwMDAwMCkiLz48cGF0aCBkPSJNMzk2LDQwOCBMMzk2LDQzMCBMNDExLDQzMCBMNDExLDQyNCBMNDA5LDQyNCBMNDA5LDQyOCBMMzk4LDQyOCBMMzk4LDQxMCBMNDA5LDQxMCBMNDA5LDQxNCBMNDExLDQxNCBMNDExLDQwOCBMMzk2LDQwOCBaIE00MTEuNjM2MDM5LDQxNS40NjQ0NjYgTDQxMy4wNTAyNTMsNDE0LjA1MDI1MyBMNDE4LDQxOSBMNDEzLjA1MDI1Myw0MjMuOTQ5NzQ3IEw0MTEuNjM2MDM5LDQyMi41MzU1MzQgTDQxNC4xNzA0ODUsNDIwLjAwMTA4OCBMNDAzLjAwMDQ5OSw0MjAuMDAxMDg4IEw0MDMuMDAwNDk5LDQxOC4wMDI2NSBMNDE0LjE3NDIyMyw0MTguMDAyNjUgTDQxMS42MzYwMzksNDE1LjQ2NDQ2NiBaIiBmaWxsPSIjMDAwMDAwIiBpZD0iY29tbW9uLWxvZ291dC1zaWdub3V0LWV4aXQtZ2x5cGgiLz48L2c+PC9nPjwvc3ZnPg==") !important; }
.cke_button__translationsave_icon { background-size: contain !important; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB3aWR0aD0iMTc5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNNTEyIDE1MzZoNzY4di0zODRoLTc2OHYzODR6bTg5NiAwaDEyOHYtODk2cTAtMTQtMTAtMzguNXQtMjAtMzQuNWwtMjgxLTI4MXEtMTAtMTAtMzQtMjB0LTM5LTEwdjQxNnEwIDQwLTI4IDY4dC02OCAyOGgtNTc2cS00MCAwLTY4LTI4dC0yOC02OHYtNDE2aC0xMjh2MTI4MGgxMjh2LTQxNnEwLTQwIDI4LTY4dDY4LTI4aDgzMnE0MCAwIDY4IDI4dDI4IDY4djQxNnptLTM4NC05Mjh2LTMyMHEwLTEzLTkuNS0yMi41dC0yMi41LTkuNWgtMTkycS0xMyAwLTIyLjUgOS41dC05LjUgMjIuNXYzMjBxMCAxMyA5LjUgMjIuNXQyMi41IDkuNWgxOTJxMTMgMCAyMi41LTkuNXQ5LjUtMjIuNXptNjQwIDMydjkyOHEwIDQwLTI4IDY4dC02OCAyOGgtMTM0NHEtNDAgMC02OC0yOHQtMjgtNjh2LTEzNDRxMC00MCAyOC02OHQ2OC0yOGg5MjhxNDAgMCA4OCAyMHQ3NiA0OGwyODAgMjgwcTI4IDI4IDQ4IDc2dDIwIDg4eiIvPjwvc3ZnPg==") !important; }

.cke_combopanel,
.cke_combo_text { width: auto !important; }

label.translatable.viewport-visible,
span.translatable.viewport-visible { display: inline-block; min-width: 1em; }
.translatable.viewport-visible { background-color: #D3C481 !important; color: #000 !important; position: relative; min-height: 1.0em; cursor: pointer; }
.translatable.viewport-visible::before { content: " "; position: absolute; left: -5px; width: 20px; display: block; top: -5px; bottom: -5px; background-color: #D1008B; min-height: 0.5em; opacity: 0.5; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pg0KPHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCgk8cG9seWdvbiBmaWxsPSJub25lIiBwb2ludHM9IjE0IDIgMTggNiA3IDE3IDMgMTcgMyAxMyAxNCAyIiBzdHJva2U9IiNmZmYiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIi8+DQoJPGxpbmUgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMiIgeDE9IjMiIHgyPSIyMSIgeTE9IjIyIiB5Mj0iMjIiLz4NCjwvc3ZnPg=="); }
