

.wysiwyg-toolbar a {
  cursor: pointer;
}

#editor {
  box-shadow: 0 0 2px #CCC !important;
  min-height: 150px !important;
  overflow: auto !important;
  padding: 1em !important;
  margin-top: 20px !important;
  resize: vertical !important;
  outline: none !important;
}

#resource-msg {
  box-shadow: 0 0 1px #CCC !important;
  min-height: 150px !important;
  overflow: auto !important;
  padding: 1em !important;
  margin-top: 20px !important;
  resize: vertical !important;
  outline: none !important;
}

#hbgmmessage{
  box-shadow: 0 0 1px #CCC !important;
  min-height: 150px !important;
  overflow: auto !important;
  padding: 1em !important;
  margin-top: 20px !important;
  resize: vertical !important;
  outline: none !important;
}

.wysiwyg-toolbar {
  text-align: center !important;
  margin: 0 auto!important;
  width: 600px !important;
  font-size: 22px !important;

}

.wysiwyg-toolbar a,
.fore-wrapper,
.back-wrapper {
  border: 1px solid #AAA !important;
  background: #FFF;
  border-radius: 1px !important;
  color: black !important;
  padding: 5px !important;
  width: 1.5em !important;
  margin: -2px !important;
  margin-top: 10px !important;
  display: inline-block !important;
  text-decoration: none !important;
  box-shadow: 0px 1px 0px #CCC !important;
}

.wysiwyg-toolbar a:hover,
.fore-wrapper:hover,
.back-wrapper:hover {
  background: #f2f2f2 !important;
  border-color: #8c8c8c !important;
}

.wysiwyg-toolbar a[data-command='redo'],
.wysiwyg-toolbar a[data-command='strikeThrough'],
.wysiwyg-toolbar a[data-command='justifyFull'],
.wysiwyg-toolbar a[data-command='insertOrderedList'],
.wysiwyg-toolbar a[data-command='outdent'],
.wysiwyg-toolbar a[data-command='p'],
.wysiwyg-toolbar a[data-command='superscript'] {
  margin-right: 5px !important;
  border-radius: 0 3px 3px 0 !important;
}

.wysiwyg-toolbar a[data-command='undo'],
.fore-wrapper,
.wysiwyg-toolbar a[data-command='justifyLeft'],
.wysiwyg-toolbar a[data-command='insertUnorderedList'],
.wysiwyg-toolbar a[data-command='indent'],
.wysiwyg-toolbar a[data-command='h1'],
.wysiwyg-toolbar a[data-command='subscript'] {
  border-radius: 3px 0 0 3px !important;
}

.wysiwyg-toolbar a.palette-item {
  border-radius: 3px !important;
  margin: 2px !important;
  padding: 5px !important;
  border: 1px solid #CCC !important;
  height: 1.5em !important;
  width: 1.5em !important;
  background-clip:border-box;
}

.wysiwyg-toolbar a.palette-item:hover {
  border: 1px solid #CCC !important;
  box-shadow: 0 0 3px #333 !important;
}

.fore-palette,
.back-palette {
  display: none !important;
}

.fore-wrapper,
.back-wrapper {
  display: inline-block !important;
  cursor: pointer !important;
}

.fore-wrapper:hover .fore-palette,
.back-wrapper:hover .back-palette {
  display: block !important;
  position: absolute !important;
  padding: 3px !important;
  background: #FFF !important;
  border: 1px solid #DDD !important;
  box-shadow: 0 0 5px #CCC !important;
}

.fore-palette a,
.back-palette a {
  margin-bottom: 2px !important;
  margin-top: 2px !important;
}