/*!
 * froala_editor v2.2.4 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2016 Froala Labs
 */

.flocknote1-theme .fr-wrapper .fr-placeholder {
  font-size: 12px;
  color: #aaaaaa;
  top: 0;
  left: 0;
}
.flocknote1-theme .fr-wrapper ::selection {
  color: inherit;
}
.flocknote1-theme .fr-wrapper ::-moz-selection {
  color: inherit;
}
.flocknote1-theme.fr-box.fr-basic .fr-wrapper {
  background:none;
  z-index: 2;
}
.fr-box.fr-basic.flocknote1-theme .fr-wrapper .fr-placeholder {
  top: 0;
  left: 0;
}
.flocknote1-theme .fr-element {
	line-height: 1.4em;
	font-weight: 300;
}
.flocknote1-theme.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 4px rgba(0, 0, 0, 0.23);
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  left: -3000px;
  z-index: 9997;
}
.flocknote1-theme.fr-toolbar.fr-top {
  top:0 !important;
  color: #222222;
  background: #eceff0;
  z-index: 4;
  padding: 0;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -webkit-box-shadow:none;
  -moz-box-shadow: none;
  box-shadow: none;
  border:1px solid #bec3c7;
  position:absolute;
  height:32px;
  margin-top:-36px;
  z-index: 1;
  -webkit-transform: translateY(36px);
  -moz-transform: translateY(36px);
  -ms-transform: translateY(36px);
  -o-transform: translateY(36px);
  transform: translateY(36px);
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: -webkit-transform .2s, opacity .2s;
  -moz-transition: -moz-transform .2s, opacity .2s;
  -ms-transition: -ms-transform .2s, opacity .2s;
  -o-transition: -o-transform .2s, opacity .2s;
  transition: transform .2s, opacity .2s;
}
.note_item.focus .flocknote1-theme.fr-toolbar.fr-top, .composer2_item.focus .flocknote1-theme.fr-toolbar.fr-top {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
}
.flocknote1-theme .fr-separator {
  background: #bec3c7;
}
.flocknote1-theme .fr-separator.fr-vs {
  height: 30px;
  margin: 0;
}
.flocknote1-theme.fr-toolbar .fr-command.fr-btn,
.flocknote1-theme.fr-popup .fr-command.fr-btn {
  color: #222222;
  line-height: 1;
  margin: 0;
  width: 32px;
  height: 30px;
}

.flocknote1-theme.fr-toolbar .fr-command.fr-btn i,
.flocknote1-theme.fr-popup .fr-command.fr-btn i {
  display: block;
  font-size: 15px;
  width: 16px;
  margin:0 8px;
  line-height: 30px;
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -webkit-transform .2s;
  -ms-transition: -webkit-transform .2s;
  -o-transition: -webkit-transform .2s;
  transition: -webkit-transform .2s;
}

.flocknote1-theme.fr-toolbar .fr-command.fr-btn:active i,
.flocknote1-theme.fr-popup .fr-command.fr-btn:active i {
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
}
.flocknote1-theme.fr-toolbar .fr-command.fr-btn.fr-active,
.flocknote1-theme.fr-popup .fr-command.fr-btn.fr-active {
  color: #278DC1;
}
.flocknote1-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.flocknote1-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  background: #bec3c7;
}
.flocknote1-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.flocknote1-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.flocknote1-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.flocknote1-theme.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #bec3c7 !important;
  color: #222222 !important;
}
.flocknote1-theme.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.flocknote1-theme.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  display:none;
}
.flocknote1-theme.fr-desktop .fr-command:hover,
.flocknote1-theme.fr-desktop .fr-command:focus {
  background: #bec3c7;
}
.flocknote1-theme.fr-desktop .fr-command.fr-selected {
  background: #bec3c7;
}
.flocknote1-theme.fr-desktop .fr-command.fr-active:hover,
.flocknote1-theme.fr-desktop .fr-command.fr-active:focus {
  color: #278DC1;
  background: #bec3c7;
}
.flocknote1-theme.fr-desktop .fr-command.fr-active.fr-selected {
  color: #278DC1;
  background: #bec3c7;
}
.flocknote1-theme .fr-command.fr-btn + .fr-dropdown-menu {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius:0 0 3px 3px;
}
.flocknote1-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  border:1px solid #bec3c7;
  border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius:0 0 3px 3px;
}
.flocknote1-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  margin-top: 1px;
}
.flocknote1-theme .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #bec3c7;
}

.flocknote1-theme.fr-popup {
  color: #222222;
  background: #ECEFF0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #BEC3C7;
  margin-top: 12px;
}
.flocknote1-theme.fr-popup .fr-input-line {
  padding:0;
}
.flocknote1-theme.fr-popup .fr-input-line input[type="text"],
.flocknote1-theme.fr-popup .fr-input-line textarea {
  padding: 2px 0 2px;
  border-bottom: none;
}
.flocknote1-theme.fr-popup .fr-input-line input[type="text"]:focus,
.flocknote1-theme.fr-popup .fr-input-line textarea:focus {
  border-bottom: none;
}
.flocknote1-theme.fr-popup .fr-input-line input + span,
.flocknote1-theme.fr-popup .fr-input-line textarea + span {
  display: none;
}
.flocknote1-theme.fr-popup .fr-buttons {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  padding: 0;
  z-index: 5;
  position: relative;
}
.flocknote1-theme.fr-popup .fr-layer {
  margin: 4px;
}
.flocknote1-theme.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 30px;
  position: absolute;
  top:0;
  margin-top: -1px;
  right:6px;
}
.flocknote1-theme.fr-popup .fr-action-buttons button.fr-command {
  height: 30px;
  line-height: 30px;
  color: #00B44E;
  padding: 0;
  font-size: 21px;
  -webkit-transition: -webkit-transform .2s;
  -moz-transition: -moz-transform .2s;
  -ms-transition: -ms-transform .2s;
  -o-transition: -o-transform .2s;
  transition: transform .2s;
}
.flocknote1-theme.fr-popup .fr-action-buttons button.fr-command:hover,
.flocknote1-theme.fr-popup .fr-action-buttons button.fr-command:focus {
  background: none;
  color: #00B44E;
  -webkit-transform: scale(1.15);
  -moz-transform: scale(1.15);
  -ms-transform: scale(1.15);
  -o-transform: scale(1.15);
  transform: scale(1.15);
}
.flocknote1-theme.fr-popup .fr-action-buttons button.fr-command:active {
  background: none;
  color: #00B44E;
  -webkit-transform: scale(.9);
  -moz-transform: scale(.9);
  -ms-transform: scale(.9);
  -o-transform: scale(.9);
  transform: scale(.9);
}
.flocknote1-theme.fr-popup .fr-arrow {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #BEC3C7;
  top: -9px;
  margin-left: -8px;
  z-index: 4;
}
.flocknote1-theme.fr-popup .fr-arrow::after {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #eceff0;
  top: 1px;
  margin-left: -8px;
  content:"";
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  display: inline-block;
  z-index: 4;
}
.flocknote1-theme.fr-popup .fr-buttons.fr-colors-buttons {
	display: none;
}
.flocknote1-theme .fr-link-insert-layer .fr-checkbox-line {
	display: none;
}
/**
 * Postion sticky hacks.
 */
.flocknote1-theme.fr-toolbar.fr-top.fr-sticky-on:not(.fr-mobile) {
  top: 14px !important;
  margin-top: 0;
  position: fixed;
  z-index: 3;
}
.flocknote1-theme.fr-toolbar.fr-top.fr-sticky-on {
	 width:auto !important;
}
.flocknote1-theme.fr-sticky-on + .fr-sticky-dummy,
.flocknote1-theme.fr-sticky-box > .fr-sticky-dummy {
	display: none;
}


/* Different column sizes */
.fr-toolbar>.fr-btn.fr-command[data-cmd="align"] {
	display: none;
}
.colsize_large .flocknote1-theme.fr-toolbar.fr-top,
.note_item_photo .flocknote1-theme.fr-toolbar.fr-top {
	height: 30px;
	margin-top: -32px;
}
.colsize_large .flocknote1-theme.fr-toolbar .fr-command.fr-btn,
.colsize_small .flocknote1-theme.fr-toolbar .fr-command.fr-btn,
.note_item_photo .flocknote1-theme.fr-toolbar .fr-command.fr-btn {
	width:30px;
	height: 28px;
}
.colsize_large .flocknote1-theme.fr-toolbar .fr-command.fr-btn i,
.colsize_small .flocknote1-theme.fr-toolbar .fr-command.fr-btn i,
.note_item_photo .flocknote1-theme.fr-toolbar .fr-command.fr-btn i {
	line-height: 28px;
	margin: 0 7px;
}
.colsize_large .flocknote1-theme .fr-separator.fr-vs,
.colsize_small .flocknote1-theme .fr-separator.fr-vs,
.note_item_photo .flocknote1-theme .fr-separator.fr-vs {
	height: 28px;
}



.colsize_half .fr-toolbar>.fr-btn.fr-command[data-cmd="align"],
.colsize_small .fr-toolbar>.fr-btn.fr-command[data-cmd="align"] {
	display: inline-block;
}
.colsize_half .fr-toolbar>.fr-btn.fr-command[data-cmd="align-left"],
.colsize_small .fr-toolbar>.fr-btn.fr-command[data-cmd="align-left"],
.colsize_half .fr-toolbar>.fr-btn.fr-command[data-cmd="align-center"],
.colsize_small .fr-toolbar>.fr-btn.fr-command[data-cmd="align-center"],
.colsize_half .fr-toolbar>.fr-btn.fr-command[data-cmd="align-right"],
.colsize_small .fr-toolbar>.fr-btn.fr-command[data-cmd="align-right"] {
	display: none;
}
.colsize_half .flocknote1-theme.fr-toolbar.fr-top {
	height: 27px;
	margin-top: -29px;
}
.colsize_half .flocknote1-theme.fr-toolbar .fr-command.fr-btn {
	width:26px;
	height: 25px;
}
.colsize_half .flocknote1-theme.fr-toolbar .fr-command.fr-btn i {
	line-height: 25px;
	font-size: 13px;
	width: 14px;
	margin:0 6px;
}
.colsize_half .flocknote1-theme .fr-separator.fr-vs {
	height: 25px;
}





.colsize_small .flocknote1-theme.fr-toolbar.fr-top {
	height: 58px;
	margin-top: -60px;
}
.colsize_small .fr-toolbar>.fr-btn.fr-command[data-cmd="align-right"] + .fr-separator {
	display: block;
	float: none;
	width:100%;
	height: 1px;
	margin-top: 28px;
}
.flocknote1-theme .fr-color-set {
	width:192px !important;
}
.column.full .fr-popup-colors {
	left:16px !important;
}
.column.full .fr-popup-colors .fr-arrow,
.colsize_half .fr-popup-colors .fr-arrow,
.colsize_large .fr-popup-colors .fr-arrow {
	margin-left:-8px !important;
}
.column.full .note_item_photo .fr-popup-colors .fr-arrow {
	margin-left:-16px !important;
}
.colsize_large .fr-popup-colors {
	left:9px !important;
}
.colsize_half .fr-popup-colors {
	left:-5px !important;
}
.colsize_small .fr-popup-colors {
	left:-14px !important;
}
.colsize_small .fr-popup-colors .fr-arrow {
	margin-left:15px !important;
}