@keyframes audioPlaying {
  from{
    background-position-x: 0;
  }
  to{
    background-position-x: 1600px;
  }
}
.cke_top{
  border-bottom: none;
  background-color: transparent !important;
  a{
    &.cke_button_on{
      &:hover{
        border: 1px #bcbcbc solid !important;
      }
      &:focus{
        border: 1px #bcbcbc solid !important;
      }
    }
  }
}
.cke_dialog_footer{
  a{
    &:hover{
      border: 1px #bcbcbc solid !important;
    }
    &:focus{
      border: 1px #bcbcbc solid !important;
    }
  }
}
.jwck-lang{
  >div{
    width: 100%;
    &::before{
      border-bottom: none !important;
    }
    &::after{
      border-bottom: none !important;
    }
  }
}
.cke_button__insertimage{
  span{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAeCAYAAABNChwpAAACoElEQVRYR9WXT0gVURTGvzPzRMgWQX9EgqRNbstHEBGkb+4dE3zQxkVERFbQKiJoG7TPRbTsH0S4NyjFd+Y1i+phadZGqJB2KRS9yOL5xnlzYkzhJflmRmWkC7MY7jnf95sz9865Q9jiQVvsjyUAy7JaTdPsEJFUgGq12mKlUpkqlUoVsizrABG9AdCScjWmmLmTlFIDAO4B+ApgJiWILICMYRitpLW+ICJ3ROSR4zhn0gBQSpUB7PB9v+3/AOjp6WmrVqtl13UXNqNCiSqglBoCcEpEyqZp9o2Njb3cKERsgO7u7qxpmhN1hk+YuS81ANu29wdB8BGAuWz6kJnPpgYQGimlLgK4QkThFr1UKBQ+pwoQ16yrqyvjum4AILwajthrIEpoZb63t7fZ87wXRDTHzHkA0ih30wG01rdE5PKy6TVmvpkagG3b+SAIhoE/jQ2AJyLHHMd5vRZE4gporQ+KyHZmfl4vmsvl9hqG8Q7AzlVmM/Pz853j4+M//gWRCCBs1UQUmrSISNZxnA+haH9/v1kulx0Ax9d40iFmPr1RgLBbPgVwIhQSkcnZ2dmj09PTntb6uojciFioA8z8YHVM7ApYlnWViAbrBUQkvB8momLYUiMAfmUymezo6Oj7+rhYAEqpQwBKAJpXmQQi8o2IdsXcpm+bmpqOjIyMVFfiIwFs226p1WqTRNQR0yQq7DYzr2zT8Ova+Dygtb4rIuejVBPMCxGdLBQKj8OchgCWZR0molcJxGOFisic4zhtkQBhgG3bezzPM2Ipxw9acF33eyyA+Jrri/zrFSilzgG4D+AngC/rk0yc1Q7A8H1/N+VyuXYimkiwrRK7rZHwjJlzSw0kn89vq1ar+zZLOUrH9/3FYrH4KTw7pPIr1gjoNyldLbEnRpyXAAAAAElFTkSuQmCC);
    background-position: 0 0 !important;
    background-size: contain;
  }
}
.cke_button__insertaudio{
  span{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAACz0lEQVRIS+2WS2jUYBDH/5NkW3ZFDILYBU8iisVbrbAu1nQ3aV2or4vUF4IInhQRtHjTi1Q9ePEm0oLopSpafGAzKej2JBa9+ADx0uKjVnFPdmFJRr6SlrWP3bSsPYi5JZmZ37y/j7DEDy0xDxWBjuPcFJEOAFpEx74B2MfMr+aTnxdoWVaDYRhfIoLKxa4w89kFA3O53JpSqTS6COBVZj79HzgrA/9OSi3LMmOx2EkAI8Vi8VE+nx9X4f61CFtbWzfouv5eQTRN2z4wMPC8lsBMJrNF07QWAEVmvka2bW8E8FZBRKTF87x8LYGO43SJSLeI/PQ8byVls9nVRPRVQYhot+u6/bUEZrPZbiLqAvCRmdepTaPZtv0LQD2Ac8zcXWNgPxHtBPCMma3J1Wbb9lMAbQBeMnOz+tbe3p70ff/zIjbN9GpTDWkYxicACQDnmfnCFPAogBthHfd6nnc/dOQuEXWISNTlPR4EwZ7BwcEXof5lAGcABAA2MfO7SaBlWYZhGG8ArAfwg4hSrut+WER00yqO4+wSkXsAdAC3mPnQZJ9MSTiOkxYRT9VSRL5rmnbEdd3HC4WGzp8AcAlADMCoiDR7njf2B1C9OI6zX0R6AdSFoCEiuhMEgRqbwnxwwzDI9/1VADYDOBBmSomPEdEO13VfT+nOOg8zmUyLpmk9ANYuNLoZ8kMADjLzSPn3OQ/gxsbGumQyeYyIOgFsDesQha/GywXQw8wP5lKoeqfJ5XL1ExMTyVgsZoqIkl8B4JSu6xd93y8po7quB0EQjJumOdbX1+dX8qwqsFw5nU4vj8fjamZTqramaXZWA8yERwa2tbUtC4LgCYBtZUZuM/PhcM6ipLzyrW3KQiqViicSiYdElJnlMVGv67pqcUgUYtUIVQ1LpZJqgPYKBq8z8/Eo0KrApqamhGmaDdW8LxQKo8PDw5NNVLOmqWYsyv/fv+FCLBLGYpcAAAAASUVORK5CYII=);
    background-position: 0 0 !important;
    background-size: contain;
  }
}
.cke_button__insertvideo{
  span{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAWCAYAAAChWZ5EAAABXklEQVRIS+2WP0vDQBjGn+dsxFGQIriJk4uzuBh6bwPZrTgoRQe/hKujX8BBRFDxz+DmYBLsJPpZOgtC8E7eQqGEVouk6aA3BXKX53dP3rvnJaY8qPqtVmum2+32nssYnU7nE4Af51sUkVtlAFAaAIAPAO00Te9GQVhrT4wxa7TWOpJlivc0vfeXWZbtDQOw1h6SPNV36sBYVo1jZ2HOVZqmu8V11loh+QggqBxARFYBvACY74NV5kAcx/U8z98ALA+6UglAGIZzQRBk3vuN4i+pAkAL/ZrkzrA6mjhAFEVbzrn7UUU8cQAROQBw9g/wdx1oNBorxhg9/wtTOQUq2mw2N733TwBmp3EP9DSjKGo7586LqTvxYzi4YxE5BnBU+VU8IKgbvgGwXXkY9QU1F2q12jOA9X4ca/tkfpH33y75oSFZBPBKsq6WXADQoCgT4p3kfpIkD6MotTcgufQFJjal7dB6+lAAAAAASUVORK5CYII=);
    background-position: 0 1.5px !important;
    background-size: contain;
  }
}
.insertImageInput, .insertAudioInput, .insertVideoInput, .cke_button__createplaceholder{
  display: none !important;
}
.cke_top{
  border-color: #e7e7e7 #e7e7e7 transparent #e7e7e7 !important;
  background-color: #e7e7e7 transparent transparent transparent !important;
}
.cke_contents{
  border-color: transparent #e7e7e7 #e7e7e7 #e7e7e7 !important;
  padding: 0 7px 7px 7px !important;
}
.jwck-lang-bg{
  height: 28px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-bottom: none;
  padding-left: 15px;
  overflow: hidden;
  .jwck-lang{
    max-width: 100px;
    svg{
      width: .8em;
      height: .8em;
      top: calc(50% - 12px);
    }
  }
  &>div>div>div>div{
    color: #494949;
    font-size: 14px;
    padding: 5px 0 7px;
    &:focus{
      min-height: 1em !important;
      background-color: #fff;
    }
  }
}
.jwedtoolbar{
  background-color: #fff;
  border: 1px solid #e7e7e7;
  border-bottom: none;
  padding: 0 5px;
}
.jwck-plugin-items{
  background-color: #fff;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  padding: 5px 20px 10px;
}
.jwck-plugin-items-w{
  overflow: hidden;
}
.jwck-plugin-item{
  float: left;
  padding: 8px 15px;
  background-color: #f1f1f1;
  font-size: 12px;
  color: #494949;
  cursor: pointer;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  &:hover{
    background-color: #ededed;
  }
}
.cke_chrome{
  border-color: transparent #e7e7e7 #e7e7e7 #e7e7e7 !important;
  border-top: none !important;
  width: inherit !important;
}
.jwck-plugin-items-sel{
  margin-top: 30px;
  overflow: hidden;
}
.jwck-plugin-items-sel-item{
  position: relative;
  float: left;
  padding: 6px 22px 6px 15px;
  background-color: #f1f1f1;
  font-size: 12px;
  color: #494949;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 8px;
  del{
    position: absolute;
    width: 20px;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    &::before, &::after{
      content: '';
      position: absolute;
      left: 6px;
      top: 11px;
      width: 0;
      height: 8px;
      border-left: 1px solid #777;
      transform: rotate(-45deg);
    }
    &::after{
      transform: rotate(45deg);
    }
  }
}
.transing-prog{
  position: absolute;
  left: 0;
  top: 4px;
  right: 0;
}
.jwedtoolbarborder{
  // border-top: 1px solid #d1d1d1;
}
.cke_button_label{
  display: none;
}
.jwck-hide{
  display: none;
}
.cke_button__emojipanel{
  display: none !important;
}