.pt-theme.froala-box {
  margin-bottom: 1.25rem;
}
.pt-theme.froala-box.focus {
  box-shadow: $input-box-shadow;
  background: $input-focus-bg-color;
  border-color: $input-focus-border-color;
}
.pt-theme.froala-box .froala-element {
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.pt-theme.froala-box .html-switch {
  border-color: #aaaaaa;
}
.pt-theme.froala-box .froala-element hr {
  border-top-color: $input-border-color;
}
.pt-theme.froala-box .froala-element.f-placeholder:before {
  color: $input-border-color;
}
.pt-theme.froala-box .froala-element pre {
  border: solid 1px $input-border-color;
  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;
}
.pt-theme.froala-box .froala-element blockquote {
  border-left: solid 5px $input-border-color;
}
.pt-theme.froala-box .froala-element img {
  min-width: 32px !important;
  min-height: 32px !important;
}
.pt-theme.froala-box .froala-element img.fr-fil {
  padding: 10px 10px 10px 3px;
}
.pt-theme.froala-box .froala-element img.fr-fir {
  padding: 10px 3px 10px 10px;
}
.pt-theme.froala-box .froala-element img.fr-fin {
  padding: 10px 0;
}
.pt-theme.froala-box .froala-element img::selection {
  color: #ffffff;
}
.pt-theme.froala-box .froala-element img::-moz-selection {
  color: #ffffff;
}
.pt-theme.froala-box .froala-element span.f-img-editor:before {
  border: solid 2px #ffffff !important;
  outline: solid 1px $input-border-color !important;
}
.pt-theme.froala-box .froala-element span.f-img-editor.fr-fil {
  margin: 10px 10px 10px 3px;
}
.pt-theme.froala-box .froala-element span.f-img-editor.fr-fir {
  margin: 10px 3px 10px 10px;
}
.pt-theme.froala-box .froala-element span.f-img-editor.fr-fin {
  margin: 10px 0;
}
.pt-theme.froala-box .froala-element span.f-img-handle {
  height: 13px;
  width: 13px;
  border: solid 1px $input-border-color !important;
  background: #ffffff;
}
.pt-theme.froala-box .froala-element span.f-video-editor.active:after {
  border: solid 1px $input-border-color;
}
.pt-theme.froala-box .froala-wrapper {
  border: solid 1px $input-border-color;
}
.pt-theme.froala-box .froala-element.f-basic {
  //border: solid 1px $input-border-color;
  background: transparent;
  color: '#444';
}
.pt-theme.froala-box .froala-element.f-basic a {
  color: $primary-color;
  text-decoration: underline;
}
.pt-theme.froala-box .froala-element table td {
  border: solid 1px $input-border-color;
  background: #fff;
}
.pt-theme.froala-box.f-html .froala-element {
  background: #202020;
  color: #ffffff;
  font-family: 'Courier New', Monospace;
  font-size: 13px;
}
.pt-theme.froala-editor {
  background: #ffffff;
  border: solid 1px $input-border-color;
  border-top: solid 1px $input-border-color;
}
.pt-theme.froala-editor hr {
  border-top-color: $input-border-color;
}
.pt-theme.froala-editor span.f-sep {
  border-right: solid 1px $input-border-color;
  height: 35px;
}
.pt-theme.froala-editor button.fr-bttn,
.pt-theme.froala-editor button.fr-trigger {
  background: transparent;
  color: $primary-color;
  font-size: 16px;
  line-height: 35px;
  width: 40px;
}
.pt-theme.froala-editor button.fr-bttn img,
.pt-theme.froala-editor button.fr-trigger img {
  max-width: 40px;
  max-height: 35px;
}
.pt-theme.froala-editor button.fr-bttn:disabled,
.pt-theme.froala-editor button.fr-trigger:disabled {
  color: #aaaaaa !important;
}
.pt-theme.froala-editor button.fr-bttn:disabled:after,
.pt-theme.froala-editor button.fr-trigger:disabled:after {
  border-top-color: #aaaaaa !important;
}
.pt-theme.froala-editor.ie8 button.fr-bttn:hover,
.pt-theme.froala-editor.ie8 button.fr-trigger:hover {
  background: $primary-color;
  color: #ffffff;
}
.pt-theme.froala-editor.ie8 button.fr-bttn:hover:after,
.pt-theme.froala-editor.ie8 button.fr-trigger:hover:after {
  border-top-color: #ffffff;
}
.pt-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover,
.pt-theme.froala-editor .froala-popup button.fr-bttn:hover,
.pt-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover,
.pt-theme.froala-editor .froala-popup button.fr-trigger:hover {
  background: $primary-color;
  color: #ffffff;
}
.pt-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-bttn:hover:after,
.pt-theme.froala-editor .froala-popup button.fr-bttn:hover:after,
.pt-theme.froala-editor .bttn-wrapper:not(.touch) button.fr-trigger:hover:after,
.pt-theme.froala-editor .froala-popup button.fr-trigger:hover:after {
  border-top-color: #ffffff;
}
.pt-theme.froala-editor .fr-bttn.active {
  color: $primary-color;
  background: transparent;
}
.pt-theme.froala-editor .fr-trigger:after {
  border-top-color: $primary-color;
}
.pt-theme.froala-editor .fr-trigger.active {
  color: #ffffff;
  background: $primary-color;
}
.pt-theme.froala-editor .fr-trigger.active:after {
  border-top-color: #ffffff !important;
}
.pt-theme.froala-editor .fr-dropdown .fr-trigger {
  width: calc(38px);
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu {
  background: #ffffff;
  border: solid 1px $input-border-color;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu li.active a {
  background: $primary-color !important;
  color: #ffffff !important;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a {
  color: $primary-color;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu li a:hover {
  background: $primary-color !important;
  color: #ffffff !important;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li:hover > a,
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li.hover > a {
  background: $primary-color;
  color: #ffffff;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > ul {
  background: #ffffff;
  color: $primary-color;
  border: solid 1px $input-border-color;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div {
  background: #ffffff;
  color: $primary-color;
  border: solid 1px $input-border-color;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span > span {
  border: solid 1px $input-border-color;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span:hover > span,
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > li > div > span.hover > span {
  background: rgba(61, 142, 185, 0.3);
  border: solid 1px #3d8eb9;
}
.pt-theme.froala-editor .fr-dropdown .fr-dropdown-menu.fr-table > hr {
  border-top: solid 1px $input-border-color;
}
.pt-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p {
  color: #444444;
}
.pt-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn {
  color: #444444;
}
.pt-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu p a.fr-bttn:hover {
  color: $primary-color;
}
.pt-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active {
  outline: solid 1px $input-border-color;
}
.pt-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn.active:after {
  color: #ffffff;
}
.pt-theme.froala-editor .fr-dropdown.fr-color-picker .fr-dropdown-menu .fr-color-bttn:hover:not(:focus):not(:active) {
  outline: solid 1px $input-border-color;
}
.pt-theme.froala-editor .froala-popup {
  background: #ffffff;
}
.pt-theme.froala-editor .froala-popup h4 {
  color: #444444;
}
.pt-theme.froala-editor .froala-popup h4 i {
  color: $input-border-color;
}
.pt-theme.froala-editor .froala-popup h4 i.fa-external-link {
  color: #444444;
}
.pt-theme.froala-editor .froala-popup h4 i.fa-external-link:hover {
  color: $primary-color;
}
.pt-theme.froala-editor .froala-popup h4 i:hover {
  color: #444444;
}
.pt-theme.froala-editor .froala-popup button:not(.fr-bttn):not(.fr-trigger) {
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup button:not(.fr-bttn):not(.fr-trigger).f-ok {
  background: #2c82c9;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup button:not(.fr-bttn):not(.fr-trigger).f-unlink {
  background: #b8312f;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup button:not(.fr-bttn):not(.fr-trigger).f-unlink:hover {
  background: #353535;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup button:not(.fr-bttn):not(.fr-trigger):hover,
.pt-theme.froala-editor .froala-popup button:not(.fr-bttn):not(.fr-trigger):focus {
  background: #353535;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup div.f-popup-line.f-popup-toolbar {
  background: #ffffff;
}
.pt-theme.froala-editor .froala-popup div.f-popup-line label {
  color: #444444;
}
.pt-theme.froala-editor .froala-popup div.f-popup-line input[type="text"] {
  border: solid 1px $input-border-color;
}
.pt-theme.froala-editor .froala-popup div.f-popup-line input[type="text"]:focus {
  border: solid 1px #54acd2;
}
.pt-theme.froala-editor .froala-popup div.f-popup-line input[type="text"]:disabled {
  background: #ffffff;
  color: #aaaaaa;
}
.pt-theme.froala-editor .froala-popup div.f-popup-line textarea {
  border: solid 1px $input-border-color;
}
.pt-theme.froala-editor .froala-popup div.f-popup-line textarea:focus {
  border: solid 1px #54acd2;
}
.pt-theme.froala-editor .froala-popup.froala-image-editor-popup div.f-popup-line + div.f-popup-line {
  border-top: solid 1px $input-border-color;
}
.pt-theme.froala-editor .froala-popup.froala-video-popup p.or {
  color: #444444;
}
.pt-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload {
  color: #444444;
  border: dashed 2px $input-border-color;
}
.pt-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload:hover {
  border: dashed 2px #353535;
}
.pt-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line.drop-upload div.f-upload.f-hover {
  border: dashed 2px #61bd6d;
}
.pt-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line button.f-browse {
  background: #475577;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line button.f-browse:hover {
  background: #353535;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup.froala-image-popup div.f-popup-line + div.f-popup-line {
  border-top: solid 1px $input-border-color;
}
.pt-theme.froala-editor .froala-popup.froala-image-popup p.f-progress {
  background-color: #61bd6d;
}
.pt-theme.froala-editor .froala-popup.froala-image-popup p.f-progress span {
  background-color: #61bd6d;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line .f-browse-links {
  background: #475577;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line .f-browse-links:hover {
  background: #353535;
  color: #ffffff;
}
.pt-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul {
  background: #ffffff;
  border: solid 1px $input-border-color;
}
.pt-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li {
  color: $primary-color;
}
.pt-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li + li {
  border-top: solid 1px $input-border-color;
}
.pt-theme.froala-editor .froala-popup.froala-link-popup div.f-popup-line ul li:hover {
  background: $primary-color;
  color: #ffffff;
}
.pt-theme.froala-modal .f-modal-wrapper {
  background: #ffffff;
  border: solid 1px $input-border-color;
  border-top: solid 1px $input-border-color;
}
.pt-theme.froala-modal .f-modal-wrapper h4 {
  color: #444444;
}
.pt-theme.froala-modal .f-modal-wrapper h4 i {
  color: $input-border-color;
}
.pt-theme.froala-modal .f-modal-wrapper h4 i:hover {
  color: #444444;
}
.pt-theme.froala-modal .f-modal-wrapper div.f-image-list div.f-empty {
  background: $input-border-color;
}
.pt-theme.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img {
  background: #b8312f;
  color: #ffffff;
}
.pt-theme.froala-modal .f-modal-wrapper div.f-image-list div .f-delete-img:hover {
  background: #353535;
  color: #ffffff;
}
.pt-theme.froala-modal .f-modal-wrapper div.f-image-list:not(.f-touch) div:hover .f-delete-img:hover {
  background: #353535;
  color: #ffffff;
}
.froala-overlay {
  background: #000000;
}