/* froala-editor css */
.fr-toolbar {
    border-radius: 0 !important;
}

.fr-second-toolbar {
    border-radius: 0 !important;
}

.fr-view body {
    display: block;
    margin: 8px;
}

.fr-wrapper ::-moz-selection {
    background: rgba(123, 144, 255, 0.8) !important;
}

.fr-wrapper ::selection {
    background: rgba(123, 144, 255, 0.8)!important;
}

.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 {
    fill: #7d00fe !important;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command,
.fr-popup .fr-action-buttons button.fr-command {
    color: #7d00fe !important;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover, .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
    color: #7d00fe !important;
}

.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
    color: #7d00fe !important;
}

.fr-popup .fr-input-line input[type="text"]:focus, .fr-popup .fr-input-line textarea:focus {
    border: solid 2px #7d00fe !important;
}

.fr-popup .fr-action-buttons button.fr-command {
    color: #7d00fe !important;
}

.fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
    color: #7d00fe !important;
}

.fr-popup .fr-table-size .fr-select-table-size>span.hover>span {
    background: rgba(247,152,0,0.3);
    border: solid 1px #7d00fe;
}

.fr-popup .fr-action-buttons button.fr-command:active {
    color: #7d00fe !important;
}

.fr-popup .fr-checkbox input:checked + span {
    background: #7d00fe !important;
    border: solid 2px #7d00fe !important;
}

#fr-logo:hover > span, #fr-logo:focus > span {
    color: #7d00fe !important;
}

#fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
    fill: #7d00fe !important;
}

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
    border: 1px double #7d00fe !important;
}


.fr-image-resizer {
    border: solid 1px #7d00fe !important;
}

.fr-image-resizer.fr-active {
    display: block;
}

.fr-image-resizer .fr-handler {
    background: #7d00fe !important;
}

.fr-popup .fr-files-upload-layer.fr-drop {
    border-color: #7d00fe !important;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader {
    background: #7b90ff;
}

.fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
    background: #7d00fe !important;
}

.fr-line-breaker {
    border-top: 1px solid #7d00fe !important;
}

.fr-blue-decorator {
    background: #7d00fe !important;
}

.fr-drag-helper {
    background: #7d00fe !important;
}

.fr-trim-button {
    color: #7d00fe !important;
}

.fr-trim-button {
    color: #7d00fe !important;
}

.fr-view p {
    display: block;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.fr-view dl {
    display: block;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
}

.fr-view dl dd {
    display: block;
    -webkit-margin-start: 40px;
    margin-inline-start: 40px;
}

.fr-view table {
    display: table;
    border-collapse: separate;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}

.fr-view table th {
    display: table-cell;
    vertical-align: inherit;
    font-weight: bold;
    text-align: -internal-center;
}

.fr-view ul {
    display: block;
    list-style-type: disc;
    -webkit-margin-before: 1em;
    margin-block-start: 1em;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0px;
    margin-inline-start: 0px;
    -webkit-margin-end: 0px;
    margin-inline-end: 0px;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
}

.fr-view ol {
    display: block;
    list-style-type: decimal;
    -webkit-margin-before: 1 __qem;
    margin-block-start: 1 __qem;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    -webkit-padding-start: 40px;
    padding-inline-start: 40px;
}

.fr-view li {
    display: list-item;
    text-align: -webkit-match-parent;
}

.fr-view h1 {
    display: block;
    font-size: 2em;
    -webkit-margin-before: 0.67 __qem;
    margin-block-start: 0.67 __qem;
    -webkit-margin-after: 0.67em;
    margin-block-end: 0.67em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

.fr-view h2 {
    display: block;
    font-size: 1.5em;
    -webkit-margin-before: 0.83 __qem;
    margin-block-start: 0.83 __qem;
    -webkit-margin-after: 0.83em;
    margin-block-end: 0.83em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

.fr-view h3 {
    display: block;
    font-size: 1.17em;
    -webkit-margin-before: 1 __qem;
    margin-block-start: 1 __qem;
    -webkit-margin-after: 1em;
    margin-block-end: 1em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

.fr-view h4 {
    display: block;
    -webkit-margin-before: 1.33 __qem;
    margin-block-start: 1.33 __qem;
    -webkit-margin-after: 1.33em;
    margin-block-end: 1.33em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

.fr-view h5 {
    display: block;
    font-size: .83em;
    -webkit-margin-before: 1.67 __qem;
    margin-block-start: 1.67 __qem;
    -webkit-margin-after: 1.67em;
    margin-block-end: 1.67em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

.fr-view h6 {
    display: block;
    font-size: .67em;
    -webkit-margin-before: 2.33 __qem;
    margin-block-start: 2.33 __qem;
    -webkit-margin-after: 2.33em;
    margin-block-end: 2.33em;
    -webkit-margin-start: 0;
    margin-inline-start: 0;
    -webkit-margin-end: 0;
    margin-inline-end: 0;
    font-weight: bold;
}

.fr-view u, .fr-view ins {
    text-decoration: underline;
}

.fr-view abbr[title], .fr-view acronym[title] {
    -webkit-text-decoration: dotted underline;
    text-decoration: dotted underline;
}

.fr-view strong, .fr-view b {
    font-weight: bold;
}

.fr-view i, .fr-view cite, .fr-view em, .fr-view var, .fr-view address, .fr-view dfn {
    font-style: italic;
}

.fr-view small {
    font-size: smaller;
}

.fr-view s, .fr-view strike, .fr-view del {
    text-decoration: line-through;
}