/* main */
.fr-box.focused {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.045);
}
.fr-wrapper .fr-placeholder {
    max-width: 960px;
    margin: 0 auto !important;
    padding-top: 40px !important;
    line-height: 1.6 !important;
}

/* toolbar */
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-btn-grp .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-more-toolbar .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path,
.fr-toolbar .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path,
.fr-popup .fr-btn-grp .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path,
.fr-popup .fr-more-toolbar .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path,
.fr-popup .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path,
.fr-modal .fr-btn-grp .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path,
.fr-modal .fr-more-toolbar .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path,
.fr-modal .fr-buttons:not(.fr-tabs) .fr-command.fr-btn.fr-dib-active:not(.fr-dropdown) svg path {
    fill: #ed254e;
}
.fr-toolbar,
.fr-box.fr-basic .fr-wrapper,
.fr-second-toolbar {
    border-color: #d6d8da;
}
.fr-toolbar .fr-btn-grp {
    margin: 0;
}
.fr-toolbar .fr-btn-grp.fr-float-left {
    margin-left: 3px;
}
.fr-toolbar .fr-btn-grp.fr-float-right {
    margin-right: 3px;
}
.fr-toolbar.fr-top {
    border-radius: 6px 6px 0 0;
}
.fr-second-toolbar {
    border-radius: 0 0 6px 6px;
}

/* Editor Handles */
.fr-line-breaker,
.fr-image-resizer {
    border-color: #ed254e;
}
.fr-image-resizer .fr-handler,
.fr-drag-helper {
    background: #ed254e;
}
/* make line breaker less touchy */
.fr-line-breaker::before {
    content: '';
    width: 100%;
    height: 50px;
    position: absolute;
    top: -30px;
}

/* quick insert */
.fr-qi-helper {
    padding-left: 45px;
}
.fr-qi-helper a.fr-btn.fr-floating-btn {
    padding: 0;
}
.fr-qi-helper a.fr-btn.fr-floating-btn svg,
.fr-quick-insert a.fr-floating-btn svg {
    vertical-align: bottom;
    margin-bottom: 8px;
    height: 24px;
    width: 24px;
}

/* popups */
.fr-popup {
    color: #000000;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}
.fr-popup .fr-video-by-url-layer .fr-autoplay-margin {
    display: none;
}
.fr-popup .fr-video-by-url-layer label + .fr-btn {
    display: none;
}
.fr-popup .fr-video-by-url-layer label + [type='text'] {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
}
.fr-popup .fr-input-line input[type='text']:focus,
.fr-popup .fr-input-line input[type='number']:focus,
.fr-popup .fr-input-line textarea:focus {
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.045);
    color: #323d47;
    border: 1px solid #d6d8da;
}
.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
    left: 0px;
    top: -2px;
    padding: 0;
    font-size: 13px;
    color: #000000;
    background: none;
}
.fr-popup .fr-action-buttons button.fr-command {
    font-size: 11px;
    padding: 8px 26px 6px;
    letter-spacing: 1.7px;
    text-transform: uppercase;
    border-radius: 10rem;
    outline: none;
    transition: 0.15s linear;
    color: #fff;
    background-color: #191919;
    border-color: #191919;
    display: inline-block;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    line-height: 1.9;
}
.fr-popup .fr-action-buttons button.fr-command:hover {
    color: #fff;
    background-color: #0f0f0f;
    border-color: #0f0f0f;
    box-shadow: 0 1px 10px rgba(25, 25, 25, 0.4);
}
.fr-popup .fr-checkbox input:checked + span {
    background: #ed254e;
    border: solid 2px #ed254e;
}

/** start fix Fix for link popup not appearing correctly when editing link  **/
.fr-popup .fr-link-insert-layer {
    width: 400px !important;
}
.fr-popup .fr-input-line:first-child,
.fr-popup .fr-files-by-url-layer {
    display: flex;
}
.fr-popup .fr-input-line:first-child input,
.fr-popup .fr-files-by-url-layer input {
    flex: 1 1 100%;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}
.fr-popup .fr-input-line:first-child .fr-command.fr-btn,
.fr-popup .fr-files-by-url-layer .fr-command.fr-btn {
    flex: 0 0 96px;
    margin: 0 !important;
    border: solid 1px #999999 !important;
    border-radius: 0 !important;
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
    overflow: hidden;
    height: 46px !important;
    margin-left: -1px !important;
}
.fr-popup .fr-input-line:first-child .fr-command.fr-btn svg.fr-svg,
.fr-popup .fr-files-by-url-layer .fr-command.fr-btn svg.fr-svg {
    top: 2px !important;
}
.fr-popup .fr-input-line:first-child .fr-command.fr-btn > div,
.fr-popup .fr-files-by-url-layer .fr-command.fr-btn > div {
    height: 46px !important;
    font-size: 13.3333px;
}
.fr-popup.fr-disabled .fr-btn {
    color: #333333;
}
/** end fix Fix for link popup not appearing correctly when editing link  **/

.fr-popup .fr-layer.fr-color-hex-layer {
    padding-top: 10px;
}
.fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    padding: 0;
}

.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
    background: #2ac25c;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
    border-radius: 10px;
    background: #f5f5f5;
}

/* fullscreen */
#fullscreen-1 {
    margin-right: -3px;
    margin-top: 0px;
    border-radius: 0 5px 0 0px;
    height: 49px;
    padding: 0 3px;
    margin-bottom: -1px;
}
#fullscreen-1 svg {
    transition: all ease 0.15s;
}
#fullscreen-1:hover svg {
    height: 30px;
    width: 30px;
    margin: 5px 4px;
}
.fr-fullscreen-wrapper {
    z-index: 2147483040 !important;
}
.fr-box.fr-fullscreen {
    z-index: 2147483030 !important;
}
.lity {
    z-index: 2147483190 !important;
}
.lity-wrap {
    z-index: 2147483190 !important;
}
.lity-loader {
    z-index: 2147483191 !important;
}
.lity-container {
    z-index: 2147483192 !important;
}
.lity-content {
    z-index: 2147483193 !important;
}
.lity-close {
    z-index: 2147483194 !important;
}
.tooltip {
    z-index: 2147483189 !important;
}

/* forms */
.fr-input-line select {
    width: 100%;
    margin-bottom: 1px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    min-height: 46px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: solid 1px #999999;
    color: #222222;
    font-size: 14px;
    background: #fff;
    position: relative;
    z-index: 2;
    padding: 11px 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.fr-input-line.select label {
    top: -7px !important;
    left: 0 !important;
}

/* image.insert popup */
.fr-image-insert-select-from-gallery,
.fr-link-insert-select-from-gallery {
    background-color: #282828;
    border: none;
    padding: 8px 12px 6px;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
}
.fr-image-insert-select-from-gallery svg,
.fr-link-insert-select-from-gallery {
    fill: #fefefe;
}

#CustomInlineToolbarDropDown-1 {
    padding: 0 7px;
    position: relative;
    top: 0;
    transition: 300ms all ease;
}
#CustomInlineToolbarDropDown-1.fr-active {
    border-radius: 4px 4px 0 0;
    top: 4px;
}
#CustomInlineToolbarDropDown-1 svg {
    margin-left: 0;
    margin-right: 0;
}
#CustomInlineToolbarDropDown-1:after {
    display: none;
}
#dropdown-menu-CustomInlineToolbarDropDown-1 {
    left: 92px !important;
    top: 53px !important;
}
.mimic-fr-tips .tooltip-inner {
    padding: 0 8px;
    font-size: 11px;
    line-height: 22px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: -6px;
    border-radius: 2px;
}
#dropdown-menu-CustomInlineToolbarDropDown-1 ul.fr-dropdown-list {
    display: flex;
    padding: 5px;
}
#dropdown-menu-CustomInlineToolbarDropDown-1 ul.fr-dropdown-list li {
    display: flex;
    justify-content: center;
}
#dropdown-menu-CustomInlineToolbarDropDown-1 ul.fr-dropdown-list li a {
    display: inline-block;
    margin: 4px;
    border-radius: 4px;
    padding: 8px 7px;
    line-height: 1;
}
#dropdown-menu-CustomInlineToolbarDropDown-1 ul.fr-dropdown-list li a svg {
    margin: 0;
}
.fr-dropdown-list .fr-dropdown-active {
    color: #ed254e;
}
.fr-dropdown-list .fr-dropdown-active svg path {
    fill: #ed254e !important;
}

/* code view wrapping */
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
    overflow-wrap: anywhere;
}

#CustomInlineToolbarDropDown-2 {
    display: none;
}

/* .fr-toolbar.fr-sticky-on {
    top: unset !important;
} */

.fr-toolbar {
    position: sticky;
    z-index: 10;
    top: 0;
}

a[href="https://froala.com/wysiwyg_editor-download/"]
{
    display: none !important;
}

.fr-license {
    display: none !important;
}

p:has(a[title='Froala Editor']) {
    display: none !important;
}