/* PUSHY

---------------------------------*/



.pushy {

  position: fixed;

  width: 256px;

  height: 100%;

  top: 0;

  z-index: 9999;

  background: #f5f5f5;

  overflow: auto;

  -webkit-overflow-scrolling: touch;

  border-right: 1px solid #6459a7;

  font-size: 13px;

}



.pushy a {

  font-size: 13px;

}



.pushy.pushy-left {

  left: 0;

}



.pushy.pushy-right {

  right: 0;

}



.pushy-content {

  visibility: hidden;

}



.pushy-left {

  -webkit-transform: translate3d(-256px, 0, 0);

  -ms-transform: translate3d(-256px, 0, 0);

  transform: translate3d(-256px, 0, 0);

}



.pushy-open-left #mscontainer,

.pushy-open-left .push {

  -webkit-transform: translate3d(256px, 0, 0);

  -ms-transform: translate3d(256px, 0, 0);

  transform: translate3d(256px, 0, 0);

}



.pushy-right {

  -webkit-transform: translate3d(256px, 0, 0);

  -ms-transform: translate3d(256px, 0, 0);

  transform: translate3d(256px, 0, 0);

}



.pushy-open-right #mscontainer,

.pushy-open-right .push {

  -webkit-transform: translate3d(-256px, 0, 0);

  -ms-transform: translate3d(-256px, 0, 0);

  transform: translate3d(-256px, 0, 0);

}



.pushy-open-left .pushy,

.pushy-open-right .pushy {

  -webkit-transform: translate3d(0, 0, 0);

  -ms-transform: translate3d(0, 0, 0);

  transform: translate3d(0, 0, 0);

}

.pushy-open-left .pushy-content,

.pushy-open-right .pushy-content {

  visibility: visible;

}



#mscontainer,

.pushy,

.push {

  transition: transform 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);

}



.pushy-content {

  transition: visibility 0.2s cubic-bezier(0.16, 0.68, 0.43, 0.99);

}



.site-overlay {

  display: none;

}



.pushy-open-left .site-overlay,

.pushy-open-right .site-overlay {

  display: block;

  position: fixed;

  top: 0;

  right: 0;

  bottom: 0;

  left: 0;

  z-index: 9998;

  background-color: rgba(0, 129, 152, 0.5);

  -webkit-animation: fade 500ms;

  animation: fade 500ms;

}



@keyframes fade {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



@-webkit-keyframes fade {

  0% {

    opacity: 0;

  }

  100% {

    opacity: 1;

  }

}



.pushy .panel-default {

  margin: 0;

  padding: 0;

  border: 0;

}



.pushy .panel-heading {

  background: #fcfcfc url(../images/menu-bg.png);

  text-transform: uppercase;

  font-weight: 400;

  font-size: 15px;

  color: #555;

  font-family: "Oswald", sans-serif;

  border-top: 1px solid #ddd;

  border-bottom: 1px solid #ddd;

}



.pushy .panel-heading i {

  color: #6459a7;

}



.pushy .panel-title {

  font-size: 14px;

  text-transform: uppercase;

  font-weight: 400;

  color: #555;

  font-family: "Oswald", sans-serif;

}



.pushy .panel-default,

.pushy .panel-heading {

  -webkit-border-radius: 0 !important;

  border-radius: 0 !important;

  border-right: 0 !important;

  border-left: 0 !important;

}



.pushy .panel-body {

  line-height: 30px;

  padding: 5px 10px 5px 15px;

}



.pushy .panel-body .counter {

  margin-left: 6px;

  color: #555 !important;

}



.pushy .linkbodyarea div {

  border-bottom: 1px dashed #ddd;

}



.pushy .linkbodyarea div:last-child {

  border-bottom: 0;

}



.pushy_html_body {

  overflow-x: hidden;

  -webkit-overflow-x: hidden;

  height: 100%;

  -webkit-overflow-scrolling: touch;

}



.pushy-rotate-start {

  transform: rotate(-360deg);

  transition: 0.3s;

}



.pushy-rotate-reset {

  transform: rotate(0deg);

  transition: 0.5s;

}



.pushy .panel-group .panel:first-child {

  border-top: 0;

}



.pushy .panel-group .panel-body:first-child {

  border-top: 0;

}



/* IBOX

------------------------------------------*/



#ibox_footer_wrapper {

  font-weight: bold;

  height: 20px;

  line-height: 20px;

}



#ibox_footer_wrapper a {

  text-decoration: none;

  background: #888;

  border: 1px solid #666;

  line-height: 16px;

  padding: 0 5px;

  color: #333;

  font-weight: bold;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 10px;

}



#ibox_footer_wrapper a:hover {

  background-color: #bbb;

  color: #111;

}



#ibox_footer_wrapper {

  font-size: 12px;

  font-family: Verdana, Arial, Helvetica, sans-serif;

  color: #111;

}



#ibox_wrapper {

  border: 1px solid #ccc;

}



#ibox_wrapper {

  background-color: #999;

}



#ibox_content {

  background-color: #eee;

  border: 1px solid #666;

}



#ibox_loading {

  padding: 50px;

  background: #000;

  color: #fff;

  font-size: 16px;

  font-weight: bold;

}



#ibox {

  z-index: 1000000;

  text-align: left;

}



#ibox_overlay {

  z-index: 1000000;

}



#ibox_loading {

  position: absolute;

  z-index: 1000001;

}



#ibox_wrapper {

  margin: 30px;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1000001;

}



#ibox_content {

  z-index: 1000002;

  margin: 27px 5px 5px 5px;

  padding: 2px;

}



#ibox_content object {

  display: block;

}



#ibox_content .ibox_image {

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  border: 0;

  display: block;

}



#ibox_footer_wrapper a {

  float: right;

  display: block;

  outline: 0;

  margin: 0;

  padding: 0;

}



#ibox_footer_wrapper {

  text-align: left;

  position: absolute;

  top: 5px;

  right: 5px;

  left: 5px;

  white-space: nowrap;

  overflow: hidden;

}



#ibox_wrapper {

  line-height: 20px;

  border: 7px solid #cfc9c9;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}



#ibox_wrapper,

#ibox_footer_wrapper a {

  background-color: #fff;

}



#ibox_content {

  background-color: #fff;

  border: 0;

  margin: 10px 10px 40px 10px;

}



#ibox_footer_wrapper {

  line-height: 20px;

  bottom: 5px;

  top: auto;

}



#ibox_footer_wrapper a {

  text-indent: -100000px;

  border: 0;

  width: 66px;

  padding: 0;

  height: 22px;

  line-height: 20px;

}



#ibox_footer_wrapper a:hover {

  background-color: #fff;

}



#ibox_loading {

  text-indent: -100000px;

  width: 100px;

  border: 2px solid #cfc9c9;

  height: 100px;

  background: #fff url(../images/ibox/loading.gif) center center no-repeat;

  -webkit-border-radius: 5px;

  -khtml-border-radius: 5px;

  -ms-border-radius: 5px;

  border-radius: 5px;

}



#ibox_close_area {

  text-align: right;

  padding: 10px 5px 0 0;

}



#ibox_close_area a {

  font-size: 20px;

}



/* FILE UPLOADER

------------------------------------------*/



.ajax-file-upload-statusbar {

  border: 1px dashed #ddd;

  border-radius: 5px;

  padding: 5px 5px 2px 5px;

  margin-bottom: 10px;

}



.ajax-file-upload-filename {

  margin-bottom: 5px;

}



.ajax-file-upload-red {

  background: #f77;

  color: #fff;

  font-size: 10px;

  text-transform: uppercase;

  cursor: pointer;

  padding: 5px;

  border-radius: 3px;

}



.ajax-file-upload-green {

  background: #8fc766;

  color: #000;

  font-size: 10px;

  text-transform: uppercase;

  cursor: pointer;

  padding: 5px;

  border-radius: 3px;

}



.ajax-file-upload {

  border: 2px dashed #ddd;

  border-radius: 5px;

  background: #fcfcfc;

}



.ajax-file-upload div {

  padding: 25px;

}



.ajax-file-upload:hover {

  background: #fff;

}



.ajax-upload-dragdrop {

  border: 2px dashed #ddd;

  border-radius: 5px;

  background: #fcfcfc;

  padding: 25px;

}



.dropzone {

  margin-bottom: 10px;

}



.file-to-upload {

  margin-top: 10px;

}



.file-upload-file {

  padding: 8px;

  background: #f5f5f5;

  border: 1px dashed #ddd;

  border-radius: 5px;

  margin-bottom: 5px;

}



/* FULL SCREEN EDITOR

----------------------------------------------*/



.tx-editor-wrapper {

  position: relative;

}



.tx-editor-wrapper .tx-editor.expanded {

  position: fixed;

  top: 0;

  left: 0;

  width: 80%;

  height: 80%;

  z-index: 500;

}



.tx-editor-wrapper .tx-editor {

  height: 300px;

}



.tx-editor-wrapper .tx-editor .tx-icon {

  position: absolute;

  right: 5px;

  top: 5px;

  width: 18px;

  height: 18px;

  cursor: pointer;

  z-index: 3;

}



.tx-editor-overlay {

  position: fixed;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  background: rgba(255, 255, 255, 0.7);

  z-index: 2;

  opacity: 0;

}



/* BOOTBOX

----------------------------*/



.bootbox .modal-header {

  background: #f5f5f5;

  -webkit-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

}

.bootbox .modal-header .bootbox-close-button {

  font-weight: bold;

}

.bootbox .modal-title {

  font-family: "Oswald", sans-serif;

  font-size: 18px;

}

.bootbox .modal-body {

  max-height: 500px;

  overflow: auto;

}

.bootbox .modal-body .controlButtons {

  font-style: italic;

}

.bootbox .modal-header {

  text-transform: uppercase;

  font-weight: bold;

}

.msw-box-error .modal-header {

  background: #f77;

  color: #fff;

  border-bottom: 1px solid #e67c73;

  -webkit-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

}


.msw-box-warning .modal-header {

  background: rgb(135, 137, 2);

  color: #fff;

  border-bottom: 1px solid #e67c73;

  -webkit-border-radius: 5px 5px 0 0;

  border-radius: 5px 5px 0 0;

}



body.modal-open {

  overflow-y: auto !important;

  padding-right: 0 !important;

}



/* BB CODE

----------------------------*/



.body {

  padding: 5px;

  background: #eaeaea;

}



#bbcodeWrapper {

  background: #fff;

  padding: 5px;

  border: 1px solid #d7d7d7;

}



#bbcodeWrapper h1,

#bbcodeWrapper h2 {

  background: #f6f6f6;

  padding: 10px;

  font-size: 13px;

  color: #696969;

  border: 1px solid #d7d7d7;

  -webkit-border-radius: 5px 5px 5px 5px;

  -khtml-border-radius: 5px 5px 5px 5px;

  -moz-border-radius: 5px 5px 5px 5px;

  border-radius: 5px 5px 5px 5px;

}



.bbWrapper {

  border: 1px solid #e5e5e5;

  margin: 5px 0 0 0;

  padding: 5px;

  -webkit-border-radius: 5px 5px 5px 5px;

  -khtml-border-radius: 5px 5px 5px 5px;

  -moz-border-radius: 5px 5px 5px 5px;

  border-radius: 5px 5px 5px 5px;

}



#bbcodeWrapper .bbInfo {

  border: 1px solid #e5e5e5;

  margin-top: 5px;

  -webkit-border-radius: 5px 5px 5px 5px;

  -khtml-border-radius: 5px 5px 5px 5px;

  -moz-border-radius: 5px 5px 5px 5px;

  border-radius: 5px 5px 5px 5px;

}



#bbcodeWrapper .bbInfo p {

  padding: 5px;

}



#bbcodeWrapper .bbWrapper {

  margin: 5px 0 0 0;

}



#bbcodeWrapper .leftBB {

  float: left;

  width: 57%;

}



#bbcodeWrapper .middleBB {

  float: left;

  width: 2%;

}



#bbcodeWrapper .middleBB p {

  padding: 5px;

}



#bbcodeWrapper .rightBB {

  float: right;

  width: 37%;

}



#bbcodeWrapper .leftBB p,

#bbcodeWrapper .rightBB div {

  padding: 5px;

}



#bbcodeWrapper .middleBB p {

  padding: 5px;

}



#bbcodeWrapper .rightBB p {

  padding: 5px;

}



#bbcodeWrapper .rightBB ul,

#bbcodeWrapper .rightBB li {

  margin-left: 5px;

  padding-left: 5px;

}



.bbBold {

  font-weight: bold;

}



.bbUnderline {

  text-decoration: underline;

}



.bbItalics {

  font-style: italic;

}



.bbStrike {

  text-decoration: line-through;

}



.bbDel {

  text-decoration: line-through;

  color: red;

}



.bbIns {

  background: yellow;

}



.bbEm {

  font-style: italic;

  font-weight: bold;

}



.bbH1 {

  font-weight: bold;

  font-size: 22px;

  margin: 5px 0 5px 0;

}



.bbH2 {

  font-weight: bold;

  font-size: 20px;

  margin: 5px 0 5px 0;

}



.bbH3 {

  font-weight: bold;

  font-size: 18px;

  margin: 5px 0 5px 0;

}



.bbH4 {

  font-weight: bold;

  font-size: 16px;

  margin: 5px 0 5px 0;

}



.bbCentre {

  display: block;

  text-align: center !important;

}



.bbCentre .img-responsive {

  display: inline !important;

}



.bbUl {

  margin: 5px 5px 5px 5px;

  padding: 0;

}



.bbUl li {

  list-style: disc inside none !important;

}



.bbUlNumbered {

  margin: 5px 5px 5px 5px;

  padding: 0;

}



.bbUlNumbered li {

  list-style: decimal inside none !important;

}



.bbUlAlpha {

  margin: 5px 5px 5px 5px;

  padding: 0;

}



.bbUlAlpha li {

  list-style: lower-alpha inside none !important;

}



.bbUlUpperAlpha {

  margin: 5px 5px 5px 5px;

  padding: 0;

}



.bbUlUpperAlpha li {

  list-style: upper-alpha inside none !important;

}



.bbLi {

  padding: 2px;

}



.bbMailto {

}



.bbImg {

  border: 0;

}



.bbUrl {

}



/* Responsive Video */

.youtube-container,

.vimeo-container,

.dailymotion-container {

  position: relative;

  padding-bottom: 56.25%;

  height: 0;

  overflow: hidden;

  max-width: 100%;

  margin-bottom: 20px;

}

.youtube-container iframe,

.youtube-container object,

.youtube-container embed,

.vimeo-container iframe,

.vimeo-container object,

.vimeo-container embed,

.dailymotion-container iframe,

.dailymotion-container object,

.dailymotion-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



/**

 * Trumbowyg v2.21.0 - A lightweight WYSIWYG editor

 * Default stylesheet for Trumbowyg editor

 * ------------------------

 * @link http://alex-d.github.io/Trumbowyg

 * @license MIT

 * @author Alexandre Demode (Alex-D)

 *         Twitter : @AlexandreDemode

 *         Website : alex-d.fr

*/



#trumbowyg-icons {

  overflow: hidden;

  visibility: hidden;

  height: 0;

  width: 0;

}



#trumbowyg-icons svg {

  height: 0;

  width: 0;

}



.trumbowyg-box *,

.trumbowyg-box *::before,

.trumbowyg-box *::after,

.trumbowyg-modal *,

.trumbowyg-modal *::before,

.trumbowyg-modal *::after {

  box-sizing: border-box;

}



.trumbowyg-box svg,

.trumbowyg-modal svg {

  width: 17px;

  height: 100%;

  fill: #222;

}



.trumbowyg-box,

.trumbowyg-editor {

  display: block;

  position: relative;

  border: 1px solid #ddd;

  width: 100%;

  min-height: 300px;

  -webkit-border-radius: 5px;

  border-radius: 5px;

}



.trumbowyg-box .trumbowyg-editor {

  margin: 0 auto;

}



.trumbowyg-box.trumbowyg-fullscreen {

  background: #fefefe;

  border: none !important;

}



.trumbowyg-editor,

.trumbowyg-textarea {

  position: relative;

  box-sizing: border-box;

  padding: 20px;

  min-height: 300px;

  width: 100%;

  border-style: none;

  resize: none;

  outline: none;

  overflow: auto;

  -webkit-user-select: text;

  -moz-user-select: text;

  -ms-user-select: text;

  user-select: text;

}



.trumbowyg-editor.trumbowyg-autogrow-on-enter,

.trumbowyg-textarea.trumbowyg-autogrow-on-enter {

  transition: height 300ms ease-out;

}



.trumbowyg-box-blur .trumbowyg-editor *,

.trumbowyg-box-blur .trumbowyg-editor::before {

  color: transparent !important;

  text-shadow: 0 0 7px #333;

}



@media screen and (min-width: 0 \0) {

  .trumbowyg-box-blur .trumbowyg-editor *,

  .trumbowyg-box-blur .trumbowyg-editor::before {

    color: rgba(200, 200, 200, 0.6) !important;

  }

}



@supports (-ms-accelerator: true) {

  .trumbowyg-box-blur .trumbowyg-editor *,

  .trumbowyg-box-blur .trumbowyg-editor::before {

    color: rgba(200, 200, 200, 0.6) !important;

  }

}



.trumbowyg-box-blur .trumbowyg-editor img,

.trumbowyg-box-blur .trumbowyg-editor hr {

  opacity: 0.2;

}



.trumbowyg-textarea {

  position: relative;

  display: block;

  overflow: auto;

  border: none;

  font-size: 14px;

  font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;

  line-height: 18px;

}



.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {

  height: 1px !important;

  width: 25%;

  min-height: 0 !important;

  padding: 0 !important;

  background: none;

  opacity: 0 !important;

}



.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {

  display: block;

  margin-bottom: 1px;

}



.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {

  display: none;

}



.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {

  opacity: 0.8;

  background: none;

}



.trumbowyg-editor[contenteditable="true"]:empty:not(:focus)::before {

  content: attr(placeholder);

  color: #999;

  pointer-events: none;

}



.trumbowyg-button-pane {

  width: 100%;

  min-height: 36px;

  background: #ecf0f1;

  border-bottom: 1px solid #d7e0e2;

  margin: 0;

  padding: 0 5px;

  position: relative;

  list-style-type: none;

  line-height: 10px;

  backface-visibility: hidden;

  z-index: 11;

}



.trumbowyg-button-pane::after {

  content: " ";

  display: block;

  position: absolute;

  top: 36px;

  left: 0;

  right: 0;

  width: 100%;

  height: 1px;

  background: #d7e0e2;

}



.trumbowyg-button-pane .trumbowyg-button-group {

  display: inline-block;

}



.trumbowyg-button-pane

  .trumbowyg-button-group

  .trumbowyg-fullscreen-button

  svg {

  color: transparent;

}



.trumbowyg-button-pane .trumbowyg-button-group::after {

  content: " ";

  display: inline-block;

  width: 1px;

  background: #d7e0e2;

  margin: 0 5px;

  height: 35px;

  vertical-align: top;

}



.trumbowyg-button-pane .trumbowyg-button-group:last-child::after {

  content: none;

}



.trumbowyg-button-pane button {

  display: inline-block;

  position: relative;

  width: 35px;

  height: 35px;

  padding: 1px 6px !important;

  margin-bottom: 1px;

  overflow: hidden;

  border: none;

  cursor: pointer;

  background: none;

  vertical-align: middle;

  transition: background-color 150ms, opacity 150ms;

}



.trumbowyg-button-pane button.trumbowyg-textual-button {

  width: auto;

  line-height: 35px;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

}



.trumbowyg-button-pane.trumbowyg-disable

  button:not(.trumbowyg-not-disable):not(.trumbowyg-active),

.trumbowyg-button-pane button.trumbowyg-disable,

.trumbowyg-disabled

  .trumbowyg-button-pane

  button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {

  opacity: 0.2;

  cursor: default;

}



.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,

.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {

  background: #e3e9eb;

}



.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,

.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,

.trumbowyg-button-pane button.trumbowyg-active {

  background-color: #fff;

  outline: none;

}



.trumbowyg-button-pane .trumbowyg-open-dropdown::after {

  display: block;

  content: " ";

  position: absolute;

  top: 25px;

  right: 3px;

  height: 0;

  width: 0;

  border: 3px solid transparent;

  border-top-color: #555;

}



.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {

  padding-left: 10px !important;

  padding-right: 18px !important;

}



.trumbowyg-button-pane

  .trumbowyg-open-dropdown.trumbowyg-textual-button::after {

  top: 17px;

  right: 7px;

}



.trumbowyg-button-pane .trumbowyg-right {

  float: right;

}



.trumbowyg-dropdown {

  max-width: 300px;

  max-height: 250px;

  overflow-y: auto;

  overflow-x: hidden;

  white-space: nowrap;

  border: 1px solid #ecf0f1;

  padding: 5px 0;

  border-top: none;

  background: #fff;

  margin-left: -1px;

  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;

  z-index: 12;

}



.trumbowyg-dropdown button {

  display: block;

  width: 100%;

  height: 35px;

  line-height: 35px;

  text-decoration: none;

  background: #fff;

  padding: 0 20px 0 10px;

  color: #333 !important;

  border: none;

  cursor: pointer;

  text-align: left;

  font-size: 15px;

  transition: all 150ms;

}



.trumbowyg-dropdown button:hover,

.trumbowyg-dropdown button:focus {

  background: #ecf0f1;

}



.trumbowyg-dropdown button svg {

  float: left;

  margin-right: 14px;

}



/* Modal box */



.trumbowyg-modal {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  max-width: 520px;

  width: 100%;

  height: 350px;

  z-index: 12;

  overflow: hidden;

  backface-visibility: hidden;

}



.trumbowyg-modal-box {

  position: absolute;

  top: 0;

  left: 50%;

  transform: translateX(-50%);

  max-width: 500px;

  width: calc(100% - 20px);

  padding-bottom: 45px;

  z-index: 1;

  background-color: #fff;

  text-align: center;

  font-size: 14px;

  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;

  backface-visibility: hidden;

}



.trumbowyg-modal-box .trumbowyg-modal-title {

  font-size: 24px;

  font-weight: bold;

  margin: 0 0 20px;

  padding: 15px 0 13px;

  display: block;

  border-bottom: 1px solid #eee;

  color: #333;

  background: #fbfcfc;

}



.trumbowyg-modal-box .trumbowyg-progress {

  width: 100%;

  height: 3px;

  position: absolute;

  top: 58px;

}



.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {

  background: #2bc06a;

  width: 0;

  height: 100%;

  transition: width 150ms linear;

}



.trumbowyg-modal-box label {

  display: block;

  position: relative;

  margin: 15px 12px;

  height: 29px;

  line-height: 29px;

  overflow: hidden;

}



.trumbowyg-modal-box label .trumbowyg-input-infos {

  display: block;

  text-align: left;

  height: 25px;

  line-height: 25px;

  transition: all 150ms;

}



.trumbowyg-modal-box label .trumbowyg-input-infos span {

  display: block;

  color: #69878f;

  background-color: #fbfcfc;

  border: 1px solid #dedede;

  padding: 0 7px;

  width: 150px;

}



.trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {

  color: #e74c3c;

}



.trumbowyg-modal-box label.trumbowyg-input-error input,

.trumbowyg-modal-box label.trumbowyg-input-error textarea {

  border: 1px solid #e74c3c;

}



.trumbowyg-modal-box label.trumbowyg-input-error .trumbowyg-input-infos {

  margin-top: -27px;

}



.trumbowyg-modal-box label input {

  position: absolute;

  top: 0;

  right: 0;

  height: 27px;

  line-height: 27px;

  border: 1px solid #dedede;

  background: #fff;

  font-size: 14px;

  max-width: 330px;

  width: 70%;

  padding: 0 7px;

  transition: all 150ms;

}



.trumbowyg-modal-box label input:hover,

.trumbowyg-modal-box label input:focus {

  outline: none;

  border: 1px solid #95a5a6;

}



.trumbowyg-modal-box label input:focus {

  background: #fbfcfc;

}



.trumbowyg-modal-box label input[type="checkbox"] {

  left: 6px;

  top: 6px;

  right: auto;

  height: 16px;

  width: 16px;

}



.trumbowyg-modal-box

  label

  input[type="checkbox"]

  + .trumbowyg-input-infos

  span {

  width: auto;

  padding-left: 25px;

}



.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: #fff;

  display: block;

  width: 100px;

  height: 35px;

  line-height: 33px;

  margin: 0 10px;

  background-color: #333;

  border: none;

  cursor: pointer;

  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;

  font-size: 16px;

  transition: all 150ms;

}



.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {

  right: 110px;

  background: #2bc06a;

}



.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {

  background: #40d47e;

  outline: none;

}



.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {

  background: #25a25a;

}



.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {

  color: #555;

  background: #e6e6e6;

}



.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,

.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {

  background: #fbfbfb;

  outline: none;

}



.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {

  background: #d5d5d5;

}



.trumbowyg-overlay {

  position: absolute;

  background-color: rgba(255, 255, 255, 0.5);

  height: 100%;

  width: 100%;

  left: 0;

  display: none;

  top: 0;

  z-index: 10;

}



/**

 * Fullscreen

 */



body.trumbowyg-body-fullscreen {

  overflow: hidden;

}



.trumbowyg-fullscreen {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  margin: 0;

  padding: 0;

  z-index: 99999;

}



.trumbowyg-fullscreen.trumbowyg-box,

.trumbowyg-fullscreen .trumbowyg-editor {

  border: none;

}



.trumbowyg-fullscreen .trumbowyg-editor,

.trumbowyg-fullscreen .trumbowyg-textarea {

  height: calc(100% - 37px) !important;

  overflow: auto;

}



.trumbowyg-fullscreen .trumbowyg-overlay {

  height: 100% !important;

}



.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {

  color: #222;

  fill: transparent;

}



.trumbowyg-editor {

  /*

     * lset for resetCss option

     */

}



.trumbowyg-editor object,

.trumbowyg-editor embed,

.trumbowyg-editor video,

.trumbowyg-editor img {

  max-width: 100%;

}



.trumbowyg-editor video,

.trumbowyg-editor img {

  height: auto;

}



.trumbowyg-editor img {

  cursor: move;

}



.trumbowyg-editor canvas:focus {

  outline: none;

}



.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;

  color: #333;

}



.trumbowyg-editor.trumbowyg-reset-css a {

  color: #15c !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 {

  list-style: disc;

}



.trumbowyg-editor.trumbowyg-reset-css ol {

  list-style: decimal;

}



.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: none;

  border-top: 1px solid #ccc;

}



.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;

}



/*

 * Dark theme

 */



.trumbowyg-dark .trumbowyg-textarea {

  background: #111;

  color: #ddd;

}



.trumbowyg-dark .trumbowyg-box {

  border: 1px solid #343434;

}



.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {

  background: #111;

}



.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,

.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {

  text-shadow: 0 0 7px #ccc;

}



@media screen and (min-width: 0 \0) {

  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,

  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {

    color: rgba(20, 20, 20, 0.6) !important;

  }

}



@supports (-ms-accelerator: true) {

  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,

  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {

    color: rgba(20, 20, 20, 0.6) !important;

  }

}



.trumbowyg-dark .trumbowyg-box svg {

  fill: #ecf0f1;

  color: #ecf0f1;

}



.trumbowyg-dark .trumbowyg-button-pane {

  background-color: #222;

  border-bottom-color: #343434;

}



.trumbowyg-dark .trumbowyg-button-pane::after {

  background: #343434;

}



.trumbowyg-dark

  .trumbowyg-button-pane

  .trumbowyg-button-group:not(:empty)::after {

  background-color: #343434;

}



.trumbowyg-dark

  .trumbowyg-button-pane

  .trumbowyg-button-group:not(:empty)

  .trumbowyg-fullscreen-button

  svg {

  color: transparent;

}



.trumbowyg-dark

  .trumbowyg-button-pane.trumbowyg-disable

  .trumbowyg-button-group::after {

  background-color: #2a2a2a;

}



.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,

.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,

.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {

  background-color: #333;

}



.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {

  border-top-color: #fff;

}



.trumbowyg-dark

  .trumbowyg-fullscreen

  .trumbowyg-button-pane

  .trumbowyg-button-group:not(:empty)

  .trumbowyg-fullscreen-button

  svg {

  color: #ecf0f1;

  fill: transparent;

}



.trumbowyg-dark .trumbowyg-dropdown {

  border-color: #222;

  background: #333;

  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;

}



.trumbowyg-dark .trumbowyg-dropdown button {

  background: #333;

  color: #fff !important;

}



.trumbowyg-dark .trumbowyg-dropdown button:hover,

.trumbowyg-dark .trumbowyg-dropdown button:focus {

  background: #222;

}



.trumbowyg-dark .trumbowyg-modal-box {

  background-color: #222;

}



.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {

  border-bottom: 1px solid #555;

  color: #fff;

  background: #3c3c3c;

}



.trumbowyg-dark .trumbowyg-modal-box label {

  display: block;

  position: relative;

  margin: 15px 12px;

  height: 27px;

  line-height: 27px;

  overflow: hidden;

}



.trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {

  color: #eee;

  background-color: #2f2f2f;

  border-color: #222;

}



.trumbowyg-dark

  .trumbowyg-modal-box

  label

  .trumbowyg-input-infos

  span.trumbowyg-msg-error {

  color: #e74c3c;

}



.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,

.trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {

  border-color: #e74c3c;

}



.trumbowyg-dark .trumbowyg-modal-box label input {

  border-color: #222;

  color: #eee;

  background: #333;

}



.trumbowyg-dark .trumbowyg-modal-box label input:hover,

.trumbowyg-dark .trumbowyg-modal-box label input:focus {

  border-color: #626262;

}



.trumbowyg-dark .trumbowyg-modal-box label input:focus {

  background-color: #2f2f2f;

}



.trumbowyg-dark

  .trumbowyg-modal-box

  .trumbowyg-modal-button.trumbowyg-modal-submit {

  background: #1b7943;

}



.trumbowyg-dark

  .trumbowyg-modal-box

  .trumbowyg-modal-button.trumbowyg-modal-submit:hover,

.trumbowyg-dark

  .trumbowyg-modal-box

  .trumbowyg-modal-button.trumbowyg-modal-submit:focus {

  background: #25a25a;

}



.trumbowyg-dark

  .trumbowyg-modal-box

  .trumbowyg-modal-button.trumbowyg-modal-submit:active {

  background: #176437;

}



.trumbowyg-dark

  .trumbowyg-modal-box

  .trumbowyg-modal-button.trumbowyg-modal-reset {

  background: #333;

  color: #ccc;

}



.trumbowyg-dark

  .trumbowyg-modal-box

  .trumbowyg-modal-button.trumbowyg-modal-reset:hover,

.trumbowyg-dark

  .trumbowyg-modal-box

  .trumbowyg-modal-button.trumbowyg-modal-reset:focus {

  background: #444;

}



.trumbowyg-dark

  .trumbowyg-modal-box

  .trumbowyg-modal-button.trumbowyg-modal-reset:active {

  background: #111;

}



.trumbowyg-dark .trumbowyg-overlay {

  background-color: rgba(15, 15, 15, 0.6);

}



/** Trumbowyg v2.21.0 - A lightweight WYSIWYG editor - alex-d.github.io/Trumbowyg - License MIT - Author : Alexandre Demode (Alex-D) / alex-d.fr */



.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list),

.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) {

  max-width: 276px;

  padding: 7px 5px;

  overflow: initial;

}



.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list) button,

.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list) button {

  display: block;

  position: relative;

  float: left;

  text-indent: -9999px;

  height: 20px;

  width: 20px;

  border: 1px solid #333;

  padding: 0;

  margin: 2px;

}



.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list)

  button:focus::after,

.trumbowyg-dropdown-backColor:not(.trumbowyg-dropdown--color-list)

  button:hover::after,

.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list)

  button:focus::after,

.trumbowyg-dropdown-foreColor:not(.trumbowyg-dropdown--color-list)

  button:hover::after {

  content: " ";

  display: block;

  position: absolute;

  top: -5px;

  left: -5px;

  width: 27px;

  height: 27px;

  background: inherit;

  border: 1px solid #fff;

  box-shadow: #000 0 0 2px;

  z-index: 10;

}



.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list

  button:not(.trumbowyg-backColorRemove-dropdown-button) {

  position: relative;

  color: #fff !important;

}



.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list

  button:not(.trumbowyg-backColorRemove-dropdown-button):focus::after,

.trumbowyg-dropdown-backColor.trumbowyg-dropdown--color-list

  button:not(.trumbowyg-backColorRemove-dropdown-button):hover::after {

  content: " ";

  display: block;

  position: absolute;

  top: 13px;

  left: 0;

  width: 0;

  height: 0;

  border: 5px solid transparent;

  border-left-color: #fff;

}



/* PrismJS 1.22.0

 * @author Lea Verou

 */



code[class*="language-"],

pre[class*="language-"] {

  color: black;

  background: none;

  text-shadow: 0 1px white;

  font-family: Consolas, Monaco, "Andale Mono", "Ubuntu Mono", monospace;

  font-size: 1em;

  text-align: left;

  white-space: pre-wrap;

  word-spacing: normal;

  word-break: normal;

  word-wrap: normal;

  line-height: 1.5;



  -moz-tab-size: 4;

  -o-tab-size: 4;

  tab-size: 4;



  -webkit-hyphens: none;

  -moz-hyphens: none;

  -ms-hyphens: none;

  hyphens: none;

}



pre[class*="language-"]::-moz-selection,

pre[class*="language-"] ::-moz-selection,

code[class*="language-"]::-moz-selection,

code[class*="language-"] ::-moz-selection {

  text-shadow: none;

  background: #b3d4fc;

}



pre[class*="language-"]::selection,

pre[class*="language-"] ::selection,

code[class*="language-"]::selection,

code[class*="language-"] ::selection {

  text-shadow: none;

  background: #b3d4fc;

}



@media print {

  code[class*="language-"],

  pre[class*="language-"] {

    text-shadow: none;

  }

}



/* Code blocks */

pre[class*="language-"] {

  padding: 1em;

  margin: 0.5em 0;

  overflow: auto;

}



:not(pre) > code[class*="language-"],

pre[class*="language-"] {

  background: #f9f9f9;

}



/* Inline code */

:not(pre) > code[class*="language-"] {

  padding: 0.1em;

  border-radius: 0.3em;

  white-space: normal;

}



.token.comment,

.token.prolog,

.token.doctype,

.token.cdata {

  color: slategray;

}



.token.punctuation {

  color: #999;

}



.token.namespace {

  opacity: 0.7;

}



.token.property,

.token.tag,

.token.boolean,

.token.number,

.token.constant,

.token.symbol,

.token.deleted {

  color: #905;

}



.token.selector,

.token.attr-name,

.token.string,

.token.char,

.token.builtin,

.token.inserted {

  color: #690;

}



.token.operator,

.token.entity,

.token.url,

.language-css .token.string,

.style .token.string {

  color: #9a6e3a;

  /* This background color was intended by the author of this theme. */

  background: hsla(0, 0%, 100%, 0.5);

}



.token.atrule,

.token.attr-value,

.token.keyword {

  color: #07a;

}



.token.function,

.token.class-name {

  color: #dd4a68;

}



.token.regex,

.token.important,

.token.variable {

  color: #e90;

}



.token.important,

.token.bold {

  font-weight: bold;

}

.token.italic {

  font-style: italic;

}



.token.entity {

  cursor: help;

}



.trumbowyg-highlight-form-group {

  margin: 15px 10px;

}

.trumbowyg-highlight-form-group .trumbowyg-highlight-form-control {

  width: 100%;

  border: 1px solid #dedede;

  font-size: 14px;

  padding: 7px;

}

.trumbowyg-highlight-form-group .trumbowyg-highlight-form-control.code {

  height: 200px;

}