/*!
 * froala_editor v1.2.8 (https://www.froala.com/wysiwyg-editor)
 * License https://www.froala.com/wysiwyg-editor/terms
 * Copyright 2014-2015 Froala Labs
 */
.gray-theme.froala-box.fr-disabled .froala-element {
  color: #999999;
}
.gray-theme.froala-box.fr-disabled button.fr-bttn,
.gray-theme.froala-box.fr-disabled button.fr-trigger {
  color: #999999 !important;
}
.gray-theme.froala-box.fr-disabled button.fr-bttn:after,
.gray-theme.froala-box.fr-disabled button.fr-trigger:after {
  border-top-color: #999999 !important;
}
.gray-theme.froala-box .html-switch {
  border-color: #999999;
}
.gray-theme.froala-box .froala-wrapper.f-basic {
  border: solid 1px #75706b;
  background: #ffffff;
}
.gray-theme.froala-box .froala-wrapper.f-basic.f-placeholder + span.fr-placeholder {
  margin: 10px;
}
.gray-theme.froala-box .froala-element hr {
  border-top-color: #d1d5d8;
}
.gray-theme.froala-box .froala-element.f-placeholder:before {
  color: #d1d5d8;
}
.gray-theme.froala-box .froala-element pre {
  border: solid 1px #d1d5d8;
  background: #fcfcfc;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.gray-theme.froala-box .froala-element blockquote {
  border-left: solid 5px #d1d5d8;
}
.gray-theme.froala-box .froala-element img {
  min-width: 32px !important;
  min-height: 32px !important;
}
.gray-theme.froala-box .froala-element img.fr-fil {
  padding: 10px 10px 10px 3px;
}
.gray-theme.froala-box .froala-element img.fr-fir {
  padding: 10px 3px 10px 10px;
}
.gray-theme.froala-box .froala-element img.fr-fin {
  padding: 10px 0;
}
.gray-theme.froala-box .froala-element img::selection {
  color: #ffffff;
}
.gray-theme.froala-box .froala-element img::-moz-selection {
  color: #ffffff;
}
.gray-theme.froala-box .froala-element span.f-img-editor:before {
  border: none !important;
  outline: solid 1px #2c82c9 !important;
}
.gray-theme.froala-box .froala-element span.f-img-editor.fr-fil {
  margin: 10px 10px 10px 3px;
}
.gray-theme.froala-box .froala-element span.f-img-editor.fr-fir {
  margin: 10px 3px 10px 10px;
}
.gray-theme.froala-box .froala-element span.f-img-editor.fr-fin {
  margin: 10px 0;
}
.gray-theme.froala-box .froala-element span.f-img-handle {
  height: 8px;
  width: 8px;
  border: solid 1px #ffffff !important;
  background: #2c82c9;
}
.gray-theme.froala-box .froala-element span.f-video-editor.active:after {
  border: solid 1px #75706b;
}
.gray-theme.froala-box .froala-element.f-basic {
  color: #444444;
  padding: 10px;
}
.gray-theme.froala-box .froala-element.f-basic a {
  color: inherit;
}
.gray-theme.froala-box .froala-element table td {
  border: solid 1px #d1d5d8;
}
.gray-theme.froala-box.f-html .froala-element {
  background: #202020;
  color: #ffffff;
  font-family: 'Courier New', Monospace;
  font-size: 13px;
}
.gray-theme.froala-editor {
  background: #efefef;
  border: solid 1px #75706b;
  border-top: solid 5px #75706b;
}
.gray-theme.froala-editor hr {
  border-top-color: #d1d5d8;
}
.gray-theme.froala-editor span.f-sep {
  border-right: solid 1px #d1d5d8;
  height: 35px;
}
.gray-theme.froala-editor button.fr-bttn,
.gray-theme.froala-editor button.fr-trigger {
  background: transparent;
  color: #75706b;
  font-size: 16px;
  line-height: 35px;
  width: 40px;
}
.gray-theme.froala-editor button.fr-bttn img,
.gray-theme.froala-editor button.fr-trigger img {
  max-width: 40px;
  max-height: 35px;
}
.gray-theme.froala-editor button.fr-bttn:disabled,
.gray-theme.froala-editor button.fr-trigger:disabled {
  color: #999999 !important;
}
.gray-theme.froala-editor button.fr-bttn:disabled:after,
.gray-theme.froala-editor button.fr-trigger:disabled:after {
  border-top-color: #999999 !important;
}
.gray-theme.froala-editor.ie8 button.fr-bttn:hover,
.gray-theme.froala-editor.ie8 button.fr-trigger:hover {
  background: #28324e;
  color: #ffffff;
}
.gray-theme.froala-editor.ie8 button.fr-bttn:hover:after,
.gray-theme.froala-editor.ie8 button.fr-trigger:hover:after {
  border-top-color: #ffffff;
}
.gray-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover,
.gray-theme.froala-editor .froala-popup button.fr-bttn:hover,
.gray-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover,
.gray-theme.froala-editor .froala-popup button.fr-trigger:hover {
  background: #28324e;
  color: #ffffff;
}
.gray-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover:after,
.gray-theme.froala-editor .froala-popup button.fr-bttn:hover:after,
.gray-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover:after,
.gray-theme.froala-editor .froala-popup button.fr-trigger:hover:after {
  border-top-color: #ffffff;
}
.gray-theme.froala-editor .fr-bttn.active {
  color: #28324e;
  background: transparent;
}
.gray-theme.froala-editor .fr-trigger:after {
  border-top-color: #75706b;
}
.gray-theme.froala-editor .fr-trigger.active {
  color: #ffffff;
  background: #28324e;
}
.gray-theme.froala-editor .fr-trigger.active:after {
  border-top-color: #ffffff !important;
}
.gray-theme.froala-editor .fr-dropdown .fr-trigger {
  width: calc(40px - 2px);
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu {
  background: #ffffff;
  border: solid 1px #75706b;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu li.active a {
  background: #28324e !important;
  color: #ffffff !important;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a {
  color: #28324e;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a:hover {
  background: #28324e !important;
  color: #ffffff !important;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > a,
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li.hover > a {
  background: #28324e;
  color: #ffffff;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul {
  background: #ffffff;
  color: #28324e;
  border: solid 1px #75706b;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div {
  background: #ffffff;
  color: #28324e;
  border: solid 1px #75706b;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span > span {
  border: solid 1px #d1d5d8;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span:hover > span,
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span.hover > span {
  background: rgba(40, 50, 78, 0.3);
  border: solid 1px #28324e;
}
.gray-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > hr {
  border-top: solid 1px #75706b;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p {
  color: #28324e;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn {
  color: #28324e;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn:hover {
  color: #28324e;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active {
  outline: solid 1px #75706b;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active:after {
  color: #ffffff;
}
.gray-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn:hover:not(:focus):not(:active) {
  outline: solid 1px #75706b;
}
.gray-theme.froala-editor .froala-popup {
  background: #ffffff;
}
.gray-theme.froala-editor .froala-popup h4 {
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup h4 i {
  color: #d1d5d8;
}
.gray-theme.froala-editor .froala-popup h4 i.fa-external-link {
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup h4 i.fa-external-link:hover {
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup h4 i:hover {
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup button.fr-p-bttn {
  color: #ffffff;
}
.gray-theme.froala-editor .froala-popup button.fr-p-bttn.f-ok {
  background: #75706b;
  color: #ffffff;
}
.gray-theme.froala-editor .froala-popup button.fr-p-bttn.f-unlink {
  background: #28324e;
  color: #ffffff;
}
.gray-theme.froala-editor .froala-popup button.fr-p-bttn.f-unlink:hover {
  background: #d1d5d8;
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup button.fr-p-bttn:hover,
.gray-theme.froala-editor .froala-popup button.fr-p-bttn:focus {
  background: #d1d5d8;
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line.f-popup-toolbar {
  background: #efefef;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line label {
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line input[type="text"] {
  border: solid 1px #d1d5d8;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line input[type="text"]:focus {
  border: solid 1px #28324e;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line input[type="text"]:disabled {
  background: #ffffff;
  color: #999999;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line textarea {
  border: solid 1px #d1d5d8;
}
.gray-theme.froala-editor .froala-popup div.f-popup-line textarea:focus {
  border: solid 1px #28324e;
}
.gray-theme.froala-editor .froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line {
  border-top: solid 1px #d1d5d8;
}
.gray-theme.froala-editor .froala-popup.froala-video-popup p.or {
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload {
  color: #28324e;
  border: dashed 2px #d1d5d8;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload:hover {
  border: dashed 2px #353535;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload.f-hover {
  border: dashed 2px #61bd6d;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line button.f-browse {
  background: #28324e;
  color: #ffffff;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line button.f-browse:hover {
  background: #d1d5d8;
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line + div.f-popup-line {
  border-top: solid 1px #d1d5d8;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup p.f-progress {
  background-color: #61bd6d;
}
.gray-theme.froala-editor .froala-popup.froala-image-popup p.f-progress span {
  background-color: #61bd6d;
  color: #ffffff;
}
.gray-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line .f-browse-links {
  background: #28324e;
  color: #ffffff;
}
.gray-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line .f-browse-links:hover {
  background: #d1d5d8;
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul {
  background: #ffffff;
  border: solid 1px #75706b;
}
.gray-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li {
  color: #28324e;
}
.gray-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li + li {
  border-top: solid 1px #75706b;
}
.gray-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li:hover {
  background: #28324e;
  color: #ffffff;
}
.gray-theme.froala-modal .f-modal-wrapper {
  background: #ffffff;
  border: solid 1px #75706b;
  border-top: solid 5px #75706b;
}
.gray-theme.froala-modal .f-modal-wrapper h4 {
  color: #28324e;
}
.gray-theme.froala-modal .f-modal-wrapper h4 i {
  color: #d1d5d8;
}
.gray-theme.froala-modal .f-modal-wrapper h4 i:hover {
  color: #28324e;
}
.gray-theme.froala-modal .f-modal-wrapper div.f-image-list div.f-empty {
  background: #d1d5d8;
}
.gray-theme.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img {
  background: #28324e;
  color: #ffffff;
}
.gray-theme.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img:hover {
  background: #d1d5d8;
  color: #28324e;
}
.gray-theme.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover .f-delete-img:hover {
  background: #d1d5d8;
  color: #28324e;
}
.froala-overlay {
  background: #75706b;
}
