.trumbowyg-box,
.editor {
  display: block;
  position: relative;
  border: 1px solid #dddddd;
  background: #FEFEFE;
  width: 96%;
  min-height: 300px;
  margin: 17px auto; }

.trumbowyg-box .editor {
  margin: 0 auto; }

.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  padding: 1% 2%;
  min-height: 300px;
  width: 96%;
  border-style: none;
  resize: none;
  outline: none; }

.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  white-space: normal; }

.trumbowyg-button-pane {
  position: relative;
  width: 100%;
  line-height: 35px;
  height: 35px;
  background: #CCC;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(#f2f2f2, #cccccc);
  background: -moz-linear-gradient(#f2f2f2, #cccccc);
  background: -o-linear-gradient(#f2f2f2, #cccccc);
  background: linear-gradient(#f2f2f2, #cccccc);
  margin: 0;
  padding: 0;
  list-style-type: none; }
  .trumbowyg-button-pane li {
    float: left;
    height: 100%;
    text-align: center; }
    .trumbowyg-button-pane li.trumbowyg-separator {
      width: 1px;
      background: #EEE;
      margin: 0 5px;
      height: 35px; }
  .trumbowyg-button-pane.trumbowyg-disable li:not(.trumbowyg-not-disable) a {
    opacity: .2;
    cursor: default; }
  .trumbowyg-button-pane:not(.trumbowyg-disable) li a:hover, .trumbowyg-button-pane:not(.trumbowyg-disable) li a:focus,
  .trumbowyg-button-pane li a.trumbowyg-active,
  .trumbowyg-button-pane li.trumbowyg-not-disable a:hover,
  .trumbowyg-button-pane li.trumbowyg-not-disable a:focus {
    background-color: #DDD;
    border-color: #AAA;
    outline: none; }
  .trumbowyg-button-pane li a.trumbowyg-open-dropdown:after {
    display: block;
    content: " ";
    position: absolute;
    top: 20px;
    right: 0;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #555; }
  .trumbowyg-button-pane .trumbowyg-buttons-right {
    float: right;
    width: auto; }
    .trumbowyg-button-pane .trumbowyg-buttons-right a {
      float: left; }

.trumbowyg-dropdown {
  width: 200px;
  border: 1px solid #dddddd;
  background-color: #EFEFEF;
  -webkit-box-shadow: #777777 0 2px 5px;
  -moz-box-shadow: #777777 0 2px 5px;
  box-shadow: #777777 0 2px 5px; }
  .trumbowyg-dropdown a {
    display: block;
    width: 172px;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    background: #EFEFEF;
    padding: 0 14px;
    color: #333;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s; }
    .trumbowyg-dropdown a:hover, .trumbowyg-dropdown a:focus {
      background: #FFF; }

/* Modal box */
.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -260px;
  width: 520px;
  height: 290px;
  overflow: hidden; }

.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -250px;
  width: 500px;
  height: 275px;
  z-index: 1;
  background-color: #EFEFEF;
  text-align: center;
  -webkit-box-shadow: #777777 0 2px 5px;
  -moz-box-shadow: #777777 0 2px 5px;
  box-shadow: #777777 0 2px 5px; }
  .trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: 24px;
    font-weight: bold;
    margin: 15px 30px;
    padding-bottom: 7px;
    display: block;
    border-bottom: 1px solid #cccccc;
    color: #333; }
  .trumbowyg-modal-box label {
    display: block;
    width: 100%;
    margin: 7px 0; }
  .trumbowyg-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red; }
  .trumbowyg-modal-box .trumbowyg-modal-button {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #333;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 26px;
    margin: 0 10px;
    background-color: #EFEFEF;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f2f2), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(#f2f2f2, #cccccc);
    background: -moz-linear-gradient(#f2f2f2, #cccccc);
    background: -o-linear-gradient(#f2f2f2, #cccccc);
    background: linear-gradient(#f2f2f2, #cccccc);
    border: 1px solid #999999;
    cursor: pointer;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: 16px; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
      right: 110px; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
        border-color: green; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
      border-color: red; }
    .trumbowyg-modal-box .trumbowyg-modal-button:hover, .trumbowyg-modal-box .trumbowyg-modal-button:focus {
      background-color: #FFF;
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dedede));
      background: -webkit-linear-gradient(#ffffff, #dedede);
      background: -moz-linear-gradient(#ffffff, #dedede);
      background: -o-linear-gradient(#ffffff, #dedede);
      background: linear-gradient(#ffffff, #dedede); }
    .trumbowyg-modal-box .trumbowyg-modal-button:active {
      background-color: #BBB;
      background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #f2f2f2));
      background: -webkit-linear-gradient(#cccccc, #f2f2f2);
      background: -moz-linear-gradient(#cccccc, #f2f2f2);
      background: -o-linear-gradient(#cccccc, #f2f2f2);
      background: linear-gradient(#cccccc, #f2f2f2); }

.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  left: 0;
  display: none; }

/**
 * Fullscreen
 */
.trumbowyg-fullscreen.trumbowyg-box,
.trumbowyg-fullscreen .editor {
  border: none; }
.trumbowyg-fullscreen .trumbowyg-overlay {
  height: 100% !important; }

/*
 * Reset for resetCss option
 */
.trumbowyg-editor object,
.trumbowyg-editor embed,
.trumbowyg-editor video,
.trumbowyg-editor img {
  width: auto;
  max-width: 100%; }
.trumbowyg-editor video,
.trumbowyg-editor img {
  height: auto; }
.trumbowyg-editor img {
  cursor: move; }
.trumbowyg-editor.trumbowyg-reset-css {
  background: #fefefe !important;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45em !important;
  white-space: normal !important;
  color: #333; }
  .trumbowyg-editor.trumbowyg-reset-css a {
    color: #1155cc !important;
    text-decoration: underline !important; }
  .trumbowyg-editor.trumbowyg-reset-css div,
  .trumbowyg-editor.trumbowyg-reset-css p,
  .trumbowyg-editor.trumbowyg-reset-css ul,
  .trumbowyg-editor.trumbowyg-reset-css ol,
  .trumbowyg-editor.trumbowyg-reset-css blockquote {
    box-shadow: none !important;
    background: none !important;
    margin: 0 !important;
    margin-bottom: 15px !important;
    line-height: 1.4em !important;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
    font-size: 14px !important;
    border: none; }
  .trumbowyg-editor.trumbowyg-reset-css iframe,
  .trumbowyg-editor.trumbowyg-reset-css object,
  .trumbowyg-editor.trumbowyg-reset-css hr {
    margin-bottom: 15px !important; }
  .trumbowyg-editor.trumbowyg-reset-css blockquote {
    margin-left: 32px !important;
    font-style: italic !important;
    color: #555; }
  .trumbowyg-editor.trumbowyg-reset-css ul,
  .trumbowyg-editor.trumbowyg-reset-css ol {
    padding-left: 20px !important; }
  .trumbowyg-editor.trumbowyg-reset-css ul ul,
  .trumbowyg-editor.trumbowyg-reset-css ol ol,
  .trumbowyg-editor.trumbowyg-reset-css ul ol,
  .trumbowyg-editor.trumbowyg-reset-css ol ul {
    border: none;
    margin: 2px !important;
    padding: 0 !important;
    padding-left: 24px !important; }
  .trumbowyg-editor.trumbowyg-reset-css hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc; }
  .trumbowyg-editor.trumbowyg-reset-css h1,
  .trumbowyg-editor.trumbowyg-reset-css h2,
  .trumbowyg-editor.trumbowyg-reset-css h3,
  .trumbowyg-editor.trumbowyg-reset-css h4 {
    color: #111;
    background: none;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: bold; }
  .trumbowyg-editor.trumbowyg-reset-css h1 {
    font-size: 32px !important;
    line-height: 38px !important;
    margin-bottom: 20px !important; }
  .trumbowyg-editor.trumbowyg-reset-css h2 {
    font-size: 26px !important;
    line-height: 34px !important;
    margin-bottom: 15px !important; }
  .trumbowyg-editor.trumbowyg-reset-css h3 {
    font-size: 22px !important;
    line-height: 28px !important;
    margin-bottom: 7px !important; }
  .trumbowyg-editor.trumbowyg-reset-css h4 {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 7px !important; }

/*
 * Buttons icons
 */
.trumbowyg-button-pane li a {
  display: block;
  position: relative;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  overflow: hidden;
  margin: 4px 2px;
  border: 1px solid transparent;
  background-image: url('../images/icons-s86dbba461f.png');
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  /* English and others */ }
  .trumbowyg-button-pane li a.trumbowyg-viewHTML-button {
    background-position: 0 -400px; }
  .trumbowyg-button-pane li a.trumbowyg-formatting-button {
    background-position: 0 -500px; }
  .trumbowyg-button-pane li a.trumbowyg-bold-button, .trumbowyg-button-pane li a.trumbowyg-strong-button {
    background-position: 0 -175px; }
  .trumbowyg-button-pane li a.trumbowyg-italic-button, .trumbowyg-button-pane li a.trumbowyg-em-button {
    background-position: 0 -350px; }
  .trumbowyg-button-pane li a.trumbowyg-underline-button {
    background-position: 0 -250px; }
  .trumbowyg-button-pane li a.trumbowyg-strikethrough-button {
    background-position: 0 -225px; }
  .trumbowyg-button-pane li a.trumbowyg-link-button {
    background-position: 0 -100px; }
  .trumbowyg-button-pane li a.trumbowyg-insertImage-button {
    background-position: 0 -325px; }
  .trumbowyg-button-pane li a.trumbowyg-justifyLeft-button {
    background-position: 0 -450px; }
  .trumbowyg-button-pane li a.trumbowyg-justifyCenter-button {
    background-position: 0 -425px; }
  .trumbowyg-button-pane li a.trumbowyg-justifyRight-button {
    background-position: 0 -475px; }
  .trumbowyg-button-pane li a.trumbowyg-justifyFull-button {
    background-position: 0 -525px; }
  .trumbowyg-button-pane li a.trumbowyg-unorderedList-button {
    background-position: 0 -25px; }
  .trumbowyg-button-pane li a.trumbowyg-orderedList-button {
    background-position: 0 0; }
  .trumbowyg-button-pane li a.trumbowyg-horizontalRule-button {
    background-position: 0 -550px; }
  .trumbowyg-button-pane li a.trumbowyg-fullscreen-button {
    background-position: 0 -75px; }
  .trumbowyg-button-pane li a.trumbowyg-close-button {
    background-position: 0 -300px; }

.trumbowyg-fullscreen .trumbowyg-button-pane li a.trumbowyg-fullscreen-button {
  background-position: 0 -50px; }

.trumbowyg-button-pane li:first-child a {
  margin-left: 6px; }
.trumbowyg-button-pane li:last-child a {
  margin-right: 6px; }

/* French */
.trumbowyg-fr .trumbowyg-button-pane li a.trumbowyg-bold-button, .trumbowyg-fr .trumbowyg-button-pane li a.trumbowyg-strong-button {
  background-position: 0 -125px; }
.trumbowyg-fr .trumbowyg-button-pane li a.trumbowyg-underline-button {
  background-position: 0 -200px; }
.trumbowyg-fr .trumbowyg-button-pane li a.trumbowyg-strikethrough-button {
  background-position: 0 -150px; }

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 4 / 3), only screen and (min-device-pixel-ratio: 1.3), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .trumbowyg-button-pane li a {
    background-size: 100%;
    background-image: url('../images/icons-2x-s2a27a827ea.png');
    /* English and others */ }
    .trumbowyg-button-pane li a.trumbowyg-viewHTML-button {
      background-position: 0 0; }
    .trumbowyg-button-pane li a.trumbowyg-formatting-button {
      background-position: 0 -500px; }
    .trumbowyg-button-pane li a.trumbowyg-bold-button, .trumbowyg-button-pane li a.trumbowyg-strong-button {
      background-position: 0 -200px; }
    .trumbowyg-button-pane li a.trumbowyg-italic-button, .trumbowyg-button-pane li a.trumbowyg-em-button {
      background-position: 0 -325px; }
    .trumbowyg-button-pane li a.trumbowyg-underline-button {
      background-position: 0 -275px; }
    .trumbowyg-button-pane li a.trumbowyg-strikethrough-button {
      background-position: 0 -75px; }
    .trumbowyg-button-pane li a.trumbowyg-link-button {
      background-position: 0 -250px; }
    .trumbowyg-button-pane li a.trumbowyg-insertImage-button {
      background-position: 0 -300px; }
    .trumbowyg-button-pane li a.trumbowyg-justifyLeft-button {
      background-position: 0 -475px; }
    .trumbowyg-button-pane li a.trumbowyg-justifyCenter-button {
      background-position: 0 -425px; }
    .trumbowyg-button-pane li a.trumbowyg-justifyRight-button {
      background-position: 0 -450px; }
    .trumbowyg-button-pane li a.trumbowyg-justifyFull-button {
      background-position: 0 -525px; }
    .trumbowyg-button-pane li a.trumbowyg-unorderedList-button {
      background-position: 0 -375px; }
    .trumbowyg-button-pane li a.trumbowyg-orderedList-button {
      background-position: 0 -400px; }
    .trumbowyg-button-pane li a.trumbowyg-horizontalRule-button {
      background-position: 0 -550px; }
    .trumbowyg-button-pane li a.trumbowyg-fullscreen-button {
      background-position: 0 -25px; }
    .trumbowyg-button-pane li a.trumbowyg-close-button {
      background-position: 0 -175px; }

  .trumbowyg-fullscreen .trumbowyg-button-pane li a.trumbowyg-fullscreen-button {
    background-position: 0 -50px; }

  /* French */
  .trumbowyg-fr .trumbowyg-button-pane li a.trumbowyg-bold-button, .trumbowyg-fr .trumbowyg-button-pane li a.trumbowyg-strong-button {
    background-position: 0 -125px; }
  .trumbowyg-fr .trumbowyg-button-pane li a.trumbowyg-underline-button {
    background-position: 0 -100px; }
  .trumbowyg-fr .trumbowyg-button-pane li a.trumbowyg-strikethrough-button {
    background-position: 0 -150px; } }