.CodeMirror-dialog {
  position: absolute;
  left: 0; right: 0;
  background: inherit;
  z-index: 15;
  padding: .1em .8em;
  overflow: hidden;
  color: inherit;
}

.CodeMirror-dialog-top {
  border-bottom: 1px solid #eee;
  top: 0;
}

.CodeMirror-dialog-bottom {
  border-top: 1px solid #eee;
  bottom: 0;
}

.CodeMirror-dialog input {
  border: none;
  outline: none;
  background: transparent;
  width: 20em;
  color: inherit;
  font-family: monospace;
}

.CodeMirror-dialog button {
  font-size: 70%;
}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element, .fr-element:focus {
  outline: 0 solid transparent; }

.fr-view.fr-element-scroll-visible {
  overflow-x: visible !important; }

.fr-box.fr-basic {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .fr-box.fr-basic .fr-element {
    font-family: sans-serif;
    color: #414141;
    font-size: 14px;
    line-height: 1.6;
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: auto;
    min-height: 60px;
    text-align: left; }
  .fr-box.fr-basic.fr-rtl .fr-element {
    text-align: right; }

.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto; }
  .fr-element a {
    user-select: auto;
    -o-user-select: auto;
    -moz-user-select: auto;
    -khtml-user-select: auto;
    -webkit-user-select: auto;
    -ms-user-select: auto; }
  .fr-element.fr-disabled {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none; }
  .fr-element [contenteditable="true"] {
    outline: 0 solid transparent; }

.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 40px;
  width: 40px;
  text-align: center;
  background: #FFF;
  color: #333333;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 40px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none; }
  .fr-box a.fr-floating-btn svg {
    -webkit-transition: transform 0.2s ease 0s;
    -moz-transition: transform 0.2s ease 0s;
    -ms-transition: transform 0.2s ease 0s;
    -o-transition: transform 0.2s ease 0s;
    fill: #333333; }
  .fr-box a.fr-floating-btn i, .fr-box a.fr-floating-btn svg {
    font-size: 14px;
    line-height: 40px; }
  .fr-box a.fr-floating-btn.fr-btn + .fr-btn {
    margin-left: 10px; }
  .fr-box a.fr-floating-btn:hover {
    background: #ebebeb;
    cursor: pointer; }
    .fr-box a.fr-floating-btn:hover svg {
      fill: #333333; }
.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1); }

iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-wrapper {
  position: relative;
  z-index: 1; }
  .fr-wrapper::after {
    clear: both;
    display: block;
    content: "";
    height: 0; }
  .fr-wrapper .fr-placeholder {
    position: absolute;
    font-size: 14px;
    color: #AAA;
    font-family: sans-serif;
    z-index: 1;
    display: none;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden; }
  .fr-wrapper.show-placeholder .fr-placeholder {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis; }
  .fr-wrapper ::-moz-selection {
    background: rgba(181, 214, 253, 0.8);
    color: #000; }
  .fr-wrapper ::selection {
    background: rgba(181, 214, 253, 0.8);
    color: #000; }

.fr-box.fr-basic .fr-wrapper {
  background: #FFF;
  border: 1px solid #CCCCCC;
  border-bottom-color: #efefef;
  top: 0;
  left: 0; }

.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0; }
.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

@media (min-width: 992px) {
  .fr-box.fr-document {
    min-width: 21cm; }
    .fr-box.fr-document .fr-wrapper {
      text-align: left;
      padding: 30px;
      min-width: 21cm;
      background: #efefef; }
      .fr-box.fr-document .fr-wrapper .fr-element {
        text-align: left;
        background: #FFF;
        width: 21cm;
        margin: auto;
        min-height: 26cm !important;
        padding: 1cm 2cm;
        overflow: visible;
        z-index: auto; }
        .fr-box.fr-document .fr-wrapper .fr-element hr {
          margin-left: -2cm;
          margin-right: -2cm;
          background: #efefef;
          height: 1cm;
          outline: none;
          border: none; }
        .fr-box.fr-document .fr-wrapper .fr-element img {
          z-index: 1; } }
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #222222;
  color: #FFF;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  .fr-tooltip.fr-visible {
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-toolbar .fr-btn-wrap, .fr-popup .fr-btn-wrap, .fr-modal .fr-btn-wrap {
  float: left;
  white-space: nowrap;
  position: relative; }
  .fr-toolbar .fr-btn-wrap.fr-hidden, .fr-popup .fr-btn-wrap.fr-hidden, .fr-modal .fr-btn-wrap.fr-hidden {
    display: none; }
.fr-toolbar .fr-command.fr-btn, .fr-popup .fr-command.fr-btn, .fr-modal .fr-command.fr-btn {
  background: transparent;
  color: #333333;
  -moz-outline: 0;
  outline: none;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 4px 2px;
  padding: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  height: 40px; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-options {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .fr-toolbar .fr-command.fr-btn.fr-btn-hover, .fr-popup .fr-command.fr-btn.fr-btn-hover, .fr-modal .fr-command.fr-btn.fr-btn-hover {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .fr-toolbar .fr-command.fr-btn::-moz-focus-inner, .fr-popup .fr-command.fr-btn::-moz-focus-inner, .fr-modal .fr-command.fr-btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .fr-toolbar .fr-command.fr-btn.fr-btn-text, .fr-popup .fr-command.fr-btn.fr-btn-text, .fr-modal .fr-command.fr-btn.fr-btn-text {
    width: auto; }
  .fr-toolbar .fr-command.fr-btn i, .fr-toolbar .fr-command.fr-btn svg, .fr-popup .fr-command.fr-btn i, .fr-popup .fr-command.fr-btn svg, .fr-modal .fr-command.fr-btn i, .fr-modal .fr-command.fr-btn svg {
    display: block;
    text-align: center;
    float: none;
    margin: 8px 7px;
    width: 24px; }
  .fr-toolbar .fr-command.fr-btn svg.fr-svg, .fr-popup .fr-command.fr-btn svg.fr-svg, .fr-modal .fr-command.fr-btn svg.fr-svg {
    height: 24px; }
  .fr-toolbar .fr-command.fr-btn svg path, .fr-popup .fr-command.fr-btn svg path, .fr-modal .fr-command.fr-btn svg path {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    fill: #333333; }
  .fr-toolbar .fr-command.fr-btn span.fr-sr-only, .fr-popup .fr-command.fr-btn span.fr-sr-only, .fr-modal .fr-command.fr-btn span.fr-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0; }
  .fr-toolbar .fr-command.fr-btn span, .fr-popup .fr-command.fr-btn span, .fr-modal .fr-command.fr-btn span {
    font-size: 14px;
    display: block;
    line-height: 17px;
    min-width: 30px;
    float: left;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 17px;
    font-weight: bold;
    padding: 0 4px; }
  .fr-toolbar .fr-command.fr-btn img, .fr-popup .fr-command.fr-btn img, .fr-modal .fr-command.fr-btn img {
    margin: 8px 7px;
    width: 24px; }
  .fr-toolbar .fr-command.fr-btn.fr-btn-active-popup, .fr-popup .fr-command.fr-btn.fr-btn-active-popup, .fr-modal .fr-command.fr-btn.fr-btn-active-popup {
    background: #d6d6d6; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-selection span {
    font-weight: normal; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown i, .fr-toolbar .fr-command.fr-btn.fr-dropdown span, .fr-toolbar .fr-command.fr-btn.fr-dropdown img, .fr-toolbar .fr-command.fr-btn.fr-dropdown svg, .fr-popup .fr-command.fr-btn.fr-dropdown i, .fr-popup .fr-command.fr-btn.fr-dropdown span, .fr-popup .fr-command.fr-btn.fr-dropdown img, .fr-popup .fr-command.fr-btn.fr-dropdown svg, .fr-modal .fr-command.fr-btn.fr-dropdown i, .fr-modal .fr-command.fr-btn.fr-dropdown span, .fr-modal .fr-command.fr-btn.fr-dropdown img, .fr-modal .fr-command.fr-btn.fr-dropdown svg {
    margin-left: 3px;
    margin-right: 11px; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown:after, .fr-popup .fr-command.fr-btn.fr-dropdown:after, .fr-modal .fr-command.fr-btn.fr-dropdown:after {
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #333333;
    right: 2px;
    top: 18px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    content: ""; }
  .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active {
    fill: #333333;
    background: #d6d6d6;
    -webkit-transition: 0.5s ease;
    -moz-transition: 0.5s ease;
    -ms-transition: 0.5s ease;
    -o-transition: 0.5s ease; }
    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover {
      background: #ebebeb;
      fill: #333333; }
      .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:hover::after {
        border-top-color: #333333; }
    .fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:after, .fr-modal .fr-command.fr-btn.fr-dropdown.fr-active:after {
      border-top: 0;
      border-bottom: 4px solid #222222; }
  .fr-toolbar .fr-command.fr-btn.fr-disabled, .fr-popup .fr-command.fr-btn.fr-disabled, .fr-modal .fr-command.fr-btn.fr-disabled {
    color: #bdbdbd;
    cursor: default;
    -webkit-opacity: 0.3;
    -moz-opacity: 0.3;
    opacity: 0.3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .fr-toolbar .fr-command.fr-btn.fr-disabled::after, .fr-popup .fr-command.fr-btn.fr-disabled::after, .fr-modal .fr-command.fr-btn.fr-disabled::after {
      border-top-color: #bdbdbd; }
  .fr-toolbar .fr-command.fr-btn.fr-hidden, .fr-popup .fr-command.fr-btn.fr-hidden, .fr-modal .fr-command.fr-btn.fr-hidden {
    display: none; }
.fr-toolbar .fr-tabs .fr-command.fr-btn, .fr-popup .fr-tabs .fr-command.fr-btn, .fr-modal .fr-tabs .fr-command.fr-btn {
  margin: 0;
  width: 46px;
  height: 40px;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-toolbar .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-popup .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active, .fr-modal .fr-tabs .fr-command.fr-btn:not(:hover):not(:focus).fr-active-tab {
    background: #FFF; }
  .fr-toolbar .fr-tabs .fr-command.fr-btn span, .fr-popup .fr-tabs .fr-command.fr-btn span, .fr-modal .fr-tabs .fr-command.fr-btn span {
    height: 27px; }
  .fr-toolbar .fr-tabs .fr-command.fr-btn img, .fr-toolbar .fr-tabs .fr-command.fr-btn svg, .fr-popup .fr-tabs .fr-command.fr-btn img, .fr-popup .fr-tabs .fr-command.fr-btn svg, .fr-modal .fr-tabs .fr-command.fr-btn img, .fr-modal .fr-tabs .fr-command.fr-btn svg {
    margin: 8px 11px;
    width: 24px;
    height: 24px; }
.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: #0098f7; }
.fr-toolbar.fr-disabled .fr-btn, .fr-toolbar.fr-disabled .fr-btn.fr-active, .fr-popup.fr-disabled .fr-btn, .fr-popup.fr-disabled .fr-btn.fr-active, .fr-modal.fr-disabled .fr-btn, .fr-modal.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
  -webkit-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after, .fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-dropdown::after, .fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-dropdown::after, .fr-modal.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
    border-top-color: #bdbdbd; }
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-left, .fr-popup.fr-rtl .fr-btn-grp.fr-float-left, .fr-modal.fr-rtl .fr-btn-grp.fr-float-left {
  float: right; }
.fr-toolbar.fr-rtl .fr-btn-grp.fr-float-right, .fr-popup.fr-rtl .fr-btn-grp.fr-float-right, .fr-modal.fr-rtl .fr-btn-grp.fr-float-right {
  float: left; }
.fr-toolbar.fr-rtl .fr-command.fr-btn, .fr-toolbar.fr-rtl .fr-btn-wrap, .fr-popup.fr-rtl .fr-command.fr-btn, .fr-popup.fr-rtl .fr-btn-wrap, .fr-modal.fr-rtl .fr-command.fr-btn, .fr-modal.fr-rtl .fr-btn-wrap {
  float: right; }
  .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-popup.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-command.fr-btn.fr-dropdown.fr-options, .fr-modal.fr-rtl .fr-btn-wrap.fr-dropdown.fr-options {
    border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .fr-toolbar.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-toolbar.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-popup.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-popup.fr-rtl .fr-btn-wrap.fr-btn-hover, .fr-modal.fr-rtl .fr-command.fr-btn.fr-btn-hover, .fr-modal.fr-rtl .fr-btn-wrap.fr-btn-hover {
    border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-toolbar.fr-inline > .fr-command.fr-btn:not(.fr-hidden), .fr-toolbar.fr-inline > .fr-btn-wrap:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none; }

.fr-desktop .fr-command:hover, .fr-desktop .fr-command:focus, .fr-desktop .fr-command.fr-btn-hover, .fr-desktop .fr-command.fr-expanded {
  outline: 0;
  color: #333333; }
  .fr-desktop .fr-command:hover:not(.fr-table-cell), .fr-desktop .fr-command:focus:not(.fr-table-cell), .fr-desktop .fr-command.fr-btn-hover:not(.fr-table-cell), .fr-desktop .fr-command.fr-expanded:not(.fr-table-cell) {
    background: #ebebeb; }
  .fr-desktop .fr-command:hover::after, .fr-desktop .fr-command:focus::after, .fr-desktop .fr-command.fr-btn-hover::after, .fr-desktop .fr-command.fr-expanded::after {
    border-top-color: #333333; }
.fr-desktop .fr-command.fr-selected:not(.fr-table-cell), .fr-desktop .fr-command:active {
  color: #333333;
  background: #d6d6d6; }
.fr-desktop .fr-command.fr-active:hover, .fr-desktop .fr-command.fr-active:focus, .fr-desktop .fr-command.fr-active.fr-btn-hover, .fr-desktop .fr-command.fr-active.fr-expanded {
  background: #ebebeb; }
.fr-desktop .fr-command.fr-active:active {
  background: #d6d6d6; }
.fr-desktop .fr-command.fr-disabled:hover, .fr-desktop .fr-command.fr-disabled:focus, .fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent; }
.fr-desktop.fr-disabled .fr-command:hover, .fr-desktop.fr-disabled .fr-command:focus, .fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent; }

.fr-toolbar.fr-mobile .fr-command.fr-blink, .fr-popup.fr-mobile .fr-command.fr-blink {
  background: #d6d6d6; }

.fr-popup.fr-mobile .fr-command:focus-visible {
  outline: none; }

.fr-command.fr-btn.fr-options {
  width: 16px;
  margin-left: -5px; }
  .fr-command.fr-btn.fr-options.fr-btn-hover, .fr-command.fr-btn.fr-options:hover, .fr-command.fr-btn.fr-options:focus {
    border-left: solid 1px #FAFAFA;
    -webkit-transition: border-left 0s, background-color 0.5s;
    -moz-transition: border-left 0s, background-color 0.5s;
    -ms-transition: border-left 0s, background-color 0.5s;
    -o-transition: border-left 0s, background-color 0.5s; }
.fr-command.fr-btn + .fr-dropdown-menu {
  background: #FFF;
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
  .fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    height: auto;
    max-height: 275px; }
  .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
    padding: 0;
    margin: auto;
    display: inline-block;
    text-align: left;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    margin-top: 0;
    float: left;
    height: 0;
    margin-top: 0 !important; }
    .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
      position: relative; }
      .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
        list-style-type: none;
        margin: 0;
        padding: 8px 0;
        min-width: 72px; }
        .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
          padding: 0;
          margin: 0;
          font-size: 15px; }
          .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
            padding: 0 20px;
            line-height: 200%;
            display: flex;
            cursor: pointer;
            white-space: nowrap;
            color: inherit;
            text-decoration: none;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box; }
            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg {
              width: 24px;
              height: 24px;
              margin: 3px 4px; }
              .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a svg path {
                fill: #333333; }
            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
              background: #d6d6d6; }
            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
              color: #bdbdbd;
              cursor: default; }
            .fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a .fr-shortcut {
              margin-left: 20px;
              font-weight: bold;
              -webkit-opacity: 0.75;
              -moz-opacity: 0.75;
              opacity: 0.75; }
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }

.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-toolbar.fr-rtl .fr-dropdown-wrapper, .fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important; }

body.fr-prevent-scroll {
  overflow: hidden; }
  body.fr-prevent-scroll.fr-mobile {
    position: fixed;
    -webkit-overflow-scrolling: touch; }

.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2; }
  .fr-modal.fr-middle .fr-modal-wrapper {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    position: absolute; }
  .fr-modal .fr-modal-wrapper {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-clip: padding-box;
    margin: 20px auto;
    display: inline-block;
    background: #FFF;
    min-width: 300px;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    overflow: hidden;
    width: 90%;
    position: relative; }
    @media (min-width: 768px) and (max-width: 991px) {
      .fr-modal .fr-modal-wrapper {
        margin: 30px auto;
        width: 70%; } }
    @media (min-width: 992px) {
      .fr-modal .fr-modal-wrapper {
        margin: 50px auto;
        width: 960px; } }
    .fr-modal .fr-modal-wrapper .fr-modal-head {
      background: #FFF;
      overflow: hidden;
      position: absolute;
      width: 100%;
      min-height: 42px;
      z-index: 3;
      border-bottom: solid #efefef 1px;
      -webkit-transition: all 0.2s ease 0s;
      -moz-transition: all 0.2s ease 0s;
      -ms-transition: all 0.2s ease 0s;
      -o-transition: all 0.2s ease 0s; }
      .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-head-line {
        height: 56px;
        padding: 0 10px; }
      .fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
        margin: 10px;
        position: absolute;
        top: 0;
        right: 0; }
      .fr-modal .fr-modal-wrapper .fr-modal-head h4 {
        font-size: 20px;
        padding: 19px 10px;
        margin: 0;
        font-weight: 400;
        line-height: 18px;
        display: inline-block;
        float: left; }
    .fr-modal .fr-modal-wrapper div.fr-modal-body {
      height: 100%;
      min-height: 150px;
      overflow-y: auto;
      padding-bottom: 20px; }
      .fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
        outline: 0; }
      .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
        height: 36px;
        line-height: 1;
        color: #0098f7;
        padding: 10px;
        cursor: pointer;
        text-decoration: none;
        border: none;
        background: none;
        font-size: 16px;
        outline: none;
        -webkit-transition: background 0.2s ease 0s;
        -moz-transition: background 0.2s ease 0s;
        -ms-transition: background 0.2s ease 0s;
        -o-transition: background 0.2s ease 0s;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box; }
        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
          margin-left: 24px; }
        .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 {
          background: #ebebeb;
          color: #0098f7; }
        .fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
          background: #d6d6d6;
          color: #0098f7; }
      .fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
        border: 0; }

.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb; }

.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639; }

ol.decimal_type {
  counter-reset: item; }

ol.decimal_type > li {
  display: block;
  position: relative; }

ol.decimal_type > li:before {
  content: counters(item,".") ". ";
  counter-increment: item;
  position: absolute;
  margin-right: 100%;
  right: 10px; }

.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #FFF;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2; }
  .fr-popup .fr-icon {
    text-align: center;
    vertical-align: middle;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    font-weight: 400;
    box-sizing: content-box;
    padding: 6px; }
  .fr-popup .fr-icon-container {
    padding: 20px;
    max-height: 200px;
    overflow: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    @supports not (-ms-high-contrast: none) {
      .fr-popup .fr-icon-container {
        grid-template-columns: repeat(auto-fill, minmax(36px, 36px));
        display: grid; } }
    @media (min-width: 768px) {
      .fr-popup .fr-icon-container {
        min-width: 276px; } }
    @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
      .fr-popup .fr-icon-container {
        display: inline-flex;
        -ms-flex-flow: row wrap; } }
    @media screen and (-ms-high-contrast: active) and (max-width: 768px), (-ms-high-contrast: none) and (max-width: 768px) {
      .fr-popup .fr-icon-container {
        width: 236px; } }
  .fr-popup .fr-input-focus {
    background: whitesmoke; }
  .fr-popup.fr-above {
    margin-top: -10px;
    border-top: 0; }
  .fr-popup.fr-active {
    display: block; }
  .fr-popup.fr-hidden {
    display: none !important; }
  .fr-popup.fr-empty {
    display: none !important; }
  .fr-popup .fr-hs {
    display: block !important; }
    .fr-popup .fr-hs.fr-hidden {
      display: none !important; }
  .fr-popup .fr-input-line {
    position: relative;
    padding: 15px 0; }
    .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"], .fr-popup .fr-input-line textarea {
      width: 100%;
      margin-bottom: 1px;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -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: 4px 12px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: border 0.5s, padding 0.5s;
      -moz-transition: border 0.5s, padding 0.5s;
      -ms-transition: border 0.5s, padding 0.5s;
      -o-transition: border 0.5s, padding 0.5s; }
      .fr-popup .fr-input-line input[type="text"]:hover, .fr-popup .fr-input-line input[type="number"]:hover, .fr-popup .fr-input-line textarea:hover {
        border: solid 1px #515151; }
      .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 {
        border: solid 2px #0098f7;
        padding: 3px 11px; }
    .fr-popup .fr-input-line input[type="text"], .fr-popup .fr-input-line input[type="number"] {
      height: 46px; }
    .fr-popup .fr-input-line input + label, .fr-popup .fr-input-line textarea + label {
      position: absolute;
      top: 29px;
      left: 12px;
      font-size: 14px;
      color: grey;
      -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      z-index: 3;
      display: block;
      background: #FFF;
      padding: 0;
      cursor: text; }
    .fr-popup .fr-input-line input.fr-not-empty + label, .fr-popup .fr-input-line textarea.fr-not-empty + label {
      color: gray;
      width: auto;
      left: 4px;
      padding: 0 4px;
      font-size: 11px;
      top: 9px; }
  .fr-popup input, .fr-popup textarea {
    user-select: text;
    -o-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: none; }
  .fr-popup textarea {
    resize: none; }
  .fr-popup .fr-buttons {
    white-space: nowrap;
    line-height: 0; }
    .fr-popup .fr-buttons .fr-btn {
      margin-left: 4px;
      margin-right: 4px;
      display: inline-block;
      float: none; }
      .fr-popup .fr-buttons .fr-btn i {
        float: left; }
    .fr-popup .fr-buttons .fr-separator {
      display: inline-block;
      float: none; }
    .fr-popup .fr-buttons.fr-tabs {
      border-radius: 6px 6px 0 0;
      -moz-border-radius: 6px 6px 0 0;
      -webkit-border-radius: 6px 6px 0 0;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      background-color: #f5f5f5;
      overflow: hidden; }
      @media (max-width: 768px) {
        .fr-popup .fr-buttons.fr-tabs.fr-tabs-scroll {
          overflow: scroll;
          overflow-y: hidden;
          width: 276px; } }
    .fr-popup .fr-buttons:not(.fr-tabs) {
      padding: 5px; }
  .fr-popup .fr-layer {
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 195px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 20px;
    display: none; }
    @media (min-width: 768px) {
      .fr-popup .fr-layer {
        width: 260px; } }
    .fr-popup .fr-layer.fr-active {
      display: inline-block; }
  .fr-popup .fr-action-buttons {
    z-index: 7;
    height: 36px;
    text-align: right; }
    .fr-popup .fr-action-buttons button.fr-command {
      height: 36px;
      line-height: 1;
      color: #0098f7;
      padding: 10px;
      cursor: pointer;
      text-decoration: none;
      border: none;
      background: none;
      font-size: 16px;
      outline: none;
      -webkit-transition: background 0.2s ease 0s;
      -moz-transition: background 0.2s ease 0s;
      -ms-transition: background 0.2s ease 0s;
      -o-transition: background 0.2s ease 0s;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
      .fr-popup .fr-action-buttons button.fr-command + button {
        margin-left: 24px; }
      .fr-popup .fr-action-buttons button.fr-command:hover, .fr-popup .fr-action-buttons button.fr-command:focus {
        background: #ebebeb;
        color: #0098f7; }
      .fr-popup .fr-action-buttons button.fr-command:active {
        background: #d6d6d6;
        color: #0098f7; }
    .fr-popup .fr-action-buttons button::-moz-focus-inner {
      border: 0; }
  .fr-popup .fr-checkbox {
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 10px;
    border-radius: 100%;
    line-height: 1;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    vertical-align: middle; }
    .fr-popup .fr-checkbox svg {
      margin-left: 2px;
      margin-top: 2px;
      display: none;
      width: 10px;
      height: 10px; }
    .fr-popup .fr-checkbox span {
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      width: 18px;
      height: 18px;
      display: inline-block;
      position: relative;
      z-index: 1;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
      -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
      -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
      -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
    .fr-popup .fr-checkbox input {
      position: absolute;
      z-index: 2;
      -webkit-opacity: 0;
      -moz-opacity: 0;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      border: 0 none;
      cursor: pointer;
      height: 18px;
      margin: 0;
      padding: 0;
      width: 18px;
      top: 7px;
      left: 7px; }
      .fr-popup .fr-checkbox input:not(:checked) + span {
        border: solid 2px #999999; }
      .fr-popup .fr-checkbox input:not(:checked):active + span {
        background-color: #f5f5f5; }
      .fr-popup .fr-checkbox input:not(:checked):focus + span, .fr-popup .fr-checkbox input:not(:checked):hover + span {
        border-color: #515151; }
      .fr-popup .fr-checkbox input:checked + span {
        background: #0098f7;
        border: solid 2px #0098f7; }
        .fr-popup .fr-checkbox input:checked + span svg {
          display: block; }
      .fr-popup .fr-checkbox input:checked:active + span {
        background-color: #EcF5Ff; }
      .fr-popup .fr-checkbox input:checked:focus + span, .fr-popup .fr-checkbox input:checked:hover + span {
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .fr-popup .fr-checkbox-line {
    font-size: 14px;
    line-height: 1.4px;
    margin-top: 10px; }
    .fr-popup .fr-checkbox-line label {
      cursor: pointer;
      margin: 0 5px;
      vertical-align: middle; }
  .fr-popup.fr-rtl {
    direction: rtl;
    text-align: right; }
    .fr-popup.fr-rtl .fr-action-buttons {
      text-align: left; }
    .fr-popup.fr-rtl .fr-input-line input + label, .fr-popup.fr-rtl .fr-input-line textarea + label {
      left: auto;
      right: 0; }
    .fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
      float: right; }

.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important; }

.fr-toolbar {
  color: #222222;
  background: #FFF;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  text-align: left;
  border: 1px solid #CCCCCC;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
  padding-bottom: 0;
  -webkit-transition: padding-bottom 0.5s;
  -moz-transition: padding-bottom 0.5s;
  -ms-transition: padding-bottom 0.5s;
  -o-transition: padding-bottom 0.5s; }
  .fr-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0; }
  .fr-toolbar::after {
    height: 0; }
  .fr-toolbar .fr-newline {
    clear: both;
    display: block;
    content: "";
    margin-left: 9px;
    margin-right: 9px;
    background: #efefef;
    height: 1px;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s; }
  .fr-toolbar.fr-toolbar-open .fr-newline {
    height: 0; }
  .fr-toolbar .fr-float-right {
    float: right; }
  .fr-toolbar .fr-float-left {
    float: left; }
  .fr-toolbar .fr-more-toolbar {
    float: left;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #f5f5f5;
    -webkit-transition: height 0.5s;
    -moz-transition: height 0.5s;
    -ms-transition: height 0.5s;
    -o-transition: height 0.5s;
    height: 0;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%; }
    .fr-toolbar .fr-more-toolbar.fr-expanded {
      height: 48px; }
    .fr-toolbar .fr-more-toolbar.fr-overflow-visible {
      overflow: visible; }
    .fr-toolbar .fr-more-toolbar > .fr-command.fr-btn {
      margin-left: 4px;
      margin-right: 4px; }
  .fr-toolbar .fr-btn-grp {
    display: inline-block;
    margin: 0 17px 0 12px; }
    @media (max-width: 768px) {
      .fr-toolbar .fr-btn-grp {
        margin: 0 7px 0 6px; } }
  .fr-toolbar .fr-command.fr-btn.fr-open {
    margin-top: 10px;
    margin-bottom: -1px;
    border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    .fr-toolbar .fr-command.fr-btn.fr-open:not(:hover):not(:focus):not(:active) {
      background: #f5f5f5; }
  .fr-toolbar .fr-popup .fr-command:focus-visible {
    outline: none; }
  .fr-toolbar.fr-rtl {
    text-align: right; }
  .fr-toolbar.fr-inline {
    display: none;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2), 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12);
    border: 0;
    white-space: nowrap;
    position: absolute;
    margin-top: 5px;
    z-index: 2147483630; }
    .fr-toolbar.fr-inline.fr-above {
      margin-top: -10px;
      border-top: 0; }
    .fr-toolbar.fr-inline .fr-newline {
      height: 0; }
    .fr-toolbar.fr-inline .fr-more-toolbar {
      position: absolute !important; }
      .fr-toolbar.fr-inline .fr-more-toolbar.fr-expanded {
        position: relative !important; }
  .fr-toolbar.fr-top {
    top: 0;
    border-bottom: 0;
    border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .fr-toolbar.fr-bottom {
    bottom: 0;
    border-top: 0;
    padding-bottom: 0;
    border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    -webkit-border-radius: 0 0 10px 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    .fr-toolbar.fr-bottom .fr-newline {
      padding-top: 0;
      -webkit-transition: padding-top 0.5s;
      -moz-transition: padding-top 0.5s;
      -ms-transition: padding-top 0.5s;
      -o-transition: padding-top 0.5s; }
    .fr-toolbar.fr-bottom.fr-toolbar-open .fr-newline {
      padding-top: 48px;
      background: #FFF; }
    .fr-toolbar.fr-bottom .fr-command.fr-btn.fr-open {
      margin-top: -1px;
      margin-bottom: 10px;
      border-radius: 0 0 4px 4px;
      -moz-border-radius: 0 0 4px 4px;
      -webkit-border-radius: 0 0 4px 4px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box; }
  .fr-toolbar.fr-sticky-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left; }
  .fr-separator + .fr-separator {
    display: none; }
  .fr-separator.fr-vs {
    height: 32px;
    width: 1px;
    margin: 8px 4px; }
  .fr-separator.fr-hs {
    clear: both;
    width: calc(100% - (2 * 4px));
    margin: 0 4px;
    height: 1px; }
  .fr-separator.fr-hidden {
    display: none !important; }

.fr-rtl .fr-separator {
  float: right; }

.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none; }

.fr-toolbar.fr-inline .fr-separator.fr-vs {
  display: inline-block; }

.fr-second-toolbar {
  border: 1px solid #CCCCCC;
  border-top: 0;
  background: #FFF;
  line-height: 1.4;
  border-radius: 0 0 10px 10px;
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-radius: 0 0 10px 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
  .fr-second-toolbar::after {
    clear: both;
    display: block;
    content: "";
    height: 0; }

.fr-second-toolbar:empty {
  min-height: calc(10px);
  position: relative;
  margin-top: calc(-1px);
  z-index: 2; }

#fr-logo {
  float: left;
  outline: none; }
  #fr-logo > span {
    display: inline-block;
    float: left;
    font-family: sans-serif;
    padding: 11px 5px 10px 15px;
    font-size: 12px;
    font-weight: 500;
    color: #b1b2b7;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -ms-transition: color 0.3s;
    -o-transition: color 0.3s; }
  #fr-logo > svg {
    height: 20px;
    width: 47px;
    margin: 7px 0;
    cursor: pointer; }
  #fr-logo > svg * {
    -webkit-transition: fill 0.3s;
    -moz-transition: fill 0.3s;
    -ms-transition: fill 0.3s;
    -o-transition: fill 0.3s; }
  #fr-logo:hover > span, #fr-logo:focus > span {
    color: #0098f7; }
  #fr-logo:hover > svg .fr-logo, #fr-logo:focus > svg .fr-logo {
    fill: #0098f7; }

.fr-visibility-helper {
  display: none;
  margin-left: 0 !important; }
  @media (min-width: 768px) {
    .fr-visibility-helper {
      margin-left: 1px !important; } }
  @media (min-width: 992px) {
    .fr-visibility-helper {
      margin-left: 2px !important; } }
  @media (min-width: 1200px) {
    .fr-visibility-helper {
      margin-left: 3px !important; } }

.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-box {
  position: relative; }

/**
 * Postion sticky hacks.
 */
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky; }

.fr-sticky-off {
  position: relative; }

.fr-sticky-on {
  position: fixed;
  z-index: 10; }
  .fr-sticky-on.fr-sticky-ios {
    position: -webkit-sticky;
    left: 0;
    right: 0;
    width: auto !important; }

.modal .fr-sticky-on {
  position: sticky; }

.fr-sticky-dummy {
  display: none; }

.fr-sticky-on + .fr-sticky-dummy, .fr-sticky-box > .fr-sticky-dummy {
  display: block; }

span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-view .fr-highlight-change, .fr-highlight-change > img, .fr-highlight-change > .fr-video > video,
.fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-video > iframe, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe,
.fr-highlight-change > p, .fr-view .fr-highlight-change > span:not(.fr-tracking-deleted) {
  background-color: #f3eec3;
  opacity: 0.5; }

.fr-highlight-change.fr-highlight-change > table td, .fr-highlight-change.fr-highlight-change > hr {
  border-color: #f3eec3; }

.fr-tracking-deleted.fr-tracking-deleted > table td, .fr-tracking-deleted.fr-tracking-deleted > hr {
  border-color: #dc3545; }

.fr-tracking-deleted img, .fr-tracking-deleted > .fr-video > video, .fr-tracking-deleted > .fr-video > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  opacity: 0.5;
  background-color: #dc3545; }

.fr-view .fr-tracking-deleted {
  background-color: #dc3545;
  text-decoration: line-through;
  pointer-events: none;
  user-select: none;
  opacity: 1; }

.fr-highlight-change > .fr-video > iframe, .fr-tracking-deleted > .fr-video > iframe, .fr-highlight-change > .fr-video > video, .fr-tracking-deleted > .fr-video > video, .fr-highlight-change > .fr-video > embed, .fr-highlight-change > .fr-embedly > .embedly-card > .embedly-card-hug > iframe, .fr-tracking-deleted > .fr-embedly > .embedly-card > .embedly-card-hug > iframe {
  padding: 10px !important; }

.fr-tracking-deleted img, .fr-highlight-change img {
  border: 2px solid #f3eec3; }

.fr-highlight-change #isPasted *:not(table):not(tbody):not(tr):not(td) {
  opacity: 0.5;
  background-color: #f3eec3; }

.fr-highlight-change #isPasted > table td {
  opacity: 0.5;
  border-color: #f3eec3; }

.fr-track-hide {
  display: none; }

.fr-track-hide-mobile {
  width: 0;
  height: 0;
  overflow: hidden;
  position: absolute; }

.fr-ios-mobile-disable-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none; }

.fr-bottom-extended {
  flex-wrap: wrap;
  display: flex;
  box-sizing: border-box; }

.position-relative {
  position: relative !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-box .fr-counter {
  padding: 10px;
  float: right;
  color: #999999;
  content: attr(data-chars);
  font-size: 14px;
  font-family: sans-serif;
  z-index: 1;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }
.fr-box.fr-rtl .fr-counter {
  left: 0;
  right: auto;
  border-left: none;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-box.fr-code-view .fr-counter {
  display: none; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0;
  font-family: "Courier New",monospace;
  font-size: 14px;
  background: #FFF;
  color: #000;
  outline: none; }

.fr-box.fr-rtl textarea.fr-code {
  direction: rtl; }

.fr-box .CodeMirror {
  display: none; }

.fr-box.fr-code-view textarea.fr-code {
  display: block; }
.fr-box.fr-code-view .fr-element, .fr-box.fr-code-view .fr-placeholder, .fr-box.fr-code-view .fr-iframe {
  display: none; }
.fr-box.fr-code-view .CodeMirror {
  display: block; }

.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block; }
.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  background: #FFF;
  color: #333333;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 8px 7px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .fr-box.fr-inline .fr-command.fr-btn.html-switch i {
    font-size: 24px;
    width: 24px;
    text-align: center; }
  .fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
    background: #ebebeb; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-layer.fr-color-hex-layer {
  margin: 0;
  padding: 20px;
  padding-top: 0;
  float: left; }
  .fr-popup .fr-layer.fr-color-hex-layer .fr-input-line {
    float: left;
    width: calc(100% - 50px);
    padding: 15px 0 0; }
  .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons {
    float: right;
    width: 38px;
    height: 40px;
    padding: 17px 0 0;
    margin: 0; }
  .fr-popup .fr-layer.fr-color-hex-layer .fr-action-buttons button.fr-command {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    font-size: 13px;
    height: 40px;
    width: 38px; }
.fr-popup .fr-separator + .fr-colors-tabs {
  margin-left: 2px;
  margin-right: 2px; }
.fr-popup .fr-color-set {
  line-height: 0;
  display: none; }
  .fr-popup .fr-color-set.fr-selected-set {
    display: block;
    padding: 20px;
    padding-bottom: 0; }
  .fr-popup .fr-color-set > span {
    display: inline-block;
    width: 32px;
    height: 32px;
    position: relative;
    z-index: 1; }
    .fr-popup .fr-color-set > span > i, .fr-popup .fr-color-set > span > svg {
      text-align: center;
      line-height: 32px;
      height: 24px;
      width: 24px;
      margin: 4px;
      font-size: 13px;
      position: absolute;
      bottom: 0;
      cursor: default;
      left: 0; }
      .fr-popup .fr-color-set > span > i path, .fr-popup .fr-color-set > span > svg path {
        fill: #222222; }
    .fr-popup .fr-color-set > span .fr-selected-color {
      color: #FFF;
      font-family: FontAwesome;
      font-size: 13px;
      font-weight: 400;
      line-height: 32px;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: 0;
      text-align: center;
      cursor: default; }
    .fr-popup .fr-color-set > span:hover, .fr-popup .fr-color-set > span:focus {
      outline: 1px solid #222222;
      z-index: 2; }

.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0); }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-drag-helper {
  background: #0098f7;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none; }
  .fr-drag-helper.fr-visible {
    display: block; }

.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-emoticon {
  width: 24px;
  height: 24px;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", NotoColorEmoji, "Segoe UI Symbol", "Android Emoji", EmojiSymbols; }
  .fr-popup .fr-emoticon img {
    height: 24px;
    width: 24px; }
.fr-popup .fr-command.fr-btn.fr-tabs-unicode {
  padding: 0 0 0 14px; }
@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-emoticon-container {
    width: 368px; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }
  .fr-popup .fr-file-upload-layer:hover {
    background: #ebebeb; }
  .fr-popup .fr-file-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7; }
  .fr-popup .fr-file-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; }
    .fr-popup .fr-file-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px; }
.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .fr-popup .fr-file-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal; }
  .fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
    display: none; }
  .fr-popup .fr-file-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative; }
    .fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
      display: block;
      height: 100%;
      width: 0%;
      background: #0098f7;
      -webkit-transition: width 0.2s ease 0s;
      -moz-transition: width 0.2s ease 0s;
      -ms-transition: width 0.2s ease 0s;
      -o-transition: width 0.2s ease 0s; }
    .fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
      width: 30% !important;
      position: absolute;
      top: 0;
      -webkit-animation: loading 2s linear infinite;
      -moz-animation: loading 2s linear infinite;
      -o-animation: loading 2s linear infinite;
      animation: loading 2s linear infinite; }
  .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
    display: none; }
  .fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block; }

@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@-webkit-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@-moz-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@-o-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element img {
  cursor: pointer;
  padding: 0 1px; }

.fr-height-auto {
  height: auto !important; }

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center; }

.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none; }
  .fr-trim-button:hover {
    background: #ebebeb; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .fr-image-resizer.fr-active {
    display: block; }
  .fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .fr-image-resizer .fr-handler.fr-hnw {
      cursor: nw-resize; }
    .fr-image-resizer .fr-handler.fr-hne {
      cursor: ne-resize; }
    .fr-image-resizer .fr-handler.fr-hsw {
      cursor: sw-resize; }
    .fr-image-resizer .fr-handler.fr-hse {
      cursor: se-resize; }
  .fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px; }
    .fr-image-resizer .fr-handler.fr-hnw {
      left: -6px;
      top: -6px; }
    .fr-image-resizer .fr-handler.fr-hne {
      right: -6px;
      top: -6px; }
    .fr-image-resizer .fr-handler.fr-hsw {
      left: -6px;
      bottom: -6px; }
    .fr-image-resizer .fr-handler.fr-hse {
      right: -6px;
      bottom: -6px; }
  @media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
      width: 10px;
      height: 10px; }
      .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px; }
      .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px; }
      .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px; }
      .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px; } }

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

.fr-by-url-padding {
  padding: 11.5px 0; }

.fr-popup .fr-upload-progress-layer {
  border-radius: 0;
  box-sizing: border-box;
  padding-left: 20px;
  padding-top: 15px;
  margin: auto !important;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100% !important;
  overscroll-behavior: contain; }
.fr-popup .fr-files-by-url-layer {
  width: calc(100% - 40px) !important; }
.fr-popup .fr-files-embed-layer {
  width: calc(100% - 40px) !important; }
.fr-popup .fr-files-upload-layer {
  border: dashed 2px #bdbdbd;
  margin: 20px;
  position: relative;
  font-size: 10px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
  width: calc(100% - 40px) !important; }
  .fr-popup .fr-files-upload-layer:hover {
    background: #ebebeb; }
  .fr-popup .fr-files-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7; }
  .fr-popup .fr-files-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; }
    .fr-popup .fr-files-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px; }
.fr-popup .fr-files-progress-bar-layer {
  width: calc(100% - 40px);
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-stretch;
  /* Mozilla-based browsers will ignore this. */
  width: stretch; }
  .fr-popup .fr-files-progress-bar-layer > h3 {
    font-size: 16px;
    margin: 10px 0;
    font-weight: normal; }
  .fr-popup .fr-files-progress-bar-layer > div.fr-action-buttons {
    display: none; }
  .fr-popup .fr-files-progress-bar-layer > div.fr-loader {
    background: #b3e0fd;
    height: 10px;
    width: 100%;
    margin-top: 20px;
    overflow: hidden;
    position: relative; }
    .fr-popup .fr-files-progress-bar-layer > div.fr-loader span {
      display: block;
      height: 100%;
      width: 0%;
      background: #0098f7;
      -webkit-transition: width 0.2s ease 0s;
      -moz-transition: width 0.2s ease 0s;
      -ms-transition: width 0.2s ease 0s;
      -o-transition: width 0.2s ease 0s; }
    .fr-popup .fr-files-progress-bar-layer > div.fr-loader.fr-indeterminate span {
      width: 30% !important;
      position: absolute;
      top: 0;
      -webkit-animation: loading 2s linear infinite;
      -moz-animation: loading 2s linear infinite;
      -o-animation: loading 2s linear infinite;
      animation: loading 2s linear infinite; }
  .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-loader {
    display: none; }
  .fr-popup .fr-files-progress-bar-layer.fr-error > div.fr-action-buttons {
    display: block; }

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }
  .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
    margin-left: 10px; }

.fr-progress-bar-style {
  width: calc(100% - 40px); }

.fr-progress-bar {
  position: relative;
  background-color: #4CAF50;
  height: 8px;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-stretch;
  /* Mozilla-based browsers will ignore this. */
  width: stretch; }

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

@-webkit-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@-moz-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@-o-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
.fr-pull-left {
  float: left; }

.fr-pull-right {
  float: right; }

.fr-icons {
  padding: 10px 20px 0;
  display: inline; }

.fr-transform-135 {
  transform: rotate(135deg); }

.fr-icons i {
  margin: 4px;
  padding: 2px;
  cursor: pointer;
  color: #999588;
  font-size: 20px; }

.fr-blue-decorator {
  background: #4a7fba;
  color: white;
  display: grid;
  padding: 5px; }

.fr-upload-progress {
  padding: 1px; }

.fr-upload-section {
  position: relative;
  width: 100%;
  width: -moz-available;
  /* WebKit-based browsers will ignore this. */
  width: -webkit-stretch;
  /* Mozilla-based browsers will ignore this. */
  width: stretch; }

@media screen and (max-width: 399px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }
@media screen and (min-width: 400px) and (max-width: 469px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }
@media screen and (min-width: 470px) and (max-width: 680px) {
  .fr-upload-section {
    margin-left: 7px;
    margin-right: 7px; }

  .fr-files-upload-layer {
    padding-top: 7px;
    padding-bottom: 7px; } }
@media screen and (min-width: 681px) {
  .fr-upload-section {
    margin-left: 35px;
    margin-right: 35px; }

  .fr-files-upload-layer {
    padding-top: 20px;
    padding-bottom: 20px; } }
.fr-half-circle {
  width: 60px;
  height: 25px;
  background-color: white;
  border-top-left-radius: 110px;
  border-top-right-radius: 110px;
  transform: rotate(180deg);
  border-bottom: 0;
  position: relative;
  left: 50%;
  z-index: 1;
  left: 50%;
  margin-top: -1px;
  margin-left: -25px; }

/* headlines with lines */
.fr-decorated {
  overflow: hidden;
  text-align: center; }

.fr-decorated > span {
  position: relative;
  display: inline-block; }

.fr-decorated > span:before, .fr-decorated > span:after {
  content: '';
  position: absolute;
  top: 50%;
  border-bottom: 2px solid #ffffff;
  width: 100%;
  /* half of limiter*/
  margin: 0 20px; }

.fr-decorated > span:before {
  right: 100%; }

.fr-decorated > span:after {
  left: 100%; }

.fr-align-right {
  float: right; }

/* The checkbox-container */
.fr-checkbox-container {
  display: inline-block;
  position: relative;
  padding-left: 20px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 13px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.fr-files-checkbox-line {
  display: flex;
  align-items: center;
  font-size: 10px; }
  .fr-files-checkbox-line label {
    cursor: pointer;
    vertical-align: middle; }

.fr-insert-checkbox input {
  height: 13px !important;
  width: 13px !important; }

.fr-autoplay-checkbox input {
  height: 13px !important;
  width: 13px !important; }

button[data-cmd="insertFiles"] {
  padding-left: 2px !important;
  padding-top: 2.7px !important; }
button[data-cmd="autoplay"] svg {
  position: relative !important;
  top: 3.2px !important; }
button[data-cmd="insertAll"] {
  padding-left: 4px !important; }
  button[data-cmd="insertAll"] svg {
    position: relative !important;
    top: 3.2px !important; }

/* Hide the browser's default checkbox */
.fr-checkbox-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0; }

/* Create a custom checkbox */
.fr-checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee; }

.fr-file-list-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 7px;
  flex-wrap: wrap;
  position: relative;
  top: -20px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 7px; }

.fr-file-item-left {
  display: flex;
  flex-wrap: wrap; }

.fr-file-item-icon {
  display: flex;
  align-items: center;
  padding-left: 7px; }

.fr-file-item-description {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  max-width: 400px;
  margin-left: 5px; }

.fr-cloud-icon {
  height: 30px;
  width: 32px;
  background-color: white;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  margin-top: -18px; }

.fr-files-checkbox {
  position: relative;
  display: inline-block;
  width: 13px;
  height: 13px;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle; }
  .fr-files-checkbox svg {
    margin-left: 0px;
    margin-top: 0px;
    display: none;
    width: 10px;
    height: 10px; }
  .fr-files-checkbox span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
  .fr-files-checkbox input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: pointer;
    height: 18px;
    margin: 0;
    padding: 0;
    width: 18px; }
    .fr-files-checkbox input:not(:checked) + span {
      border: solid 2px #999999; }
    .fr-files-checkbox input:not(:checked):active + span {
      background-color: #f5f5f5; }
    .fr-files-checkbox input:not(:checked):focus + span, .fr-files-checkbox input:not(:checked):hover + span {
      border-color: #515151; }
    .fr-files-checkbox input:checked + span {
      background: #0098f7;
      border: solid 2px #0098f7; }
      .fr-files-checkbox input:checked + span svg {
        display: block; }
    .fr-files-checkbox input:checked:active + span {
      background-color: #EcF5Ff; }
    .fr-files-checkbox input:checked:focus + span, .fr-files-checkbox input:checked:hover + span {
      -webkit-opacity: 0.8;
      -moz-opacity: 0.8;
      opacity: 0.8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

.fr-checkbox-disabled {
  opacity: 0.4;
  position: relative;
  display: inline-block;
  width: 13px !important;
  height: 13px !important;
  padding-right: 5px;
  border-radius: 100%;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle; }
  .fr-checkbox-disabled svg {
    margin-left: 2px;
    margin-top: 2px;
    display: none;
    width: 10px;
    height: 10px; }
  .fr-checkbox-disabled span {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    width: 15px;
    height: 15px;
    display: inline-block;
    position: relative;
    z-index: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
    -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s; }
  .fr-checkbox-disabled input {
    position: absolute;
    z-index: 2;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border: 0 none;
    cursor: default;
    height: 13px !important;
    margin: 0;
    padding: 0;
    width: 13px !important;
    top: 7px;
    left: 7px; }
    .fr-checkbox-disabled input:not(:checked) + span {
      border: solid 2px #999999; }
    .fr-checkbox-disabled input:not(:checked):active + span {
      background-color: #f5f5f5; }
    .fr-checkbox-disabled input:checked + span {
      background: #0098f7;
      border: solid 2px #0098f7; }
      .fr-checkbox-disabled input:checked + span svg {
        display: block; }
    .fr-checkbox-disabled input:checked:active + span {
      background-color: #EcF5Ff; }

.fr-file-view {
  position: absolute;
  max-width: 60%;
  right: 10%;
  z-index: 2147483642; }

.fr-file-item-thumbnail-hover {
  transition: transform .2s; }

.fr-file-item-thumbnail-hover:hover {
  -ms-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  transform: scale(1.3); }

.fr-file-name {
  padding-top: 5px;
  font-size: 12px;
  font-weight: bold; }

.fr-margin-16 {
  margin-bottom: 16px; }

.fr-none {
  display: none; }

.fr-display-block {
  display: block; }

.fr-files-manager-tooltip {
  position: relative; }

.padding-top-15 {
  padding-top: 15px !important;
  padding-bottom: 0px !important; }

/* Tooltip text */
.fr-files-manager-tooltip .tooltiptext {
  visibility: hidden;
  width: max-content;
  max-width: 250px;
  word-break: break-word;
  word-wrap: break-word;
  background-color: black;
  color: #fff;
  text-align: left;
  padding: 4px;
  border-radius: 2px;
  /* Position the tooltip text - see examples below! */
  font-weight: 100;
  font-size: 10px;
  position: absolute;
  top: 80%;
  left: 50%;
  z-index: 2147483647; }

/* Show the tooltip text when you mouse over the tooltip container */
.fr-files-manager-tooltip:hover .tooltiptext {
  visibility: visible; }

.fr-file-details {
  display: flex;
  flex-wrap: wrap;
  font-size: 10px; }

.fr-file-date {
  word-break: break-word;
  word-wrap: break-word;
  max-width: 110px;
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px; }

.fr-file-size {
  color: #444;
  padding-top: 2px;
  padding-bottom: 2px; }

.dot {
  width: 20px;
  height: 20px;
  background-image: radial-gradient(circle, grey 1px, transparent 2px);
  background-size: 100% 33.33%;
  margin-left: 2px;
  margin-right: 2px; }

.fr-file-action-icons {
  margin-right: 5px;
  margin-left: 5px !important;
  color: #999;
  height: 25px !important;
  padding: 5px !important; }

@media screen and (max-width: 700px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 250px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%;
    font-size: 8px; } }
@media screen and (max-width: 500px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: 0%; }

  .fr-file-item-description {
    width: 130px; }

  .fr-file-item-right {
    width: 100%; }

  .progress-circle {
    font-size: 6px; } }
@media screen and (max-width: 320px) {
  .fr-files-manager-tooltip .tooltiptext {
    max-width: 100px;
    visibility: hidden;
    word-break: break-word;
    word-wrap: break-word;
    top: 90%;
    left: -50%;
    font-size: 8px; }

  .dot {
    width: 20px;
    margin-left: 0px;
    margin-right: 3px; }

  .fr-file-item-description {
    width: 80px; }

  .fr-file-details {
    display: flex;
    flex-wrap: wrap;
    font-size: 9px; }

  .fr-file-name {
    font-size: 10px; }

  .fr-file-action-icons {
    padding: 0px !important; } }
@media screen and (min-width: 501px) {
  .progress-circle {
    font-size: 9px; } }
.fr-file-view-modal {
  display: block;
  position: fixed;
  position: -ms-page;
  /* For IE */
  z-index: 2147483641;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: black;
  background-color: rgba(0, 0, 0, 0.7); }

.fr-file-view-modal-content {
  display: inline-block;
  text-align: center; }

.fr-file-view-image {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 80%;
  max-height: 70%; }

.fr-file-view-close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s; }

.fr-file-view-close:hover,
.fr-file-view-close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer; }

.fr-file-error {
  color: red;
  font-weight: 200;
  font-size: 12px;
  padding-bottom: 5px; }

.fr-file-error-h5 {
  margin: 0; }

.fr-file-item-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 20px; }

.fr-file-item-action-buttons {
  display: flex;
  align-items: center;
  justify-content: space-around; }

.fr-file-item-autoplay-checkbox {
  align-items: center;
  margin: 0px;
  padding: 0px;
  margin-right: 5px; }

.fr-autoplay-checkbox-label {
  margin: 0;
  cursor: default !important; }

/* On mouse-over, add a grey background color */
.fr-checkbox-container:hover input ~ .fr-checkmark {
  background-color: #ccc; }

/* When the checkbox is checked, add a blue background */
.fr-checkbox-container input:checked ~ .fr-checkmark {
  background-color: #2196F3; }

/* Create the checkmark/indicator (hidden when not checked) */
.fr-checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the checkmark when checked */
.fr-checkbox-container input:checked ~ .fr-checkmark:after {
  display: block; }

/* Style the checkmark/indicator */
.fr-container .fr-checkmark:after {
  left: 5px;
  top: 2px;
  width: 3px;
  height: 7px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.fr-file-item-details .file-name {
  font-weight: bold;
  display: inline; }

.fr-file-item-details .file-description {
  font-weight: 300;
  font-size: 11px;
  display: inline; }

.fr-width-10 {
  width: 10%;
  display: inline-block; }

.fr-width-20 {
  width: 20%;
  display: inline-block; }

.fr-width-30 {
  width: 30%;
  display: inline-block; }

.fr-width-40 {
  width: 40%;
  display: inline-block; }

.fr-width-50 {
  width: 50%;
  display: inline-block; }

.fr-width-60 {
  width: 60%;
  display: inline-block; }

.fr-width-100 {
  width: 100%;
  display: inline-block; }

.fr-width-80 {
  width: 80%;
  display: inline-block; }

.fr-width-90 {
  width: 90%;
  display: inline-block; }

.fr-width-85 {
  width: 85%;
  display: inline-block; }

.fr-width-5 {
  width: 5%;
  display: inline-block; }

.fr-width-7 {
  width: 7%;
  display: inline-block; }

.fr-img-icon {
  color: #aaaaaa;
  font-size: 16px;
  padding: 0px 4px; }

.fr-position-content {
  position: relative;
  top: 10px; }

.file-error {
  color: red; }

#myprogressBar {
  width: 10%;
  height: 5px;
  background-color: #4CAF50;
  position: relative;
  top: -30px; }

.fr-files-manager {
  z-index: 2147483641 !important; }

.progress-circle {
  margin: 0px;
  margin-left: 10px;
  position: relative;
  padding: 0;
  width: 5em;
  height: 5.1em;
  background-color: #f2e9e1;
  border-radius: 50%;
  line-height: 5em; }
  .progress-circle:after {
    border: none;
    position: absolute;
    top: 0.35em;
    left: 0.35em;
    text-align: center;
    display: block;
    border-radius: 50%;
    width: 4.3em;
    height: 4.3em;
    background-color: white;
    content: " "; }
  .progress-circle span {
    position: absolute;
    line-height: 5em;
    width: 5em;
    text-align: center;
    display: block;
    color: #53777a;
    z-index: 2; }
  .progress-circle.over50 .left-half-clipper {
    clip: rect(auto, auto, auto, auto); }
  .progress-circle.over50 .first50-bar {
    position: absolute;
    clip: rect(0, 5em, 5em, 2.5em);
    background-color: #53777a;
    border-radius: 50%;
    width: 5em;
    height: 5em; }
  .progress-circle:not(.over50) .first50-bar {
    display: none; }
  .progress-circle.p0 .value-bar {
    display: none; }
  .progress-circle.p1 .value-bar {
    transform: rotate(4deg); }
  .progress-circle.p2 .value-bar {
    transform: rotate(7deg); }
  .progress-circle.p3 .value-bar {
    transform: rotate(11deg); }
  .progress-circle.p4 .value-bar {
    transform: rotate(14deg); }
  .progress-circle.p5 .value-bar {
    transform: rotate(18deg); }
  .progress-circle.p6 .value-bar {
    transform: rotate(22deg); }
  .progress-circle.p7 .value-bar {
    transform: rotate(25deg); }
  .progress-circle.p8 .value-bar {
    transform: rotate(29deg); }
  .progress-circle.p9 .value-bar {
    transform: rotate(32deg); }
  .progress-circle.p10 .value-bar {
    transform: rotate(36deg); }
  .progress-circle.p11 .value-bar {
    transform: rotate(40deg); }
  .progress-circle.p12 .value-bar {
    transform: rotate(43deg); }
  .progress-circle.p13 .value-bar {
    transform: rotate(47deg); }
  .progress-circle.p14 .value-bar {
    transform: rotate(50deg); }
  .progress-circle.p15 .value-bar {
    transform: rotate(54deg); }
  .progress-circle.p16 .value-bar {
    transform: rotate(58deg); }
  .progress-circle.p17 .value-bar {
    transform: rotate(61deg); }
  .progress-circle.p18 .value-bar {
    transform: rotate(65deg); }
  .progress-circle.p19 .value-bar {
    transform: rotate(68deg); }
  .progress-circle.p20 .value-bar {
    transform: rotate(72deg); }
  .progress-circle.p21 .value-bar {
    transform: rotate(76deg); }
  .progress-circle.p22 .value-bar {
    transform: rotate(79deg); }
  .progress-circle.p23 .value-bar {
    transform: rotate(83deg); }
  .progress-circle.p24 .value-bar {
    transform: rotate(86deg); }
  .progress-circle.p25 .value-bar {
    transform: rotate(90deg); }
  .progress-circle.p26 .value-bar {
    transform: rotate(94deg); }
  .progress-circle.p27 .value-bar {
    transform: rotate(97deg); }
  .progress-circle.p28 .value-bar {
    transform: rotate(101deg); }
  .progress-circle.p29 .value-bar {
    transform: rotate(104deg); }
  .progress-circle.p30 .value-bar {
    transform: rotate(108deg); }
  .progress-circle.p31 .value-bar {
    transform: rotate(112deg); }
  .progress-circle.p32 .value-bar {
    transform: rotate(115deg); }
  .progress-circle.p33 .value-bar {
    transform: rotate(119deg); }
  .progress-circle.p34 .value-bar {
    transform: rotate(122deg); }
  .progress-circle.p35 .value-bar {
    transform: rotate(126deg); }
  .progress-circle.p36 .value-bar {
    transform: rotate(130deg); }
  .progress-circle.p37 .value-bar {
    transform: rotate(133deg); }
  .progress-circle.p38 .value-bar {
    transform: rotate(137deg); }
  .progress-circle.p39 .value-bar {
    transform: rotate(140deg); }
  .progress-circle.p40 .value-bar {
    transform: rotate(144deg); }
  .progress-circle.p41 .value-bar {
    transform: rotate(148deg); }
  .progress-circle.p42 .value-bar {
    transform: rotate(151deg); }
  .progress-circle.p43 .value-bar {
    transform: rotate(155deg); }
  .progress-circle.p44 .value-bar {
    transform: rotate(158deg); }
  .progress-circle.p45 .value-bar {
    transform: rotate(162deg); }
  .progress-circle.p46 .value-bar {
    transform: rotate(166deg); }
  .progress-circle.p47 .value-bar {
    transform: rotate(169deg); }
  .progress-circle.p48 .value-bar {
    transform: rotate(173deg); }
  .progress-circle.p49 .value-bar {
    transform: rotate(176deg); }
  .progress-circle.p50 .value-bar {
    transform: rotate(180deg); }
  .progress-circle.p51 .value-bar {
    transform: rotate(184deg); }
  .progress-circle.p52 .value-bar {
    transform: rotate(187deg); }
  .progress-circle.p53 .value-bar {
    transform: rotate(191deg); }
  .progress-circle.p54 .value-bar {
    transform: rotate(194deg); }
  .progress-circle.p55 .value-bar {
    transform: rotate(198deg); }
  .progress-circle.p56 .value-bar {
    transform: rotate(202deg); }
  .progress-circle.p57 .value-bar {
    transform: rotate(205deg); }
  .progress-circle.p58 .value-bar {
    transform: rotate(209deg); }
  .progress-circle.p59 .value-bar {
    transform: rotate(212deg); }
  .progress-circle.p60 .value-bar {
    transform: rotate(216deg); }
  .progress-circle.p61 .value-bar {
    transform: rotate(220deg); }
  .progress-circle.p62 .value-bar {
    transform: rotate(223deg); }
  .progress-circle.p63 .value-bar {
    transform: rotate(227deg); }
  .progress-circle.p64 .value-bar {
    transform: rotate(230deg); }
  .progress-circle.p65 .value-bar {
    transform: rotate(234deg); }
  .progress-circle.p66 .value-bar {
    transform: rotate(238deg); }
  .progress-circle.p67 .value-bar {
    transform: rotate(241deg); }
  .progress-circle.p68 .value-bar {
    transform: rotate(245deg); }
  .progress-circle.p69 .value-bar {
    transform: rotate(248deg); }
  .progress-circle.p70 .value-bar {
    transform: rotate(252deg); }
  .progress-circle.p71 .value-bar {
    transform: rotate(256deg); }
  .progress-circle.p72 .value-bar {
    transform: rotate(259deg); }
  .progress-circle.p73 .value-bar {
    transform: rotate(263deg); }
  .progress-circle.p74 .value-bar {
    transform: rotate(266deg); }
  .progress-circle.p75 .value-bar {
    transform: rotate(270deg); }
  .progress-circle.p76 .value-bar {
    transform: rotate(274deg); }
  .progress-circle.p77 .value-bar {
    transform: rotate(277deg); }
  .progress-circle.p78 .value-bar {
    transform: rotate(281deg); }
  .progress-circle.p79 .value-bar {
    transform: rotate(284deg); }
  .progress-circle.p80 .value-bar {
    transform: rotate(288deg); }
  .progress-circle.p81 .value-bar {
    transform: rotate(292deg); }
  .progress-circle.p82 .value-bar {
    transform: rotate(295deg); }
  .progress-circle.p83 .value-bar {
    transform: rotate(299deg); }
  .progress-circle.p84 .value-bar {
    transform: rotate(302deg); }
  .progress-circle.p85 .value-bar {
    transform: rotate(306deg); }
  .progress-circle.p86 .value-bar {
    transform: rotate(310deg); }
  .progress-circle.p87 .value-bar {
    transform: rotate(313deg); }
  .progress-circle.p88 .value-bar {
    transform: rotate(317deg); }
  .progress-circle.p89 .value-bar {
    transform: rotate(320deg); }
  .progress-circle.p90 .value-bar {
    transform: rotate(324deg); }
  .progress-circle.p91 .value-bar {
    transform: rotate(328deg); }
  .progress-circle.p92 .value-bar {
    transform: rotate(331deg); }
  .progress-circle.p93 .value-bar {
    transform: rotate(335deg); }
  .progress-circle.p94 .value-bar {
    transform: rotate(338deg); }
  .progress-circle.p95 .value-bar {
    transform: rotate(342deg); }
  .progress-circle.p96 .value-bar {
    transform: rotate(346deg); }
  .progress-circle.p97 .value-bar {
    transform: rotate(349deg); }
  .progress-circle.p98 .value-bar {
    transform: rotate(353deg); }
  .progress-circle.p99 .value-bar {
    transform: rotate(356deg); }
  .progress-circle.p100 .value-bar {
    transform: rotate(360deg); }

.left-half-clipper {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  position: absolute;
  clip: rect(0, 5em, 5em, 2.5em); }

.value-bar {
  position: absolute;
  clip: rect(0, 2.5em, 5em, 0);
  width: 5em;
  height: 5em;
  border-radius: 50%;
  border: 0.45em solid #53777a;
  box-sizing: border-box; }

.align-autoplay {
  align-items: flex-end;
  margin-right: 7px; }

.fr-hovered-over-file {
  background-color: #F0F0F0; }

.fr-thumbnail-padding {
  padding-right: 4px; }

.fr-popup .fr-command.fr-btn[data-cmd="filestackIcon"] svg path,
.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path,
.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePicker"] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePicker"] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path,
.fr-popup .fr-tabs .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path,
.fr-command.fr-btn[data-cmd="openFilePickerReplaceImageOnly"] svg path,
.fr-command.fr-btn[data-cmd="openFilePickerReplaceVideoOnly"] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path,
.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerImageOnly"] svg path:last-child,
.fr-toolbar .fr-command.fr-btn[data-cmd="openFilePickerVideoOnly"] svg path:last-child,
.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerImage"] svg path,
.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerVideo"] svg path,
.fr-popup .fr-command.fr-btn[data-cmd="filestackIcon"] svg path,
.fr-popup .fr-command.fr-btn[data-cmd="openFilePickerFile"] svg path {
  fill: #ef4a25; }

.fr-command.fr-filestack-active.fr-btn.fr-filestack-active svg path {
  fill: #0098F7; }

.fsp-picker-appear-active {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9; }

body.fr-fullscreen .fs-transforms-container {
  position: absolute;
  z-index: 2247483660; }

.fsp-notifications__container {
  position: fixed !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-find-replace-layer .fr-header, .fr-find-replace-layer .fr-body {
  margin: 15px; }
.fr-find-replace-layer .fr-drag-handle {
  cursor: move; }
.fr-find-replace-layer h3 {
  margin: 0;
  font-size: 16px;
  text-align: left;
  font-weight: bold; }
.fr-find-replace-layer .fr-body .fr-input-line input.fr-disabled {
  background-color: #f5f5f5;
  color: #a9a9a9;
  border: 1px solid #d1d1d1;
  cursor: not-allowed; }
.fr-find-replace-layer .fr-body .fr-input-line input#fr-findText::placeholder,
.fr-find-replace-layer .fr-body .fr-input-line input#fr-replaceText::placeholder {
  color: #a9a9a9; }
.fr-find-replace-layer .fr-body .fr-label-disabled {
  background-color: #f5f5f5; }
.fr-find-replace-layer .fr-body .fr-close-btn {
  position: absolute;
  top: 2px;
  right: 10px;
  font-size: 25px;
  background: none;
  border: none;
  cursor: pointer;
  color: #333; }
.fr-find-replace-layer .fr-body .fr-close-btn:hover {
  color: grey; }
.fr-find-replace-layer .fr-body .fr-toggle-advanced-options {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0px;
  background-color: #f5f5f5;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.3s ease;
  width: auto;
  background: none;
  color: #353333; }
.fr-find-replace-layer .fr-body .fr-separator {
  margin: 10px 0;
  border-top: 1px solid #e0e0e0; }
.fr-find-replace-layer .fr-body input {
  width: 70%;
  padding: 8px;
  margin-bottom: 10px;
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 4px; }
.fr-find-replace-layer .fr-body .fr-input-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  /* Ensures proper layout for container */ }
.fr-find-replace-layer .fr-body .fr-arrow-buttons {
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin-left: 10px;
  /* Add margin to separate from input field */
  margin-top: 3px;
  /* Align with input field */ }
  .fr-find-replace-layer .fr-body .fr-arrow-buttons button {
    border: none;
    background: none;
    cursor: pointer;
    padding: 2px 4px;
    margin-bottom: 12px;
    font-size: 12px; }
  .fr-find-replace-layer .fr-body .fr-arrow-buttons .fr-disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #a9a9a9; }
.fr-find-replace-layer .fr-body .fr-advanced-options {
  margin-top: 10px;
  font-size: 14px;
  cursor: pointer;
  color: #007bff;
  text-decoration: underline; }
.fr-find-replace-layer .fr-body .fr-button-group {
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  margin-top: 10px; }
  .fr-find-replace-layer .fr-body .fr-button-group button.fr-find-btn {
    background-color: #FFF;
    color: #0098f7;
    margin-top: 10px;
    border: 1px solid #0098f7; }
  .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn {
    background-color: #FFF;
    color: #0098f7;
    font-size: 14px;
    margin-top: 10px; }
  .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-btn.fr-disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #a9a9a9; }
  .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn {
    background-color: #FFF;
    color: #0098f7;
    font-size: 14px;
    margin-top: 10px; }
  .fr-find-replace-layer .fr-body .fr-button-group button.fr-replace-all-btn.fr-disabled {
    pointer-events: none;
    cursor: not-allowed;
    color: #a9a9a9; }
.fr-find-replace-layer .fr-body button {
  padding: 8px 12px;
  font-size: 14px;
  border: none;
  border-radius: 4px;
  cursor: pointer; }
.fr-find-replace-layer .fr-body .fr-input-container {
  position: relative;
  display: flex;
  align-items: center; }
.fr-find-replace-layer .fr-body #fr-replaceText {
  width: 77%; }
.fr-find-replace-layer .fr-body #fr-findText {
  position: relative;
  padding-right: 40px;
  /* Create space for the count indicator */
  font-size: 14px;
  border: 1px solid #CCCCCC;
  border-radius: 4px; }
.fr-find-replace-layer .fr-body #fr-findText:focus {
  border: 2px solid #0098f7; }
.fr-find-replace-layer .fr-body .fr-find-error {
  color: #f70000;
  font-size: 12px;
  padding-bottom: 5px;
  display: none; }
.fr-find-replace-layer .fr-body #fr-findText.error {
  border-color: #f70000; }
.fr-find-replace-layer .fr-body .fr-count-indicator {
  position: absolute;
  right: 80px;
  top: 49%;
  /* Center vertically */
  transform: translateY(-50%);
  color: gray;
  font-size: 12px;
  pointer-events: none;
  visibility: hidden;
  /* Hidden by default */
  z-index: 10; }
.fr-find-replace-layer .fr-body .fr-toggle-advanced-options .arrow {
  font-size: 15px;
  transition: transform 0.3s ease;
  margin-right: 10px;
  font-size: 14px;
  margin-right: 4px;
  margin-top: 2px;
  font-weight: 100; }
.fr-find-replace-layer .fr-body .fr-advanced-options-panel {
  border-radius: 4px; }
  .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group {
    display: flex;
    margin-top: 10px; }
    .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-item {
      position: relative;
      display: inline-block;
      height: 20px; }
      .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-item input[type="checkbox"] {
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
        position: inherit;
        left: -5px; }
    .fr-find-replace-layer .fr-body .fr-advanced-options-panel .fr-checkbox-group .fr-checkbox-label {
      font-size: 14px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      left: -10px;
      position: relative; }
.fr-find-replace-layer .fr-body .fr-toggle-btn {
  width: 40px;
  height: 20px;
  background-color: #CCCCCC;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle; }
.fr-find-replace-layer .fr-body .fr-arrow {
  margin-right: 5px;
  font-size: 12px;
  margin-top: 1px;
  position: absolute;
  right: 15px; }
.fr-find-replace-layer .fr-body .fr-btn-active-popup {
  background: #d6d6d6; }

.fr-find-replace-highlight {
  background-color: #ffff00; }

.fr-find-replace-current-highlight {
  background-color: #ffa500; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed; }

.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important; }
  .fr-box.fr-fullscreen .fr-wrapper {
    background-color: #FFF; }
  .fr-box.fr-fullscreen.fr-basic.fr-top .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .fr-box.fr-fullscreen.fr-basic.fr-bottom .fr-wrapper {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .fr-box.fr-fullscreen .fr-toolbar {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
    .fr-box.fr-fullscreen .fr-toolbar.fr-top {
      top: 0 !important; }
    .fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
      bottom: 0 !important; }
  .fr-box.fr-fullscreen .fr-second-toolbar {
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }

.fr-fullscreen-wrapper {
  z-index: 2147483640 !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px; }
  .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
    border-collapse: collapse;
    font-size: 14px;
    line-height: 1.5;
    width: 100%; }
    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
      margin-top: 20px; }
    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
      border: 0; }
    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th {
      text-align: left; }
    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th, .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
      padding: 6px 0 4px; }
    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
      border-bottom: solid 1px #ebebeb; }
    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
      width: 60%;
      color: #646464; }
    .fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
      letter-spacing: 0.5px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element img {
  cursor: pointer;
  padding: 0 1px; }

.fr-image-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .fr-image-resizer.fr-active {
    display: block; }
  .fr-image-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .fr-image-resizer .fr-handler.fr-hnw {
      cursor: nw-resize; }
    .fr-image-resizer .fr-handler.fr-hne {
      cursor: ne-resize; }
    .fr-image-resizer .fr-handler.fr-hsw {
      cursor: sw-resize; }
    .fr-image-resizer .fr-handler.fr-hse {
      cursor: se-resize; }
  .fr-image-resizer .fr-handler {
    width: 12px;
    height: 12px; }
    .fr-image-resizer .fr-handler.fr-hnw {
      left: -6px;
      top: -6px; }
    .fr-image-resizer .fr-handler.fr-hne {
      right: -6px;
      top: -6px; }
    .fr-image-resizer .fr-handler.fr-hsw {
      left: -6px;
      bottom: -6px; }
    .fr-image-resizer .fr-handler.fr-hse {
      right: -6px;
      bottom: -6px; }
  @media (min-width: 1200px) {
    .fr-image-resizer .fr-handler {
      width: 10px;
      height: 10px; }
      .fr-image-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px; }
      .fr-image-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px; }
      .fr-image-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px; }
      .fr-image-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px; } }

.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center; }
  .fr-popup .fr-image-upload-layer:hover {
    background: #ebebeb; }
  .fr-popup .fr-image-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7; }
  .fr-popup .fr-image-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; }
    .fr-popup .fr-image-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px; }
.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }
.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none; }
.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }
  .fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s; }
  .fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite; }
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }
  .fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
    margin-left: 10px; }

.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }

@-webkit-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@-moz-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@-o-keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
@keyframes loading {
  from {
    left: -25%; }
  to {
    left: 100%; } }
img.fr-draggable {
  user-select: none; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-modal .fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }
.fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more {
  margin-top: 10px; }
  .fr-modal .fr-modal-head .fr-modal-head-line .fr-modal-more.fr-not-available {
    opacity: 0;
    width: 0;
    padding: 12px 0; }
.fr-modal .fr-modal-head .fr-modal-tags {
  padding: 0 20px;
  display: none;
  text-align: left; }
  .fr-modal .fr-modal-head .fr-modal-tags a {
    display: inline-block;
    opacity: 0;
    padding: 6px 12px;
    margin: 8px 0 8px 8px;
    text-decoration: none;
    border-radius: 32px;
    -moz-border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
    cursor: pointer;
    background-color: #f5f5f5; }
    .fr-modal .fr-modal-head .fr-modal-tags a:focus {
      outline: none;
      background-color: #ebebeb; }
    .fr-modal .fr-modal-head .fr-modal-tags a:hover {
      background-color: #ebebeb; }
    .fr-modal .fr-modal-head .fr-modal-tags a:active {
      background-color: #d6d6d6; }
    .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag {
      background-color: #EcF5Ff;
      color: #0098f7; }
      .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:focus {
        outline: none;
        background-color: #ebebeb; }
      .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:hover {
        background-color: #ebebeb; }
      .fr-modal .fr-modal-head .fr-modal-tags a.fr-selected-tag:active {
        background-color: #d6d6d6; }

.fr-show-tags .fr-modal-more svg path {
  fill: #0098f7; }

div.fr-modal-body {
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s; }
  div.fr-modal-body .fr-preloader {
    display: block;
    margin: 50px auto; }
  div.fr-modal-body div.fr-image-list {
    text-align: center;
    margin: 0 20px;
    padding: 0; }
    div.fr-modal-body div.fr-image-list .fr-list-column {
      float: left;
      width: calc((100% - 20px) / 2); }
      @media (min-width: 768px) and (max-width: 1199px) {
        div.fr-modal-body div.fr-image-list .fr-list-column {
          width: calc((100% - 40px) / 3); } }
      @media (min-width: 1200px) {
        div.fr-modal-body div.fr-image-list .fr-list-column {
          width: calc((100% - 60px) / 4); } }
      div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
        margin-left: 20px; }
    div.fr-modal-body div.fr-image-list div.fr-image-container {
      position: relative;
      width: 100%;
      display: block;
      border-radius: 2px;
      -moz-border-radius: 2px;
      -webkit-border-radius: 2px;
      -moz-background-clip: padding;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      overflow: hidden; }
      div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
        margin-top: 20px; }
      div.fr-modal-body div.fr-image-list div.fr-image-container + div {
        margin-top: 20px; }
      div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
        position: absolute;
        -webkit-opacity: 0.5;
        -moz-opacity: 0.5;
        opacity: 0.5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity 0.2s ease 0s;
        -moz-transition: opacity 0.2s ease 0s;
        -ms-transition: opacity 0.2s ease 0s;
        -o-transition: opacity 0.2s ease 0s;
        background: #000;
        content: "";
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        z-index: 2; }
      div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
        content: attr(data-deleting);
        color: #FFF;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        position: absolute;
        z-index: 3;
        font-size: 15px;
        height: 20px; }
      div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
        height: 95px;
        background: #CCCCCC;
        z-index: 1; }
        div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
          position: absolute;
          margin: auto;
          top: 0;
          bottom: 0;
          left: 0;
          right: 0;
          content: attr(data-loading);
          display: inline-block;
          height: 20px; }
      div.fr-modal-body div.fr-image-list div.fr-image-container img {
        width: 100%;
        vertical-align: middle;
        position: relative;
        z-index: 2;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0); }
      div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
        -webkit-opacity: 0.75;
        -moz-opacity: 0.75;
        opacity: 0.75;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
        display: inline-block; }
      div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img, div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
        display: none;
        top: 50%;
        border-radius: 100%;
        -moz-border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
        -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
        -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
        -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        cursor: pointer;
        margin: 0;
        line-height: 40px;
        text-decoration: none;
        z-index: 3; }
      div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
        background: #B8312F;
        fill: #FFF;
        padding: 8px;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(25%);
        -moz-transform: translateY(-50%) translateX(25%);
        -ms-transform: translateY(-50%) translateX(25%);
        -o-transform: translateY(-50%) translateX(25%); }
      div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
        background: #FFF;
        fill: #0098f7;
        padding: 8px;
        left: 50%;
        -webkit-transform: translateY(-50%) translateX(-125%);
        -moz-transform: translateY(-50%) translateX(-125%);
        -ms-transform: translateY(-50%) translateX(-125%);
        -o-transform: translateY(-50%) translateX(-125%); }

.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img, .fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
  width: 40px;
  height: 40px; }
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #FFF; }
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #0098f7;
  position: fixed;
  z-index: 2;
  display: none; }
  .fr-line-breaker.fr-visible {
    display: block; }
  .fr-line-breaker a.fr-floating-btn {
    position: absolute;
    left: calc(50% - (40px / 2));
    top: -20px; }
    .fr-line-breaker a.fr-floating-btn svg {
      margin: 8px;
      height: 24px;
      width: 24px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-wrapper-markdown {
  display: flex; }

.fr-markdown-view {
  width: calc(52% - 1px);
  box-sizing: inherit; }

.fr-markdown-editor {
  width: calc(48% - 1px);
  box-sizing: inherit;
  background-color: #eee; }

.fr-markdown-editor > p {
  margin: 0; }

.fr-markdown-view > p {
  margin-top: 0; }

.gutter-horizontal {
  display: flex;
  z-index: 9;
  background-color: #dadada;
  cursor: col-resize;
  width: 2px; }

.e-resize-handler {
  z-index: 9;
  width: 1px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
  position: relative;
  font-size: 10px;
  color: #c5c5c5; }

.fr-markdown-view > dl {
  margin-top: 0;
  margin-bottom: 1rem; }

.fr-markdown-view > dt {
  font-weight: 700; }

.fr-markdown-view > dd {
  margin-bottom: .5rem;
  margin-left: 0; }

.fr-markdown-view > pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  background-color: #f8f8f8;
  border: 1px solid #dfdfdf;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
  padding: 0.125rem 0.3125rem 0.0625rem; }

.fr-markdown-view > code {
  background-color: #f8f8f8;
  border-color: #dfdfdf;
  border-style: solid;
  border-width: 1px;
  color: #333;
  font-family: Consolas,"Liberation Mono",Courier,monospace;
  font-weight: normal;
  padding: 0.125rem 0.3125rem 0.0625rem; }

.fr-markdown-view > pre code {
  background-color: transparent;
  border: 0;
  padding: 0; }

.fr-markdown-view > sup {
  top: -.5em; }

.footnote-a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; }

.fr-markdown-view > hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1); }

.blockquote {
  margin: 0 0 1rem;
  border-left: 5px solid #eee;
  padding: 10px 20px;
  font-size: 1.25rem; }

.fr-markdown-view > table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse; }

.fr-markdown-view > table > tbody > tr > td,
.fr-markdown-view > table > tbody > tr > th,
.fr-markdown-view > table > thead > tr > td,
.fr-markdown-view > table > thead > tr > th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border: 1px solid #ddd; }

.fr-markdown-view > table > thead > tr > td,
.fr-markdown-view > table > thead > tr > th {
  border-bottom-width: 2px; }

.fr-markdown-view > table > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.fr-markdown-view > a {
  color: #337ab7;
  text-decoration: none; }

.fr-markdown-view > h1 {
  font-size: 2em !important; }

.fr-markdown-view > h2 {
  font-size: 1.5em !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 10px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }
  .fr-quick-insert a.fr-floating-btn svg {
    margin: 8px;
    width: 24px;
    height: 24px; }
  .fr-quick-insert.fr-on a.fr-floating-btn svg {
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -o-transform: rotate(135deg); }
  .fr-quick-insert.fr-hidden {
    display: none; }

.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 20px;
  white-space: nowrap; }
  .fr-qi-helper a.fr-btn.fr-floating-btn {
    text-align: center;
    padding: 6px 10px 10px 10px;
    display: inline-block;
    color: #222222;
    background: #FFF;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0); }
    .fr-qi-helper a.fr-btn.fr-floating-btn svg {
      fill: #222222; }
    .fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
      -webkit-opacity: 1;
      -moz-opacity: 1;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1); }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-popup .fr-buttons.fr-tabs .fr-special-character-category {
  padding: 10px 15px; }
  .fr-popup .fr-buttons.fr-tabs .fr-special-character-category span {
    font-weight: normal;
    font-size: 16px; }
.fr-popup .fr-special-character {
  width: 24px;
  height: 24px; }
@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px) {
  .fr-popup .fr-icon-container.fr-sc-container {
    width: 368px; } }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element table td.fr-selected-cell, .fr-element table th.fr-selected-cell {
  border: 1px double #0098f7;
  position: relative; }
.fr-element table td.fr-selected-cell:after, .fr-element table th.fr-selected-cell:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 100, 255, 0.15);
  pointer-events: none; }
.fr-element table td, .fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text; }
.fr-element .fr-no-selection table td, .fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none; }
  .fr-table-resizer.fr-moving {
    z-index: 2; }
  .fr-table-resizer div {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-right: 1px solid #0098f7; }

.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }

.fr-table-selector {
  display: block;
  position: absolute;
  z-index: 9999;
  width: 16px;
  height: 16px;
  padding: 3px;
  border: transparent 2px solid;
  border-radius: 4px 4px 0 0; }
  .fr-table-selector a {
    width: 16px;
    height: 16px;
    display: block; }
    .fr-table-selector a > svg {
      width: 16px;
      height: 16px; }

.fr-table-selector-active {
  opacity: 1;
  visibility: visible;
  border: #fdcf00 2px solid; }
  .fr-table-selector-active a > svg {
    color: #fdcf00; }

.fr-table-selector-active-selected {
  border: #0d65ff 2px solid; }
  .fr-table-selector-active-selected a > svg {
    color: #0d65ff; }

.fr-table-selector-inactive {
  opacity: 0;
  visibility: hidden; }

.fr-view .fr-table-selection-hover {
  outline: #fdcf00 2px solid; }

.fr-view .fr-table-selected {
  outline: #0d65ff 2px solid;
  caret-color: transparent; }

.fr-popup .fr-table-size {
  margin: 20px; }
  .fr-popup .fr-table-size .fr-table-size-info {
    text-align: center;
    font-size: 14px; }
  .fr-popup .fr-table-size .fr-select-table-size {
    line-height: 0;
    padding: 5px;
    white-space: nowrap; }
    .fr-popup .fr-table-size .fr-select-table-size > span {
      display: inline-block;
      padding: 0 4px 4px 0;
      background: transparent; }
      .fr-popup .fr-table-size .fr-select-table-size > span > span {
        display: inline-block;
        width: 18px;
        height: 18px;
        border: 1px solid #DDD; }
      .fr-popup .fr-table-size .fr-select-table-size > span.hover {
        background: transparent; }
        .fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
          background: rgba(0, 152, 247, 0.3);
          border: solid 1px #0098f7; }
    .fr-popup .fr-table-size .fr-select-table-size .new-line::after {
      clear: both;
      display: block;
      content: "";
      height: 0; }
.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important; }
.fr-popup .fr-table-colors {
  display: block;
  padding: 20px;
  padding-bottom: 0; }

.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px; }

.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

#fr-form-container {
  margin: auto;
  position: relative;
  top: 10%;
  background-color: #f5f5f5;
  width: 60%;
  border-radius: 5px;
  z-index: 9002;
  overflow: auto;
  background-color: #fefefe; }

.fr-trim-video-name {
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 15px; }

.fr-file-loader {
  border: 4px solid #f3f3f3;
  border-radius: 50%;
  border-top: 4px solid #53777a;
  display: inline-block !important;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 2s linear infinite;
  width: 20px;
  height: 20px;
  display: block !important;
  align-items: center; }

.fr-trim-button {
  margin-top: 5px;
  height: 36px;
  line-height: 1;
  color: #0098f7;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  border-radius: 5px;
  background-color: #eff5fa;
  outline: none; }
  .fr-trim-button:hover {
    background: #ebebeb; }

/* Safari */
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.fr-slidecontainer {
  width: 100%; }

.fr-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #d3d3d3; }

.fr-video-trim-buttons {
  text-align: right;
  padding-bottom: 5px;
  padding-right: 15px;
  margin-top: 10px; }

.fr-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  cursor: pointer; }

.fr-slider::-moz-range-thumb {
  width: 15px;
  height: 15px;
  background: #3498db;
  border-radius: 50%;
  cursor: pointer; }

.fr-range-value-start {
  position: absolute; }

.fr-range-value-start > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translate(-85%, 0);
  border-radius: 6px; }

.fr-range-value-start > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 86%;
  margin-left: -5px;
  margin-top: -1px; }

.fr-range-value-end {
  position: absolute; }

.fr-range-value-end > span {
  width: 60px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  background: #03a9f4;
  color: #fff;
  font-size: 12px;
  display: block;
  position: absolute;
  left: 14%;
  transform: translate(-8%, 0);
  border-radius: 6px; }

.fr-range-value-end > span:before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 14%;
  margin-left: -5px;
  margin-top: -1px; }

#startTimeValue {
  top: -153% !important; }

#startTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%; }

#endTimeValue {
  top: -153% !important; }

#endTimeValue span:before {
  border-top: 10px solid #03a9f4;
  top: 100%; }

.fr-range-slider {
  position: relative;
  width: 80%;
  height: 15px; }

.fr-range-slider > input {
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 10px;
  width: 100%;
  outline: none;
  height: 6px;
  border-radius: 10px; }

.fr-range-slider > input::-webkit-slider-thumb {
  pointer-events: all;
  position: relative;
  z-index: 1;
  -webkit-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  background: #3498db;
  cursor: pointer;
  border-radius: 7px;
  margin-top: -3.6px; }

.fr-range-slider > input::-moz-range-thumb {
  pointer-events: all;
  position: relative;
  z-index: 10;
  -moz-appearance: none;
  width: 9px;
  height: 15px;
  border-radius: 7px;
  margin-top: -3.6px; }

.fr-range-slider > input::-moz-range-track {
  position: relative;
  z-index: -1;
  background-color: black;
  border: 0;
  height: 15px;
  border-radius: 50%;
  margin-top: -3.6px; }

.fr-range-slider > input:last-of-type::-moz-range-track {
  -moz-appearance: none;
  background: none transparent;
  border: 0; }

.fr-range-slider > input[type="range"]::-moz-focus-outer {
  border: 0; }

@media screen and (max-width: 430px) {
  .range-value span {
    width: 40px;
    font-size: 10px; }

  #fr-form-container {
    top: 20%; } }
#fr-video-edit {
  width: 80%;
  text-align: center;
  height: 50%;
  margin-bottom: 20px;
  padding-top: 8px;
  padding-bottom: 8px; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .fr-element .fr-video::after {
    position: absolute;
    content: '';
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    display: block;
    background: rgba(0, 0, 0, 0); }
  .fr-element .fr-video.fr-active > * {
    z-index: 2;
    position: relative; }
  .fr-element .fr-video > * {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    max-width: 100%;
    border: none; }

.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #0098f7;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none; }
  .fr-box .fr-video-resizer.fr-active {
    display: block; }
  .fr-box .fr-video-resizer .fr-handler {
    display: block;
    position: absolute;
    background: #0098f7;
    border: solid 1px #FFF;
    z-index: 4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
      cursor: nw-resize; }
    .fr-box .fr-video-resizer .fr-handler.fr-hne {
      cursor: ne-resize; }
    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
      cursor: sw-resize; }
    .fr-box .fr-video-resizer .fr-handler.fr-hse {
      cursor: se-resize; }
  .fr-box .fr-video-resizer .fr-handler {
    width: 12px;
    height: 12px; }
    .fr-box .fr-video-resizer .fr-handler.fr-hnw {
      left: -6px;
      top: -6px; }
    .fr-box .fr-video-resizer .fr-handler.fr-hne {
      right: -6px;
      top: -6px; }
    .fr-box .fr-video-resizer .fr-handler.fr-hsw {
      left: -6px;
      bottom: -6px; }
    .fr-box .fr-video-resizer .fr-handler.fr-hse {
      right: -6px;
      bottom: -6px; }
  @media (min-width: 1200px) {
    .fr-box .fr-video-resizer .fr-handler {
      width: 10px;
      height: 10px; }
      .fr-box .fr-video-resizer .fr-handler.fr-hnw {
        left: -5px;
        top: -5px; }
      .fr-box .fr-video-resizer .fr-handler.fr-hne {
        right: -5px;
        top: -5px; }
      .fr-box .fr-video-resizer .fr-handler.fr-hsw {
        left: -5px;
        bottom: -5px; }
      .fr-box .fr-video-resizer .fr-handler.fr-hse {
        right: -5px;
        bottom: -5px; } }

.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block; }
  .fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
    margin-left: 10px; }
.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  margin: 20px;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center; }
  .fr-popup .fr-video-upload-layer:hover {
    background: #ebebeb; }
  .fr-popup .fr-video-upload-layer.fr-drop {
    background: #ebebeb;
    border-color: #0098f7; }
  .fr-popup .fr-video-upload-layer .fr-form {
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2147483640;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important; }
    .fr-popup .fr-video-upload-layer .fr-form input {
      cursor: pointer;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0;
      width: 500%;
      height: 100%;
      margin: 0;
      font-size: 400px; }
.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal; }
.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none; }
.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #b3e0fd;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative; }
  .fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
    display: block;
    height: 100%;
    width: 0%;
    background: #0098f7;
    -webkit-transition: width 0.2s ease 0s;
    -moz-transition: width 0.2s ease 0s;
    -ms-transition: width 0.2s ease 0s;
    -o-transition: width 0.2s ease 0s; }
  .fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
    width: 30% !important;
    position: absolute;
    top: 0;
    -webkit-animation: loading 2s linear infinite;
    -moz-animation: loading 2s linear infinite;
    -o-animation: loading 2s linear infinite;
    animation: loading 2s linear infinite; }
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none; }
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block; }

.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none; }

.fr-autoplay-margin {
  margin-top: 0px !important; }

.fr-clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0; }

.fr-hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0; }

.fr-view img.fr-rounded, .fr-view .fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.fr-view img.fr-shadow, .fr-view .fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 10px 10px 5px 0px #cccccc;
  -moz-box-shadow: 10px 10px 5px 0px #cccccc;
  box-shadow: 10px 10px 5px 0px #cccccc; }

.fr-view img.fr-bordered, .fr-view .fr-img-caption.fr-bordered img {
  border: solid 5px #CCC; }

.fr-view img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.fr-view .fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.fr-view li img.fr-dii.fr-fil {
  margin-right: 20px; }

.fr-view {
  word-wrap: break-word; }
  .fr-view span[style~="color:"] a {
    color: inherit; }
  .fr-view strong {
    font-weight: 700; }
  .fr-view table[border='0'] td:not([class]), .fr-view table[border='0'] th:not([class]), .fr-view table[border='0'] td[class=""], .fr-view table[border='0'] th[class=""] {
    border-width: 0px; }
  .fr-view table {
    border: none;
    border-collapse: collapse;
    empty-cells: show;
    max-width: 100%; }
    .fr-view table td {
      min-width: 5px; }
    .fr-view table.fr-dashed-borders td, .fr-view table.fr-dashed-borders th {
      border-style: dashed; }
    .fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
      background: whitesmoke; }
    .fr-view table td, .fr-view table th {
      border: 1px solid #DDD; }
      .fr-view table td:empty, .fr-view table th:empty {
        height: 20px; }
      .fr-view table td.fr-highlighted, .fr-view table th.fr-highlighted {
        border: 1px double red; }
      .fr-view table td.fr-thick, .fr-view table th.fr-thick {
        border-width: 2px; }
    .fr-view table th {
      background: #ececec; }
    .fr-view table tfoot td {
      background: #ececec; }
  .fr-view .fr-mso-hidden {
    display: none; }
  .fr-view hr {
    clear: both;
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    break-after: always;
    page-break-after: always; }
  .fr-view .fr-file {
    position: relative; }
    .fr-view .fr-file::after {
      position: relative;
      content: "\1F4CE";
      font-weight: normal; }
  .fr-view pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: visible; }
  .fr-view[dir="rtl"] blockquote {
    border-left: none;
    border-right: solid 2px #5E35B1;
    margin-right: 0;
    padding-right: 5px;
    padding-left: 0; }
    .fr-view[dir="rtl"] blockquote blockquote {
      border-color: #00BCD4; }
      .fr-view[dir="rtl"] blockquote blockquote blockquote {
        border-color: #43A047; }
  .fr-view blockquote {
    border-left: solid 2px #5E35B1;
    margin-left: 0;
    padding-left: 5px;
    color: #5E35B1; }
    .fr-view blockquote blockquote {
      border-color: #00BCD4;
      color: #00BCD4; }
      .fr-view blockquote blockquote blockquote {
        border-color: #43A047;
        color: #43A047; }
  .fr-view span.fr-emoticon {
    font-weight: normal;
    font-family: "Apple Color Emoji","Segoe UI Emoji","NotoColorEmoji","Segoe UI Symbol","Android Emoji","EmojiSymbols";
    display: inline;
    line-height: 0; }
    .fr-view span.fr-emoticon.fr-emoticon-img {
      background-repeat: no-repeat !important;
      font-size: inherit;
      height: 1em;
      width: 1em;
      min-height: 20px;
      min-width: 20px;
      display: inline-block;
      margin: -.1em .1em .1em;
      line-height: 1;
      vertical-align: middle; }
  .fr-view .fr-text-gray {
    color: #AAA !important; }
  .fr-view .fr-text-bordered {
    border-top: solid 1px #222;
    border-bottom: solid 1px #222;
    padding: 10px 0; }
  .fr-view .fr-text-spaced {
    letter-spacing: 1px; }
  .fr-view .fr-text-uppercase {
    text-transform: uppercase; }
  .fr-view .fr-class-highlighted {
    background-color: #ffff00; }
  .fr-view .fr-class-code {
    border-color: #cccccc;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #f5f5f5;
    padding: 10px;
    font-family: "Courier New", Courier, monospace; }
  .fr-view .fr-class-transparency {
    opacity: 0.5; }
  .fr-view img {
    position: relative;
    max-width: 100%; }
    .fr-view img.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top; }
      .fr-view img.fr-dib.fr-fil {
        margin-left: 0;
        text-align: left; }
      .fr-view img.fr-dib.fr-fir {
        margin-right: 0;
        text-align: right; }
    .fr-view img.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
      max-width: calc(100% - (2 * 5px));
      min-width: 10px; }
      .fr-view img.fr-dii.fr-fil {
        float: left;
        margin: 5px 5px 5px 0;
        max-width: calc(100% - 5px);
        min-width: 5px; }
      .fr-view img.fr-dii.fr-fir {
        float: right;
        margin: 5px 0 5px 5px;
        max-width: calc(100% - 5px);
        min-width: 5px; }
  .fr-view span.fr-img-caption {
    position: relative;
    max-width: 100%; }
    .fr-view span.fr-img-caption.fr-dib {
      margin: 5px auto;
      display: block;
      float: none;
      vertical-align: top; }
      .fr-view span.fr-img-caption.fr-dib.fr-fil {
        margin-left: 0;
        text-align: left; }
      .fr-view span.fr-img-caption.fr-dib.fr-fir {
        margin-right: 0;
        text-align: right; }
    .fr-view span.fr-img-caption.fr-dii {
      display: inline-block;
      float: none;
      vertical-align: bottom;
      margin-left: 5px;
      margin-right: 5px;
      max-width: calc(100% - (2 * 5px));
      min-width: 10px; }
      .fr-view span.fr-img-caption.fr-dii.fr-fil {
        float: left;
        margin: 5px 5px 5px 0;
        max-width: calc(100% - 5px);
        min-width: 5px; }
      .fr-view span.fr-img-caption.fr-dii.fr-fir {
        float: right;
        margin: 5px 0 5px 5px;
        max-width: calc(100% - 5px);
        min-width: 5px; }
  .fr-view .fr-video {
    text-align: center;
    position: relative; }
    .fr-view .fr-video.fr-rv {
      padding-bottom: 56.25%;
      padding-top: 30px;
      height: 0;
      overflow: hidden; }
      .fr-view .fr-video.fr-rv > iframe, .fr-view .fr-video.fr-rv object, .fr-view .fr-video.fr-rv embed {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%; }
    .fr-view .fr-video > * {
      -webkit-box-sizing: content-box;
      -moz-box-sizing: content-box;
      box-sizing: content-box;
      max-width: 100%;
      border: none; }
    .fr-view .fr-video.fr-dvb {
      display: block;
      clear: both; }
      .fr-view .fr-video.fr-dvb.fr-fvl {
        text-align: left; }
      .fr-view .fr-video.fr-dvb.fr-fvr {
        text-align: right; }
    .fr-view .fr-video.fr-dvi {
      display: inline-block; }
      .fr-view .fr-video.fr-dvi.fr-fvl {
        float: left; }
      .fr-view .fr-video.fr-dvi.fr-fvr {
        float: right; }
  .fr-view a.fr-strong {
    font-weight: 700; }
  .fr-view a.fr-green {
    color: green; }
  .fr-view .fr-img-caption {
    text-align: center; }
    .fr-view .fr-img-caption .fr-img-wrap {
      padding: 0;
      margin: auto;
      text-align: center;
      width: 100%; }
      .fr-view .fr-img-caption .fr-img-wrap a {
        display: block; }
      .fr-view .fr-img-caption .fr-img-wrap img {
        display: block;
        margin: auto;
        width: 100%; }
      .fr-view .fr-img-caption .fr-img-wrap > span {
        margin: auto;
        display: block;
        padding: 5px 5px 10px;
        font-size: 14px;
        font-weight: initial;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        width: 100%;
        text-align: center; }
  .fr-view button.fr-rounded, .fr-view input.fr-rounded, .fr-view textarea.fr-rounded {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box; }
  .fr-view button.fr-large, .fr-view input.fr-large, .fr-view textarea.fr-large {
    font-size: 24px; }

.fr-view span.fr-img-caption.fr-dii.fr-fil,
.fr-view p img.fr-dii.fr-fil {
  margin-right: 15px; }

/**
 * Image style.
 */
a.fr-view.fr-strong {
  font-weight: 700; }
a.fr-view.fr-green {
  color: green; }

/**
 * Link style.
 */
img.fr-view {
  position: relative;
  max-width: 100%; }
  img.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top; }
    img.fr-view.fr-dib.fr-fil {
      margin-left: 0;
      text-align: left; }
    img.fr-view.fr-dib.fr-fir {
      margin-right: 0;
      text-align: right; }
  img.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px));
    min-width: 10px; }
    img.fr-view.fr-dii.fr-fil {
      float: left;
      margin: 5px 5px 5px 0;
      max-width: calc(100% - 5px);
      min-width: 5px; }
    img.fr-view.fr-dii.fr-fir {
      float: right;
      margin: 5px 0 5px 5px;
      max-width: calc(100% - 5px);
      min-width: 5px; }

span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%; }
  span.fr-img-caption.fr-view.fr-dib {
    margin: 5px auto;
    display: block;
    float: none;
    vertical-align: top; }
    span.fr-img-caption.fr-view.fr-dib.fr-fil {
      margin-left: 0;
      text-align: left; }
    span.fr-img-caption.fr-view.fr-dib.fr-fir {
      margin-right: 0;
      text-align: right; }
  span.fr-img-caption.fr-view.fr-dii {
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-left: 5px;
    margin-right: 5px;
    max-width: calc(100% - (2 * 5px));
    min-width: 10px; }
    span.fr-img-caption.fr-view.fr-dii.fr-fil {
      float: left;
      margin: 5px 5px 5px 0;
      max-width: calc(100% - 5px);
      min-width: 5px; }
    span.fr-img-caption.fr-view.fr-dii.fr-fir {
      float: right;
      margin: 5px 0 5px 5px;
      max-width: calc(100% - 5px);
      min-width: 5px; }

/*!
 * froala_editor v2.6.6 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2017 Froala Labs
 */
.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-view span[style~="color:"] a {
  color: inherit;
}
.fr-view strong {
  font-weight: 700;
}
.fr-view table {
  empty-cells: show;
  max-width: 100%;
  border-spacing: 0;
}
.fr-view table.fr-dashed-borders > tbody > tr > td,
.fr-view table.fr-dashed-borders > tbody > tr > th {
  border: 1px dashed #dddddd;
}
.fr-view .fr-solid-borders > tbody > tr > td,
.fr-view .fr-solid-borders > tbody > tr > th {
  border: 1px solid #dddddd;
}
.fr-view table.fr-alternate-rows > tbody > tr:nth-child(2n) {
  background: #f5f5f5;
}
.fr-view table td,
.fr-view table th {
  border: 1px dashed #dddddd;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view table th {
  background: #e6e6e6;
}
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  page-break-after: always;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: normal;
}
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: solid 2px #5e35b1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0px;
}
.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}
.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}
.fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  padding-left: 5px;
  color: #5e35b1;
}
.fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}
.fr-view .fr-text-gray {
  color: #AAA !important;
}
.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}
.fr-view img {
  position: relative;
  max-width: 100%;
  padding-right: 1px;
}
.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
}
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
}
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-view img.fr-rounded {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view img.fr-bordered {
  border: solid 10px #CCC;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-view .fr-video {
  text-align: center;
  position: relative;
}
.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}
/**
 * Image style.
 */
a.fr-view.fr-strong {
  font-weight: 700;
}
a.fr-view.fr-green {
  color: green;
}
/**
 * Link style.
 */
img.fr-view {
  position: relative;
  max-width: 100%;
}
img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
}
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
}
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
img.fr-view.fr-rounded {
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
img.fr-view.fr-bordered {
  border: solid 10px #CCC;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-view .fr-img-caption {
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0px;
  display: inline-block;
  margin: auto;
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: inline-block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}
.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view span.fr-img-caption.fr-bordered {
  border: solid 5px #CCC;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-view span.fr-img-caption.fr-shadow {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-view p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.fr-view table.fr-no-spacing {
  border-collapse: collapse;
  border-spacing: 0;
}
.fr-view table.fr-no-spacing td {
  padding: 0;
  margin: 0;
}
.CodeMirror-search-label {
  font-family: Lato;
}
.fr-image-ador-ddl-btn {
  width: 100%;
  text-align: left;
  border: none;
  background: none;
  border-radius: 3px;
}
.fr-image-ador-ddl-btn:active {
  background: none;
  box-shadow: none;
  color: #333 !important;
}
.fr-image-ador-ddl-btn .caret {
  float: right;
  margin-top: 6px;
}
.fr-view a:link {
  color: inherit;
}
.fr-view ul,
.fr-view ol {
  list-style-position: initial;
}
.fr-image-ador-ddl:open .fr-image-afor-ddl-btn:hover {
  background: #d4d4d4 !important;
}
.fr-image-ador-ddl ul {
  width: 100%;
  border-radius: 3px;
  padding-bottom: 0;
  padding-top: 0;
  margin: 0;
  border-top: 0;
  overflow: auto;
  max-height: 210px;
}
.fr-image-ador-ddl ul a:hover {
  background: #d4d4d4 !important;
  cursor: pointer;
}
.fr-toolbar .fr-btn-grp {
  margin: 0;
}
.fr-toolbar .fr-btn-grp .fr-command.fr-btn svg.fr-svg {
  height: 20px;
  width: 20px;
  margin: 5px 8px 5px 3px;
}
.fr-popup.fr-above {
  margin-top: 15px;
}
.fr-popup.fr-hidden.fr-active {
  opacity: 1;
}
.fr-drag-helper.fr-visible {
  display: none !important;
}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-drag-helper{background:#0098f7;height:2px;margin-top:-1px;-webkit-opacity:.2;-moz-opacity:.2;opacity:.2;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;z-index:2147483640;display:none}.fr-drag-helper.fr-visible{display:block}.fr-dragging{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element table td.fr-selected-cell,.fr-element table th.fr-selected-cell{border:1px double #0098f7;position:relative}.fr-element table td.fr-selected-cell:after,.fr-element table th.fr-selected-cell:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,100,255,0.15);pointer-events:none}.fr-element table td,.fr-element table th{user-select:text;-o-user-select:text;-moz-user-select:text;-khtml-user-select:text;-webkit-user-select:text;-ms-user-select:text}.fr-element .fr-no-selection table td,.fr-element .fr-no-selection table th{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-resizer{cursor:col-resize;position:absolute;z-index:3;display:none}.fr-table-resizer.fr-moving{z-index:2}.fr-table-resizer div{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";border-right:1px solid #0098f7}.fr-no-selection{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-table-selector{display:block;position:absolute;z-index:9999;width:16px;height:16px;padding:3px;border:transparent 2px solid;border-radius:4px 4px 0 0}.fr-table-selector a{width:16px;height:16px;display:block}.fr-table-selector a>svg{width:16px;height:16px}.fr-table-selector-active{opacity:1;visibility:visible;border:#fdcf00 2px solid}.fr-table-selector-active a>svg{color:#fdcf00}.fr-table-selector-active-selected{border:#0d65ff 2px solid}.fr-table-selector-active-selected a>svg{color:#0d65ff}.fr-table-selector-inactive{opacity:0;visibility:hidden}.fr-view .fr-table-selection-hover{outline:#fdcf00 2px solid}.fr-view .fr-table-selected{outline:#0d65ff 2px solid;caret-color:transparent}.fr-popup .fr-table-size{margin:20px}.fr-popup .fr-table-size .fr-table-size-info{text-align:center;font-size:14px}.fr-popup .fr-table-size .fr-select-table-size{line-height:0;padding:5px;white-space:nowrap}.fr-popup .fr-table-size .fr-select-table-size>span{display:inline-block;padding:0 4px 4px 0;background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span>span{display:inline-block;width:18px;height:18px;border:1px solid #DDD}.fr-popup .fr-table-size .fr-select-table-size>span.hover{background:transparent}.fr-popup .fr-table-size .fr-select-table-size>span.hover>span{background:rgba(0,152,247,0.3);border:solid 1px #0098f7}.fr-popup .fr-table-size .fr-select-table-size .new-line::after{clear:both;display:block;content:"";height:0}.fr-popup.fr-above .fr-table-size .fr-select-table-size>span{display:inline-block !important}.fr-popup .fr-table-colors{display:block;padding:20px;padding-bottom:0}.fr-popup.fr-desktop .fr-table-size .fr-select-table-size>span>span{width:12px;height:12px}.fr-insert-helper{position:absolute;z-index:9999;white-space:nowrap}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-quick-insert{position:absolute;z-index:2147483639;white-space:nowrap;padding-right:10px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-quick-insert a.fr-floating-btn svg{margin:8px;width:24px;height:24px}.fr-quick-insert.fr-on a.fr-floating-btn svg{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg)}.fr-quick-insert.fr-hidden{display:none}.fr-qi-helper{position:absolute;z-index:3;padding-left:20px;white-space:nowrap}.fr-qi-helper a.fr-btn.fr-floating-btn{text-align:center;padding:6px 10px 10px 10px;display:inline-block;color:#222;background:#FFF;-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0)}.fr-qi-helper a.fr-btn.fr-floating-btn svg{fill:#222}.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1{-webkit-opacity:1;-moz-opacity:1;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}

/* BASICS */

.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr;
}

/* PADDING */

.CodeMirror-lines {
  padding: 4px 0; /* Vertical padding around content */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  padding: 0 4px; /* Horizontal padding of content */
}

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white; /* The little square between H and V scrollbars */
}

/* GUTTER */

.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumbers {}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}

.CodeMirror-guttermarker { color: black; }
.CodeMirror-guttermarker-subtle { color: #999; }

/* CURSOR */

.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7;
}
.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-fat-cursor .CodeMirror-line::selection,
.cm-fat-cursor .CodeMirror-line > span::selection, 
.cm-fat-cursor .CodeMirror-line > span > span::selection { background: transparent; }
.cm-fat-cursor .CodeMirror-line::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span::-moz-selection,
.cm-fat-cursor .CodeMirror-line > span > span::-moz-selection { background: transparent; }
.cm-fat-cursor { caret-color: transparent; }
@-moz-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@-webkit-keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}
@keyframes blink {
  0% {}
  50% { background-color: transparent; }
  100% {}
}

/* Can style cursor different in overwrite (non-insert) mode */
.CodeMirror-overwrite .CodeMirror-cursor {}

.cm-tab { display: inline-block; text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0; right: 0; top: -50px; bottom: 0;
  overflow: hidden;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0; bottom: 0;
  position: absolute;
}

/* DEFAULT THEME */

.cm-s-default .cm-header {color: blue;}
.cm-s-default .cm-quote {color: #090;}
.cm-negative {color: #d44;}
.cm-positive {color: #292;}
.cm-header, .cm-strong {font-weight: bold;}
.cm-em {font-style: italic;}
.cm-link {text-decoration: underline;}
.cm-strikethrough {text-decoration: line-through;}

.cm-s-default .cm-keyword {color: #708;}
.cm-s-default .cm-atom {color: #219;}
.cm-s-default .cm-number {color: #164;}
.cm-s-default .cm-def {color: #00f;}
.cm-s-default .cm-variable,
.cm-s-default .cm-punctuation,
.cm-s-default .cm-property,
.cm-s-default .cm-operator {}
.cm-s-default .cm-variable-2 {color: #05a;}
.cm-s-default .cm-variable-3, .cm-s-default .cm-type {color: #085;}
.cm-s-default .cm-comment {color: #a50;}
.cm-s-default .cm-string {color: #a11;}
.cm-s-default .cm-string-2 {color: #f50;}
.cm-s-default .cm-meta {color: #555;}
.cm-s-default .cm-qualifier {color: #555;}
.cm-s-default .cm-builtin {color: #30a;}
.cm-s-default .cm-bracket {color: #997;}
.cm-s-default .cm-tag {color: #170;}
.cm-s-default .cm-attribute {color: #00c;}
.cm-s-default .cm-hr {color: #999;}
.cm-s-default .cm-link {color: #00c;}

.cm-s-default .cm-error {color: #f00;}
.cm-invalidchar {color: #f00;}

.CodeMirror-composing { border-bottom: 2px solid; }

/* Default styles for common addons */

div.CodeMirror span.CodeMirror-matchingbracket {color: #0b0;}
div.CodeMirror span.CodeMirror-nonmatchingbracket {color: #a22;}
.CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); }
.CodeMirror-activeline-background {background: #e8f2ff;}

/* STOP */

/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */

.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}

.CodeMirror-scroll {
  overflow: scroll !important; /* Things will break if this is overridden */
  /* 50px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -50px; margin-right: -50px;
  padding-bottom: 50px;
  height: 100%;
  outline: none; /* Prevent dragging from highlighting the element */
  position: relative;
  z-index: 0;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 50px solid transparent;
}

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
  outline: none;
}
.CodeMirror-vscrollbar {
  right: 0; top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0; left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0; bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0; bottom: 0;
}

.CodeMirror-gutters {
  position: absolute; left: 0; top: 0;
  min-height: 100%;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -50px;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0; bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper ::selection { background-color: transparent }
.CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px; /* prevents collapsing before first draw */
}
.CodeMirror pre.CodeMirror-line,
.CodeMirror pre.CodeMirror-line-like {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual;
}
.CodeMirror-wrap pre.CodeMirror-line,
.CodeMirror-wrap pre.CodeMirror-line-like {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}

.CodeMirror-linebackground {
  position: absolute;
  left: 0; right: 0; top: 0; bottom: 0;
  z-index: 0;
}

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px; /* Force widget margins to stay inside of the container */
}

.CodeMirror-widget {}

.CodeMirror-rtl pre { direction: rtl; }

.CodeMirror-code {
  outline: none;
}

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none;
}
.CodeMirror-measure pre { position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
div.CodeMirror-dragcursors {
  visibility: visible;
}

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}

.CodeMirror-selected { background: #d9d9d9; }
.CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; }
.CodeMirror-crosshair { cursor: crosshair; }
.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; }
.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, .4);
}

/* Used to force a border model for a node */
.cm-force-border { padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}

/* See issue #2901 */
.cm-tab-wrap-hack:after { content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext { background: none; }

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}textarea.fr-code{display:none;width:100%;resize:none;-moz-resize:none;-webkit-resize:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:none;padding:10px;margin:0;font-family:"Courier New",monospace;font-size:14px;background:#FFF;color:#000;outline:none}.fr-box.fr-rtl textarea.fr-code{direction:rtl}.fr-box .CodeMirror{display:none}.fr-box.fr-code-view textarea.fr-code{display:block}.fr-box.fr-code-view .fr-element,.fr-box.fr-code-view .fr-placeholder,.fr-box.fr-code-view .fr-iframe{display:none}.fr-box.fr-code-view .CodeMirror{display:block}.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch{display:block}.fr-box.fr-inline .fr-command.fr-btn.html-switch{display:none;position:absolute;top:0;right:0;display:none;background:#FFF;color:#333;-moz-outline:0;outline:0;border:0;line-height:1;cursor:pointer;text-align:left;padding:8px 7px;-webkit-transition:background 0.2s ease 0s;-moz-transition:background 0.2s ease 0s;-ms-transition:background 0.2s ease 0s;-o-transition:background 0.2s ease 0s;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:2;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none}.fr-box.fr-inline .fr-command.fr-btn.html-switch i{font-size:24px;width:24px;text-align:center}.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover{background:#ebebeb}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-popup .fr-buttons.fr-tabs .fr-special-character-category{padding:10px 15px}.fr-popup .fr-buttons.fr-tabs .fr-special-character-category span{font-weight:normal;font-size:16px}.fr-popup .fr-special-character{width:24px;height:24px}@media screen and (-ms-high-contrast: active) and (min-width: 768px), (-ms-high-contrast: none) and (min-width: 768px){.fr-popup .fr-icon-container.fr-sc-container{width:368px}}

/*!
 * froala_editor v4.5.2 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2025 Froala Labs
 */

.fr-clearfix::after{clear:both;display:block;content:"";height:0}.fr-hide-by-clipping{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.fr-element img{cursor:pointer;padding:0 1px}.fr-image-resizer{position:absolute;border:solid 1px #0098f7;display:none;user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.fr-image-resizer.fr-active{display:block}.fr-image-resizer .fr-handler{display:block;position:absolute;background:#0098f7;border:solid 1px #FFF;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;z-index:4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.fr-image-resizer .fr-handler.fr-hnw{cursor:nw-resize}.fr-image-resizer .fr-handler.fr-hne{cursor:ne-resize}.fr-image-resizer .fr-handler.fr-hsw{cursor:sw-resize}.fr-image-resizer .fr-handler.fr-hse{cursor:se-resize}.fr-image-resizer .fr-handler{width:12px;height:12px}.fr-image-resizer .fr-handler.fr-hnw{left:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hne{right:-6px;top:-6px}.fr-image-resizer .fr-handler.fr-hsw{left:-6px;bottom:-6px}.fr-image-resizer .fr-handler.fr-hse{right:-6px;bottom:-6px}@media (min-width: 1200px){.fr-image-resizer .fr-handler{width:10px;height:10px}.fr-image-resizer .fr-handler.fr-hnw{left:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hne{right:-5px;top:-5px}.fr-image-resizer .fr-handler.fr-hsw{left:-5px;bottom:-5px}.fr-image-resizer .fr-handler.fr-hse{right:-5px;bottom:-5px}}.fr-image-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:2147483640;display:none}.fr-popup .fr-image-upload-layer{border:dashed 2px #bdbdbd;padding:25px 0;margin:20px;position:relative;font-size:14px;letter-spacing:1px;line-height:140%;text-align:center}.fr-popup .fr-image-upload-layer:hover{background:#ebebeb}.fr-popup .fr-image-upload-layer.fr-drop{background:#ebebeb;border-color:#0098f7}.fr-popup .fr-image-upload-layer .fr-form{-webkit-opacity:0;-moz-opacity:0;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";position:absolute;top:0;bottom:0;left:0;right:0;z-index:2147483640;overflow:hidden;margin:0 !important;padding:0 !important;width:100% !important}.fr-popup .fr-image-upload-layer .fr-form input{cursor:pointer;position:absolute;right:0;top:0;bottom:0;width:500%;height:100%;margin:0;font-size:400px}.fr-popup .fr-image-progress-bar-layer>h3{font-size:16px;margin:10px 0;font-weight:normal}.fr-popup .fr-image-progress-bar-layer>div.fr-action-buttons{display:none}.fr-popup .fr-image-progress-bar-layer>div.fr-loader{background:#b3e0fd;height:10px;width:100%;margin-top:20px;overflow:hidden;position:relative}.fr-popup .fr-image-progress-bar-layer>div.fr-loader span{display:block;height:100%;width:0%;background:#0098f7;-webkit-transition:width 0.2s ease 0s;-moz-transition:width 0.2s ease 0s;-ms-transition:width 0.2s ease 0s;-o-transition:width 0.2s ease 0s}.fr-popup .fr-image-progress-bar-layer>div.fr-loader.fr-indeterminate span{width:30% !important;position:absolute;top:0;-webkit-animation:loading 2s linear infinite;-moz-animation:loading 2s linear infinite;-o-animation:loading 2s linear infinite;animation:loading 2s linear infinite}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-loader{display:none}.fr-popup .fr-image-progress-bar-layer.fr-error>div.fr-action-buttons{display:block}.fr-image-size-layer .fr-image-group .fr-input-line{width:calc(50% - 5px);display:inline-block}.fr-image-size-layer .fr-image-group .fr-input-line+.fr-input-line{margin-left:10px}.fr-uploading{-webkit-opacity:.4;-moz-opacity:.4;opacity:.4;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}@-webkit-keyframes loading{from{left:-25%}to{left:100%}}@-moz-keyframes loading{from{left:-25%}to{left:100%}}@-o-keyframes loading{from{left:-25%}to{left:100%}}@keyframes loading{from{left:-25%}to{left:100%}}img.fr-draggable{user-select:none}

.xmp-container {
  min-width: 883px;
  width: 100%;
  height: 100%;
  padding: 0px 2px 0px 2px;
  margin: 0 auto;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.xmp-container .side {
  width: 15%;
  min-width: 200px;
  margin-top: 38px;
  margin-right: 4px;
  font-family: "Lato";
  height: calc(100% - 45px);
}
.xmp-container .editor {
  width: 85%;
  margin-top: 0;
  min-width: 730px;
}
.xmp-container .editor button[data-cmd='html'] {
  width: 88px;
  height: 30px;
  border: none;
  margin-top: 3px;
  background: url(assets/code.dbb44c3aa5a12df22fabe0dde361b1c6.png) no-repeat;
}
.xmp-container .editor button[data-cmd='html'].fr-disabled {
  opacity: 0.5;
}
.xmp-container .editor button[data-cmd='html']:hover {
  background-image: url(assets/code_hover.eca7ea4525d9afa45c6af7ad7ca9412d.png);
}
.xmp-container .editor button[data-cmd='html']:hover.fr-disabled {
  background-image: url(assets/code.dbb44c3aa5a12df22fabe0dde361b1c6.png);
  opacity: 0.5;
}
.xmp-container .editor button[data-cmd='html'] {
  margin-top: 10px;
}
.xmp-container .editor button[data-cmd='html'] svg {
  display: none;
}
.xmp-container .editor button[data-cmd='html'].fr-active {
  width: 88px;
  height: 30px;
  border: none;
  margin-top: 10px;
  background-repeat: no-repeat;
  background-image: url(assets/design.991213b0486f1d93ade8be9c64e12bfa.png);
}
.xmp-container .editor button[data-cmd='html'].fr-active:hover {
  background-image: url(assets/design_hover.a8fc6da114b05c844d4f8fbbe0ccdfc1.png);
}
.xmp-container .editor button[data-cmd='color'] {
  width: 20px;
  height: 20px;
  border: none;
  background: url(assets/text_color.88a66c139382838e94a6283aec7af6c1.svg) no-repeat;
  margin-top: 12px;
}
.xmp-container .editor button[data-cmd='color'].fr-disabled {
  opacity: 0.3;
  background: url(assets/text_color.88a66c139382838e94a6283aec7af6c1.svg) no-repeat;
}
.xmp-container .editor button[data-cmd='imageSize'] {
  width: 20px !important;
  height: 20px;
  border: none;
  background: url(assets/scale_tool.b8ff2f96cd189be35be930bdf6647f9c.svg) no-repeat;
  background-size: 16px 16px;
}
.xmp-container .editor button[data-cmd='tableCellBackground'] {
  width: 20px !important;
  height: 20px;
  border: none;
  background: url(assets/bg_color.cb8ed62cd40c04b456743ae3d4de4884.svg) no-repeat;
}
.xmp-container .parent {
  display: flex;
  flex-wrap: wrap;
}
.xmp-container .blocks .panel {
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  padding: 0 10px;
}
.xmp-container .block {
  margin: 0px 15px 15px 15px;
  border: 2px solid #cdcccc;
}
.xmp-container .block img {
  width: 100%;
  position: relative;
  top: 1px;
}
.xmp-container .block:hover {
  border: 2px solid #4acedd;
  padding: 0;
}
.xmp-container .block:hover.active {
  border: 2px solid #4acedd;
  opacity: 1;
}
.xmp-container .ador {
  background-color: #fafbfb;
  cursor: pointer;
  color: #666666;
  padding: 10px 10px 10px 13px;
  width: 100%;
  text-align: left;
  font-size: 14px;
  border: none;
  outline: none;
  transition: 0.4s;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 38px;
  z-index: 2;
}
.xmp-container .ador:hover {
  background-color: #f4f4f4;
}
.xmp-container .ador:hover.active {
  background-color: #e8f2f5;
}
.xmp-container .group {
  position: relative;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  height: 38px;
  color: #666666;
  background: #d3d3d3;
  padding: 0 5px 0 13px;
  line-height: 38px;
  font-family: Lato;
  font-size: 18px;
  margin-bottom: 2px;
}
.xmp-container .group i {
  display: none;
}
.xmp-container .group:hover {
  background: #BCBCBC;
}
.xmp-container .group.active {
  background: #51C5D4;
  color: #fff;
  margin-bottom: 8px;
}
.xmp-container .group.active i {
  display: inline-block;
  z-index: 10;
  position: absolute;
  top: 33px;
  left: 15px;
  color: #51C5D4;
}
.xmp-container .scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.xmp-container .panel {
  background-color: #fafbfb;
  transition: height 0.2s ease-out;
  height: 0;
  display: flex;
  margin: 0;
  border: hidden;
  z-index: 1;
  overflow-y: auto;
  overflow-x: hidden;
}
.xmp-container .all-adors {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.xmp-container .blocks {
  height: calc( 100% - 30px);
  display: flex;
  flex-direction: column;
}
.xmp-container .adors-panel {
  display: block;
  height: 0;
  overflow-y: auto;
  overflow-x: hidden;
}
.xmp-container .active + .panel {
  transition: height 1s;
  flex: 1;
}
.editor-action-buttons {
  width: 176px;
  margin: auto;
}
.editor-action-buttons .save {
  width: 80px;
  height: 30px;
  border: none;
  margin-right: 14px;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAeCAYAAAC7Q5mxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTg2RjcyMzNCMzAyMTFFN0IzNTFEQTQ0Rjc4NUNEN0QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTg2RjcyMzRCMzAyMTFFN0IzNTFEQTQ0Rjc4NUNEN0QiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5ODZGNzIzMUIzMDIxMUU3QjM1MURBNDRGNzg1Q0Q3RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5ODZGNzIzMkIzMDIxMUU3QjM1MURBNDRGNzg1Q0Q3RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoG4V0wAAAWgSURBVHja7FpbSFRrGP1mvN+vkIp3ERNFRUVT0ReFg/ngUwhGiBppCOpB0Y4voj1oHBRSHyxKPN7IjkKY4O1FeihRJEEURMHCa2reSrzr2evLXybOjE0zczqeznzwNxv3nj3/Xv9a61v/TLKEhAQ6q+yz4U36+lZ9ksYf0igxPPtDqzRS9bioXVbS+E0ah3Lpnyw9eBrXrwbe3t590oG5HguNygAMdNDjoHEdA8B9PQ4a1ykAPNXjoHkZansDuVxOx8fH9P79e7K2tiYrKyuam5sjmUx2Pk5OTkjyWpqfnyczMzO6cuUKHR4efnt5T095iPtcxpJJOXBXejXV+AbSg21ublJqaiotLS3R9PQ0Xb9+nY6OjsjCwoLs7e0Z0Pb2dv77xMQEDQ8Pk6enp0oQDQ0NaWtriz5+/EimpqZ0cHBARkZG5OLiwot1iWpPawYuLi5SUlIS5efnU3d3N4N5+/ZtPre2tkYvX76k7Oxsev78OaWnpzOoycnJDJC5ublSRq+vrzNgtbW1FBQURMvLy9Ta2kqvX79mBl8mNsq1juSfPlFERAQff/jw4StW9fb2UkFBATPIxMSE2QcAcnNzma3KCszd29ujJ0+eUExMDDMXjCwsLGT2wQ4wdnZ2aH9/n8GEzPEevApV4Bp8rpA/5oX34P66XACtGWhgYMCTF+xRdl48GI4VmaaswOC4uDi6evUqhYWFsSU0NDSQl5cX28HKygp/nr+/P62urtLCwgL5+voyQJ8/fyZbW1u+z/b2NrPd2NiY3r17R5aWluTj40NTU1MMIuxAHR/+xxmIwmqjMCFFWd68eZN6enqYfTgnrhPMUNWUwGoUPBOgQe4AamNjg0JDQ9kOKisrmZ1gKRrYs2fPKDg4mEGFrSQmJlJRURHLPjIyks8XFxdTW1sbBQQE8HWXQsKKBXmiQbS0tFBzczN1dXUxcDiemZlRyTrFsrGxodHRUero6KD79+/Tq1ev6O7du8wasE94YmZmJg0ODtLjx4+5SYFpuA7XgMXwW0jezs6Onj59yh6KBRkaGqJ79+4xWy+FhBULEgGzHj169Lc4gq4LGakTixwcHKi0tJTevHlDN27cYOZA1vDBmpoajkOQbV9fH6WkpFBgYCCVlZXxObwXrHV3d+dmdufOnXOvzsnJYRa7ubmRs7MzLy6a1aUBMCoqiiUjspsATxyrY97iGuRJNCFIDnKEDwIUPPTDhw85cwr7AGBIAAAwOjqaAYIHDgwMMGiwAORQgAb7aGxs5Hmpo4gfCiAeXrFRaFKQKgCBxOBTsAUsimBnU1MTd/C8vDxycnJi4OCxAAmMzMjI4OzY2dnJskaWBPOzsrLI0dHxPFPCF7EYosH9qx6oy1iABhAbG0v9/f3sc/Hx8QwSsuHY2Bh355GREZYkwOIdveR12N3U19dTeHg4Sxq+FxISwq9YVHjptWvXqLy8nOrq6jhyaQueThgICWGlv6fAGFWTB0vQueGZYBkYiaaRlpbGLHvw4AHdunWLQR4fH2fWISfC+yYnJ+nt27cMDljq5+fHDQa7pIqKCqquruaU8OLFC51EGJ1s5WZnZzkYY6hbiBQlJSXcdJTlRgRegObq6soPDBAgO3gYPs/Dw4OljWCO3Cf8EEyE9CF10bDwPjQdgAwfBLiikWBxtN3KaQ0gPAUTBiB4QJH1VHVYxIyqqiqOGsq2cl/NTgrMuB88TXgrmLu7u8u2ARDx+QBH7DhExgRwijsTME5ce5ECfjiAmBD8CF0PD3rRxPAgeHjxJYOuZPSf/jIBMgCT4IMXsU8UpAXQfwLwdBdjwDpITN0IoyP5/BzfxvzfS66N/+mLZABwW4+D5haI34Xxq9wveiw0qkMAOERf/j9MsB6P765y0YXTpNEtDWwuPenLT536nztVJ5ctafwpjd//EmAAXQzTA/L6a1IAAAAASUVORK5CYII=);
  float: left;
}
.editor-action-buttons .save:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAeCAYAAAC7Q5mxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDE3NzcyNjNCMzAyMTFFN0I5RjhGMTY1RDZFNkE5NEEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDE3NzcyNjRCMzAyMTFFN0I5RjhGMTY1RDZFNkE5NEEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MTc3NzI2MUIzMDIxMUU3QjlGOEYxNjVENkU2QTk0QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MTc3NzI2MkIzMDIxMUU3QjlGOEYxNjVENkU2QTk0QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj9cYe8AAAQfSURBVHja7FpZKHVrGH623/Cb55CbkytkSsI9Ocl8ccoVOplu3OsPmS/IUDKU0Lk4xCnKcHEUKXOiuEFmKSnTQaaD7//el72O/+TH3tapff7WU+/+1vB939r7+Z53WGttHf5B7pP5QMNbOJf2m7Qv+gO/SxOaGWwlRF6ORoTRdvZJfvwpzUbzSqPwSffEpAbjcEMEXkuz0rgwCtdE4JW0zxoXGoH/bwKzs7OxubmJhYUFZGVl4fb2Fo6OjnB3d8fGxgZqa2uRnp6OqakprK2t/TAE4onAD6Xz2NhYQWhpaRHBwcFCj729PVFeXs7bOp2O98/Pz4Wnp+e75u3o6BArKytiZGSEr2GCZcyVmRrLEBUVxe3Ozg5ubm6U4+3t7SgoKMD19TUkgZicnISdnR3y8/PfnHNmZgbJycno7e2FhYUFmpqaTFKC5mpMcnl5ya2Z2cvrIQX4eDHzx8tZWb2e9ENCQhAREcGk6+Hg4PBNH1dXVxwdHSnz3t3dvfk9vby8sL+/ryqBqijw4eGBW4p7z8kh9Y2OjsLa2pr76PuRIl/DxcUFtwkJCcqxs7MzbiMjIzE9PY2xsTFsbW0hPDycF47ib1BQkNI/JSWFPYAQGhqKpaUlDAwMYG5uDn5+fqZFoB62trZYXFxEWVkZSkpK0NjYiJOTE5SWlr6q0H9jfX0dDQ0N6O/vx+rqKnJycpRzRBKRlZiYiJ6eHszOzioLV19fr/SrqKjghSAVz8/Po6qqCmFhYRgcHFQ9HHw4iRQXF3Oi6OvrE9K1Xuzj7e3NyYBQV1f3rnljYmLE8PAwjxkaGhLSVb857+vry+doW6pM2aaERbCxsRFJSUm8HR8fLzIyMkRubq44ODjgPmokEXM1V0J+WcTFxX1f7maGCV6SxyaJwvLyshL3ZLaHi4sLq+v+/h729vZcPhECAwO5/+HhIcfm6Oho3ibXpwRGYaSoqEiJyyaRRPSgH0QZ86NwdnbG6emp8iNlKcMtJYrx8XGOfZmZmbi6umKSKMHI8ghtbW2orq6GVB63hO3tbTg5OXE8/q/wYReW8U4YgrdcWBbl3I/cjVxPxjCuIWWc4+NpaWlCKlDU1NTwvoeHB49zc3NTrqF3Uf2Yrq4u4e/vz3NWVlaqVgeqokDKsoaAFPIauru7ERAQAFmEswqpvqTShmpMGcdQWFiI1NRUTExMQBbbsLS05HHkqjLOYnd3V1EvjSGXpnqys7OTr93c3GxaCqRVNQSGKIAU9NIxeZuo7L83IZBq1b4TUeVemBTQ2toKHx8fpdb7XhIhdeTl5eH4+Fh7mKBBI1AjUCPwByBQe6lkPPil0l/0tEjjwijc03thegL6s8aFUfibCJzB4/9hgjU+DEap7tnOL9J+lfbTs0pbw8sPYCjs/SGt+qsAAwBhE9HmiQpn4AAAAABJRU5ErkJggg==);
}
.editor-action-buttons .preview {
  width: 80px;
  height: 30px;
  border: none;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAeCAYAAAC7Q5mxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Mjk2QTUzNkNCMzAyMTFFN0IwNTM5Rjc3MzM1Mjc3QUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Mjk2QTUzNkRCMzAyMTFFN0IwNTM5Rjc3MzM1Mjc3QUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyOTZBNTM2QUIzMDIxMUU3QjA1MzlGNzczMzUyNzdBRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyOTZBNTM2QkIzMDIxMUU3QjA1MzlGNzczMzUyNzdBRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pqy5vHUAAAbTSURBVHja7Jl9TM5r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);
  float: left;
}
.editor-action-buttons .preview:hover {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAAAeCAYAAAC7Q5mxAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkQ2NTgzMkZCMzAyMTFFN0FFMDc4ODMzRjNGQzI0MUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkQ2NTgzMzBCMzAyMTFFN0FFMDc4ODMzRjNGQzI0MUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RDY1ODMyREIzMDIxMUU3QUUwNzg4MzNGM0ZDMjQxQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2RDY1ODMyRUIzMDIxMUU3QUUwNzg4MzNGM0ZDMjQxQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgJ2IbkAAATESURBVHja7FprKG15FF/n4DbkPXmHMUSSvEMeH5TGNyI+KGSSGeVRUuIDzfiiKMrzw72EyPNKnqEo1Mj7kXcSXySPXHk1rv+s/7rOHu45996zz3Cbslet01rr/zi7317r91/77CODf+X3B/0ZJPmWXKA2oOYrAs2oTFLR+gcH7zcJCI31gww/jlF/lKpSI7mTPSApiWZyK+cfEg4aC5NrmoEhISHg7e0tQYhyLYY47e3t2erqKlNIQ0PDaz5ErkUD2NbWxj6XzMzMVwugXGy6Ojg4KMViYmLUXm9gYACNjY0wOTkJs7OzgDcE7Ozsnq2curu74fj4+LuVr2gAr6+vlWLn5+dqrzcxMYGEhATY3d2FkZERcHR0hL29PZU3RhPZ2dmBubm5/y8HdnZ2KpVwdna22usx22iNrq6uEDs9PWVDQ0NMJpMJMW5ra2sLvqWlpWAbGRmp3Pvxno/VzMyM6ejoiCpPuVz+MiXc09OjFKuvr1f/3GdMiQp4xlhYWAACAHV1dfD+/Xu4vb0FBBGsrKxgYWEBent7YXh4mOYHBwfD9PT0k33n5+cpu5OSkp5cY0tLC/T398PS0hKkpaV9em5tbobw8HBhzszMDO3JxdPTExYXF+m7XyQDuT4+hQsKCkStVWSgjY0N+e7u7uTHxsYyLS0tshEslpKSwvT09NjZ2RnLyMigue3t7QzBpczk4uXlRfHIyEjyuf3u3Tt2dXVFNgLFkGfJtrW1ZXd3d8zFxYUhB9M+PB4aGkpry8vLyUfA2cnJycucwk5OToJdU1PDcnJyBB+5TK09MNPogjc2NhhmHvv48aPQCnFALi8vhblxcXE0lwOEmcWKiooEoCYmJhhmJNnr6+ustbWV7Orqara5uUn21tYWq6ysZImJiSw6Oprd3NywsrIy5uvry46OjgSQ+XWMjo6Sf3h4KKarUK+EjY2NYXx8HLa3t6GqqgrMzc2pHEpLS8HPzw8GBweJvLu6ugCz6Kt7KcZ5WSFw4O/vT2Wn+B7MOGGuq6srXFxcUMOO4MKbN28gPT2dxvLy8oQyNDU1hcLCQrLv7+9JufC9kMvAw8ODSrS4uJjohp/+yIvUEbi5uUFERATo6+tTN4E3VBQlqZWByBFKBwcv4/39faU4gqhWCRsaGiqNBQUFUQYo/Pj4eCHjVCmf29TU9KSZ5xmnyMCDgwOiCFVrkUPZ1NQUQ74kv6KigqqBH5LP2kgHBAQwsaLgN1WKhwfN4WX0+VhYWJgSYJiBdEJzIDjflpSUCGO5ubk0PyoqSohxDlNwYG1tLY0HBgbS93V0dJDNx7KysmgMK4l8Hx8f8lNTU58XQE6uYiU5OfmL+/F2ZHl5mTk7OyuNcQ4cGxt7EuM3g3MUX7O2tkaHi2IMS57h6crwpBZi+fn5rK+vT/Dfvn1LGbmyssIGBgaoAhSVwNdaW1sLc5GmVF7XfwIQWwjRAHKifu7HJmxRNF6L/Eb6Eo9ysgcAf/gSQWJZEeFiC6AWoXKiR34EvOOv4YeYm28CKMnXAZRLGHznHxMkkQB8VpFeKj3DS6UPEg4aizZ/MOVv5X6RsNBI/uYA/gWf/g/jIeEhWv58/KthLOqvqD896rQlUVG2/C0GagdqyT8CDACGI+aF76bJTwAAAABJRU5ErkJggg==);
}
.fr-box.fr-basic.fr-top {
  display: flex;
  flex-direction: column;
}
.fr-box.fr-basic.fr-top .fr-wrapper {
  box-shadow: none;
  overflow-y: auto;
  height: 700px;
}
.fr-toolbar.fr-top {
  box-shadow: none;
}
.ci {
  width: 18px;
  height: 18px;
  border: none;
  padding-top: 2px;
  padding-right: 28px;
  background-repeat: no-repeat;
}
.acc-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.acctitle {
  box-sizing: border-box;
  height: 38px;
  background: #f2f2f2;
  padding: 4px 11px;
  z-index: 12;
  position: absolute;
  left: 1px;
  width: 15%;
  min-width: 200px;
  margin: 0px 4px 0 1px;
}
.acctitle div i.save {
  color: black;
  padding: 3px;
  cursor: pointer;
}
.acctitle .btn-info {
  color: #fff;
  background-color: #1e1e1e;
  border-color: #95A5AF;
}
.adorType1 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOtJREFUeNpibFuw5j8DFDDBGJXxwYxMMAaIBgggRpgyxv///6OqBQggRmQTsGqG0QABhKGSCSYDUwU3HcNFOAUAAogBZChIGz4M19W+cO0BKP0fSifgNAmbySj2A3U3IJsGAwABhOFRrICQo0GGsCBZhWEiLPSQ3ZSIFugHcVqHzbdMDEQA0hUhhXYDsjgLNt+gA4AAIyqCSQpLJGc5EOMXoMsO4HQ2FOyHhjVMYT2UboTSIIvsQUkDr0HoYQB0YT1UvIHiKKFa3BIDWHBJAL2kAKQU0CLhAdCLD0gyCKrhAXqg4nURtmxEKgAAMYzw3Zh9hKMAAAAASUVORK5CYII=);
}
.adorType2 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAARtJREFUeNpibFuw5j8DDIA4QMAAwkwMSAAggBhhykCiByvjgxkZQWpAACCAwJqA+ABIAEhfwNAMVG4AogECiBHFLhCA2QXTDheACjqgmAM2A24tFAAEENhQkIPaF64VAPINkGw9AGMjG7MBJAGVVABqOgDEDuiKkN2+AIgdYHwWZEmQbjT1ASACIIAwPYoFwH0Csx8KLgCt+wAVRwQEWsCAAlwAxmbCYcNBIH6ALQiQfQey+gJeReiAKEWwcLqAJYww4x8XBvkOIMBQEiW5GGQGetSBUssGHA4zgAadAywysPkNWTEDciJBSx/2QPweyL6IbiALA5EA2XCooSBLD5AUJVSLW7oaxIIWDqDsGoCWZbCBAPSYIypTEgMAU0H0+tYQKxEAAAAASUVORK5CYII=);
}
.adorType3 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWRJREFUeNpibFuw5j8DDIA4QMAAwkwggfaFaw1ANEAAMcKUMYKkQIAJpgcggFA0wdgwzR9AdGV8MCOIBgggRhS7kA0DqgQxGhmQzCkAS0I5CjDD4VpgACCAUKxH0p4AEgdiAbhzsIALQHwQ6LwPcB8BXbIBSgsAMUjBAyAWgOlggXooAMo/AMQOUBMMYIoAAgjDo1gBuqNhXgTiAzA2hsOBbnKAMu1hYhiKgO4BuWshEAfitA5ofAC61Uyg+AZ5HWrVApD3gfQBmBg81oACBUD2B6BVC5DclgBlzkc2VgGIL2DzKdYgQFcEEGBYI5hUDDKDhYEIAPSDApC6jyZcCPTnBJzhjQ0ANYASzkc04QfIHKJcBDVMAJ88CxHeagBSBVAXgJJ1ASzdYxgEjWyQf0FpLQCo8AI0XyhAk3sDksELgDgAKn4BZ7YE8h2A+AMQLyAQU2B1REU/yDCYYkLRT1ymJAIAAIMUuQRgRlSDAAAAAElFTkSuQmCC);
}
.adorType4 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbZJREFUeNpibFuw5j8DFDBB6cLK+GBGBpAMEDCAMEAAMcKUsQCxIxAbMIKEQQAggGBSINEAEAZqVoCZVADEAkDsAOIABBAjsl1g+8D2MDAYAvFGEJuZXVEXpDQDiGccuXi9AWxL+8K1D6A6EuDWwgBAAKE4ExdmgSkGGqUApBYAMcjIDUBLNwDFQHQAE1SBAJADkjwAUghVYABkf4AHEVDwA9RAkI/3g0wAeRQongASBAggDI9iBYQcDTIE2eEgN12AOnwB1LoDcDdBfQHzHSjQJ0AVQ6IJGpILoKaAsAEUL4Cq2c+E5LwDUOPBViKx4akEpOsD1F0gbydAnYASTiBdClCd8SANoJAmKQgAArRSdjUAwjAQbggCkIADkDAJSEBKJSABKZMATnAAHflKxs8DJDQhO1Z26643XjX4k5Z5YAhFiYbpmZIVL5yifCAYMUybNUgwfos4Cfc5YXEhHiwZnAyh9l6B3ZGB5h6xGy5dIHZRPq55HAvVBUbH6ZjR1q5HRbRuoaqeOSeOYCE30Nr4eDTK72yHRKg2RjxagZVcd/LHVWzIRhfYFvkfxi07Ze9y00h+iA2QwFMR1u+fmAAAAABJRU5ErkJggg==);
}
.adorType5 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaFJREFUeNpibF+w7j8DFDDBGBXxgYxMMAaIBgggRpgyJqiII+P//xB9AAHEAJICcYD0DhANwnCTgICjY+F6BRADIIAYke1CNkwRiJtBbGYORf0PsV4O5ZduP7A/cvGGIQPU4AswSxDWQgFAAMGtx4dZYIqBTvkApPgVJUUZ7j9/DRJ6CsQ6QMs/MEEVCACpByBXARUcBNKNQOwDxBOItg4ggDA8ihUQMgVkCAuyBqDbuoGUKhAXAB38ACXagJIGQHxOU06yBMj1B+L7QP4F9Lh1AOJNKrJSDEhxDdK4AVlRAsi7m4+eXQikQUEgCAo3oMIAuCKQLqhpAVBNC4BiAiT5jomBCAAQYEzEhDjVbCMGsKALQBP4AiC2x6FnIhA3gFIZVoNAkQekzgNxISj1pQW42gvx8zD0LdvM8Ov3H2Q9e0AWQS10gBmI7DWQKy5C6YZ1+49/mb1hN7ohF4Eat4DkgVgBSqO6CJoqBKAGGbz5+CUXKLYAycUguQJohmpAiXv0MII6MwBNMyjxgFLVAagLGogKbCwGbyA61oA2/6c0+gHl60/+SyOfGgAAAABJRU5ErkJggg==);
}
.adorType6 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAXRJREFUeNpibF+w7j8DDIA4QMAAwkwMSAAggBhhykCiC4H4IyNIDQgABBBYExBPgGkES8BMAtIOQKwAYgMEECOKXSAAVbEA3c4PIKJj4foPzByK+g4V8YEzgByQ1pkIa6EAIIBQ3IwLw/0CMgZqFCZA9wjIZUD8AMp+ADcJ6KACmCYgOwHkYqCpE4A0iM0AEECYHsUGCDkaZAiKw3EZxARVYACkFIF0ADZFLFB6A9SRC4BYAKgYxJ4P0gg3CeQboK8OAOkDUL4CEBcCxR4gK3KA0glAU0Bx1ABkN+D1HTSAD8DYLNgcCjSJEZkPEGBMxEQwMWGJYRs0yEDR1gD1MFGACYvYBjSadIOgCQgU9KCQPQDkLyDWIBY0L+UD8UEgG+YlfyB7A9DgDdDUsR4Un0B8AYj3Iwc4C5qXQJE+AclwcMpBMkQRlCigLj2I1UVABQpYongB1CBYInIAskF5Sh+IG7EahA9AYw/mjQU4wwhfNiIWAAAEF0nXxJ+TLQAAAABJRU5ErkJggg==);
}
.adorType7 {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAAEhyb7BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUlJREFUeNpibFuw5j8DFDBB6YuV8cGMDCAZIGAAYYAAYoQpYwHig0AswAgSBgGAAGJENgEEQJqZYAwg5QjFDAABhKGSCaoCBj4wIXFAtrxkQjLUAUi9gFsLAwABhOJMXJgFprh94VqQMfuBuBCILwCxARDHAI03QbbrAJR5AcoGKfwC8z/MJJDEQyDuALJ/AGkOIAbRDAABhOFRrICQo0GGsECteg8KcnQDYKEHc/hdpMC+CMWOMMUwh0sAcQOULQ+lQXwHZEV3oMEN8yUs+FFSCV6AHk4wq8F8uGnEBAFAgBEVwUSHJZKzziA7kwD4A0ogGH6DAmVskYMDfEBJ/2iS4HwHi1Wk3HMQygZlCUco+yI+g8gG6F5TQYo+WFSCvCoPZesD8QQg+wMsenG5CJyiYPEOpQugXnaAeqcAlslJzt+kZKX/lIYRAI91N2lxtyOxAAAAAElFTkSuQmCC);
}
.xmp-font-color {
  width: 20px;
  height: 20px;
  border: none;
  background: url(assets/text_color.88a66c139382838e94a6283aec7af6c1.svg) no-repeat;
  margin-top: 12px;
}
.fa-xmp-image-size {
  width: 20px !important;
  height: 20px;
  border: none;
  background: url(assets/scale_tool.b8ff2f96cd189be35be930bdf6647f9c.svg) no-repeat;
  background-size: 16px 16px;
}
.xmp-image-size {
  width: 20px !important;
  height: 20px;
  border: none;
  background: url(assets/scale_tool.b8ff2f96cd189be35be930bdf6647f9c.svg) no-repeat;
  background-size: 16px 16px;
}
.fa-xmp-table-background {
  width: 20px !important;
  height: 20px;
  border: none;
  background: url(assets/bg_color.cb8ed62cd40c04b456743ae3d4de4884.svg) no-repeat;
}
.xmp-table-background {
  width: 20px !important;
  height: 20px;
  border: none;
  background: url(assets/bg_color.cb8ed62cd40c04b456743ae3d4de4884.svg) no-repeat;
}
.xmp-code {
  width: 88px;
  height: 30px;
  border: none;
  margin-top: 3px;
  background: url(assets/code.dbb44c3aa5a12df22fabe0dde361b1c6.png) no-repeat;
}
.xmp-code.fr-disabled {
  opacity: 0.5;
}
.xmp-code:hover {
  background-image: url(assets/code_hover.eca7ea4525d9afa45c6af7ad7ca9412d.png);
}
.xmp-code:hover.fr-disabled {
  background-image: url(assets/code.dbb44c3aa5a12df22fabe0dde361b1c6.png);
  opacity: 0.5;
}
.xmp-design {
  width: 88px;
  height: 30px;
  border: none;
  margin-top: 10px;
  background-repeat: no-repeat;
  background-image: url(assets/design.991213b0486f1d93ade8be9c64e12bfa.png);
}
.xmp-design:hover {
  background-image: url(assets/design_hover.a8fc6da114b05c844d4f8fbbe0ccdfc1.png);
}
.fr-popup {
  z-index: 2006 !important;
}
.fr-insert-helper {
  display: none!important;
  z-index: -9999 !important;
}
.fr-table-resizer {
  z-index: 7 !important;
}
.fr-separator {
  background: #fff;
}
.fr-toolbar {
  border-top: 0;
  color: #222;
  background: #f2f2f2;
}
.tooltiptext {
  display: none;
  min-width: 120px;
  background-color: #fff;
  text-align: center;
  border-radius: 2px;
  padding: 0 8px;
  position: absolute;
  z-index: 3;
  font-size: 16px;
  border-width: 1px;
  border-style: solid;
}
@media screen and (max-width: 990px) {
  .fr-toolbar .fr-command.fr-btn.fr-hidden {
    display: block;
  }
}
.fr-overflow-hidden {
  overflow: hidden !important;
}
/*  templates  */
.fr-view {
  padding: 22px 4px 4px 18px;
}
.fr-view table.towcol,
.fr-view table.treecol,
.fr-view table.oneCol {
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 10px;
}
.fr-view table.towcol td,
.fr-view table.treecol td,
.fr-view table.oneCol td {
  border-width: 2px;
  border-style: dotted;
}
.fr-view table.towcol td.fr-selected-cell,
.fr-view table.treecol td.fr-selected-cell,
.fr-view table.oneCol td.fr-selected-cell {
  border-style: solid;
}
.fr-view table.oneCol {
  margin: 0 auto;
  min-width: 600px;
  min-height: 300px;
}
.fr-view table.towcol-long {
  margin: 0 auto;
  width: 100%;
  border-collapse: separate;
  border-spacing: 10px 10px;
  min-width: 300px;
  min-height: 300px;
}
.fr-view table.towcol-long td {
  border-width: 2px;
  border-style: dotted;
}
.fr-view table.towcol-long td.fr-selected-cell {
  border-style: solid;
}
.standalone-mode .xmp-container .editor button[data-cmd='html'] {
  display: none;
}
.fr-view {
  /* mouse over link */
}
.fr-view img[xmp-image-asset] {
  position: relative;
  min-width: 131px;
  min-height: 100px;
  display: inline-block;
  border: 1px solid #4baccf;
  background: white url(assets/Graphic_ADOR_Placeholder.d83fa2ea7471121c9195d21c2f4eea43.png) no-repeat center center;
  padding: 7px;
  background-size: 100px;
}
.fr-view img[xmp-image-asset]:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 23px;
  height: 23px;
  background: white;
  content: '';
}
.fr-view img[xmp-image-asset]:after {
  content: attr(title);
  font-size: 12px;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 100px;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  white-space: nowrap;
  text-align: center;
  padding-bottom: 5px;
  padding-top: 5px;
  z-index: 3;
}
.fr-view a[xmp-href] {
  color: #1ea5ff;
}
.fr-view a[xmp-href]:hover {
  color: hotpink;
}
.fr-view .drag-over {
  border: 1px double aqua ;
}
.xmp-container .block-input {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 12;
  display: none;
  background: white;
  opacity: 0.5;
}

.cl-modal-connect .cl-modal .modal-dialog {
  width: 580px;
  height: 520px;
}
.cl-modal-connect .cl-modal .modal-dialog .row {
  display: flex;
  padding-bottom: 30px;
}
.cl-modal-connect .cl-modal .modal-dialog .row cl-ddl {
  width: 320px;
}
.cl-modal-connect .cl-modal .modal-dialog .row .system-ddl button {
  position: relative;
}
.cl-modal-connect .cl-modal .modal-dialog .row cl-section-heading {
  width: 160px;
  margin-left: 15px;
  margin-right: 15px;
}
.cl-modal-connect .cl-modal .modal-dialog .system-name-text {
  font-size: 18px;
  color: #00b0c0;
  font-weight: bold;
  word-wrap: break-word;
  padding-bottom: 10px;
}
.cl-modal-connect .cl-modal .modal-dialog .system-description-text {
  padding-bottom: 22px;
  font-size: 14px;
  color: grey;
}
.cl-modal-connect .cl-modal .modal-dialog .user-and-password {
  width: 350px;
}
.cl-modal-connect .cl-modal .modal-dialog .footer {
  width: 100%;
}
.cl-modal-connect .cl-modal .modal-dialog .footer cl-button {
  margin-left: 10px;
}

cl-ddl .selected > a {
  font-weight: bold;
}
cl-ddl .ddl-btn {
  width: 265px;
  font-size: 14px;
  height: 34px;
  text-align: left;
  background-color: white;
  border-color: #cccccc;
  background-color: transparent;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #f2f2f2;
}
cl-ddl .open .ddl-btn {
  border-color: #18b6c6;
}
cl-ddl .dropdown-menu {
  width: 265px;
}
cl-ddl .dropdown-menu > li > a:hover {
  background-color: #f2f2f2;
}
cl-ddl .dropdown-menu > li > a {
  height: 30px;
}
cl-ddl .dropdown-menu .selected {
  font-weight: bold;
}
cl-ddl .caret {
  position: absolute;
  right: 9px;
  top: 12px;
}
cl-ddl .caret {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid;
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
  margin-left: 8px;
  border-radius: 5px;
}
cl-ddl .open .btn .caret {
  color: #18b6c6;
}
cl-ddl .btn:disabled .caret {
  color: #e5e5e5;
}
cl-ddl .normal-theme .selected > a {
  font-weight: bold;
}
cl-ddl .normal-theme .ddl-btn {
  width: 100%;
  font-size: 14px;
  height: 34px;
  text-align: left;
  background-color: white;
  border-color: #cccccc;
  border-radius: 4px;
}
cl-ddl .normal-theme .ddl-btn .selected-text {
  max-width: 100%;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
cl-ddl .normal-theme .open .ddl-btn {
  border-color: #18b6c6;
}
cl-ddl .normal-theme .dropdown-menu {
  width: 100%;
  max-height: 200px;
  overflow: auto;
}
cl-ddl .normal-theme .dropdown-menu > li > a:hover {
  background-color: #f2f2f2;
}
cl-ddl .normal-theme .dropdown-menu > li > a {
  height: 33px;
}
cl-ddl .normal-theme .dropdown-menu .selected {
  font-weight: bold;
}
cl-ddl .normal-theme .caret {
  position: absolute;
  right: 9px;
  top: 12px;
}
cl-ddl .normal-theme .caret {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 8px solid;
  display: inline-block;
  height: 0;
  vertical-align: middle;
  width: 0;
  margin-left: 8px;
  border-radius: 5px;
}
cl-ddl .normal-theme .open .btn .caret {
  color: #18b6c6;
}
cl-ddl .normal-theme .btn:disabled .caret {
  color: #e5e5e5;
}

cl-button .general-btn,
cl-button .general-btn.active,
cl-button .general-btn:focus {
  font: 16px Lato;
  color: #fff;
  background-color: #95A5AF;
  height: 36px;
  min-width: 100px;
  outline: 0 !important;
}
cl-button .general-btn:hover,
cl-button .general-btn.active:hover,
cl-button .general-btn:focus:hover {
  color: #fff;
  background: #109CAF;
}
cl-button .general-btn:disabled,
cl-button .general-btn.active:disabled,
cl-button .general-btn:focus:disabled {
  background-color: #c1cdd4;
  opacity: 1;
}

cl-icon-button button {
  border: none;
  background: none;
}

cl-modal .modal.cl-modal .modal-dialog .modal-content {
  border-radius: 0;
  border: 1px solid #b3b3b3;
}
cl-modal .modal.cl-modal .modal-dialog .modal-content .modal-header {
  background-color: #00B0C0;
  background-clip: padding-box;
  height: 45px;
  margin: 0;
  position: relative;
  border-radius: 0;
}
cl-modal .modal.cl-modal .modal-dialog .modal-content .modal-header button.close {
  font-size: 30px;
  color: #fff;
  opacity: 1;
  position: absolute;
  right: 15px;
}
cl-modal .modal.cl-modal .modal-dialog .modal-content .modal-header .modal-title {
  font-size: 20px;
  color: #fff;
}
cl-modal .modal.cl-modal .modal-dialog .modal-content .modal-footer {
  display: flex;
}
cl-modal .backdrop {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}

cl-button-group .btn-group .general-btn,
cl-button-group .btn-group .general-btn.active,
cl-button-group .btn-group .general-btn:focus {
  margin: 0;
  padding: 0;
  line-height: 31px;
  height: 33px!important;
  border-color: #51C5D4 !important;
  min-width: 98px;
  box-shadow: none;
  background: white !important;
  font-family: Lato;
  font-size: 15px;
  color: #666 !important;
}
cl-button-group .btn-group .general-btn span,
cl-button-group .btn-group .general-btn.active span,
cl-button-group .btn-group .general-btn:focus span {
  color: #666 !important;
}
cl-button-group .btn-group .general-btn:hover,
cl-button-group .btn-group .general-btn.active:hover,
cl-button-group .btn-group .general-btn:focus:hover {
  color: #fff !important;
  background: #109CAF !important;
}
cl-button-group .btn-group .general-btn:hover span,
cl-button-group .btn-group .general-btn.active:hover span,
cl-button-group .btn-group .general-btn:focus:hover span {
  color: #fff !important;
}
cl-button-group .btn-group .general-btn:disabled,
cl-button-group .btn-group .general-btn.active:disabled,
cl-button-group .btn-group .general-btn:focus:disabled {
  background-color: #c1cdd4 !important;
  opacity: 1;
}
cl-button-group .btn-group .general-btn.active {
  color: #fff !important;
  background: #51C5D4 !important;
  border-color: #51C5D4 !important;
  outline: 0 !important;
}
cl-button-group .btn-group .general-btn.active span {
  color: #fff !important;
}

cl-connection-panel .container {
  font-family: Lato;
  font-size: 14px;
  padding-left: 20px;
  padding-bottom: 10px;
  width: 578px;
  margin-left: -20px;
  padding-top: 10px;
  color: grey;
  line-height: 20px;
  margin-bottom: 20px;
  margin-top: -16px;
}
cl-connection-panel .container.containerError {
  background-color: #ffedec;
}
cl-connection-panel .container.containerSuccess {
  background-color: #EFF9E4;
}
cl-connection-panel .container .errorMsgs {
  padding-left: 40px;
}
cl-connection-panel .connectingIcon {
  background: url(assets/ajaxLoader.f157855e568368ee96d620ab308c3a03.gif) no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background-size: 15px;
  position: relative;
  top: 2px;
}
cl-connection-panel .errorIcon {
  background: url(assets/errorProcess.9695fe4519556466960437a22ebb1919.png) no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background-size: 15px;
  position: relative;
  top: 2px;
}
cl-connection-panel .successIcon {
  background: url(assets/successProcess.b5d2929963ecd1e5ef83d6d1e083fd27.png) no-repeat;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-right: 6px;
  background-size: 15px;
  position: relative;
  top: 2px;
}

.cl-manage-recipients .cl-modal .modal-dialog {
  width: 610px;
}
.cl-manage-recipients .cl-modal .modal-dialog .modal-body {
  height: 412px;
}
.cl-manage-recipients .cl-modal .modal-dialog .spinner {
  position: absolute;
  background: white;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 4;
}
.cl-manage-recipients .cl-modal .modal-dialog .row {
  display: flex;
}
.cl-manage-recipients .cl-modal .modal-dialog .row .section-heading-text {
  padding-left: 20px;
  width: 130px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.scope {
  margin-bottom: 20px;
  color: grey;
  font-size: 13px;
  line-height: 20px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.data-source-title {
  margin-bottom: 10px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.data-source-title cl-section-heading {
  width: 300px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.data-source-title cl-section-heading .section-heading-text {
  width: 300px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.data-source-sub-title {
  margin-bottom: 10px;
  line-height: 30px;
  color: #00b0c0;
  justify-content: end;
  margin-right: 2px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.data-source-sub-title cl-field-label {
  width: 105px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.data-source-sub-title input {
  width: 170px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.data-source-sub-title input:last-child {
  width: 270px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.action {
  margin-top: 30px;
  margin-bottom: 20px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.action .description {
  font-size: 13px;
  color: gray;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.action .description .text {
  margin: 10px 0;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.comment input {
  width: 455px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.summary {
  flex-direction: column;
  margin-bottom: 30px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.summary .text {
  padding-left: 20px;
  padding-top: 10px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.recipient {
  line-height: 30px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.recipient .adors-ddl {
  width: 200px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.recipient .adors-ddl .normal-theme {
  display: flex;
  width: 200px;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.recipient .adors-ddl .normal-theme button {
  position: relative;
}
.cl-manage-recipients .cl-modal .modal-dialog .row.recipient input {
  width: 240px;
}
.cl-manage-recipients .cl-modal .modal-dialog .modal-footer [footer] {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.cl-manage-recipients .cl-modal .modal-dialog .modal-footer [footer] cl-button:last-child {
  margin-left: 10px;
}
.export-btn {
  line-height: 24px;
  vertical-align: middle;
  font-size: 25px;
  font-weight: bold;
  position: relative;
  top: -4px;
}

.analytics-modal-dialog {
  margin: 0 auto auto;
}
.analytics-modal-dialog .ellipsis_overflow {
  overflow: hidden;
}
.analytics-modal-dialog .modal-dialog {
  position: absolute;
  width: 1220px;
  height: 90%;
  left: calc(50% - 600px);
  top: 2%;
}
.analytics-modal-dialog .modal-body {
  height: 766px;
  overflow-x: hidden;
  overflow-y: auto;
}
.analytics-modal-dialog .modal-header {
  height: 45px !important;
  padding-left: 15px !important;
}
.analytics-modal-dialog .modal-dialog .modal-content {
  height: auto;
  border: 1px solid transparent;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cursor-pointer {
  cursor: pointer;
}
.gradient-black {
  background: #3d3c3d;
  background: -moz-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3c3d), color-stop(50%, #3d3c3d), color-stop(51%, #221f20), color-stop(100%, #221f20));
  background: -webkit-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -o-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -ms-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: linear-gradient(to bottom, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3c3d', endColorstr='#221f20', GradientType=0);
}
.gradient-black-reverse {
  background: #131313;
  /* Old browsers */
  background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0);
  /* IE6-9 */
}
.gradient-blue {
  background: #00d1e2;
  background: -moz-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1e2', endColorstr='#00c3d8', GradientType=0);
}
.gradient-blue-reverse {
  background: #00d1e2;
  background: -moz-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d8', endColorstr='#00d1e2', GradientType=0);
}
.gradient-light-blue {
  background: #74d7e2;
  background: -moz-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74d7e2), color-stop(100%, #00c2d3), color-stop(100%, #15c2d7));
  background: -webkit-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -o-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -ms-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: linear-gradient(to bottom, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
}
.gradient-gray {
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f9f9f9', GradientType=0);
}
.gradient-button {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #e3e2e3), color-stop(100%, #e3e2e3));
  background: -webkit-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -o-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -ms-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
}
.gradient-button-pressed {
  background: #e3e2e3;
  background: -moz-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e3e2e3), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -o-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: linear-gradient(to bottom, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
}
.gradient-hover {
  background: #cacaca;
  background: -moz-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca), color-stop(100%, #909090));
  background: -webkit-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -o-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -ms-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: linear-gradient(to bottom, #cacaca 0%, #909090 100%);
}
/*******************Prime NG customize **********************/
.ui-widget,
.ui-widget button,
.ui-widget input {
  font-family: "Lato";
}
.ui-widget button {
  font-size: 16px;
}
@font-face {
  font-family: 'icomoon';
  src: url(assets/icomoon.7a1a2f7a883ad17c463dea96001f5be5.eot);
  src: url(assets/icomoon.7a1a2f7a883ad17c463dea96001f5be5.eot#iefix) format('embedded-opentype'), url(assets/icomoon.d17d968758dce93c52981bcc1272934a.ttf) format('truetype'), url(assets/icomoon.d4c332ee8307937003607c96bddf21e0.woff) format('woff'), url(assets/icomoon.0950db73f014ad02b6db1de282fce9f8.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'linearicons';
  src: url(assets/linearicons.c74d14c82955ce57d886460a0fbb26a2.eot);
  src: url(assets/linearicons.c74d14c82955ce57d886460a0fbb26a2.eot?#iefix) format('embedded-opentype'), url(assets/linearicons.06cc974db4f70c33b871626932f89083.woff) format('woff'), url(assets/linearicons.190d1ccb77295bee72e9162f2d9d23aa.ttf) format('truetype'), url(assets/linearicons.9f0b9fa88e1207de37211bb803313b65.svg#icomoon) format('svg');
}
[class^="linearicon-"],
[class*=" linearicon-"] {
  font-family: 'linearicons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.linearicon-search:before {
  content: '\e759';
}
.icon-Assets:before {
  content: "\e600";
}
.icon-List:before {
  content: "\e601";
}
.icon-Font:before {
  content: "\e603";
}
.icon-Document_main:before {
  content: "\e604";
}
.icon-Production1:before {
  content: "\e605";
}
.icon-Document:before {
  content: "\e606";
}
.icon-TouchPoint:before {
  content: "\e607";
}
.icon-Warning:before {
  content: "\e608";
}
.icon-CPKG_LAST1-01:before {
  content: "\e602";
}
.icon-CPKG_LAST:before {
  content: "\e60f";
}
.icon-Calendar:before {
  content: "\e609";
}
.icon-Key_small:before {
  content: "\e60a";
}
.icon-HTML:before {
  content: "\e60b";
}
.icon-Text:before {
  content: "\e60c";
}
.icon-ID:before {
  content: "\e60d";
}
.icon-X:before {
  content: "\e60e";
}
.icon-Filter_top:before {
  content: "\e610";
}
.icon-Filter:before {
  content: "\e611";
}
.icon-upload_icon:before {
  content: "\e612";
}
.icon-download_icon:before {
  content: "\e613";
}
.icon-Info:before {
  content: "\e614";
}
.icon-World:before {
  content: "\e615";
}
.icon-Error .path1:before {
  content: "\e616";
}
.icon-Error .path2:before {
  content: "\e617";
}
.icon-Close:before {
  content: "\e616";
}
.icon-OK:before {
  content: "\e618";
}
.icon-Flag:before {
  content: "\e619";
}
.icon-Low:before {
  content: "\e61a";
}
.icon-Immediate:before {
  content: "\e61b";
}
.icon-Plus:before {
  content: "\e61c";
}
.icon-Plus_Hover:before {
  content: "\e61d";
}
.icon-Menu:before {
  content: "\e628";
}
.icon-PSD:before {
  content: "\e629";
}
.icon-Profile:before {
  content: "\e62a";
}
.icon-Reports:before {
  content: "\e900";
}
.icon-Information:before {
  content: "\e901";
}
.icon-Conversation:before {
  content: "\e902";
}
.icon-Mockup:before {
  content: "\e903";
}
.icon-Integration:before {
  content: "\e904";
}
.linearicon-recipient:before {
  content: "\e678";
}
.linearicon-recipients:before {
  content: "\e676";
}
.icon-Recipients:before {
  content: "\e905";
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(assets/SourceSansPro-Regular.73ae3a587f63679d851d802af58c615c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Lato';
  src: url(assets/Lato-Regular.79164ee524feb6583a945d26a0ed9feb.ttf) format('truetype');
}
@font-face {
  font-family: 'LatoLight';
  src: url(assets/Lato-Light.bd895b1eb9ced18d8ce652d63a834f41.ttf) format('truetype');
}
.header-text {
  font-family: Lato;
  font-size: 20px;
  color: white;
}
.menu-text {
  font-family: Lato;
  font-size: 14px;
  color: #808080;
}
.entity-heading-text {
  font-family: Lato;
  font-size: 18px;
  color: #475e70;
}
.section-heading-text {
  font-family: LatoLight;
  font-size: 20px;
  color: #00b0c0;
}
.field-label-text {
  font-family: Lato;
  font-size: 16px;
  color: #86a0ad;
}
.field-value-text {
  font-family: Lato;
  font-size: 15px;
  color: #666666;
}
.index-text {
  font-family: Lato;
  font-size: 20px;
  color: #666666;
}
.field-sub-text {
  font-family: Lato;
  font-size: 13px;
  color: #b3b3b3;
}
.link-text {
  font-family: Lato;
  font-size: 14px;
  color: #047fbc;
}
.underline:hover {
  text-decoration: underline;
}
.more-info-text {
  font-family: Lato;
  font-size: 12px;
  color: #b3b3b3;
}
.library-option-text {
  font-family: LatoLight;
  font-size: 18px;
  color: #86a0ad;
}
.ghost-text {
  font-family: Lato;
  font-size: 13px;
  color: #cccccc;
}
.small-link-text {
  font-family: Lato;
  font-size: 12px;
  color: #047fbc;
}
.medium-link-text {
  font-family: Lato;
  font-size: 16px;
  color: #047fbc;
}
.large-link-text {
  font-family: Lato;
  font-size: 20px;
  color: #047fbc;
}
.error-txt {
  color: #ff1d25;
  font-family: Lato;
  font-size: 13px;
}
.red-text {
  color: #ff1d25;
}
.tab-txt {
  color: #555555;
  font-family: Lato;
  font-size: 16px;
}
.tab-txt-selected {
  color: #212121;
  font-family: Lato;
  font-size: 16px;
}
.search-txt {
  color: #555555;
  font-family: Lato;
  font-size: 15px;
}
.general-btn,
.general-btn:focus,
.general-btn.active {
  font-family: Lato;
  font-size: 16px;
  color: white;
  background-color: #95A5AF;
  height: 36px;
  min-width: 100px;
  outline: none !important;
}
.general-btn:disabled {
  background-color: #c1cdd4;
  opacity: 1;
}
.general-btn:hover {
  background-color: #109CAF;
  color: #ffffff;
}
/* When using this please add the following classes in the input class : 'form-control xm-input-txt' */
.xm-input-group .blue-border,
.xm-input-txt:focus {
  border-color: #18b6c6;
  box-shadow: none;
  outline: 0 none;
}
.xm-input-txt.ng-invalid {
  border-color: #ff1d25;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cursor-pointer {
  cursor: pointer;
}
.underline-hover:hover {
  text-decoration: underline;
}
.gradient-black {
  background: #3d3c3d;
  background: -moz-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3c3d), color-stop(50%, #3d3c3d), color-stop(51%, #221f20), color-stop(100%, #221f20));
  background: -webkit-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -o-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -ms-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: linear-gradient(to bottom, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3c3d', endColorstr='#221f20', GradientType=0);
}
.gradient-black-reverse {
  background: #131313;
  /* Old browsers */
  background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0);
  /* IE6-9 */
}
.gradient-blue {
  background: #00d1e2;
  background: -moz-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1e2', endColorstr='#00c3d8', GradientType=0);
}
.gradient-blue-reverse {
  background: #00d1e2;
  background: -moz-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d8', endColorstr='#00d1e2', GradientType=0);
}
.gradient-light-blue {
  background: #74d7e2;
  background: -moz-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74d7e2), color-stop(100%, #00c2d3), color-stop(100%, #15c2d7));
  background: -webkit-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -o-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -ms-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: linear-gradient(to bottom, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
}
.gradient-gray {
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f9f9f9', GradientType=0);
}
.gradient-button {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #e3e2e3), color-stop(100%, #e3e2e3));
  background: -webkit-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -o-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -ms-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
}
.gradient-button-pressed {
  background: #e3e2e3;
  background: -moz-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e3e2e3), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -o-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: linear-gradient(to bottom, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
}
.gradient-hover {
  background: #cacaca;
  background: -moz-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca), color-stop(100%, #909090));
  background: -webkit-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -o-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -ms-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: linear-gradient(to bottom, #cacaca 0%, #909090 100%);
}
@font-face {
  font-family: 'icomoon';
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot);
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot#iefix) format('embedded-opentype'), url(assets/icomoon.9f53d5b704316c69b8a98b39f7d47a6d.ttf) format('truetype'), url(assets/icomoon.f3db8cfd272646400fea0acf9a26e35e.woff) format('woff'), url(assets/icomoon.84ca7972582db077fd99ea75c4d059e3.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Assets:before {
  content: "\e600";
}
.icon-List:before {
  content: "\e601";
}
.icon-Font:before {
  content: "\e603";
}
.icon-Document_main:before {
  content: "\e604";
}
.icon-Production1:before {
  content: "\e605";
}
.icon-Document:before {
  content: "\e606";
}
.icon-TouchPoint:before {
  content: "\e607";
}
.icon-Warning:before {
  content: "\e608";
}
.icon-CPKG_LAST1-01:before {
  content: "\e602";
}
.icon-CPKG_LAST:before {
  content: "\e60f";
}
.icon-Calendar:before {
  content: "\e609";
}
.icon-Key_small:before {
  content: "\e60a";
}
.icon-HTML:before {
  content: "\e60b";
}
.icon-Text:before {
  content: "\e60c";
}
.icon-ID:before {
  content: "\e60d";
}
.icon-X:before {
  content: "\e60e";
}
.icon-Filter_top:before {
  content: "\e610";
}
.icon-Filter:before {
  content: "\e611";
}
.icon-upload_icon:before {
  content: "\e612";
}
.icon-download_icon:before {
  content: "\e613";
}
.icon-Info:before {
  content: "\e614";
}
.icon-World:before {
  content: "\e615";
}
.icon-Error .path1:before {
  content: "\e616";
}
.icon-Error .path2:before {
  content: "\e617";
}
.icon-Close:before {
  content: "\e616";
}
.icon-OK:before {
  content: "\e618";
}
.icon-Flag:before {
  content: "\e619";
}
.icon-Low:before {
  content: "\e61a";
}
.icon-Immediate:before {
  content: "\e61b";
}
.icon-Plus:before {
  content: "\e61c";
}
.icon-Plus_Hover:before {
  content: "\e61d";
}
.icon-Menu:before {
  content: "\e628";
}
.icon-PSD:before {
  content: "\e629";
}
.icon-Profile:before {
  content: "\e62a";
}
.icon-Reports:before {
  content: "\e900";
}
.icon-Information:before {
  content: "\e901";
}
.icon-Conversation:before {
  content: "\e902";
}
.icon-Mockup:before {
  content: "\e903";
}
.icon-Integration:before {
  content: "\e904";
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(assets/SourceSansPro-Regular.73ae3a587f63679d851d802af58c615c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.header-text {
  font-family: Lato;
  font-size: 20px;
  color: white;
}
.menu-text {
  font-family: Lato;
  font-size: 14px;
  color: #808080;
}
.entity-heading-text {
  font-family: Lato;
  font-size: 18px;
  color: #475e70;
}
.section-heading-text {
  font-family: LatoLight;
  font-size: 20px;
  color: #00b0c0;
}
.field-label-text {
  font-family: Lato;
  font-size: 16px;
  color: #86a0ad;
}
.field-value-text {
  font-family: Lato;
  font-size: 15px;
  color: #666666;
}
.index-text {
  font-family: Lato;
  font-size: 20px;
  color: #666666;
}
.field-sub-text {
  font-family: Lato;
  font-size: 13px;
  color: #b3b3b3;
}
.link-text {
  font-family: Lato;
  font-size: 14px;
  color: #047fbc;
}
.underline:hover {
  text-decoration: underline;
}
.more-info-text {
  font-family: Lato;
  font-size: 12px;
  color: #b3b3b3;
}
.library-option-text {
  font-family: LatoLight;
  font-size: 18px;
  color: #86a0ad;
}
.ghost-text {
  font-family: Lato;
  font-size: 13px;
  color: #cccccc;
}
.small-link-text {
  font-family: Lato;
  font-size: 12px;
  color: #047fbc;
}
.medium-link-text {
  font-family: Lato;
  font-size: 16px;
  color: #047fbc;
}
.large-link-text {
  font-family: Lato;
  font-size: 20px;
  color: #047fbc;
}
.error-txt {
  color: #ff1d25;
  font-family: Lato;
  font-size: 13px;
}
.tab-txt {
  color: #555555;
  font-family: Lato;
  font-size: 16px;
}
.tab-txt-selected {
  color: #212121;
  font-family: Lato;
  font-size: 16px;
}
.search-txt {
  color: #555555;
  font-family: Lato;
  font-size: 15px;
}
@font-face {
  font-family: 'Linear Icons';
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot);
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot?#iefix) format('embedded-opentype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.06cc974db4f70c33b871626932f89083.woff) format('woff'), url(assets/Linearicons_Bld_0_0_0_0_0_0.190d1ccb77295bee72e9162f2d9d23aa.ttf) format('truetype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.9f0b9fa88e1207de37211bb803313b65.svg#glyphicons_halflingsregular) format('svg');
}
@font-face {
  font-family: 'Custom Linear Icons';
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot);
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot?#iefix) format('embedded-opentype'), url(assets/icomoon_Bld_0_0_0_0_0_0.c26dbe6e6588d24b96a4097f30da6e10.woff) format('woff'), url(assets/icomoon_Bld_0_0_0_0_0_0.bff0fec96f83faa602bd19f619acd3aa.ttf) format('truetype'), url(assets/icomoon_Bld_0_0_0_0_0_0.40c237abb27f495e5659f532d1c814fc.svg#icomoon) format('svg');
}
.linearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.customLinearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Custom Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.lineariconDisableHover:hover,
.customLineariconDisableHover:hover {
  color: #86a0ad !important;
}
.linearicon:hover,
.customLinearicon:hover {
  color: #18b6c6;
}
.lineariconDisabled,
.lineariconDisabled:hover,
.customLineariconDisabled,
.customLineariconDisabled:hover {
  color: #cad4da;
}
.mediumLinearIcon {
  font-size: 1.5em;
  height: 22px;
  width: 22px;
}
.font-size-small {
  font-size: 2em;
}
.font-size-medium {
  font-size: 2.5em;
}
.font-size-large {
  font-size: 3em;
}
.lineariconEmailEditor:before {
  content: '\e743';
}
.lineariconSchedule:before {
  content: '\e72b';
}
.lineariconUpload:before {
  content: '\e612';
}
.lineariconDownload:before {
  content: '\e613';
}
.lineariconDSInfo:before {
  content: '\e634';
}
.lineariconEdit:before {
  content: '\e606';
}
.lineariconAdd:before {
  content: '\e772';
}
.lineariconConnection:before {
  content: '\e749';
}
.lineariconWarning:before {
  content: '\e76d';
}
.lineariconLink:before {
  content: '\e749';
}
.lineariconError:before {
  content: '\e76e';
}
.lineariconDownCPKG:before {
  content: '\e602';
}
.lineariconUploadCPKG:before {
  content: '\e60f';
}
.lineariconFonts:before {
  content: '\e603';
}
.lineariconList:before {
  content: '\e601';
}
.lineariconTP:before {
  content: '\e607';
}
.lineariconPrintTP:before {
  content: '\e605';
}
.lineariconDocuments:before {
  content: '\e606';
}
.lineariconDS:before {
  content: '\e62b';
}
.lineariconFunnel:before {
  content: '\e789';
}
.lineariconLamp:before {
  content: '\e6a3';
}
.lineariconAssets:before {
  content: '\e600';
}
.lineariconDocInfo:before {
  content: '\e604';
}
.lineariconCalendar:before {
  content: '\e692';
}
.lineariconKey:before {
  content: '\e60a';
}
.lineariconLibrary:before {
  content: '\e675';
}
.lineariconHTML:before {
  content: '\e60b';
}
.lineariconTXT:before {
  content: '\e60c';
}
.lineariconINDD:before {
  content: '\e60d';
}
.lineariconXLIM:before {
  content: '\e60e';
}
.lineariconPSD:before {
  content: '\e629';
}
.lineariconUrl:before {
  content: '\e615';
}
.lineariconBrowse:before {
  content: '\e6f8';
}
.lineariconFilter:before {
  content: '\e610';
}
.lineariconLightningBolt:before {
  content: '\e6a2';
}
.lineariconInfo:before {
  content: '\e614';
}
.lineariconDelete:before {
  content: '\e63a';
}
.lineariconSearch:before {
  content: '\e759';
}
.lineariconFilteredList:before {
  content: '\e611';
}
.lineariconFilteredListTab:before {
  content: '\e62a';
}
.lineariconDatabase:before {
  content: "\e62b";
}
.lineariconDots:before {
  content: "\e628";
}
.lineariconCheckmark:before {
  content: "\e75d";
}
.lineariconCrown:before {
  content: "\e900";
}
.lineariconSun:before {
  content: "\e903";
}
.lineariconRemote:before {
  content: "\e902";
}
.lineariconLocal:before {
  content: "\e901";
}
.lineariconCircleMinus:before {
  content: "\e773";
}
.lineariconCirclePlus:before {
  content: "\e772";
}
.lineariconMapMarker:before {
  content: "\e68b";
}
@font-face {
  font-family: 'fontello';
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot);
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot#iefix) format('embedded-opentype'), url(assets/fontello.beb5bcf2166a1dba8809e8b65dfa4ae4.woff2) format('woff2'), url(assets/fontello.a82e4cfc8a2eabddedf922b4fba66b00.woff) format('woff'), url(assets/fontello.cdba624c073594e614d2a2e452aa6ec1.ttf) format('truetype'), url(assets/fontello.e61f63a72530808ab9c934604672eb3f.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?36412901#fontello') format('svg');
  }
}
*/
[class^="fontello-"]:before,
[class*=" fontello-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fontello-ico_export:before {
  content: '\e800';
}
/* '' */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'toolbar';
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot);
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot#iefix) format('embedded-opentype'), url(assets/toolbar.82ad3dd7c4bc867eed5ed84df490cd9b.ttf) format('truetype'), url(assets/toolbar.1a240725093bf9ee0d283ce87caaf4d1.woff) format('woff'), url(assets/toolbar.b759b767dea91def576cd52504aa7a83.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="toolbar-icon-"],
[class*="toolbar-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'toolbar' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toolbar-icon-connect:before {
  content: "\e907";
}
.toolbar-icon-run-center:before {
  content: "\e900";
}
.toolbar-icon-recipients:before {
  content: "\e901";
}
.toolbar-icon-selection:before {
  content: "\e902";
}
.toolbar-icon-save:before {
  content: "\e903";
}
.toolbar-icon-sample-recipients:before {
  content: "\e904";
}
.toolbar-icon-mockup:before {
  content: "\e905";
}
.toolbar-icon-library:before {
  content: "\e906";
}
body,
html {
  padding: 0;
  margin: 0;
  height: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
  direction: ltr;
}
* {
  outline: none !important;
}
.shell {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.btn-default {
  font-size: 13px;
  font-family: Lato;
  height: 26px;
  padding-top: 0;
  padding-bottom: 0;
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #e3e2e3), color-stop(100%, #e3e2e3));
  background: -webkit-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -o-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -ms-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  border-radius: 5px;
  color: #4d4d4d;
}
.btn-default:active {
  color: white !important;
  background: #00d1e2;
  background: -moz-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d8', endColorstr='#00d1e2', GradientType=0);
}
.modal-backdrop {
  opacity: 0.5;
}
.editor-modal {
  z-index: 2010;
}
.editor-modal .modal-body {
  padding: 0 !important;
}
.editor-backdrop-dialog.in {
  background-color: #ababab;
  opacity: 0.3;
}
.modal {
  font-family: Lato;
  font-size: 15px;
  text-align: center;
  padding: 0 !important;
}
.modal-300wide {
  max-width: 300px;
}
.modal-400wide {
  max-width: 400px;
}
.modal-500wide {
  max-width: 500px;
}
.modal-750wide {
  width: 750px;
}
.modal .general-btn,
.modal .general-btn:focus {
  font: 16px Lato;
  color: #fff;
  background-color: #95A5AF;
  height: 36px;
  min-width: 100px;
  outline: 0!important;
}
.modal .general-btn.active,
.modal .general-btn:hover {
  background-color: #109CAF;
  color: #fff;
}
.modal .general-btn:disabled:hover {
  background-color: #c1cdd4;
  color: #fff;
}
.modal .modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}
.modal .modal-dialog .modal-content {
  display: flex;
  flex-direction: column;
  box-shadow: none !important;
  height: 100%;
  border: 1px solid #BFBFBF;
  z-index: 2050;
}
.modal .modal-dialog .modal-content .modal-header {
  background: #3d3c3d;
  font-family: Lato;
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
  height: 47px;
  padding: 0px 14px 0px 20px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.modal .modal-dialog .modal-content .modal-header .warning-triangle {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 15px 25px 15px;
  border-color: transparent transparent #f79422;
  position: absolute;
  top: 10px;
  left: 18px;
}
.modal .modal-dialog .modal-content .modal-header .header-icon {
  font-size: 25px;
  margin-right: 16px;
}
.modal .modal-dialog .modal-content .modal-header .header-icon.glyphicon-warning-sign {
  color: #FFF;
}
.modal .modal-dialog .modal-content .modal-header .header-icon.glyphicon-info-sign {
  color: #29aae2;
}
.modal .modal-dialog .modal-content .modal-header .header-icon.glyphicon-remove-sign {
  color: #c2272d;
  font-size: 28px;
}
.modal .modal-dialog .modal-content .modal-header .header-icon.glyphicon-remove {
  float: right;
  margin: 0;
  right: -5px;
  font-size: 15px;
  top: 3px;
  cursor: pointer;
  color: lightgrey;
}
.modal .modal-dialog .modal-content .modal-header .header-icon.glyphicon-remove:hover {
  text-shadow: 0 0 5px white;
}
.modal .modal-dialog .modal-content .modal-header .header-dismiss {
  margin-left: auto;
  cursor: pointer;
}
.modal .modal-dialog .modal-content .modal-header .title-img {
  padding-top: 3px;
  width: 28px;
  margin-right: 15px;
}
.modal .modal-dialog .modal-content .modal-body {
  padding: 20px 20px 30px 20px;
  min-height: 140px;
}
.modal .modal-dialog .modal-content .modal-body .paragraph {
  padding-bottom: 16px;
  word-wrap: break-word;
}
.modal .modal-dialog .modal-content .modal-body .main-text {
  line-height: 2;
}
.modal .modal-dialog .modal-content .modal-body .left-offset {
  margin-left: 8px;
}
.modal .modal-dialog .modal-content .modal-footer {
  width: 100%;
  align-self: flex-end;
  margin-top: auto;
  border-top: none;
  background-color: #F2F2F2;
  height: 60px;
  padding: 0px 20px 0px 20px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.modal .modal-dialog .modal-content .modal-footer .footer-buttons {
  margin-left: auto;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */
}
.form-horizontal .control-label {
  text-align: left;
  font-weight: normal;
}
.tooltip.in {
  opacity: 1;
}
.tooltip .tooltip-arrow {
  display: none;
}
.tooltip .tooltip-inner {
  max-width: 500px;
  background-color: #f7f8fa;
  color: black;
  border: 1px solid #617583;
  text-align: left;
}
.unable-to-go-live {
  width: 730px;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cursor-pointer {
  cursor: pointer;
}
.underline-hover:hover {
  text-decoration: underline;
}
.gradient-black {
  background: #3d3c3d;
  background: -moz-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3c3d), color-stop(50%, #3d3c3d), color-stop(51%, #221f20), color-stop(100%, #221f20));
  background: -webkit-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -o-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -ms-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: linear-gradient(to bottom, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3c3d', endColorstr='#221f20', GradientType=0);
}
.gradient-black-reverse {
  background: #131313;
  /* Old browsers */
  background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0);
  /* IE6-9 */
}
.gradient-blue {
  background: #00d1e2;
  background: -moz-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1e2', endColorstr='#00c3d8', GradientType=0);
}
.gradient-blue-reverse {
  background: #00d1e2;
  background: -moz-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d8', endColorstr='#00d1e2', GradientType=0);
}
.gradient-light-blue {
  background: #74d7e2;
  background: -moz-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74d7e2), color-stop(100%, #00c2d3), color-stop(100%, #15c2d7));
  background: -webkit-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -o-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -ms-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: linear-gradient(to bottom, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
}
.gradient-gray {
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f9f9f9', GradientType=0);
}
.gradient-button {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #e3e2e3), color-stop(100%, #e3e2e3));
  background: -webkit-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -o-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -ms-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
}
.gradient-button-pressed {
  background: #e3e2e3;
  background: -moz-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e3e2e3), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -o-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: linear-gradient(to bottom, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
}
.gradient-hover {
  background: #cacaca;
  background: -moz-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca), color-stop(100%, #909090));
  background: -webkit-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -o-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -ms-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: linear-gradient(to bottom, #cacaca 0%, #909090 100%);
}
@font-face {
  font-family: 'icomoon';
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot);
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot#iefix) format('embedded-opentype'), url(assets/icomoon.9f53d5b704316c69b8a98b39f7d47a6d.ttf) format('truetype'), url(assets/icomoon.f3db8cfd272646400fea0acf9a26e35e.woff) format('woff'), url(assets/icomoon.84ca7972582db077fd99ea75c4d059e3.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Assets:before {
  content: "\e600";
}
.icon-List:before {
  content: "\e601";
}
.icon-Font:before {
  content: "\e603";
}
.icon-Document_main:before {
  content: "\e604";
}
.icon-Production1:before {
  content: "\e605";
}
.icon-Document:before {
  content: "\e606";
}
.icon-TouchPoint:before {
  content: "\e607";
}
.icon-Warning:before {
  content: "\e608";
}
.icon-CPKG_LAST1-01:before {
  content: "\e602";
}
.icon-CPKG_LAST:before {
  content: "\e60f";
}
.icon-Calendar:before {
  content: "\e609";
}
.icon-Key_small:before {
  content: "\e60a";
}
.icon-HTML:before {
  content: "\e60b";
}
.icon-Text:before {
  content: "\e60c";
}
.icon-ID:before {
  content: "\e60d";
}
.icon-X:before {
  content: "\e60e";
}
.icon-Filter_top:before {
  content: "\e610";
}
.icon-Filter:before {
  content: "\e611";
}
.icon-upload_icon:before {
  content: "\e612";
}
.icon-download_icon:before {
  content: "\e613";
}
.icon-Info:before {
  content: "\e614";
}
.icon-World:before {
  content: "\e615";
}
.icon-Error .path1:before {
  content: "\e616";
}
.icon-Error .path2:before {
  content: "\e617";
}
.icon-Close:before {
  content: "\e616";
}
.icon-OK:before {
  content: "\e618";
}
.icon-Flag:before {
  content: "\e619";
}
.icon-Low:before {
  content: "\e61a";
}
.icon-Immediate:before {
  content: "\e61b";
}
.icon-Plus:before {
  content: "\e61c";
}
.icon-Plus_Hover:before {
  content: "\e61d";
}
.icon-Menu:before {
  content: "\e628";
}
.icon-PSD:before {
  content: "\e629";
}
.icon-Profile:before {
  content: "\e62a";
}
.icon-Reports:before {
  content: "\e900";
}
.icon-Information:before {
  content: "\e901";
}
.icon-Conversation:before {
  content: "\e902";
}
.icon-Mockup:before {
  content: "\e903";
}
.icon-Integration:before {
  content: "\e904";
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(assets/SourceSansPro-Regular.73ae3a587f63679d851d802af58c615c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.header-text {
  font-family: Lato;
  font-size: 20px;
  color: white;
}
.menu-text {
  font-family: Lato;
  font-size: 14px;
  color: #808080;
}
.entity-heading-text {
  font-family: Lato;
  font-size: 18px;
  color: #475e70;
}
.section-heading-text {
  font-family: LatoLight;
  font-size: 20px;
  color: #00b0c0;
}
.field-label-text {
  font-family: Lato;
  font-size: 16px;
  color: #86a0ad;
}
.field-value-text {
  font-family: Lato;
  font-size: 15px;
  color: #666666;
}
.index-text {
  font-family: Lato;
  font-size: 20px;
  color: #666666;
}
.field-sub-text {
  font-family: Lato;
  font-size: 13px;
  color: #b3b3b3;
}
.link-text {
  font-family: Lato;
  font-size: 14px;
  color: #047fbc;
}
.underline:hover {
  text-decoration: underline;
}
.more-info-text {
  font-family: Lato;
  font-size: 12px;
  color: #b3b3b3;
}
.library-option-text {
  font-family: LatoLight;
  font-size: 18px;
  color: #86a0ad;
}
.ghost-text {
  font-family: Lato;
  font-size: 13px;
  color: #cccccc;
}
.small-link-text {
  font-family: Lato;
  font-size: 12px;
  color: #047fbc;
}
.medium-link-text {
  font-family: Lato;
  font-size: 16px;
  color: #047fbc;
}
.large-link-text {
  font-family: Lato;
  font-size: 20px;
  color: #047fbc;
}
.error-txt {
  color: #ff1d25;
  font-family: Lato;
  font-size: 13px;
}
.tab-txt {
  color: #555555;
  font-family: Lato;
  font-size: 16px;
}
.tab-txt-selected {
  color: #212121;
  font-family: Lato;
  font-size: 16px;
}
.search-txt {
  color: #555555;
  font-family: Lato;
  font-size: 15px;
}
@font-face {
  font-family: 'Linear Icons';
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot);
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot?#iefix) format('embedded-opentype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.06cc974db4f70c33b871626932f89083.woff) format('woff'), url(assets/Linearicons_Bld_0_0_0_0_0_0.190d1ccb77295bee72e9162f2d9d23aa.ttf) format('truetype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.9f0b9fa88e1207de37211bb803313b65.svg#glyphicons_halflingsregular) format('svg');
}
@font-face {
  font-family: 'Custom Linear Icons';
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot);
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot?#iefix) format('embedded-opentype'), url(assets/icomoon_Bld_0_0_0_0_0_0.c26dbe6e6588d24b96a4097f30da6e10.woff) format('woff'), url(assets/icomoon_Bld_0_0_0_0_0_0.bff0fec96f83faa602bd19f619acd3aa.ttf) format('truetype'), url(assets/icomoon_Bld_0_0_0_0_0_0.40c237abb27f495e5659f532d1c814fc.svg#icomoon) format('svg');
}
.linearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.customLinearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Custom Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.lineariconDisableHover:hover,
.customLineariconDisableHover:hover {
  color: #86a0ad !important;
}
.linearicon:hover,
.customLinearicon:hover {
  color: #18b6c6;
}
.lineariconDisabled,
.lineariconDisabled:hover,
.customLineariconDisabled,
.customLineariconDisabled:hover {
  color: #cad4da;
}
.mediumLinearIcon {
  font-size: 1.5em;
  height: 22px;
  width: 22px;
}
.font-size-small {
  font-size: 2em;
}
.font-size-medium {
  font-size: 2.5em;
}
.font-size-large {
  font-size: 3em;
}
.lineariconEmailEditor:before {
  content: '\e743';
}
.lineariconSchedule:before {
  content: '\e72b';
}
.lineariconUpload:before {
  content: '\e612';
}
.lineariconDownload:before {
  content: '\e613';
}
.lineariconDSInfo:before {
  content: '\e634';
}
.lineariconEdit:before {
  content: '\e606';
}
.lineariconAdd:before {
  content: '\e772';
}
.lineariconConnection:before {
  content: '\e749';
}
.lineariconWarning:before {
  content: '\e76d';
}
.lineariconLink:before {
  content: '\e749';
}
.lineariconError:before {
  content: '\e76e';
}
.lineariconDownCPKG:before {
  content: '\e602';
}
.lineariconUploadCPKG:before {
  content: '\e60f';
}
.lineariconFonts:before {
  content: '\e603';
}
.lineariconList:before {
  content: '\e601';
}
.lineariconTP:before {
  content: '\e607';
}
.lineariconPrintTP:before {
  content: '\e605';
}
.lineariconDocuments:before {
  content: '\e606';
}
.lineariconDS:before {
  content: '\e62b';
}
.lineariconFunnel:before {
  content: '\e789';
}
.lineariconLamp:before {
  content: '\e6a3';
}
.lineariconAssets:before {
  content: '\e600';
}
.lineariconDocInfo:before {
  content: '\e604';
}
.lineariconCalendar:before {
  content: '\e692';
}
.lineariconKey:before {
  content: '\e60a';
}
.lineariconLibrary:before {
  content: '\e675';
}
.lineariconHTML:before {
  content: '\e60b';
}
.lineariconTXT:before {
  content: '\e60c';
}
.lineariconINDD:before {
  content: '\e60d';
}
.lineariconXLIM:before {
  content: '\e60e';
}
.lineariconPSD:before {
  content: '\e629';
}
.lineariconUrl:before {
  content: '\e615';
}
.lineariconBrowse:before {
  content: '\e6f8';
}
.lineariconFilter:before {
  content: '\e610';
}
.lineariconLightningBolt:before {
  content: '\e6a2';
}
.lineariconInfo:before {
  content: '\e614';
}
.lineariconDelete:before {
  content: '\e63a';
}
.lineariconSearch:before {
  content: '\e759';
}
.lineariconFilteredList:before {
  content: '\e611';
}
.lineariconFilteredListTab:before {
  content: '\e62a';
}
.lineariconDatabase:before {
  content: "\e62b";
}
.lineariconDots:before {
  content: "\e628";
}
.lineariconCheckmark:before {
  content: "\e75d";
}
.lineariconCrown:before {
  content: "\e900";
}
.lineariconSun:before {
  content: "\e903";
}
.lineariconRemote:before {
  content: "\e902";
}
.lineariconLocal:before {
  content: "\e901";
}
.lineariconCircleMinus:before {
  content: "\e773";
}
.lineariconCirclePlus:before {
  content: "\e772";
}
.lineariconMapMarker:before {
  content: "\e68b";
}
@font-face {
  font-family: 'fontello';
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot);
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot#iefix) format('embedded-opentype'), url(assets/fontello.beb5bcf2166a1dba8809e8b65dfa4ae4.woff2) format('woff2'), url(assets/fontello.a82e4cfc8a2eabddedf922b4fba66b00.woff) format('woff'), url(assets/fontello.cdba624c073594e614d2a2e452aa6ec1.ttf) format('truetype'), url(assets/fontello.e61f63a72530808ab9c934604672eb3f.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?36412901#fontello') format('svg');
  }
}
*/
[class^="fontello-"]:before,
[class*=" fontello-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fontello-ico_export:before {
  content: '\e800';
}
/* '' */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'toolbar';
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot);
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot#iefix) format('embedded-opentype'), url(assets/toolbar.82ad3dd7c4bc867eed5ed84df490cd9b.ttf) format('truetype'), url(assets/toolbar.1a240725093bf9ee0d283ce87caaf4d1.woff) format('woff'), url(assets/toolbar.b759b767dea91def576cd52504aa7a83.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="toolbar-icon-"],
[class*="toolbar-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'toolbar' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toolbar-icon-connect:before {
  content: "\e907";
}
.toolbar-icon-run-center:before {
  content: "\e900";
}
.toolbar-icon-recipients:before {
  content: "\e901";
}
.toolbar-icon-selection:before {
  content: "\e902";
}
.toolbar-icon-save:before {
  content: "\e903";
}
.toolbar-icon-sample-recipients:before {
  content: "\e904";
}
.toolbar-icon-mockup:before {
  content: "\e905";
}
.toolbar-icon-library:before {
  content: "\e906";
}
.cl-login .general-btn {
  cursor: pointer !important;
}
.cl-login .modal-dialog {
  height: 280px !important;
  max-width: 500px;
  padding: 0px !important;
  box-shadow: 10px 10px 39px 0px #888888 !important;
  border-radius: 6px;
}
.cl-login .modal-dialog .modal-content .form-group:first-child {
  margin-bottom: 25px;
}
.cl-login .modal-dialog .modal-content .form-group:last-child {
  margin-bottom: 0;
}
.cl-login .modal-dialog .modal-content .modal-body {
  padding-bottom: 0px !important;
}
.cl-login .modal-dialog .modal-content .modal-body .hidden-submit {
  position: absolute;
  top: -10000em;
}
.cl-login .modal-dialog .modal-content .modal-footer .version {
  color: #A6A4A8;
  font-size: 13px;
}
.cl-login .modal-dialog .modal-content .modal-footer .feedback {
  margin-left: auto;
  margin-right: auto;
}
.cl-login .modal-dialog .modal-content .modal-footer .feedback .forgot-password-sent {
  color: #38ad38;
  text-align: left;
  margin-left: 10%;
}
.cl-login .login-error {
  text-align: left;
  margin: 0 10px;
}
.maintanance-panel {
  padding-top: 15px;
  padding-left: 20px;
}
.cl-forgot-password .modal-dialog {
  height: 280px !important;
  max-width: 500px;
  box-shadow: 10px 10px 39px 0px #888888 !important;
  padding: 0px;
}
.cl-forgot-password .modal-dialog .modal-body {
  padding-bottom: 0px !important;
}
.cl-reset-password .form-control.ng-invalid.ng-touched {
  border: 1px solid #a94442;
}
.cl-login,
.cl-forgot-password,
.cl-reset-password {
  position: absolute;
  height: 82%;
  display: flex;
  align-items: center;
  z-index: 1;
  top: 100px;
}
.cl-forgot-password .modal-header {
  border-radius: 5px 5px 0 0;
}
.auth {
  color: #343432;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cursor-pointer {
  cursor: pointer;
}
.underline-hover:hover {
  text-decoration: underline;
}
.gradient-black {
  background: #3d3c3d;
  background: -moz-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3c3d), color-stop(50%, #3d3c3d), color-stop(51%, #221f20), color-stop(100%, #221f20));
  background: -webkit-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -o-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -ms-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: linear-gradient(to bottom, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3c3d', endColorstr='#221f20', GradientType=0);
}
.gradient-black-reverse {
  background: #131313;
  /* Old browsers */
  background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0);
  /* IE6-9 */
}
.gradient-blue {
  background: #00d1e2;
  background: -moz-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1e2', endColorstr='#00c3d8', GradientType=0);
}
.gradient-blue-reverse {
  background: #00d1e2;
  background: -moz-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d8', endColorstr='#00d1e2', GradientType=0);
}
.gradient-light-blue {
  background: #74d7e2;
  background: -moz-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74d7e2), color-stop(100%, #00c2d3), color-stop(100%, #15c2d7));
  background: -webkit-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -o-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -ms-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: linear-gradient(to bottom, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
}
.gradient-gray {
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f9f9f9', GradientType=0);
}
.gradient-button {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #e3e2e3), color-stop(100%, #e3e2e3));
  background: -webkit-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -o-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -ms-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
}
.gradient-button-pressed {
  background: #e3e2e3;
  background: -moz-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e3e2e3), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -o-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: linear-gradient(to bottom, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
}
.gradient-hover {
  background: #cacaca;
  background: -moz-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca), color-stop(100%, #909090));
  background: -webkit-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -o-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -ms-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: linear-gradient(to bottom, #cacaca 0%, #909090 100%);
}
@font-face {
  font-family: 'icomoon';
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot);
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot#iefix) format('embedded-opentype'), url(assets/icomoon.9f53d5b704316c69b8a98b39f7d47a6d.ttf) format('truetype'), url(assets/icomoon.f3db8cfd272646400fea0acf9a26e35e.woff) format('woff'), url(assets/icomoon.84ca7972582db077fd99ea75c4d059e3.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Assets:before {
  content: "\e600";
}
.icon-List:before {
  content: "\e601";
}
.icon-Font:before {
  content: "\e603";
}
.icon-Document_main:before {
  content: "\e604";
}
.icon-Production1:before {
  content: "\e605";
}
.icon-Document:before {
  content: "\e606";
}
.icon-TouchPoint:before {
  content: "\e607";
}
.icon-Warning:before {
  content: "\e608";
}
.icon-CPKG_LAST1-01:before {
  content: "\e602";
}
.icon-CPKG_LAST:before {
  content: "\e60f";
}
.icon-Calendar:before {
  content: "\e609";
}
.icon-Key_small:before {
  content: "\e60a";
}
.icon-HTML:before {
  content: "\e60b";
}
.icon-Text:before {
  content: "\e60c";
}
.icon-ID:before {
  content: "\e60d";
}
.icon-X:before {
  content: "\e60e";
}
.icon-Filter_top:before {
  content: "\e610";
}
.icon-Filter:before {
  content: "\e611";
}
.icon-upload_icon:before {
  content: "\e612";
}
.icon-download_icon:before {
  content: "\e613";
}
.icon-Info:before {
  content: "\e614";
}
.icon-World:before {
  content: "\e615";
}
.icon-Error .path1:before {
  content: "\e616";
}
.icon-Error .path2:before {
  content: "\e617";
}
.icon-Close:before {
  content: "\e616";
}
.icon-OK:before {
  content: "\e618";
}
.icon-Flag:before {
  content: "\e619";
}
.icon-Low:before {
  content: "\e61a";
}
.icon-Immediate:before {
  content: "\e61b";
}
.icon-Plus:before {
  content: "\e61c";
}
.icon-Plus_Hover:before {
  content: "\e61d";
}
.icon-Menu:before {
  content: "\e628";
}
.icon-PSD:before {
  content: "\e629";
}
.icon-Profile:before {
  content: "\e62a";
}
.icon-Reports:before {
  content: "\e900";
}
.icon-Information:before {
  content: "\e901";
}
.icon-Conversation:before {
  content: "\e902";
}
.icon-Mockup:before {
  content: "\e903";
}
.icon-Integration:before {
  content: "\e904";
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(assets/SourceSansPro-Regular.73ae3a587f63679d851d802af58c615c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.header-text {
  font-family: Lato;
  font-size: 20px;
  color: white;
}
.menu-text {
  font-family: Lato;
  font-size: 14px;
  color: #808080;
}
.entity-heading-text {
  font-family: Lato;
  font-size: 18px;
  color: #475e70;
}
.section-heading-text {
  font-family: LatoLight;
  font-size: 20px;
  color: #00b0c0;
}
.field-label-text {
  font-family: Lato;
  font-size: 16px;
  color: #86a0ad;
}
.field-value-text {
  font-family: Lato;
  font-size: 15px;
  color: #666666;
}
.index-text {
  font-family: Lato;
  font-size: 20px;
  color: #666666;
}
.field-sub-text {
  font-family: Lato;
  font-size: 13px;
  color: #b3b3b3;
}
.link-text {
  font-family: Lato;
  font-size: 14px;
  color: #047fbc;
}
.underline:hover {
  text-decoration: underline;
}
.more-info-text {
  font-family: Lato;
  font-size: 12px;
  color: #b3b3b3;
}
.library-option-text {
  font-family: LatoLight;
  font-size: 18px;
  color: #86a0ad;
}
.ghost-text {
  font-family: Lato;
  font-size: 13px;
  color: #cccccc;
}
.small-link-text {
  font-family: Lato;
  font-size: 12px;
  color: #047fbc;
}
.medium-link-text {
  font-family: Lato;
  font-size: 16px;
  color: #047fbc;
}
.large-link-text {
  font-family: Lato;
  font-size: 20px;
  color: #047fbc;
}
.error-txt {
  color: #ff1d25;
  font-family: Lato;
  font-size: 13px;
}
.tab-txt {
  color: #555555;
  font-family: Lato;
  font-size: 16px;
}
.tab-txt-selected {
  color: #212121;
  font-family: Lato;
  font-size: 16px;
}
.search-txt {
  color: #555555;
  font-family: Lato;
  font-size: 15px;
}
@font-face {
  font-family: 'Linear Icons';
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot);
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot?#iefix) format('embedded-opentype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.06cc974db4f70c33b871626932f89083.woff) format('woff'), url(assets/Linearicons_Bld_0_0_0_0_0_0.190d1ccb77295bee72e9162f2d9d23aa.ttf) format('truetype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.9f0b9fa88e1207de37211bb803313b65.svg#glyphicons_halflingsregular) format('svg');
}
@font-face {
  font-family: 'Custom Linear Icons';
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot);
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot?#iefix) format('embedded-opentype'), url(assets/icomoon_Bld_0_0_0_0_0_0.c26dbe6e6588d24b96a4097f30da6e10.woff) format('woff'), url(assets/icomoon_Bld_0_0_0_0_0_0.bff0fec96f83faa602bd19f619acd3aa.ttf) format('truetype'), url(assets/icomoon_Bld_0_0_0_0_0_0.40c237abb27f495e5659f532d1c814fc.svg#icomoon) format('svg');
}
.linearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.customLinearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Custom Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.lineariconDisableHover:hover,
.customLineariconDisableHover:hover {
  color: #86a0ad !important;
}
.linearicon:hover,
.customLinearicon:hover {
  color: #18b6c6;
}
.lineariconDisabled,
.lineariconDisabled:hover,
.customLineariconDisabled,
.customLineariconDisabled:hover {
  color: #cad4da;
}
.mediumLinearIcon {
  font-size: 1.5em;
  height: 22px;
  width: 22px;
}
.font-size-small {
  font-size: 2em;
}
.font-size-medium {
  font-size: 2.5em;
}
.font-size-large {
  font-size: 3em;
}
.lineariconEmailEditor:before {
  content: '\e743';
}
.lineariconSchedule:before {
  content: '\e72b';
}
.lineariconUpload:before {
  content: '\e612';
}
.lineariconDownload:before {
  content: '\e613';
}
.lineariconDSInfo:before {
  content: '\e634';
}
.lineariconEdit:before {
  content: '\e606';
}
.lineariconAdd:before {
  content: '\e772';
}
.lineariconConnection:before {
  content: '\e749';
}
.lineariconWarning:before {
  content: '\e76d';
}
.lineariconLink:before {
  content: '\e749';
}
.lineariconError:before {
  content: '\e76e';
}
.lineariconDownCPKG:before {
  content: '\e602';
}
.lineariconUploadCPKG:before {
  content: '\e60f';
}
.lineariconFonts:before {
  content: '\e603';
}
.lineariconList:before {
  content: '\e601';
}
.lineariconTP:before {
  content: '\e607';
}
.lineariconPrintTP:before {
  content: '\e605';
}
.lineariconDocuments:before {
  content: '\e606';
}
.lineariconDS:before {
  content: '\e62b';
}
.lineariconFunnel:before {
  content: '\e789';
}
.lineariconLamp:before {
  content: '\e6a3';
}
.lineariconAssets:before {
  content: '\e600';
}
.lineariconDocInfo:before {
  content: '\e604';
}
.lineariconCalendar:before {
  content: '\e692';
}
.lineariconKey:before {
  content: '\e60a';
}
.lineariconLibrary:before {
  content: '\e675';
}
.lineariconHTML:before {
  content: '\e60b';
}
.lineariconTXT:before {
  content: '\e60c';
}
.lineariconINDD:before {
  content: '\e60d';
}
.lineariconXLIM:before {
  content: '\e60e';
}
.lineariconPSD:before {
  content: '\e629';
}
.lineariconUrl:before {
  content: '\e615';
}
.lineariconBrowse:before {
  content: '\e6f8';
}
.lineariconFilter:before {
  content: '\e610';
}
.lineariconLightningBolt:before {
  content: '\e6a2';
}
.lineariconInfo:before {
  content: '\e614';
}
.lineariconDelete:before {
  content: '\e63a';
}
.lineariconSearch:before {
  content: '\e759';
}
.lineariconFilteredList:before {
  content: '\e611';
}
.lineariconFilteredListTab:before {
  content: '\e62a';
}
.lineariconDatabase:before {
  content: "\e62b";
}
.lineariconDots:before {
  content: "\e628";
}
.lineariconCheckmark:before {
  content: "\e75d";
}
.lineariconCrown:before {
  content: "\e900";
}
.lineariconSun:before {
  content: "\e903";
}
.lineariconRemote:before {
  content: "\e902";
}
.lineariconLocal:before {
  content: "\e901";
}
.lineariconCircleMinus:before {
  content: "\e773";
}
.lineariconCirclePlus:before {
  content: "\e772";
}
.lineariconMapMarker:before {
  content: "\e68b";
}
@font-face {
  font-family: 'fontello';
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot);
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot#iefix) format('embedded-opentype'), url(assets/fontello.beb5bcf2166a1dba8809e8b65dfa4ae4.woff2) format('woff2'), url(assets/fontello.a82e4cfc8a2eabddedf922b4fba66b00.woff) format('woff'), url(assets/fontello.cdba624c073594e614d2a2e452aa6ec1.ttf) format('truetype'), url(assets/fontello.e61f63a72530808ab9c934604672eb3f.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?36412901#fontello') format('svg');
  }
}
*/
[class^="fontello-"]:before,
[class*=" fontello-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fontello-ico_export:before {
  content: '\e800';
}
/* '' */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'toolbar';
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot);
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot#iefix) format('embedded-opentype'), url(assets/toolbar.82ad3dd7c4bc867eed5ed84df490cd9b.ttf) format('truetype'), url(assets/toolbar.1a240725093bf9ee0d283ce87caaf4d1.woff) format('woff'), url(assets/toolbar.b759b767dea91def576cd52504aa7a83.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="toolbar-icon-"],
[class*="toolbar-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'toolbar' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toolbar-icon-connect:before {
  content: "\e907";
}
.toolbar-icon-run-center:before {
  content: "\e900";
}
.toolbar-icon-recipients:before {
  content: "\e901";
}
.toolbar-icon-selection:before {
  content: "\e902";
}
.toolbar-icon-save:before {
  content: "\e903";
}
.toolbar-icon-sample-recipients:before {
  content: "\e904";
}
.toolbar-icon-mockup:before {
  content: "\e905";
}
.toolbar-icon-library:before {
  content: "\e906";
}
.cl-diagram-overview {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 300px;
  height: 230px;
  right: 20px;
  top: 20px;
  z-index: 1000;
  box-shadow: 3px 3px 5px #888888;
  background-color: transparent;
}
.cl-diagram-overview-header {
  cursor: move;
  background: #3d3c3d;
  font-family: Lato;
  font-size: 20px;
  color: #fff;
  vertical-align: middle;
  line-height: 30px;
  height: 30px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
}
.cl-diagram-overview-header-title {
  text-align: left;
  padding-left: 10px;
}
.cl-diagram-overview-header img {
  float: right;
  padding: 9px 14px 0px 0px;
  cursor: pointer;
}
.cl-diagram-overview-body {
  width: 303px;
  height: 203px;
  background-color: #ffffff;
  border: solid 1px lightgray;
}
.cl-diagram-overview-body canvas {
  background-color: #ffffff;
}
.cl-diagram-overview .cl-diagram-overview-header-title {
  font-size: 17px;
}
.floating-toolbox-container {
  transition: width 0.25s ease;
  flex: 1;
  margin: 25px 10px 10px 0px;
  display: flex;
  flex-direction: column;
}
.floating-toolbox-container .floating-toolbox-header {
  height: 38px;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.floating-toolbox-container .floating-toolbox-header .title {
  line-height: 36px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
.floating-toolbox-container.closed {
  width: 26px !important;
}
.floating-toolbox-container.closed .floating-toolbox-header {
  padding: 0;
  width: 26px !important;
  justify-content: center;
  border-top-left-radius: 0;
  border-bottom-right-radius: 3px;
}
.floating-toolbox-container.closed .floating-toolbox-header .title {
  display: none;
}
.floating-toolbox-container.closed .floating-toolbox-header .toolbox-arrow {
  transform: rotate(180deg);
}
.floating-toolbox-container.closed .floating-toolbox-header .cl-plan-toolbox-toggle {
  width: 100%;
  text-align: center;
}
.floating-toolbox-container.closed .floating-toolbox-accordion {
  display: none;
}
.floating-toolbox-container .rg-right span {
  display: none;
}
.floating-toolbox {
  font-family: Verdana;
  font-size: 13px;
  color: #333333;
  flex: 1;
  min-width: 110px;
  position: relative;
  max-height: 700px;
}
.floating-toolbox-header {
  cursor: pointer;
  border-bottom-width: 0px;
  background: #000000;
  color: #FFFFFF;
  padding: 2px 15px;
  position: absolute;
  top: 0px;
  width: 100%;
  z-index: 12;
}
.floating-toolbox-accordion {
  z-index: 11;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  padding-top: 38px;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.16);
  overflow: hidden;
}
.floating-toolbox-accordion-content {
  height: 100%;
  border: 1px solid #E1E1E1;
}
.floating-toolbox-accordion-item .floating-toolbox-accordion-item-title {
  background: #F2F2F2;
  border-bottom: 1px solid rgba(179, 179, 179, 0.5);
}
.floating-toolbox-accordion-item .floating-toolbox-accordion-item-title i {
  display: none;
}
.floating-toolbox-accordion-item.active .floating-toolbox-accordion-item-title {
  color: #FFFFFF;
  background: #00B0C0;
  border-bottom: none;
}
.floating-toolbox-accordion-item.active .floating-toolbox-accordion-item-title i {
  display: inline-block;
  z-index: 10;
  position: absolute;
  top: 34px;
  left: 10px;
  color: #00B0C0;
}
.floating-toolbox-accordion-item.active .floating-toolbox-accordion-item-body {
  display: flex;
  flex-direction: column;
}
.floating-toolbox-accordion-item.active .floating-toolbox-accordion-item-body button {
  margin: 25px 30px 10px;
  color: #333333;
  font-family: Lato;
  background: transparent;
  border: 1px solid #727272;
  border-radius: 3px;
}
.floating-toolbox-accordion-item.active .hoverbg {
  display: none;
}
.floating-toolbox-accordion-item-title {
  padding: 9px 15px;
  cursor: pointer;
  background: linear-gradient(to top, #f4f4f4, #dddedf);
  position: relative;
}
.floating-toolbox-accordion-item-title .title-text {
  z-index: 2;
  position: relative;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: Lato;
  font-size: 14px;
}
.floating-toolbox-accordion-item-title .hoverbg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #00B0C0;
  opacity: 0;
  z-index: 1;
}
.floating-toolbox-accordion-item-title:hover {
  color: #FFFFFF;
}
.floating-toolbox-accordion-item-title:hover .hoverbg {
  transition: all 0.25s ease;
  opacity: 1;
}
.floating-toolbox-accordion-item-body {
  display: none;
  background-color: #FFFFFF;
  height: 0px;
  overflow: hidden;
}
.cl-diagram-palette {
  height: 100%;
}
.cl-header-toggle {
  position: absolute;
  top: 0;
  right: 302px;
  width: 65px;
  height: 23px;
  padding: 0px 10px;
  color: #ffffff;
  cursor: pointer;
  font-weight: 200;
  font-size: 14px;
  font-family: Lato;
  background: #000000;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cl-header-toggle:hover {
  color: white;
  text-decoration: none;
}
.cl-header-toggle-text {
  line-height: 23px;
}
.cl-header-toggle-sign {
  position: absolute;
  right: 10px;
  top: 40%;
  transition: transform 0.2s;
}
.cl-header-toggle-sign.upside-down {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
}
.cl-diagram-page {
  display: flex;
  flex-direction: column;
}
.cl-diagram-page-toolbar {
  position: relative;
  display: flex;
  background-color: #F2F2F2;
  box-shadow: none;
}
.cl-diagram-page-toolbar .right-separator {
  position: relative;
}
.cl-diagram-page-toolbar .right-separator::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 35px;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background-color: #B3B3B3;
}
.cl-diagram-page-toolbar .page-toolbar-additions {
  display: flex;
}
.cl-diagram-page-toolbar .toolbar-additions-item {
  padding: 0px 15px;
  display: flex;
}
.cl-diagram-page-toolbar > div.minimal-padding {
  padding-left: 5px;
  padding-right: 5px;
}
.cl-diagram-page-toolbar > div img {
  height: 19px;
  margin: 4px 0;
}
.cl-diagram-page-toolbar > div.no-separator {
  padding-left: 10px;
}
.cl-diagram-page-toolbar > div.no-separator::after {
  display: none;
}
.cl-diagram-page-toolbar .btn-flat {
  background: transparent;
  border-color: transparent;
}
.cl-diagram-page-toolbar .btn-flat:hover {
  background: linear-gradient(to bottom, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  border-color: #cccccc;
}
.cl-diagram-page-toolbar .btn {
  padding-left: 7px;
  padding-right: 7px;
}
.cl-diagram-page-toolbar .btn-default.active {
  background: linear-gradient(to bottom, #179fae, #36c4d6 40%, #9de3e3 100%);
}
.cl-diagram-page-toolbar .toolbar-action {
  display: flex;
  padding: 0px 15px;
}
.cl-diagram-page-toolbar .btn-toolbar {
  width: 50px;
  height: 50px;
  background: transparent;
  display: flex;
  border: none;
  border-radius: 0;
  margin-left: 0;
}
.cl-diagram-page-toolbar .btn-toolbar span {
  margin: auto;
  color: #333333;
  font-size: 20px;
}
.cl-diagram-page-toolbar .btn-toolbar:hover {
  background-color: rgba(179, 179, 179, 0.2);
  box-shadow: inset -1px -1px 1px 0 #D2C8C8;
}
.cl-diagram-page-toolbar .btn-toolbar:hover span {
  color: #00B0C0;
}
.cl-diagram-page-toolbar .btn-toolbar.active {
  background-color: rgba(179, 179, 179, 0.2);
  box-shadow: inset -1px -1px 1px 0 #D2C8C8;
}
.cl-diagram-page-toolbar .btn-toolbar.active span {
  color: #00B0C0;
}
.cl-diagram-page-toolbar .toolbox-addition {
  display: flex;
  align-items: center;
}
.cl-diagram-page-toolbar .link-toolbar {
  position: relative;
  padding: 6px 7px 6px;
  background: transparent;
  font-family: Lato;
  font-size: 16px;
  color: #333333;
  border: none;
  border-radius: 0;
  white-space: nowrap;
}
.cl-diagram-page-toolbar .link-toolbar:hover {
  color: #00B0C0;
  text-decoration: none;
}
.cl-diagram-page-toolbar .link-toolbar .caret {
  height: 5px;
  border-right: 5px solid transparent;
}
.cl-diagram-page-toolbar .link-toolbar span[class^="toolbar-icon-"] {
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.cl-diagram-page-toolbar .link-toolbar span.toolbar-icon-connect {
  font-size: 18px;
}
.cl-diagram-page-toolbar .link-toolbar span.toolbar-icon-library {
  font-size: 18px;
}
.cl-diagram-page-toolbar .link-toolbar span.toolbar-icon-run-center {
  font-size: 18px;
}
.cl-diagram-page-toolbar .link-toolbar.link-toolbar-recipient {
  display: flex;
  align-items: center;
  height: 100%;
  padding-left: 23px;
}
.cl-diagram-page-toolbar .link-toolbar.link-toolbar-recipient span.toolbar-icon-recipients {
  font-size: 16px;
}
.cl-diagram-page-toolbar .link-toolbar.sample-recipients {
  padding-left: 36px;
}
.cl-diagram-page-toolbar .link-toolbar.sample-recipients span.toolbar-icon-sample-recipients {
  font-size: 16px;
}
.cl-diagram-page-toolbar .link-toolbar.link-toolbar-space-left {
  padding-left: 33px;
}
.cl-diagram-page-body {
  flex: 1;
  position: relative;
  display: flex;
  flex-direction: row;
}
.cl-diagram-page-body .cl-diagram {
  margin-bottom: 60px;
  flex: 1;
}
.cl-diagram-page-body .cl-diagram canvas {
  background: white;
}
.cl-diagram-page-body .cl-diagram textarea {
  border: 1px solid #99c1e2 !important;
  resize: none;
}
.cl-diagram-page-body-aside {
  display: flex;
  flex-direction: column;
}
.cl-diagram-page-body-aside page-aside {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.cl-diagram-page .help-icon {
  font-size: 17px;
  line-height: 21px;
  color: #7b7b7b;
}
.cl-analyze-tab {
  height: 100%;
  position: absolute;
  top: 102px;
  width: 100%;
}
.cl-zoom-bar {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 300px;
  height: 60px;
  z-index: 2;
  color: grey;
  background-color: #fff;
}
.cl-zoom-bar .overview-btn {
  font-size: 19px;
  line-height: 25px;
  margin-left: 15px;
  margin-right: 10px;
}
.cl-zoom-bar .overview-btn label {
  margin-bottom: 0;
}
.cl-zoom-bar .overview-btn label > span {
  color: #666666;
}
.cl-zoom-bar .zoom-component {
  top: -9px;
  align-items: center;
  width: 176px;
  height: 32px;
  float: left;
  position: relative;
}
.cl-zoom-bar .zoom-component .zoom-level-display {
  display: block;
  text-align: center;
  margin-left: 8px;
  font-size: 12px;
}
.cl-zoom-bar .zoom-component .zoom-slider-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 19px;
  margin: 0px 0px;
  padding: 0px 25px;
  position: absolute;
  left: 0;
  bottom: -2px;
}
.cl-zoom-bar .zoom-component .zoom-slider-container .slider {
  zoom: 0.85;
  width: 90%;
}
.cl-zoom-bar .zoom-component .zoom-slider-container .slider .slider-track {
  height: 4px;
  border: none;
  background: #F2F2F2;
  box-shadow: none;
  transform: translateY(50%);
}
.cl-zoom-bar .zoom-component .zoom-slider-container .slider .slider-selection {
  background: #F2F2F2;
  box-shadow: none;
}
.cl-zoom-bar .zoom-component .zoom-slider-container .slider .slider-handle {
  width: 2px;
  height: 11px;
  background: #666666;
  margin-top: -3px;
}
.cl-zoom-bar .zoom-component .zoom-button {
  position: absolute;
  bottom: 0;
  width: 17px;
  height: 17px;
  cursor: pointer;
  z-index: 20;
}
.cl-zoom-bar .zoom-component .zoom-button > span {
  font-size: 17px;
  top: 0;
  color: #666666;
}
.cl-zoom-bar .zoom-component .zoom-button-minus {
  left: 5px;
}
.cl-zoom-bar .zoom-component .zoom-button-plus {
  right: 1px;
}
.cl-zoom-bar .powered-by-logo {
  margin-left: -10px;
  font-size: 10px;
  text-align: center;
  background-image: url(assets/Image.png);
  background-size: 28px 28px;
  background-repeat: no-repeat;
  background-position: 20px 17px;
  width: 65px;
  height: 100%;
  float: right;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cl-zoom-bar .zoom-component .zoom-slider-container {
    left: 13px;
  }
  .cl-zoom-bar .zoom-component .zoom-slider-container .slider-center-pinch .triangle-down {
    bottom: 11px;
  }
  .cl-zoom-bar .zoom-component .zoom-slider-container .slider-center-pinch .triangle-down2 {
    bottom: 2px;
  }
  .cl-zoom-bar .zoom-component .zoom-slider-container .slider-center-pinch .triangle-up {
    top: -2px;
  }
  .cl-zoom-bar .zoom-component .zoom-slider-container .slider-center-pinch .triangle-up2 {
    top: -1px;
  }
}
_:-ms-fullscreen,
:root .cl-zoom-bar .zoom-component {
  display: block;
}
.node-dialog-backdrop.in {
  opacity: 0;
}
.xm-modal {
  font-family: Lato;
  border-radius: 5px;
  border: 0px;
}
.xm-modal .modal-content {
  border-radius: 5px;
}
.xm-modal .modal-header {
  background-color: #00B0C0 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.xm-modal .modal-header .icon {
  padding-bottom: 9px;
  padding-right: 40px;
  color: white;
  font-size: 1.5em;
  height: 22px;
  width: 22px;
  vertical-align: middle;
}
.xm-modal .modal-header .modal-title {
  font-size: 20px;
  font-weight: normal;
}
.xm-modal .modal-header .modal-title.no-margin {
  margin-left: 0 !important;
}
.xm-modal .modal-header .modal-title.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.xm-modal .modal-header .close-button {
  font-size: 2.5em;
  float: right;
  position: relative;
  top: -8px;
  right: 1px;
  color: white;
  cursor: pointer;
}
.xm-modal .modal-subheader {
  background: #DDE8ED;
  padding: 6px 10px;
}
.xm-modal .modal-scroll-area {
  height: 350px;
  overflow-y: auto;
}
.xm-modal .modal-scroll-area::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
  overflow-y: scroll;
}
.xm-modal .modal-scroll-area::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.xm-modal .modal-scroll-area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #aaa;
}
.xm-modal .btn-default {
  font: 15px Lato;
  color: #FFF;
  background: #95A5AF;
  height: 32px;
  outline: 0px none !important;
}
.xm-modal .btn-default.active {
  background-color: #109CAF;
  color: #fff;
}
.xm-modal .btn-default:active {
  outline: none;
}
.xm-modal .btn-default:hover {
  background-color: #109CAF;
  color: #fff;
}
.modal-dialog.custom-position {
  position: absolute;
  margin: 0px;
}
.modal-dialog.custom-position .arrow-container {
  position: absolute;
}
.modal-dialog.custom-position .arrow-container.center {
  display: none;
}
.modal-dialog.custom-position .arrow-container.left {
  right: 0px;
}
.modal-dialog.custom-position .arrow-container.left .modal-node-arrow {
  position: absolute;
  top: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 19px;
  border-color: transparent transparent transparent #999999;
  transform: rotate(0deg);
}
.modal-dialog.custom-position .arrow-container.left .modal-node-arrow-main {
  position: absolute;
  left: -20px;
  top: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 19px;
  border-color: transparent transparent transparent white;
}
.modal-dialog.custom-position .arrow-container.left .modal-node-arrow-inner {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 10px;
  border-color: transparent transparent transparent #18b5c6;
  position: absolute;
  left: -20px;
  top: -10px;
}
.modal-dialog.custom-position .arrow-container.right {
  left: -19px;
}
.modal-dialog.custom-position .arrow-container.right .modal-node-arrow {
  position: absolute;
  top: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 19px;
  border-color: transparent transparent transparent #999999;
  transform: rotate(180deg);
}
.modal-dialog.custom-position .arrow-container.right .modal-node-arrow-main {
  position: absolute;
  left: -20px;
  top: -18px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 18px 0 18px 19px;
  border-color: transparent transparent transparent white;
}
.modal-dialog.custom-position .arrow-container.right .modal-node-arrow-inner {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 0 9px 10px;
  border-color: transparent transparent transparent #18b5c6;
  position: absolute;
  left: -20px;
  top: -10px;
}
.node-comments .modal-dialog .comments .modal-scroll-area {
  height: 400px;
}
.modal.node-comments {
  font-family: Lato;
  border-radius: 5px;
  border: 0px;
}
.modal.node-comments .modal-content {
  border-radius: 5px;
}
.modal.node-comments .modal-header {
  background-color: #00B0C0 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal.node-comments .modal-header .icon {
  padding-bottom: 9px;
  padding-right: 40px;
  color: white;
  font-size: 1.5em;
  height: 22px;
  width: 22px;
  vertical-align: middle;
}
.modal.node-comments .modal-header .modal-title {
  font-size: 20px;
  font-weight: normal;
}
.modal.node-comments .modal-header .modal-title.no-margin {
  margin-left: 0 !important;
}
.modal.node-comments .modal-header .modal-title.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal.node-comments .modal-header .close-button {
  font-size: 2.5em;
  float: right;
  position: relative;
  top: -8px;
  right: 1px;
  color: white;
  cursor: pointer;
}
.modal.node-comments .modal-subheader {
  background: #DDE8ED;
  padding: 6px 10px;
}
.modal.node-comments .modal-scroll-area {
  height: 350px;
  overflow-y: auto;
}
.modal.node-comments .modal-scroll-area::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
  overflow-y: scroll;
}
.modal.node-comments .modal-scroll-area::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.modal.node-comments .modal-scroll-area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #aaa;
}
.modal.node-comments .btn-default {
  font: 15px Lato;
  color: #FFF;
  background: #95A5AF;
  height: 32px;
  outline: 0px none !important;
}
.modal.node-comments .btn-default.active {
  background-color: #109CAF;
  color: #fff;
}
.modal.node-comments .btn-default:active {
  outline: none;
}
.modal.node-comments .btn-default:hover {
  background-color: #109CAF;
  color: #fff;
}
.modal.node-comments .modal-subheader {
  height: auto;
}
.modal.node-comments .modal-body {
  height: 300px;
}
.modal.node-comments .modal-body .comment {
  margin-bottom: 15px;
  padding-left: 60px;
}
.modal.node-comments .modal-body .comment .comment-user-profileimage {
  float: left;
  margin-left: -60px;
  height: 45px;
  width: 45px;
  border: 1px solid grey;
  border-radius: 5px;
  background: #C1C1C1;
}
.modal.node-comments .modal-body .comment .comment-user-profilename {
  float: left;
  font-weight: bold;
  color: #087d99;
}
.modal.node-comments .modal-body .comment .comment-timestamp {
  float: right;
  color: grey;
  font-size: 12px;
}
.modal.node-comments .modal-body .comment button.starred {
  float: right;
  border-radius: 50%;
  width: 15px;
  height: 15px;
  padding: 0px;
  margin: 2px 9px 0px 10px;
  border: 2px solid #d0cfcf;
  background: linear-gradient(to bottom, #a1a2a4, #f5f5f5);
}
.modal.node-comments .modal-body .comment button.starred.active {
  background: radial-gradient(at left -3%, #f4b4ab 1%, #f04932 98%, #682d2e 1%);
}
.modal.node-comments .modal-body .comment .comment-text {
  clear: right;
  padding: 5px 0px 15px 0px;
  word-wrap: break-word;
  white-space: normal;
}
.modal.node-comments .modal-body .comment .comment-replies {
  position: relative;
  background: #f2f2f2;
  padding: 4px 0;
}
.modal.node-comments .modal-body .comment .comment-replies:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 12px 10px;
  border-color: transparent transparent #f2f2f2 transparent;
  position: absolute;
  top: -12px;
  left: 30px;
}
.modal.node-comments .modal-body .comment .comment-replies > div {
  background-color: #f2f2f2;
  margin-bottom: 1px;
  padding: 15px 10px;
  border-bottom: 1px solid #fff;
}
.modal.node-comments .modal-body .comment .comment-replies > form {
  width: 94%;
  margin: 10px auto;
}
.modal.node-comments .modal-body .comment .comment-replies .reply {
  padding-left: 60px;
}
.modal.node-comments .modal-body .comment .comment-replies .reply .comment-text {
  padding-bottom: 0px;
}
.modal.node-comments .modal-body .comment .comment-replies .reply .starred {
  margin-right: 0px;
}
.modal.node-comments form {
  border: 1px solid #cbcbcb;
  border-radius: 5px;
  padding: 2px;
  background: white;
}
.modal.node-comments form .waiting-text {
  text-align: left;
  padding: 3px;
}
.modal.node-comments form textarea {
  border: 0px;
  resize: none;
}
.modal.node-comments form textarea:focus {
  -webkit-transition: height 50ms ease-in-out;
  -moz-transition: height 50ms ease-in-out;
  -o-transition: height 50ms ease-in-out;
  transition: height 50ms ease-in-out;
}
.modal.node-comments form .bottom-row {
  background: #f2f3f2;
  text-align: right;
  padding: 5px 0px;
}
.modal.node-comments form .bottom-row button {
  margin: 3px;
}
.node-information .modal-dialog {
  width: 360px;
}
.cl-node-dialog.information {
  font-family: Lato;
  border-radius: 5px;
  border: 0px;
}
.cl-node-dialog.information .modal-content {
  border-radius: 5px;
}
.cl-node-dialog.information .modal-header {
  background-color: #00B0C0 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cl-node-dialog.information .modal-header .icon {
  padding-bottom: 9px;
  padding-right: 40px;
  color: white;
  font-size: 1.5em;
  height: 22px;
  width: 22px;
  vertical-align: middle;
}
.cl-node-dialog.information .modal-header .modal-title {
  font-size: 20px;
  font-weight: normal;
}
.cl-node-dialog.information .modal-header .modal-title.no-margin {
  margin-left: 0 !important;
}
.cl-node-dialog.information .modal-header .modal-title.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-node-dialog.information .modal-header .close-button {
  font-size: 2.5em;
  float: right;
  position: relative;
  top: -8px;
  right: 1px;
  color: white;
  cursor: pointer;
}
.cl-node-dialog.information .modal-subheader {
  background: #DDE8ED;
  padding: 6px 10px;
}
.cl-node-dialog.information .modal-scroll-area {
  height: 350px;
  overflow-y: auto;
}
.cl-node-dialog.information .modal-scroll-area::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
  overflow-y: scroll;
}
.cl-node-dialog.information .modal-scroll-area::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.cl-node-dialog.information .modal-scroll-area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #aaa;
}
.cl-node-dialog.information .btn-default {
  font: 15px Lato;
  color: #FFF;
  background: #95A5AF;
  height: 32px;
  outline: 0px none !important;
}
.cl-node-dialog.information .btn-default.active {
  background-color: #109CAF;
  color: #fff;
}
.cl-node-dialog.information .btn-default:active {
  outline: none;
}
.cl-node-dialog.information .btn-default:hover {
  background-color: #109CAF;
  color: #fff;
}
.cl-node-dialog.information .modal-body {
  height: 413px;
}
.cl-node-dialog.information .modal-body form {
  height: 100%;
}
.cl-node-dialog.information .modal-body form textarea {
  height: 100%;
  border: 1px solid lightblue;
  border-radius: 10px;
  resize: none;
  min-height: 250px;
  font-size: 14px;
  line-height: 1.5;
}
.node-integration .modal-dialog {
  width: 500px;
}
.cl-node-dialog.integration {
  font-family: Lato;
  border-radius: 5px;
  border: 0px;
}
.cl-node-dialog.integration .modal-content {
  border-radius: 5px;
}
.cl-node-dialog.integration .modal-header {
  background-color: #00B0C0 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.cl-node-dialog.integration .modal-header .icon {
  padding-bottom: 9px;
  padding-right: 40px;
  color: white;
  font-size: 1.5em;
  height: 22px;
  width: 22px;
  vertical-align: middle;
}
.cl-node-dialog.integration .modal-header .modal-title {
  font-size: 20px;
  font-weight: normal;
}
.cl-node-dialog.integration .modal-header .modal-title.no-margin {
  margin-left: 0 !important;
}
.cl-node-dialog.integration .modal-header .modal-title.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.cl-node-dialog.integration .modal-header .close-button {
  font-size: 2.5em;
  float: right;
  position: relative;
  top: -8px;
  right: 1px;
  color: white;
  cursor: pointer;
}
.cl-node-dialog.integration .modal-subheader {
  background: #DDE8ED;
  padding: 6px 10px;
}
.cl-node-dialog.integration .modal-scroll-area {
  height: 350px;
  overflow-y: auto;
}
.cl-node-dialog.integration .modal-scroll-area::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
  overflow-y: scroll;
}
.cl-node-dialog.integration .modal-scroll-area::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.cl-node-dialog.integration .modal-scroll-area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #aaa;
}
.cl-node-dialog.integration .btn-default {
  font: 15px Lato;
  color: #FFF;
  background: #95A5AF;
  height: 32px;
  outline: 0px none !important;
}
.cl-node-dialog.integration .btn-default.active {
  background-color: #109CAF;
  color: #fff;
}
.cl-node-dialog.integration .btn-default:active {
  outline: none;
}
.cl-node-dialog.integration .btn-default:hover {
  background-color: #109CAF;
  color: #fff;
}
.cl-node-dialog.integration .modal-header .btn {
  margin-left: auto;
}
.cl-node-dialog.integration .modal-body {
  overflow-y: auto;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container {
  display: inline-block;
  height: 70px;
  width: 100px;
  border: 1px solid lightgrey;
  border-radius: 10px;
  text-align: center;
  position: relative;
  padding: 3px;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container .cl-mini-spinner {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  top: 0px;
  left: 0px;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container .sk-spinner {
  width: 56px;
  height: 56px;
  position: absolute;
  top: 14px / 2;
  left: 44px / 2;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container .sk-spinner.sk-spinner-circle .sk-circle:before {
  background-color: #00b0c0;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container img.node-image {
  max-width: 100%;
  max-height: 100%;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container .remove {
  position: absolute;
  height: 20px;
  width: 20px;
  top: -10px;
  right: -10px;
  cursor: pointer;
  font-size: 1.5em;
  border-radius: 50%;
  background-color: grey;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container .remove .path1,
.cl-node-dialog.integration .modal-body form .node-image-group .image-container .remove .path2 {
  position: absolute;
  top: 0px;
  left: 0px;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container .remove .path1 {
  color: white;
}
.cl-node-dialog.integration .modal-body form .node-image-group .image-container .remove .path2 {
  display: none;
  color: white;
  margin: 0px;
}
.cl-node-dialog.integration .modal-body form .node-image-group a.upload-link {
  margin: 0px 10px;
  vertical-align: bottom;
  cursor: pointer;
}
.cl-node-dialog.integration .modal-body form .form-control {
  box-shadow: #cccccc 0px 0px 5px inset;
  background: transparent;
}
.cl-node-dialog.integration .modal-body form textarea {
  width: 100%;
  min-height: 160px;
  resize: none;
}
.tooltip.top-left.in.integration-readonly-tooltip .tooltip-inner {
  background-image: linear-gradient(to bottom, #f8f8f8, #eeeeee);
  color: black;
  text-align: left;
  padding: 15px 10px 15px 15px;
  width: 270px;
  max-width: none;
  border: 1px solid #aaaaaa;
  font-size: 14px;
  box-shadow: 0px 0px 8px 5px rgba(0, 0, 0, 0.3);
}
.tooltip.top-left.in.integration-readonly-tooltip .tooltip-arrow {
  display: none;
}
.node-mockup .modal-dialog {
  width: 360px;
}
.modal.node-mockup {
  font-family: Lato;
  border-radius: 5px;
  border: 0px;
}
.modal.node-mockup .modal-content {
  border-radius: 5px;
}
.modal.node-mockup .modal-header {
  background-color: #00B0C0 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal.node-mockup .modal-header .icon {
  padding-bottom: 9px;
  padding-right: 40px;
  color: white;
  font-size: 1.5em;
  height: 22px;
  width: 22px;
  vertical-align: middle;
}
.modal.node-mockup .modal-header .modal-title {
  font-size: 20px;
  font-weight: normal;
}
.modal.node-mockup .modal-header .modal-title.no-margin {
  margin-left: 0 !important;
}
.modal.node-mockup .modal-header .modal-title.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal.node-mockup .modal-header .close-button {
  font-size: 2.5em;
  float: right;
  position: relative;
  top: -8px;
  right: 1px;
  color: white;
  cursor: pointer;
}
.modal.node-mockup .modal-subheader {
  background: #DDE8ED;
  padding: 6px 10px;
}
.modal.node-mockup .modal-scroll-area {
  height: 350px;
  overflow-y: auto;
}
.modal.node-mockup .modal-scroll-area::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
  overflow-y: scroll;
}
.modal.node-mockup .modal-scroll-area::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.modal.node-mockup .modal-scroll-area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #aaa;
}
.modal.node-mockup .btn-default {
  font: 15px Lato;
  color: #FFF;
  background: #95A5AF;
  height: 32px;
  outline: 0px none !important;
}
.modal.node-mockup .btn-default.active {
  background-color: #109CAF;
  color: #fff;
}
.modal.node-mockup .btn-default:active {
  outline: none;
}
.modal.node-mockup .btn-default:hover {
  background-color: #109CAF;
  color: #fff;
}
.modal.node-mockup .cl-node-dialog {
  height: 100%;
}
.modal.node-mockup .modal-scroll-area {
  /* Firefox */
  height: -moz-calc(100% - 47px);
  /* WebKit */
  height: -webkit-calc(100% - 47px);
  /* Opera */
  height: -o-calc(100% - 47px);
  /* Standard */
  height: calc(100% - 47px);
  overflow-y: hidden;
}
.modal.node-mockup .modal-content:hover .mockup-title {
  display: block !important;
}
.modal.node-mockup .modal-content:hover .mockup-title {
  display: block !important;
}
.modal.node-mockup .modal-content:hover .eye {
  display: block !important;
}
.modal.node-mockup .modal-subheader {
  text-align: right;
}
.modal.node-mockup .modal-subheader .stretch_buttons label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  line-height: inherit;
}
.modal.node-mockup .modal-subheader .general-btn {
  margin-top: 0px !important;
  margin-right: 0px !important;
}
.modal.node-mockup .modal-subheader .general-btn:first-child {
  margin-left: 20px;
}
.modal.node-mockup .modal-body {
  /* Firefox */
  height: -moz-calc(100% - 50px);
  /* WebKit */
  height: -webkit-calc(100% - 50px);
  /* Opera */
  height: -o-calc(100% - 50px);
  /* Standard */
  height: calc(100% - 50px);
  overflow-y: auto;
  background-color: #f2f2f2;
}
.modal.node-mockup .modal-body .mockup-item {
  height: 210px;
  padding: 5px;
  background-color: white;
  position: relative;
  margin-bottom: 30px;
  box-shadow: 0px 14px 14px -9px rgba(0, 0, 0, 0.5);
}
.modal.node-mockup .modal-body .mockup-item .mockup-delete-button {
  position: absolute;
  height: 18px;
  width: 18px;
  top: -8px;
  right: -8px;
  cursor: pointer;
  border: 1px solid white;
  color: white;
  z-index: 2;
  text-align: center;
  line-height: 14px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 50% 50%, #dadada, #7c7c7c);
}
.modal.node-mockup .modal-body .mockup-item .img-container {
  width: 100%;
  height: 200px;
  text-align: center;
  background-color: white;
  overflow: hidden;
  white-space: nowrap;
}
.modal.node-mockup .modal-body .mockup-item .img-container img {
  cursor: pointer;
  vertical-align: middle;
  max-width: 100%;
}
.modal.node-mockup .modal-body .mockup-item .img-container .vertical-align {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.modal.node-mockup .modal-body .mockup-item .mockup-title {
  font-family: Verdana;
  font-weight: bold;
  font-size: 12px;
  display: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50px;
  background: #333333;
  opacity: 0.6;
  padding: 5px 10px 0px 10px;
}
.modal.node-mockup .modal-body .mockup-item .mockup-title label {
  color: #CCCCCC;
  float: left;
  margin: 0px;
}
.modal.node-mockup .modal-body .mockup-item .mockup-title button.mockup-active {
  float: right;
  margin-right: -10px;
  line-height: 1px;
  height: 20px;
}
.modal.node-mockup .modal-body .mockup-item .mockup-title input {
  color: #666666;
  margin-bottom: 8px;
  border: 7.5px;
  border-radius: 8px;
  width: 286px;
  padding: 0px 10px;
  height: 15px;
  font-size: 12px;
  line-height: 17px;
}
.modal.node-mockup .modal-body .mockup-item .eye {
  position: absolute;
  bottom: 25px;
  right: 0;
  display: none;
}
.modal.node-mockup .modal-body .mockup-item .eye .btn.eye-btn {
  background: url(assets/Mouckup_ViewIconNotselected.svg) no-repeat;
  background-size: Auto Auto;
  height: 20px;
}
.modal.node-mockup .modal-body .mockup-item .eye .btn.eye-btn:hover,
.modal.node-mockup .modal-body .mockup-item .eye .btn.eye-btn.active:hover {
  background-image: url(assets/Mockup_ViewIconHover.svg);
}
.modal.node-mockup .modal-body .mockup-item .eye .btn.eye-btn.active {
  background-image: url(assets/Mouckup_ViewIconSelected.svg);
}
.modal.node-mockup .modal-body.FIT_IMAGE .img-container img {
  max-height: 100%;
  max-width: 100%;
  margin: 0 auto;
}
.node-reports .modal-dialog {
  width: 400px;
}
.modal.node-reports {
  font-family: Lato;
  border-radius: 5px;
  border: 0px;
}
.modal.node-reports .modal-content {
  border-radius: 5px;
}
.modal.node-reports .modal-header {
  background-color: #00B0C0 !important;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.modal.node-reports .modal-header .icon {
  padding-bottom: 9px;
  padding-right: 40px;
  color: white;
  font-size: 1.5em;
  height: 22px;
  width: 22px;
  vertical-align: middle;
}
.modal.node-reports .modal-header .modal-title {
  font-size: 20px;
  font-weight: normal;
}
.modal.node-reports .modal-header .modal-title.no-margin {
  margin-left: 0 !important;
}
.modal.node-reports .modal-header .modal-title.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
}
.modal.node-reports .modal-header .close-button {
  font-size: 2.5em;
  float: right;
  position: relative;
  top: -8px;
  right: 1px;
  color: white;
  cursor: pointer;
}
.modal.node-reports .modal-subheader {
  background: #DDE8ED;
  padding: 6px 10px;
}
.modal.node-reports .modal-scroll-area {
  height: 350px;
  overflow-y: auto;
}
.modal.node-reports .modal-scroll-area::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
  overflow-y: scroll;
}
.modal.node-reports .modal-scroll-area::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #F5F5F5;
}
.modal.node-reports .modal-scroll-area::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #aaa;
}
.modal.node-reports .btn-default {
  font: 15px Lato;
  color: #FFF;
  background: #95A5AF;
  height: 32px;
  outline: 0px none !important;
}
.modal.node-reports .btn-default.active {
  background-color: #109CAF;
  color: #fff;
}
.modal.node-reports .btn-default:active {
  outline: none;
}
.modal.node-reports .btn-default:hover {
  background-color: #109CAF;
  color: #fff;
}
.modal.node-reports .cl-node-dialog {
  height: 100%;
}
.modal.node-reports .modal-subheader {
  text-align: right;
}
.modal.node-reports .modal-subheader .cl-loading-spinner {
  text-align: left;
}
.modal.node-reports .modal-subheader .generated {
  float: left;
  font-size: 10px;
  line-height: 35px;
}
.modal.node-reports .modal-subheader button {
  margin-top: -3px !important;
}
.modal.node-reports .modal-subheader button:first-child {
  margin: 0px;
}
.modal.node-reports .modal-subheader .marketing-console {
  text-decoration: underline;
  font-size: 14px;
  float: left;
  display: inline-block;
  margin-top: 5px;
}
.modal.node-reports .modal-body {
  /* Firefox */
  height: -moz-calc(100% - 95px);
  /* WebKit */
  height: -webkit-calc(100% - 95px);
  /* Opera */
  height: -o-calc(100% - 95px);
  /* Standard */
  height: calc(100% - 95px);
  overflow-y: auto;
  background-color: #f2f2f2;
}
.modal.node-reports .modal-body .report-item {
  height: 300px;
  padding: 10px 10px 10px 10px;
  background-color: white;
  position: relative;
  margin-bottom: 30px;
  border: 1px solid lightgrey;
  border-radius: 8px;
  box-shadow: 0px 14px 14px -9px rgba(0, 0, 0, 0.5);
}
.modal.node-reports .modal-body .report-item .report-delete-button {
  position: absolute;
  height: 18px;
  width: 18px;
  top: -8px;
  right: -8px;
  cursor: pointer;
  border: 1px solid white;
  color: white;
  z-index: 2;
  text-align: center;
  line-height: 14px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 50% 50%, #dadada, #7c7c7c);
}
.modal.node-reports .modal-body .report-item .img-container {
  width: 100%;
  background-color: white;
  overflow: hidden;
}
.modal.node-reports .modal-body .report-item .img-container img {
  max-width: 100%;
}
.modal.node-reports .modal-body .report-item .img-container .report-time {
  font-size: 12px;
  color: #7c7c7c;
}
.modal.node-reports .modal-body .img-container img {
  height: 100%;
  width: auto;
  margin: 0 auto;
}
.modal-repipentsDialog .modal-content {
  height: auto !important;
}
.recipient-dialog .recipient-dialog-backdrop {
  background-color: #000000;
}
.recipient-dialog .modal-title {
  margin-left: 10px;
}
.recipient-dialog .modal-dialog {
  width: 950px;
  height: 700px;
}
.recipient-dialog .modal-body {
  padding: 0px !important;
  font-size: 12px;
  padding: 0;
  height: 505px;
  position: relative;
}
.recipient-dialog .modal-body .refresh {
  padding: 20px 20px 0px 0px;
}
.recipient-dialog .modal-body .recipients-navigation {
  clear: both;
}
.recipient-dialog .modal-body .recipients-navigation ul {
  padding: 0;
  margin: 0;
  position: relative;
}
.recipient-dialog .modal-body .recipients-navigation ul li {
  float: left;
  width: 170px;
  height: 60px;
  background: #e6e6e6;
  padding: 0;
  list-style-type: none;
  line-height: 60px;
  text-align: center;
  font-weight: bold;
  border-left: 1px solid #a5a5a5;
  border-bottom: 1px solid #a5a5a5;
  position: relative;
}
.recipient-dialog .modal-body .recipients-navigation ul li:after,
.recipient-dialog .modal-body .recipients-navigation ul li:before {
  position: absolute;
  content: '';
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  z-index: 1;
}
.recipient-dialog .modal-body .recipients-navigation ul li:after {
  border-left: 10px solid #e6e6e6;
  top: 20px;
  left: 100%;
}
.recipient-dialog .modal-body .recipients-navigation ul li:before {
  border-left: 10px solid #a5a5a5;
  top: 20px;
  left: calc(100% + 1px);
}
.recipient-dialog .modal-body .recipients-navigation ul li a {
  text-decoration: none;
  color: #333;
  margin: 0px;
  display: block;
  width: 100%;
  height: 100%;
}
.recipient-dialog .modal-body .recipients-navigation ul li.selected {
  background: #00d1e2;
  background: -moz-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1e2', endColorstr='#00c3d8', GradientType=0);
}
.recipient-dialog .modal-body .recipients-navigation ul li.selected a {
  color: white;
}
.recipient-dialog .modal-body .recipients-navigation ul li.selected:after {
  border-left: 10px solid #00c3d8;
}
.recipient-dialog .modal-body .recipients-navigation ul li:last-child {
  width: calc(100% - 510px);
  text-align: left;
  padding-left: 40px;
}
.recipient-dialog .modal-body .recipients-navigation ul li:last-child:after,
.recipient-dialog .modal-body .recipients-navigation ul li:last-child:before {
  content: none;
}
.recipient-dialog .modal-body .tab {
  padding: 30px 30px 0 30px;
  clear: both;
}
.recipient-dialog .modal-body .select-range {
  position: relative;
  top: 90px;
  display: flex;
  align-items: center;
}
.recipient-dialog .modal-body .select-range .limit {
  display: inline-block;
  margin-left: 20px;
}
.recipient-dialog .modal-body .select-range .range-error {
  display: block;
  color: red;
  margin-left: 10px;
}
.recipient-dialog .modal-body .select-recipients .total-selected-label {
  float: right;
}
.recipient-dialog .modal-body .all-buttons {
  padding: 170px 20px 0 20px;
}
.recipient-dialog .modal-body .all-buttons button {
  height: 30px;
  line-height: 28px;
  margin-bottom: 10px;
}
.recipient-dialog .modal-body .info {
  padding-top: 40px;
  padding-left: 5px;
  font-size: 11px;
  width: 330px;
  color: #808080;
}
.recipient-dialog .modal-body .info img {
  float: left;
  margin-right: 10px;
}
.recipient-dialog .modal-body .ador-list {
  width: 238px;
  height: 340px;
}
.recipient-dialog .modal-body .ador-list:nth-child(1) {
  padding-left: 30px;
}
.recipient-dialog .modal-body .ador-list h4 {
  font-size: 12px;
}
.recipient-dialog .modal-body .ador-list .list-container {
  border: 1px solid #808080;
  overflow: auto;
  width: 240px;
  height: 340px;
}
.recipient-dialog .modal-body .ador-list .list-container ul[dnd-list] {
  position: relative;
  min-height: 100%;
  padding-left: 0px;
  margin-bottom: 0;
}
.recipient-dialog .modal-body .ador-list .list-container ul[dnd-list] > li {
  position: relative;
}
.recipient-dialog .modal-body .ador-list .list-container ul[dnd-list] li {
  display: block;
  margin-bottom: -1px;
  font-size: 11px;
  line-height: 20px;
}
.recipient-dialog .modal-body .ador-list .list-container ul[dnd-list] li img {
  margin: 0 10px;
}
.recipient-dialog .modal-body .ador-list .list-container ul[dnd-list] li:hover {
  background: #41858e;
  color: white;
}
.recipient-dialog .modal-body .ador-list .list-container ul[dnd-list] .dndDraggingSource {
  display: none;
}
.recipient-dialog .modal-body .ador-list .list-container ul[dnd-list] .dndPlaceholder {
  display: block;
  background-color: #ddd;
  min-height: 20px;
}
.recipient-dialog .modal-footer .footer-buttons label.save {
  margin: 0px 30px 0 0;
}
.cl-recipients-drop-down {
  display: inline-block;
  width: auto;
  height: 100%;
}
.cl-recipients-drop-down .open-sample-recipients {
  height: 30px;
}
.cl-recipients-drop-down .recipient-icon {
  font-size: 15px;
  color: #86a0ad;
  position: relative;
  top: 2px;
}
.cl-recipients-drop-down .recipients-icon {
  font-size: 17px;
}
.cl-recipients-drop-down .recipient-name {
  display: inline-block;
  vertical-align: text-top;
  text-align: left;
  padding-left: 10px;
  padding-right: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.cl-recipients-drop-down .recipient-details-btn {
  text-align: left;
  padding-left: 27px;
  position: absolute;
  top: 7px;
}
.cl-recipients-drop-down .dropdown-menu {
  font-size: 12px;
  max-height: 336px;
  overflow-y: auto;
  overflow-x: auto;
  width: 100%;
  white-space: nowrap;
  margin-top: 7px;
}
.cl-recipients-drop-down .dropdown-menu ul {
  list-style-type: none;
  padding: 0;
}
.cl-recipients-drop-down .dropdown-menu li {
  display: flex;
}
.cl-recipients-drop-down .dropdown-menu li .toolbar-icon-recipients {
  font-size: 16px;
}
.cl-recipients-drop-down .dropdown-menu li img {
  margin-left: 10px;
  height: 15px;
}
.cl-recipients-drop-down .dropdown-menu li span {
  padding: 0 0 0 5px;
  display: inline-block;
  text-align: left;
  line-height: 25px;
}
.cl-recipients-drop-down .dropdown-menu li span:hover {
  background: inherit;
}
.cl-recipients-drop-down .dropdown-menu li span.recipient-details-btn {
  padding-left: 27px;
}
.cl-recipients-drop-down .dropdown-menu li span.recipients-icon {
  z-index: 1;
}
.cl-recipients-drop-down .dropdown-menu li:hover {
  background: #00b0c0;
  cursor: pointer;
}
.cl-recipients-drop-down .dropdown-menu li:hover a {
  color: #808080;
}
.overlay {
  z-index: 1000;
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-body {
  background-color: white;
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cursor-pointer {
  cursor: pointer;
}
.underline-hover:hover {
  text-decoration: underline;
}
.gradient-black {
  background: #3d3c3d;
  background: -moz-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3c3d), color-stop(50%, #3d3c3d), color-stop(51%, #221f20), color-stop(100%, #221f20));
  background: -webkit-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -o-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -ms-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: linear-gradient(to bottom, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3c3d', endColorstr='#221f20', GradientType=0);
}
.gradient-black-reverse {
  background: #131313;
  /* Old browsers */
  background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0);
  /* IE6-9 */
}
.gradient-blue {
  background: #00d1e2;
  background: -moz-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1e2', endColorstr='#00c3d8', GradientType=0);
}
.gradient-blue-reverse {
  background: #00d1e2;
  background: -moz-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d8', endColorstr='#00d1e2', GradientType=0);
}
.gradient-light-blue {
  background: #74d7e2;
  background: -moz-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74d7e2), color-stop(100%, #00c2d3), color-stop(100%, #15c2d7));
  background: -webkit-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -o-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -ms-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: linear-gradient(to bottom, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
}
.gradient-gray {
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f9f9f9', GradientType=0);
}
.gradient-button {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #e3e2e3), color-stop(100%, #e3e2e3));
  background: -webkit-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -o-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -ms-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
}
.gradient-button-pressed {
  background: #e3e2e3;
  background: -moz-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e3e2e3), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -o-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: linear-gradient(to bottom, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
}
.gradient-hover {
  background: #cacaca;
  background: -moz-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca), color-stop(100%, #909090));
  background: -webkit-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -o-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -ms-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: linear-gradient(to bottom, #cacaca 0%, #909090 100%);
}
@font-face {
  font-family: 'icomoon';
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot);
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot#iefix) format('embedded-opentype'), url(assets/icomoon.9f53d5b704316c69b8a98b39f7d47a6d.ttf) format('truetype'), url(assets/icomoon.f3db8cfd272646400fea0acf9a26e35e.woff) format('woff'), url(assets/icomoon.84ca7972582db077fd99ea75c4d059e3.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Assets:before {
  content: "\e600";
}
.icon-List:before {
  content: "\e601";
}
.icon-Font:before {
  content: "\e603";
}
.icon-Document_main:before {
  content: "\e604";
}
.icon-Production1:before {
  content: "\e605";
}
.icon-Document:before {
  content: "\e606";
}
.icon-TouchPoint:before {
  content: "\e607";
}
.icon-Warning:before {
  content: "\e608";
}
.icon-CPKG_LAST1-01:before {
  content: "\e602";
}
.icon-CPKG_LAST:before {
  content: "\e60f";
}
.icon-Calendar:before {
  content: "\e609";
}
.icon-Key_small:before {
  content: "\e60a";
}
.icon-HTML:before {
  content: "\e60b";
}
.icon-Text:before {
  content: "\e60c";
}
.icon-ID:before {
  content: "\e60d";
}
.icon-X:before {
  content: "\e60e";
}
.icon-Filter_top:before {
  content: "\e610";
}
.icon-Filter:before {
  content: "\e611";
}
.icon-upload_icon:before {
  content: "\e612";
}
.icon-download_icon:before {
  content: "\e613";
}
.icon-Info:before {
  content: "\e614";
}
.icon-World:before {
  content: "\e615";
}
.icon-Error .path1:before {
  content: "\e616";
}
.icon-Error .path2:before {
  content: "\e617";
}
.icon-Close:before {
  content: "\e616";
}
.icon-OK:before {
  content: "\e618";
}
.icon-Flag:before {
  content: "\e619";
}
.icon-Low:before {
  content: "\e61a";
}
.icon-Immediate:before {
  content: "\e61b";
}
.icon-Plus:before {
  content: "\e61c";
}
.icon-Plus_Hover:before {
  content: "\e61d";
}
.icon-Menu:before {
  content: "\e628";
}
.icon-PSD:before {
  content: "\e629";
}
.icon-Profile:before {
  content: "\e62a";
}
.icon-Reports:before {
  content: "\e900";
}
.icon-Information:before {
  content: "\e901";
}
.icon-Conversation:before {
  content: "\e902";
}
.icon-Mockup:before {
  content: "\e903";
}
.icon-Integration:before {
  content: "\e904";
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(assets/SourceSansPro-Regular.73ae3a587f63679d851d802af58c615c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.header-text {
  font-family: Lato;
  font-size: 20px;
  color: white;
}
.menu-text {
  font-family: Lato;
  font-size: 14px;
  color: #808080;
}
.entity-heading-text {
  font-family: Lato;
  font-size: 18px;
  color: #475e70;
}
.section-heading-text {
  font-family: LatoLight;
  font-size: 20px;
  color: #00b0c0;
}
.field-label-text {
  font-family: Lato;
  font-size: 16px;
  color: #86a0ad;
}
.field-value-text {
  font-family: Lato;
  font-size: 15px;
  color: #666666;
}
.index-text {
  font-family: Lato;
  font-size: 20px;
  color: #666666;
}
.field-sub-text {
  font-family: Lato;
  font-size: 13px;
  color: #b3b3b3;
}
.link-text {
  font-family: Lato;
  font-size: 14px;
  color: #047fbc;
}
.underline:hover {
  text-decoration: underline;
}
.more-info-text {
  font-family: Lato;
  font-size: 12px;
  color: #b3b3b3;
}
.library-option-text {
  font-family: LatoLight;
  font-size: 18px;
  color: #86a0ad;
}
.ghost-text {
  font-family: Lato;
  font-size: 13px;
  color: #cccccc;
}
.small-link-text {
  font-family: Lato;
  font-size: 12px;
  color: #047fbc;
}
.medium-link-text {
  font-family: Lato;
  font-size: 16px;
  color: #047fbc;
}
.large-link-text {
  font-family: Lato;
  font-size: 20px;
  color: #047fbc;
}
.error-txt {
  color: #ff1d25;
  font-family: Lato;
  font-size: 13px;
}
.tab-txt {
  color: #555555;
  font-family: Lato;
  font-size: 16px;
}
.tab-txt-selected {
  color: #212121;
  font-family: Lato;
  font-size: 16px;
}
.search-txt {
  color: #555555;
  font-family: Lato;
  font-size: 15px;
}
@font-face {
  font-family: 'Linear Icons';
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot);
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot?#iefix) format('embedded-opentype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.06cc974db4f70c33b871626932f89083.woff) format('woff'), url(assets/Linearicons_Bld_0_0_0_0_0_0.190d1ccb77295bee72e9162f2d9d23aa.ttf) format('truetype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.9f0b9fa88e1207de37211bb803313b65.svg#glyphicons_halflingsregular) format('svg');
}
@font-face {
  font-family: 'Custom Linear Icons';
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot);
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot?#iefix) format('embedded-opentype'), url(assets/icomoon_Bld_0_0_0_0_0_0.c26dbe6e6588d24b96a4097f30da6e10.woff) format('woff'), url(assets/icomoon_Bld_0_0_0_0_0_0.bff0fec96f83faa602bd19f619acd3aa.ttf) format('truetype'), url(assets/icomoon_Bld_0_0_0_0_0_0.40c237abb27f495e5659f532d1c814fc.svg#icomoon) format('svg');
}
.linearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.customLinearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Custom Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.lineariconDisableHover:hover,
.customLineariconDisableHover:hover {
  color: #86a0ad !important;
}
.linearicon:hover,
.customLinearicon:hover {
  color: #18b6c6;
}
.lineariconDisabled,
.lineariconDisabled:hover,
.customLineariconDisabled,
.customLineariconDisabled:hover {
  color: #cad4da;
}
.mediumLinearIcon {
  font-size: 1.5em;
  height: 22px;
  width: 22px;
}
.font-size-small {
  font-size: 2em;
}
.font-size-medium {
  font-size: 2.5em;
}
.font-size-large {
  font-size: 3em;
}
.lineariconEmailEditor:before {
  content: '\e743';
}
.lineariconSchedule:before {
  content: '\e72b';
}
.lineariconUpload:before {
  content: '\e612';
}
.lineariconDownload:before {
  content: '\e613';
}
.lineariconDSInfo:before {
  content: '\e634';
}
.lineariconEdit:before {
  content: '\e606';
}
.lineariconAdd:before {
  content: '\e772';
}
.lineariconConnection:before {
  content: '\e749';
}
.lineariconWarning:before {
  content: '\e76d';
}
.lineariconLink:before {
  content: '\e749';
}
.lineariconError:before {
  content: '\e76e';
}
.lineariconDownCPKG:before {
  content: '\e602';
}
.lineariconUploadCPKG:before {
  content: '\e60f';
}
.lineariconFonts:before {
  content: '\e603';
}
.lineariconList:before {
  content: '\e601';
}
.lineariconTP:before {
  content: '\e607';
}
.lineariconPrintTP:before {
  content: '\e605';
}
.lineariconDocuments:before {
  content: '\e606';
}
.lineariconDS:before {
  content: '\e62b';
}
.lineariconFunnel:before {
  content: '\e789';
}
.lineariconLamp:before {
  content: '\e6a3';
}
.lineariconAssets:before {
  content: '\e600';
}
.lineariconDocInfo:before {
  content: '\e604';
}
.lineariconCalendar:before {
  content: '\e692';
}
.lineariconKey:before {
  content: '\e60a';
}
.lineariconLibrary:before {
  content: '\e675';
}
.lineariconHTML:before {
  content: '\e60b';
}
.lineariconTXT:before {
  content: '\e60c';
}
.lineariconINDD:before {
  content: '\e60d';
}
.lineariconXLIM:before {
  content: '\e60e';
}
.lineariconPSD:before {
  content: '\e629';
}
.lineariconUrl:before {
  content: '\e615';
}
.lineariconBrowse:before {
  content: '\e6f8';
}
.lineariconFilter:before {
  content: '\e610';
}
.lineariconLightningBolt:before {
  content: '\e6a2';
}
.lineariconInfo:before {
  content: '\e614';
}
.lineariconDelete:before {
  content: '\e63a';
}
.lineariconSearch:before {
  content: '\e759';
}
.lineariconFilteredList:before {
  content: '\e611';
}
.lineariconFilteredListTab:before {
  content: '\e62a';
}
.lineariconDatabase:before {
  content: "\e62b";
}
.lineariconDots:before {
  content: "\e628";
}
.lineariconCheckmark:before {
  content: "\e75d";
}
.lineariconCrown:before {
  content: "\e900";
}
.lineariconSun:before {
  content: "\e903";
}
.lineariconRemote:before {
  content: "\e902";
}
.lineariconLocal:before {
  content: "\e901";
}
.lineariconCircleMinus:before {
  content: "\e773";
}
.lineariconCirclePlus:before {
  content: "\e772";
}
.lineariconMapMarker:before {
  content: "\e68b";
}
@font-face {
  font-family: 'fontello';
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot);
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot#iefix) format('embedded-opentype'), url(assets/fontello.beb5bcf2166a1dba8809e8b65dfa4ae4.woff2) format('woff2'), url(assets/fontello.a82e4cfc8a2eabddedf922b4fba66b00.woff) format('woff'), url(assets/fontello.cdba624c073594e614d2a2e452aa6ec1.ttf) format('truetype'), url(assets/fontello.e61f63a72530808ab9c934604672eb3f.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?36412901#fontello') format('svg');
  }
}
*/
[class^="fontello-"]:before,
[class*=" fontello-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fontello-ico_export:before {
  content: '\e800';
}
/* '' */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'toolbar';
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot);
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot#iefix) format('embedded-opentype'), url(assets/toolbar.82ad3dd7c4bc867eed5ed84df490cd9b.ttf) format('truetype'), url(assets/toolbar.1a240725093bf9ee0d283ce87caaf4d1.woff) format('woff'), url(assets/toolbar.b759b767dea91def576cd52504aa7a83.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="toolbar-icon-"],
[class*="toolbar-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'toolbar' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toolbar-icon-connect:before {
  content: "\e907";
}
.toolbar-icon-run-center:before {
  content: "\e900";
}
.toolbar-icon-recipients:before {
  content: "\e901";
}
.toolbar-icon-selection:before {
  content: "\e902";
}
.toolbar-icon-save:before {
  content: "\e903";
}
.toolbar-icon-sample-recipients:before {
  content: "\e904";
}
.toolbar-icon-mockup:before {
  content: "\e905";
}
.toolbar-icon-library:before {
  content: "\e906";
}
.cl-filemenu-saveas button:first-child {
  margin-left: 10px;
}
.cl-filemenu-saveas .upper-line {
  border-top: 1px solid #C5C5C5;
  padding-top: 10px;
}
.cl-filemenu-saveas .field-margin {
  margin-left: 20px;
}
.cl-filemenu .cl-filemenu-container .cl-filemenu-content .cl-share-item {
  border-bottom: 1px solid #aaa;
  padding: 17px 0;
  vertical-align: top;
  clear: both;
}
.cl-filemenu .cl-filemenu-container .cl-filemenu-content .cl-share-item:last-child {
  border-bottom: none;
}
.cl-filemenu .cl-filemenu-container .cl-filemenu-content .cl-share-item .cl-share-button {
  float: left;
  margin-right: 25px;
  display: inline-block;
  cursor: pointer;
}
.cl-filemenu .cl-filemenu-container .cl-filemenu-content .cl-share-item .cl-share-text {
  font-size: 13px;
  float: left;
}
.cl-filemenu .cl-filemenu-container .cl-filemenu-content .cl-share-item .cl-share-text h5 {
  margin: 0px 0px 15px 0px;
  font-size: 14px;
  font-weight: bold;
}
.cl-filemenu .cl-filemenu-container .cl-filemenu-content .cl-share-item .cl-share-text ul {
  padding-left: 10px;
}
.grid-row-background {
  background: -webkit-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -o-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -ms-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -moz-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: linear-gradient(to bottom, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
}
.cl-filemenu-open {
  position: absolute;
  top: 60px;
  left: 30px;
  right: 30px;
  bottom: 30px;
  max-width: 1000px;
}
.cl-filemenu-open .nav-tabs {
  position: relative;
  z-index: 1;
  white-space: nowrap;
  margin-left: 7px;
  top: 8px;
  border-bottom: none;
}
.cl-filemenu-open .nav-tabs > li a {
  position: relative;
  display: inline-block;
  padding: 10px 15px 10px;
  color: inherit;
  text-decoration: none;
  margin: 0 -7px;
  background-color: transparent !important;
  border: none !important;
}
.cl-filemenu-open .nav-tabs > li a:hover {
  background-color: transparent;
  border: none;
}
.cl-filemenu-open .nav-tabs > li a::before {
  border: 0.1em solid #aaa;
  content: '';
  /* To generate the box */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0.5em;
  left: 0;
  z-index: -1;
  border-bottom: none;
  border-radius: 10px 10px 0 0;
  box-shadow: 0 2px hsla(0, 0%, 100%, 0.5) inset;
  transform: perspective(5px) rotateX(2deg);
  transform-origin: bottom;
  background: #cccccc;
  /* Old browsers */
  background: -moz-linear-gradient(top, #cccccc 0%, #aaaaaa 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #cccccc 0%, #aaaaaa 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #cccccc 0%, #aaaaaa 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@filemenu-open-tab-startColorstr', endColorstr='@filemenu-open-tab-endColorstr', GradientType=0);
}
.cl-filemenu-open .nav-tabs > li.active {
  z-index: 5;
}
.cl-filemenu-open .nav-tabs > li.active a::before {
  background: #eff0f0;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eff0f0 40%, #eff0f0 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eff0f0 40%, #eff0f0 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #eff0f0 40%, #eff0f0 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eff0f0', GradientType=0);
}
.cl-filemenu-open .nav-tabs > li:first-child a {
  padding: 10px 26px 10px 15px;
}
.cl-filemenu-open .nav-tabs > li:first-child a::before {
  transform-origin: bottom left;
}
.cl-filemenu-open .tab-pane {
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-top: 1px solid #aaa;
  padding: 20px;
  position: absolute;
  top: 39px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #eff0f0;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}
.cl-filemenu-open .tab-pane .ui-grid-header-cell {
  background-color: #DDDDDD;
  color: #616978;
}
.cl-filemenu-open .tab-pane .ui-grid-header-cell:hover {
  background: -webkit-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%);
  background: -o-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%);
  background: -ms-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%);
  background: -moz-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%);
  background: linear-gradient(to bottom, #cacaca 0%, #9b9b9b 64%, #818181 100%);
  color: white;
}
.cl-filemenu-open .tab-pane .ui-grid-viewport {
  color: #666;
}
.cl-filemenu-open .tab-pane .ui-grid-row:hover .ui-grid-cell {
  background: -webkit-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -o-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -ms-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -moz-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: linear-gradient(to bottom, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  color: white;
}
.cl-filemenu-open .tab-pane .ui-grid-row:hover .ui-grid-cell a {
  color: white;
}
.cl-filemenu-open .tab-pane .ui-grid-row .ui-grid-cell {
  border-bottom: 1px solid #aaa;
}
.cl-filemenu-open .tab-pane .ui-grid-row .ui-grid-cell a {
  font-weight: bold;
  text-decoration: underline;
}
.cl-filemenu-open .tab-pane .ui-grid-row:nth-child(even) .ui-grid-cell {
  background: white;
}
.cl-filemenu-open .show-type {
  padding-right: 11px;
}
.cl-filemenu-open .tab-spacer {
  height: 27px;
}
.cl-filemenu-open .new-project-btn {
  font-size: 14px;
}
.cl-filemenu-open label.control-label {
  text-align: right;
  font-size: inherit;
  display: inherit;
  line-height: 32px;
}
.cl-filemenu-open .form-group {
  margin-bottom: 0px;
}
.cl-filemenu-open .grid-controls {
  position: absolute;
  width: 100%;
  z-index: 2;
}
.cl-filemenu-open .grid-container {
  z-index: 1;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  padding: 70px 20px 20px 20px;
}
.cl-filemenu-open .drill-out {
  display: inline-block;
  margin-right: 10px;
}
.cl-filemenu-open .create-instance {
  margin-right: 11px;
}
.cl-filemenu-open .drilled-project-name {
  font-weight: bold;
}
.cl-filemenu-open .myGrid {
  min-width: 500px;
  height: 100%;
}
.cl-filemenu-open .myGrid .project-name {
  position: relative;
}
.cl-filemenu-open .myGrid .project-name:hover .project-name-link {
  width: 100%;
  display: inline-block;
  overflow: hidden;
}
.cl-filemenu-open .myGrid .project-name:hover .actions {
  display: block;
  background: -webkit-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -o-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -ms-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: -moz-linear-gradient(top, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
  background: linear-gradient(to bottom, #cacaca 0%, #9b9b9b 64%, #818181 100%) !important;
}
.cl-filemenu-open .myGrid .project-name a {
  width: 100%;
  cursor: pointer;
  color: #0F688F;
}
.cl-filemenu-open .myGrid .project-name .actions {
  display: none;
  position: absolute;
  right: 5px;
  top: 0px;
  height: 100%;
  text-align: right;
  line-height: 36px;
}
.cl-filemenu-open .myGrid .project-name .actions span {
  display: inline-block;
}
.cl-filemenu-open .myGrid .project-name .actions .glyphicon {
  cursor: pointer;
  margin: 0px 0px;
  border: 1px solid transparent;
  border-radius: 2px;
  float: left;
  width: 18px;
  height: 18px;
  position: relative;
  top: 4px;
  font-size: 11px;
  padding-top: 3px;
  padding-right: 3px;
}
.cl-filemenu-open .myGrid .project-name .actions .glyphicon:hover {
  border: 1px solid #BEBEBE;
  background-color: #989898;
}
.cl-filemenu-open .myGrid.myProjects .project-name-plain {
  display: none;
}
.cl-filemenu-open .myGrid.myProjects .actions .unarchive {
  display: none;
}
.cl-filemenu-open .myGrid.archive .project-name-link {
  display: none;
}
.cl-filemenu-open .myGrid.archive .actions .archive {
  display: none;
}
.cl-filemenu-open .myGrid.samples .project-name-plain {
  display: none;
}
.cl-filemenu-open .myGrid.samples .actions {
  display: none !important;
}
.cl-filemenu-open .cl-grid {
  padding-top: 20px;
}
.cl-filemenu-open .cl-grid table {
  width: 100%;
}
.cl-filemenu-open .cl-grid table td {
  padding: 0 10px;
}
.cl-filemenu-open .cl-grid .header td {
  background: #DDDDDD;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}
.cl-filemenu-open .cl-grid .header td div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 35px;
}
.cl-filemenu-open .cl-grid .header td {
  border-left: 1px solid #999999;
}
.cl-filemenu-open .cl-grid .body {
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 103px;
  left: 20px;
  right: 19px;
  bottom: 20px;
  border-right: 1px solid #999999;
}
.cl-filemenu-open .cl-grid .body tr td {
  border-bottom: 1px solid #999999;
  border-right: 1px solid #999999;
}
.cl-filemenu-open .cl-grid .body tr td span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 35px;
}
.cl-filemenu-open .cl-grid .body tr td span a {
  display: inline-block;
  float: left;
  width: 80%;
}
.cl-filemenu-open .cl-grid .body tr td span i {
  display: none;
}
.cl-filemenu-open .cl-grid .body tr td:first-child {
  border-left: 1px solid #999999;
}
.cl-filemenu-open .cl-grid .body tr:hover {
  background: #cacaca;
  background: -moz-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca), color-stop(100%, #909090));
  background: -webkit-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -o-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -ms-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: linear-gradient(to bottom, #cacaca 0%, #909090 100%);
  color: #FFFFFF;
}
.cl-filemenu-open .cl-grid .body tr:hover td:first-child:hover i {
  display: inline-block;
  cursor: pointer;
  margin-right: 10px;
}
.modal.create-new-instance-modal .modal-body.main-text {
  padding: 30px 16px 0 16px;
  height: 180px;
}
.modal.create-new-instance-modal .instance-id input {
  height: 30px;
  width: 423px;
}
.modal.create-new-instance-modal .instance-id .form-control-static {
  min-height: 10px;
  line-height: 10px;
}
.modal.create-new-instance-modal .row-container {
  display: flex;
  margin-right: 8px;
  margin-bottom: 8px;
}
.modal.create-new-instance-modal .row-container span {
  width: 150px;
  line-height: 2;
  margin-right: 8px;
  text-align: left;
  font-weight: normal;
}
.modal.create-new-instance-modal .row-container span + div {
  width: 100%;
  position: relative;
}
.modal.create-new-instance-modal .row-container .cl-mini-spinner {
  position: absolute;
  top: 1px;
  right: 1px;
}
.modal.create-new-instance-modal .row-container .text-danger {
  padding: 0;
  font-size: 12px;
}
.modal.create-new-instance-modal .form-control {
  width: 423px;
}
.modal.create-new-instance-modal .form-control .project-name {
  border: none;
  width: 100%;
}
.modal.rename-project-modal .modal-dialog {
  width: 440px;
}
.modal.rename-project-modal .modal-dialog .modal-body {
  padding-top: 5px;
}
.modal.rename-project-modal .modal-dialog .modal-body label {
  font-size: 16px;
}
.modal.rename-project-modal .modal-dialog .modal-title {
  white-space: nowrap;
  overflow: hidden;
  width: 380px;
}
.modal.insufficient-version .modal-dialog {
  width: 470px;
  padding-top: 5px;
}
.modal.insufficient-version .modal-dialog label {
  font-size: 16px;
}
.modal.no-marketing-console .modal-dialog {
  width: 470px;
  padding-top: 5px;
}
.modal.no-marketing-console .modal-dialog label {
  font-size: 16px;
}
.no-marketing-console-backdrop.in {
  opacity: 0;
}
.rename-panel {
  width: 91%;
}
.project-name-ellipsis {
  max-width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: inline-block;
  line-height: 14px;
}
.cl-filemenu-brand .image-container {
  border: 1px solid black;
  text-align: right;
  position: relative;
  padding: 5px;
  height: 90px;
  width: 312px;
}
.cl-filemenu-brand .image-container img {
  max-width: 100%;
  max-height: 100%;
}
.cl-filemenu-brand .save-message {
  display: inline-block;
  padding-left: 10px;
}
.cl-filemenu-invite form {
  font-size: 14px;
}
.cl-filemenu-invite .form-group input {
  height: 34px;
}
.cl-filemenu-invite .checkbox-inline {
  padding-top: 0px;
}
.cl-filemenu-invite .upper-line {
  border-top: 1px solid #C5C5C5;
  padding-top: 10px;
}
.cl-filemenu-invite table {
  border: 1px solid gray;
  background-color: #F2F2F2;
  font-size: 12px;
}
.cl-filemenu-invite table tr td {
  border-top: none;
  white-space: nowrap;
}
.cl-filemenu-invite table input {
  height: 12px !important;
}
.cl-filemenu-invite textarea {
  margin-top: 10px;
}
.cl-filemenu-subscription legend {
  font-size: 15px;
  font-weight: bold;
  margin-left: 15px;
  margin-bottom: 10px;
  margin-top: 20px;
  font-family: Verdana;
  color: #666666;
}
.cl-filemenu-subscription form {
  margin-bottom: 20px;
}
.cl-filemenu-subscription .form-group {
  margin-bottom: 0;
}
.cl-filemenu-subscription .form-group input {
  height: 25px;
}
.cl-filemenu-subscription button {
  width: 150px;
}
.cl-filemenu-subscription table > tbody > tr:first-child > th:first-child {
  width: 40%;
}
.cl-filemenu-subscription .no-padding {
  padding: 0;
}
.cl-filemenu-subscription .no-padding div {
  height: 24px;
  line-height: 34px;
  border: 1px solid #ddd;
}
.cl-filemenu-subscription .gray {
  background-color: #eff0f0;
}
.cl-filemenu-subscription .info {
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(assets/info.png) no-repeat;
  background-size: 100% 100%;
}
.cl-filemenu-subscription .warning {
  width: 20px;
  height: 20px;
  display: inline-block;
  background: url(assets/warning.png) no-repeat;
  background-size: 100% 100%;
}
.cl-filemenu-subscription .fix-end-right {
  margin-right: -1px;
}
.cl-filemenu-subscription .fix-end-bottom {
  margin-bottom: -1px;
}
.cl-filemenu-subscription .credits-value {
  font-size: 30px;
  font-weight: bold;
  margin-right: 10px;
  font-family: Verdana;
  color: #666666;
}
.cl-filemenu-subscription .credits-text {
  font-weight: normal;
  font-size: 18px;
}
.cl-filemenu-subscription .round-top-left {
  border-top-left-radius: 10px;
  display: block;
}
.cl-filemenu-subscription .round-top-right {
  border-top-right-radius: 10px;
  display: block;
}
.cl-filemenu-subscription .round-bottom-left {
  border-bottom-left-radius: 10px;
  display: block;
}
.cl-filemenu-subscription .round-bottom-right {
  border-bottom-left-radius: 10px;
  display: block;
}
.cl-filemenu-subscription .no-border {
  border: none !important;
}
.cl-filemenu-subscription .no-border-right {
  border-right: none !important;
}
.cl-filemenu-subscription .no-border-left {
  border-left: none !important;
}
.cl-filemenu-subscription .no-border-top {
  border-top: none !important;
}
.cl-filemenu-subscription .no-border-bottom {
  border-bottom: none !important;
}
.cl-filemenu-subscription .subscription-info div {
  padding: 0px 0 5px 0;
}
.cl-filemenu-subscription .business-edition {
  border: 1px solid #CCC;
  border-radius: 10px;
  position: absolute;
  right: -20px;
  box-shadow: 6px 6px 15px -5px rgba(128, 124, 124, 0.37);
}
.cl-filemenu-subscription .business-edition .title {
  white-space: nowrap;
  color: #80ab54;
  font-size: 14px;
  font-weight: 300;
  padding: 4px 10px;
  border-bottom: 1px solid #ccc;
}
.cl-filemenu-subscription .business-edition .links {
  padding: 10px;
  background: #f2f3f3;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: inset 0px 4px 15px -5px rgba(89, 87, 89, 0.37);
}
.cl-filemenu-subscription .business-edition .links a {
  display: block;
  text-decoration: underline;
  line-height: 20px;
}
.cl-filemenu-subscription .sample-card {
  border: 1px solid #cccccc;
  border-radius: 10px;
  height: 130px;
  width: 350px;
  overflow: hidden;
  box-shadow: 6px 6px 15px -5px rgba(128, 124, 124, 0.37);
}
.cl-filemenu-subscription .sample-card .left {
  width: 100px;
  height: 130px;
  box-shadow: 4px 0px 11px 0px rgba(128, 124, 124, 0.37);
  z-index: 1;
}
.cl-filemenu-subscription .sample-card .left .view-sample {
  color: #80ab54;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-top: 35px;
}
.cl-filemenu-subscription .sample-card .right-arrow {
  transform: scaleX(2) scaleY(4) rotate(90deg);
  display: inline-block;
  text-shadow: 0px -5px 5px rgba(128, 124, 124, 0.37);
  color: #FFF;
  z-index: 2;
  position: absolute;
  top: 34px;
  left: 117px;
}
.cl-filemenu-subscription .sample-card .right {
  background: #f2f3f3;
  width: 248px;
  height: 128px;
  border-radius: 0 10px 10px 0;
}
.cl-filemenu-subscription .sample-card .right .text {
  padding: 20px 0 0 15px;
  font-size: 12px;
}
.cl-filemenu-subscription .sample-card.free-trial {
  height: 90px;
}
.cl-filemenu-subscription .sample-card.free-trial .left .view-sample {
  padding-top: 19px;
}
.cl-filemenu-notifications input {
  border: 1px solid #666;
  height: 40px;
}
.cl-filemenu-notifications p.note {
  border-bottom: 1px solid black;
  padding-bottom: 10px;
  font-weight: bold;
}
.cl-filemenu-notifications .row {
  margin-right: 0;
  margin-left: 0;
}
.cl-filemenu-notifications form label.col-sm-2 {
  padding-left: 0;
  padding-right: 0;
}
.cl-filemenu-notifications .email-control .tags {
  border: 1px solid gray;
  border-radius: 6px;
  height: inherit;
  padding: 6px;
}
.cl-filemenu-notifications .email-control .tags .tag-item {
  background: #e6e6e6;
  border: 1px solid #aaa;
  border-radius: 6px;
}
.cl-filemenu-notifications .email-control .tags .selected {
  background: #a5a5a5;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.cl-filemenu-notifications .autocomplete .left-panel {
  float: left;
}
.cl-filemenu-notifications .autocomplete .left-panel img {
  width: 28px;
  height: 28px;
  vertical-align: middle;
  border: 1px solid #a5a5a5;
}
.cl-filemenu-notifications .autocomplete .right-panel {
  float: left;
  margin-left: 5px;
}
.cl-filemenu-notifications .autocomplete .right-panel span {
  display: block;
  font-size: 13px;
}
.cl-filemenu-notifications .autocomplete .right-panel span:nth-child(2) {
  color: #808080;
}
.cl-filemenu-notifications .autocomplete .suggestion-list {
  height: auto;
}
.cl-filemenu-notifications .autocomplete .suggestion-list .suggestion-item.selected {
  background: #1393A0;
}
.cl-filemenu-notifications .autocomplete .suggestion-list .suggestion-item.selected span:nth-child(2) {
  color: white;
}
.cl-filemenu-accountinvite {
  margin-top: 20px;
}
.cl-filemenu-accountinvite form {
  font-size: 14px;
}
.cl-filemenu-accountinvite .form-group {
  margin: 15px 0;
}
.cl-filemenu-accountinvite .form-group input {
  height: 34px;
}
.cl-filemenu-accountinvite input,
.cl-filemenu-accountinvite textarea {
  border-radius: 0;
  border: 1px solid #999;
}
.cl-filemenu-accountinvite .control-label,
.cl-filemenu-accountinvite .form-control-static {
  padding: 0 !important;
  min-height: auto;
}
.cl-filemenu-accountinvite hr {
  margin-top: 0;
  margin-bottom: 0;
}
.cl-filemenu-accountinvite .checkbox-inline {
  padding-top: 0px;
}
.cl-filemenu-accountinvite .upper-line {
  border-top: 1px solid #C5C5C5;
  padding-top: 10px;
}
.cl-filemenu-accountinvite table {
  border: 1px solid #dedede;
  background-color: #F2F2F2;
  font-size: 12px;
}
.cl-filemenu-accountinvite table tr:first-child {
  border-bottom: 1px solid #dedede;
}
.cl-filemenu-accountinvite table tr td {
  border-top: none;
  white-space: nowrap;
}
.cl-filemenu-accountinvite table input {
  height: 12px !important;
}
.cl-filemenu-accountinvite textarea {
  margin-top: 10px;
}
.cl-filemenu-accountinvite .invalid-error {
  position: absolute;
  left: 96%;
  top: 23%;
  width: 100%;
}
.role-highlighted {
  background-image: linear-gradient(to bottom, #c9c9c9, #828282);
}
.cl-filemenu-roles {
  max-width: 1500px;
  min-width: 1100px;
}
.cl-filemenu-roles .roles-table-container {
  max-height: 506px;
  overflow-y: auto;
  margin-bottom: 15px;
}
.cl-filemenu-roles .roles-table-container table {
  border: 1px solid #808080;
  font-size: 14px;
}
.cl-filemenu-roles .roles-table-container table thead tr th {
  border: 1px solid #808080;
}
.cl-filemenu-roles .roles-table-container table thead tr th.highlighted-col {
  background-image: linear-gradient(to bottom, #c9c9c9, #828282);
  color: white;
}
.cl-filemenu-roles .roles-table-container table tbody tr.showIfLast {
  display: none;
}
.cl-filemenu-roles .roles-table-container table tbody tr:hover {
  background-image: linear-gradient(to bottom, #c9c9c9, #828282);
}
.cl-filemenu-roles .roles-table-container table tbody tr td {
  border: 1px solid #808080;
}
.cl-filemenu-roles .roles-table-container table tbody tr td a {
  text-decoration: underline;
}
.cl-filemenu-roles .roles-table-container table tbody tr td a:hover {
  color: white;
}
.cl-filemenu-roles .roles-table-container table th {
  background-color: #dddddd;
  color: #536676;
}
.cl-filemenu-roles .roles-table-container table td.role,
.cl-filemenu-roles .roles-table-container table th.role {
  text-align: center;
}
.cl-filemenu-roles .roles-table-container table td {
  position: relative;
}
.cl-filemenu-roles .roles-table-container table td .indicators {
  position: absolute;
  right: 7px;
  top: 10px;
}
.cl-filemenu-roles .roles-table-container table td .indicators .delete {
  display: none;
  color: #FFFFFF;
  cursor: pointer;
}
.cl-filemenu-roles .roles-table-container table td .indicators .project-level-indicator {
  top: -2px;
  position: relative;
  cursor: pointer;
}
.cl-filemenu-roles .roles-table-container table td:hover .indicators .delete {
  display: inline;
}
.cl-filemenu-roles .roles-table-container table td input[type=checkbox]:hover {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.cl-filemenu-roles .roles-table-container table .tablesort-sortable:after {
  content: "";
  float: right;
  margin-top: 7px;
  visibility: hidden;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: none;
  border-bottom: 4px solid #000;
}
.cl-filemenu-roles .roles-table-container table .tablesort-desc:after {
  border-top: 4px solid #000;
  border-bottom: none;
}
.cl-filemenu-roles .roles-table-container table .tablesort-sortable:hover:after,
.cl-filemenu-roles .roles-table-container table .tablesort-asc:after,
.cl-filemenu-roles .roles-table-container table .tablesort-desc:after {
  visibility: visible;
}
.cl-filemenu-roles .roles-table-container .tdName {
  padding-right: 50px;
  max-width: 800px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cl-filemenu-roles .action-buttons {
  padding-top: 20px;
  margin-top: 20px;
  border-top: 2px solid lightgray;
}
.cl-filemenu-roles .action-buttons button {
  margin-left: 10px;
}
@media screen and (max-height: 1582px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 1247px;
  }
}
@media screen and (max-height: 1543px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 1208px;
  }
}
@media screen and (max-height: 1504px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 1169px;
  }
}
@media screen and (max-height: 1465px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 1130px;
  }
}
@media screen and (max-height: 1426px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 1091px;
  }
}
@media screen and (max-height: 1387px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 1052px;
  }
}
@media screen and (max-height: 1348px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 1013px;
  }
}
@media screen and (max-height: 1309px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 974px;
  }
}
@media screen and (max-height: 1270px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 935px;
  }
}
@media screen and (max-height: 1231px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 896px;
  }
}
@media screen and (max-height: 1192px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 857px;
  }
}
@media screen and (max-height: 1153px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 818px;
  }
}
@media screen and (max-height: 1114px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 779px;
  }
}
@media screen and (max-height: 1075px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 740px;
  }
}
@media screen and (max-height: 1036px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 701px;
  }
}
@media screen and (max-height: 997px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 662px;
  }
}
@media screen and (max-height: 958px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 623px;
  }
}
@media screen and (max-height: 919px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 584px;
  }
}
@media screen and (max-height: 880px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 545px;
  }
}
@media screen and (max-height: 841px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 506px;
  }
}
@media screen and (max-height: 802px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 467px;
  }
}
@media screen and (max-height: 763px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 428px;
  }
}
@media screen and (max-height: 724px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 389px;
  }
}
@media screen and (min-height: 1582px) {
  .cl-filemenu-roles .roles-table-container {
    max-height: 1286px;
  }
}
.cl-filemenu {
  padding: 7px;
  display: flex;
  flex-direction: row;
  background: #00B0C0;
}
.cl-filemenu-container {
  background: #ffffff;
  flex: 1;
  display: flex;
  flex-direction: row;
}
.cl-filemenu-container .cl-filemenu-file-menu {
  width: 240px;
  position: relative;
  border: 1px solid #E1E1E1;
  height: calc(100vh - 115px);
  overflow-y: auto;
}
.cl-filemenu-container .cl-filemenu-file-menu ul {
  margin: 0;
  padding: 0;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li {
  list-style: none;
  line-height: 36px;
  margin: 0;
  position: relative;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li.disabled a {
  color: #ccc;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li.disabled:hover {
  cursor: not-allowed;
  background: none;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li.disabled:hover a {
  color: #ccc;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li.active {
  background: #00b0c0;
  background: #f2f2f2;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li.active i {
  display: block;
  position: absolute;
  top: 30%;
  right: -6px;
  color: #fff;
  text-shadow: -1px 1px 0px gray;
  font-size: 16px;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li i {
  display: none;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li a {
  margin-left: 10px;
  color: #333333;
  text-decoration: none;
  font-family: Lato;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li:hover {
  background: #00b0c0;
  background: #f2f2f2;
  color: #333333;
  cursor: pointer;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li:hover a {
  color: #333333;
  text-decoration: none;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li.separator {
  line-height: 1px;
  height: 1px;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li.separator hr {
  border: none;
  border-top: 1px solid #D8D8D8;
  margin: 0;
}
.cl-filemenu-container .cl-filemenu-file-menu ul li.menu-title {
  background: #00b0c0;
  color: white;
  height: 20px;
  line-height: 20px;
  text-align: center;
  cursor: default;
}
.cl-filemenu-container .cl-filemenu-content {
  flex: 5;
  position: relative;
  overflow: auto;
}
.cl-filemenu-container .cl-filemenu-content .cl-filemenu-title {
  line-height: 43px;
  padding-left: 25px;
  background: #f2f2f2;
  color: #333333;
  font-size: 20px;
  font-weight: normal;
  font-family: Lato;
}
.cl-filemenu-container .cl-filemenu-content .cl-filemenu-title .help-button {
  float: right;
  padding: 1px 1px 0px 3px;
  font-size: 17px;
  line-height: 25px;
  height: 25px;
  color: #7b7b7b;
  margin: 8px 14px 0px 0px;
}
.cl-filemenu-container .cl-filemenu-content .cl-filemenu-content-container {
  margin: 30px 0px 0px 25px;
  font-size: 13px;
  font-family: Verdana;
}
.cl-filemenu .control-label {
  text-align: left;
  font-weight: normal;
}
.cl-filemenu .cl-filemenu-tooltip {
  width: 350px;
  position: absolute;
  display: none;
  background: #e6e6e6;
  min-height: 100px;
  z-index: 10;
  box-shadow: #000 0px 0px 11px -2px;
  border-radius: 10px;
  top: 30px;
  left: -30px;
  color: #000;
}
.cl-filemenu .cl-filemenu-tooltip.warning .header {
  color: red;
}
.cl-filemenu .cl-filemenu-tooltip.info .header {
  color: green;
  font-family: Verdana;
}
.cl-filemenu .cl-filemenu-tooltip .triangle {
  width: 40px;
  height: 30px;
  overflow: hidden;
  box-shadow: 0 16px 10px -17px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: -30px;
  left: 18px;
}
.cl-filemenu .cl-filemenu-tooltip .triangle:after {
  content: "";
  position: absolute;
  width: 22px;
  height: 22px;
  background: white;
  transform: rotate(45deg);
  box-shadow: -1px -1px 10px -2px rgba(0, 0, 0, 0.5);
  top: 22px;
  left: 10px;
}
.cl-filemenu .cl-filemenu-tooltip .header {
  background: white;
  height: 40px;
  width: 100%;
  line-height: 40px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 0 4px 8px -4px #000000;
  color: green;
  font-family: Verdana;
}
.cl-filemenu .cl-filemenu-tooltip .body {
  padding: 10px;
  font-size: 12px;
  font-family: Verdana;
  color: #4d4d4d;
  line-height: 20px;
}
.account-toggle {
  background: #00b0c0;
  height: 36px;
  line-height: 36px;
  color: #ffffff;
  position: relative;
  cursor: pointer;
  padding: 0 10px;
}
.account-toggle .icon {
  position: absolute;
  right: 5px;
  top: 5px;
}
.account-toggle .icon path {
  transition: all 0.3s ease;
  transform-origin: 50% 50%;
}
.account-toggle.extension .icon path {
  transform: rotate(-180deg);
}

* {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cursor-pointer {
  cursor: pointer;
}
.underline-hover:hover {
  text-decoration: underline;
}
.gradient-black {
  background: #3d3c3d;
  background: -moz-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3d3c3d), color-stop(50%, #3d3c3d), color-stop(51%, #221f20), color-stop(100%, #221f20));
  background: -webkit-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -o-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: -ms-linear-gradient(top, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  background: linear-gradient(to bottom, #3d3c3d 0%, #3d3c3d 50%, #221f20 51%, #221f20 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d3c3d', endColorstr='#221f20', GradientType=0);
}
.gradient-black-reverse {
  background: #131313;
  /* Old browsers */
  background: -moz-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #131313 0%, #1c1c1c 9%, #2b2b2b 24%, #111111 40%, #000000 49%, #2c2c2c 50%, #474747 61%, #666666 75%, #595959 88%, #4c4c4c 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#131313', endColorstr='#4c4c4c', GradientType=0);
  /* IE6-9 */
}
.gradient-blue {
  background: #00d1e2;
  background: -moz-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1e2', endColorstr='#00c3d8', GradientType=0);
}
.gradient-blue-reverse {
  background: #00d1e2;
  background: -moz-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c3d8', endColorstr='#00d1e2', GradientType=0);
}
.gradient-light-blue {
  background: #74d7e2;
  background: -moz-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #74d7e2), color-stop(100%, #00c2d3), color-stop(100%, #15c2d7));
  background: -webkit-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -o-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: -ms-linear-gradient(top, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
  background: linear-gradient(to bottom, #74d7e2 0%, #00c2d3 100%, #15c2d7 100%);
}
.gradient-gray {
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f9f9f9', GradientType=0);
}
.gradient-button {
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #e3e2e3), color-stop(100%, #e3e2e3));
  background: -webkit-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -o-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: -ms-linear-gradient(top, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #e3e2e3 100%, #e3e2e3 100%);
}
.gradient-button-pressed {
  background: #e3e2e3;
  background: -moz-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #e3e2e3), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
  background: -webkit-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -o-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: -ms-linear-gradient(top, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
  background: linear-gradient(to bottom, #e3e2e3 50%, #ffffff 100%, #ffffff 100%);
}
.gradient-hover {
  background: #cacaca;
  background: -moz-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #cacaca), color-stop(100%, #909090));
  background: -webkit-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -o-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: -ms-linear-gradient(top, #cacaca 0%, #909090 100%);
  background: linear-gradient(to bottom, #cacaca 0%, #909090 100%);
}
@font-face {
  font-family: 'icomoon';
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot);
  src: url(assets/icomoon.3f5687e9eb45a96c7c520458a643ce87.eot#iefix) format('embedded-opentype'), url(assets/icomoon.9f53d5b704316c69b8a98b39f7d47a6d.ttf) format('truetype'), url(assets/icomoon.f3db8cfd272646400fea0acf9a26e35e.woff) format('woff'), url(assets/icomoon.84ca7972582db077fd99ea75c4d059e3.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-Assets:before {
  content: "\e600";
}
.icon-List:before {
  content: "\e601";
}
.icon-Font:before {
  content: "\e603";
}
.icon-Document_main:before {
  content: "\e604";
}
.icon-Production1:before {
  content: "\e605";
}
.icon-Document:before {
  content: "\e606";
}
.icon-TouchPoint:before {
  content: "\e607";
}
.icon-Warning:before {
  content: "\e608";
}
.icon-CPKG_LAST1-01:before {
  content: "\e602";
}
.icon-CPKG_LAST:before {
  content: "\e60f";
}
.icon-Calendar:before {
  content: "\e609";
}
.icon-Key_small:before {
  content: "\e60a";
}
.icon-HTML:before {
  content: "\e60b";
}
.icon-Text:before {
  content: "\e60c";
}
.icon-ID:before {
  content: "\e60d";
}
.icon-X:before {
  content: "\e60e";
}
.icon-Filter_top:before {
  content: "\e610";
}
.icon-Filter:before {
  content: "\e611";
}
.icon-upload_icon:before {
  content: "\e612";
}
.icon-download_icon:before {
  content: "\e613";
}
.icon-Info:before {
  content: "\e614";
}
.icon-World:before {
  content: "\e615";
}
.icon-Error .path1:before {
  content: "\e616";
}
.icon-Error .path2:before {
  content: "\e617";
}
.icon-Close:before {
  content: "\e616";
}
.icon-OK:before {
  content: "\e618";
}
.icon-Flag:before {
  content: "\e619";
}
.icon-Low:before {
  content: "\e61a";
}
.icon-Immediate:before {
  content: "\e61b";
}
.icon-Plus:before {
  content: "\e61c";
}
.icon-Plus_Hover:before {
  content: "\e61d";
}
.icon-Menu:before {
  content: "\e628";
}
.icon-PSD:before {
  content: "\e629";
}
.icon-Profile:before {
  content: "\e62a";
}
.icon-Reports:before {
  content: "\e900";
}
.icon-Information:before {
  content: "\e901";
}
.icon-Conversation:before {
  content: "\e902";
}
.icon-Mockup:before {
  content: "\e903";
}
.icon-Integration:before {
  content: "\e904";
}
@font-face {
  font-family: 'Source Sans Pro';
  src: url(assets/SourceSansPro-Regular.73ae3a587f63679d851d802af58c615c.ttf) format('truetype');
  font-weight: normal;
  font-style: normal;
}
.header-text {
  font-family: Lato;
  font-size: 20px;
  color: white;
}
.menu-text {
  font-family: Lato;
  font-size: 14px;
  color: #808080;
}
.entity-heading-text {
  font-family: Lato;
  font-size: 18px;
  color: #475e70;
}
.section-heading-text {
  font-family: LatoLight;
  font-size: 20px;
  color: #00b0c0;
}
.field-label-text {
  font-family: Lato;
  font-size: 16px;
  color: #86a0ad;
}
.field-value-text {
  font-family: Lato;
  font-size: 15px;
  color: #666666;
}
.index-text {
  font-family: Lato;
  font-size: 20px;
  color: #666666;
}
.field-sub-text {
  font-family: Lato;
  font-size: 13px;
  color: #b3b3b3;
}
.link-text {
  font-family: Lato;
  font-size: 14px;
  color: #047fbc;
}
.underline:hover {
  text-decoration: underline;
}
.more-info-text {
  font-family: Lato;
  font-size: 12px;
  color: #b3b3b3;
}
.library-option-text {
  font-family: LatoLight;
  font-size: 18px;
  color: #86a0ad;
}
.ghost-text {
  font-family: Lato;
  font-size: 13px;
  color: #cccccc;
}
.small-link-text {
  font-family: Lato;
  font-size: 12px;
  color: #047fbc;
}
.medium-link-text {
  font-family: Lato;
  font-size: 16px;
  color: #047fbc;
}
.large-link-text {
  font-family: Lato;
  font-size: 20px;
  color: #047fbc;
}
.error-txt {
  color: #ff1d25;
  font-family: Lato;
  font-size: 13px;
}
.tab-txt {
  color: #555555;
  font-family: Lato;
  font-size: 16px;
}
.tab-txt-selected {
  color: #212121;
  font-family: Lato;
  font-size: 16px;
}
.search-txt {
  color: #555555;
  font-family: Lato;
  font-size: 15px;
}
@font-face {
  font-family: 'Linear Icons';
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot);
  src: url(assets/Linearicons_Bld_0_0_0_0_0_0.c74d14c82955ce57d886460a0fbb26a2.eot?#iefix) format('embedded-opentype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.06cc974db4f70c33b871626932f89083.woff) format('woff'), url(assets/Linearicons_Bld_0_0_0_0_0_0.190d1ccb77295bee72e9162f2d9d23aa.ttf) format('truetype'), url(assets/Linearicons_Bld_0_0_0_0_0_0.9f0b9fa88e1207de37211bb803313b65.svg#glyphicons_halflingsregular) format('svg');
}
@font-face {
  font-family: 'Custom Linear Icons';
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot);
  src: url(assets/icomoon_Bld_0_0_0_0_0_0.e2e0a78fc7dde94f880de30ff105200e.eot?#iefix) format('embedded-opentype'), url(assets/icomoon_Bld_0_0_0_0_0_0.c26dbe6e6588d24b96a4097f30da6e10.woff) format('woff'), url(assets/icomoon_Bld_0_0_0_0_0_0.bff0fec96f83faa602bd19f619acd3aa.ttf) format('truetype'), url(assets/icomoon_Bld_0_0_0_0_0_0.40c237abb27f495e5659f532d1c814fc.svg#icomoon) format('svg');
}
.linearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.customLinearicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Custom Linear Icons';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  color: #86a0ad;
}
.lineariconDisableHover:hover,
.customLineariconDisableHover:hover {
  color: #86a0ad !important;
}
.linearicon:hover,
.customLinearicon:hover {
  color: #18b6c6;
}
.lineariconDisabled,
.lineariconDisabled:hover,
.customLineariconDisabled,
.customLineariconDisabled:hover {
  color: #cad4da;
}
.mediumLinearIcon {
  font-size: 1.5em;
  height: 22px;
  width: 22px;
}
.font-size-small {
  font-size: 2em;
}
.font-size-medium {
  font-size: 2.5em;
}
.font-size-large {
  font-size: 3em;
}
.lineariconEmailEditor:before {
  content: '\e743';
}
.lineariconSchedule:before {
  content: '\e72b';
}
.lineariconUpload:before {
  content: '\e612';
}
.lineariconDownload:before {
  content: '\e613';
}
.lineariconDSInfo:before {
  content: '\e634';
}
.lineariconEdit:before {
  content: '\e606';
}
.lineariconAdd:before {
  content: '\e772';
}
.lineariconConnection:before {
  content: '\e749';
}
.lineariconWarning:before {
  content: '\e76d';
}
.lineariconLink:before {
  content: '\e749';
}
.lineariconError:before {
  content: '\e76e';
}
.lineariconDownCPKG:before {
  content: '\e602';
}
.lineariconUploadCPKG:before {
  content: '\e60f';
}
.lineariconFonts:before {
  content: '\e603';
}
.lineariconList:before {
  content: '\e601';
}
.lineariconTP:before {
  content: '\e607';
}
.lineariconPrintTP:before {
  content: '\e605';
}
.lineariconDocuments:before {
  content: '\e606';
}
.lineariconDS:before {
  content: '\e62b';
}
.lineariconFunnel:before {
  content: '\e789';
}
.lineariconLamp:before {
  content: '\e6a3';
}
.lineariconAssets:before {
  content: '\e600';
}
.lineariconDocInfo:before {
  content: '\e604';
}
.lineariconCalendar:before {
  content: '\e692';
}
.lineariconKey:before {
  content: '\e60a';
}
.lineariconLibrary:before {
  content: '\e675';
}
.lineariconHTML:before {
  content: '\e60b';
}
.lineariconTXT:before {
  content: '\e60c';
}
.lineariconINDD:before {
  content: '\e60d';
}
.lineariconXLIM:before {
  content: '\e60e';
}
.lineariconPSD:before {
  content: '\e629';
}
.lineariconUrl:before {
  content: '\e615';
}
.lineariconBrowse:before {
  content: '\e6f8';
}
.lineariconFilter:before {
  content: '\e610';
}
.lineariconLightningBolt:before {
  content: '\e6a2';
}
.lineariconInfo:before {
  content: '\e614';
}
.lineariconDelete:before {
  content: '\e63a';
}
.lineariconSearch:before {
  content: '\e759';
}
.lineariconFilteredList:before {
  content: '\e611';
}
.lineariconFilteredListTab:before {
  content: '\e62a';
}
.lineariconDatabase:before {
  content: "\e62b";
}
.lineariconDots:before {
  content: "\e628";
}
.lineariconCheckmark:before {
  content: "\e75d";
}
.lineariconCrown:before {
  content: "\e900";
}
.lineariconSun:before {
  content: "\e903";
}
.lineariconRemote:before {
  content: "\e902";
}
.lineariconLocal:before {
  content: "\e901";
}
.lineariconCircleMinus:before {
  content: "\e773";
}
.lineariconCirclePlus:before {
  content: "\e772";
}
.lineariconMapMarker:before {
  content: "\e68b";
}
@font-face {
  font-family: 'fontello';
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot);
  src: url(assets/fontello.104f1134b0f38c9b3b1fbef408fdefde.eot#iefix) format('embedded-opentype'), url(assets/fontello.beb5bcf2166a1dba8809e8b65dfa4ae4.woff2) format('woff2'), url(assets/fontello.a82e4cfc8a2eabddedf922b4fba66b00.woff) format('woff'), url(assets/fontello.cdba624c073594e614d2a2e452aa6ec1.ttf) format('truetype'), url(assets/fontello.e61f63a72530808ab9c934604672eb3f.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?36412901#fontello') format('svg');
  }
}
*/
[class^="fontello-"]:before,
[class*=" fontello-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: 0.2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: 0.2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.fontello-ico_export:before {
  content: '\e800';
}
/* '' */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wWw.ttf) format('truetype');
}
@font-face {
  font-family: 'toolbar';
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot);
  src: url(assets/toolbar.d75d0cb10b9e11e80f10c99394092a89.eot#iefix) format('embedded-opentype'), url(assets/toolbar.82ad3dd7c4bc867eed5ed84df490cd9b.ttf) format('truetype'), url(assets/toolbar.1a240725093bf9ee0d283ce87caaf4d1.woff) format('woff'), url(assets/toolbar.b759b767dea91def576cd52504aa7a83.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="toolbar-icon-"],
[class*="toolbar-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'toolbar' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.toolbar-icon-connect:before {
  content: "\e907";
}
.toolbar-icon-run-center:before {
  content: "\e900";
}
.toolbar-icon-recipients:before {
  content: "\e901";
}
.toolbar-icon-selection:before {
  content: "\e902";
}
.toolbar-icon-save:before {
  content: "\e903";
}
.toolbar-icon-sample-recipients:before {
  content: "\e904";
}
.toolbar-icon-mockup:before {
  content: "\e905";
}
.toolbar-icon-library:before {
  content: "\e906";
}
.cl-number-selector {
  position: relative;
  padding-right: 20px;
}
.cl-number-selector i {
  position: absolute;
  right: 5px;
  top: -4px;
  cursor: pointer;
}
.cl-number-selector i:last-child {
  top: 6px;
}
.cl-number-selector input {
  width: 40px;
  display: inline-block;
  padding: 0 5px;
  height: 25px;
}
.cl-number-selector input[type=number]::-webkit-inner-spin-button,
.cl-number-selector input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cl-number-selector input[type="number"] {
  -moz-appearance: textfield;
}
.cl-range-selector {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.cl-range-selector .rangeStart,
.cl-range-selector .rangeEnd {
  display: flex;
  align-items: center;
  margin-left: 3px;
}
.cl-range-selector .rangeStart .arrows,
.cl-range-selector .rangeEnd .arrows {
  margin-left: 5px;
  display: flex;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
}
.cl-range-selector .rangeStart .arrows i,
.cl-range-selector .rangeEnd .arrows i {
  margin-top: -2px;
}
.cl-range-selector .rangeStart {
  margin-right: 5px;
}
.cl-range-selector input {
  width: 50px;
  display: inline-block;
  padding: 0 5px;
  height: 25px;
}
.cl-range-selector input[type=number]::-webkit-inner-spin-button,
.cl-range-selector input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.cl-user-selector .tags {
  border-radius: 6px;
  height: inherit;
  padding: 6px;
}
.cl-user-selector .tags .tag-item {
  background: #e6e6e6;
  border: 1px solid #aaa;
  border-radius: 6px;
}
.cl-user-selector .tags .selected {
  background: #a5a5a5;
  border: 1px solid #aaa;
  border-radius: 4px;
}
.cl-user-selector .autocomplete {
  width: 608px;
}
.cl-user-selector .autocomplete .suggestion-list .suggestion-item {
  font-size: 15px;
}
.cl-user-selector .autocomplete .suggestion-list .suggestion-item.selected {
  background: #1393A0;
}
.user-typeahead-match {
  padding: 5px 10px;
  cursor: pointer;
  width: 500px;
}
.user-typeahead-match:hover {
  color: white;
  background: #00d1e2;
  background: -moz-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00d1e2), color-stop(50%, #00d1e2), color-stop(51%, #00c3d8), color-stop(100%, #00c3d8));
  background: -webkit-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -o-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: -ms-linear-gradient(top, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  background: linear-gradient(to bottom, #00d1e2 0%, #00d1e2 50%, #00c3d8 51%, #00c3d8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00d1e2', endColorstr='#00c3d8', GradientType=0);
}
.cl-loading-spinner {
  z-index: 1051;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cl-loading-spinner .spinner-bg {
  position: absolute;
  height: 100%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.5);
  top: 0px;
  left: 0px;
}
.cl-loading-spinner .spinner-container {
  z-index: 1;
  height: 60px;
  width: 155px;
  border-width: 1px;
  border-style: solid;
  border-radius: 3px;
  border-color: #617583;
  background: linear-gradient(to bottom, #eaeced, #e5eaec 10%, #b0c5ce 45%, #a7bec8 50%, #a7bec8);
  font-size: 10px;
  font-weight: bold;
  color: black;
  padding: 10px 10px;
  box-shadow: 5px 0px 6px -2px rgba(0, 0, 0, 0.3);
}
.cl-loading-spinner .spinner-container .progress {
  margin-top: 15px;
  height: 10px;
  border-radius: 2px;
  border: 1px solid grey;
}
.cl-circle-ng-frames {
  /*Set fon't explicitly for dropdown*/
}
.cl-circle-ng-frames iframe {
  border: none;
}
.cl-circle-ng-frames .generationIFrame {
  height: 351px;
  margin: 0 auto auto;
  min-width: 460px;
  max-width: 460px;
  top: 2%;
  left: calc(50% - 230px);
}
.cl-circle-ng-frames .popup-overlay {
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
}
.cl-circle-ng-frames .popup-iframe {
  z-index: 11;
  position: absolute;
}
.cl-circle-ng-frames .runCenterIFrame {
  height: 80%;
  margin: 0 auto auto;
  min-width: 1300px;
  max-width: 1300px;
  top: 2%;
  left: calc(50% - 650px);
}
.cl-circle-ng-frames .bindingIFrame {
  height: 520px;
  margin: 0 auto auto;
  min-width: 590px;
  max-width: 590px;
  top: 2%;
  left: calc(50% - 295px);
}
.cl-circle-ng-frames .libraryIFrame {
  height: 90%;
  margin: 0 auto auto;
  min-width: 90%;
  max-width: 90%;
  top: 2%;
  left: 5%;
}
.cl-circle-ng-frames .addTouchpointIFrame {
  height: 690px;
  margin: 0 auto auto;
  min-width: 590px;
  max-width: 590px;
  top: 2%;
  left: calc(50% - 295px);
}
.cl-circle-ng-frames .hiddenFrame {
  display: none;
  visibility: hidden;
}
.cl-circle-ng-frames select.popup-font {
  font-size: 13px;
}
@media screen and (min-height: 750px) {
  .cl-circle-ng-frames .addTouchpointIFrame {
    top: 2%;
    margin: 4% auto auto;
  }
}
.cl-content-header {
  position: relative;
  margin-top: 0;
  transition: margin-top 0.4s;
}
.cl-content-header.cl-content-header-minimized {
  margin-top: -100px;
}
.cl-content-header.cl-content-header-minimized:hover {
  margin-top: -57px;
}
.cl-content-header.cl-content-header-minimized .cl-topbar {
  opacity: 0;
}
.cl-content-header .cl-menubar {
  padding: 0px;
  margin: 0;
  border: none;
  min-height: 46px;
}
.cl-content-header .cl-menubar.navbar-default .navbar-nav > .active > a,
.cl-content-header .cl-menubar.navbar-default .navbar-nav > .active > a:hover,
.cl-content-header .cl-menubar.navbar-default .navbar-nav > .active > a:focus {
  background-color: #00b0c0;
  color: white;
}
.cl-content-header .cl-menubar.navbar-default ul.navbar-nav li {
  font-size: 15px;
}
.cl-content-header .cl-menubar ul.nav li {
  position: relative;
}
.cl-content-header .cl-menubar ul.nav li:first-child i {
  display: none;
}
.cl-content-header .cl-menubar ul.nav li a {
  font-size: 20px;
  font-family: 'Lato', sans-serif;
  line-height: 46px;
  color: white;
  padding: 0 0px;
  width: 140px;
  height: 46px;
  text-align: center;
}
.cl-content-header .cl-menubar ul.nav li i {
  position: absolute;
  left: 45%;
  display: none;
  bottom: -4px;
  top: auto;
  font-size: 12px;
}
.cl-content-header .cl-menubar ul.nav li .hide-icon {
  display: none;
}
.cl-content-header .cl-menubar ul.nav li.active i {
  display: block;
  z-index: 1;
  color: #F2F2F2;
}
.cl-content-header .cl-menubar ul.nav li.active .hide-icon {
  display: none;
}
.cl-content-header .cl-menubar .menu {
  background-color: #000000;
  height: 46px;
}
.cl-content-header .cl-menubar .buttons {
  height: 35px;
  background: #e5e5e5;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e5e5e5), color-stop(100%, #f9f9f9));
  background: -webkit-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -o-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: -ms-linear-gradient(top, #e5e5e5 0%, #f9f9f9 100%);
  background: linear-gradient(to bottom, #e5e5e5 0%, #f9f9f9 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#f9f9f9', GradientType=0);
  border: 1px solid #aaa;
  border-top: none;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cl-content-header .cl-menubar .send-feedback-area {
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 46px;
  font-size: 13px;
  font-family: Lato;
  display: flex;
}
.cl-content-header .cl-menubar .send-feedback-area .send-action-item {
  padding: 0 10px;
  position: relative;
}
.cl-content-header .cl-menubar .send-feedback-area .send-action-item::after {
  position: absolute;
  content: "";
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1px;
  height: 23px;
  background-color: #fff;
}
.cl-content-header .cl-menubar .send-feedback-area .send-action-item:last-child::after {
  display: none;
}
.cl-content-header .cl-menubar .send-feedback-area a {
  color: white;
  cursor: pointer;
}
.cl-content-header .cl-menubar .send-feedback-area a:hover {
  color: white;
}
.cl-content-header .cl-menubar .send-feedback-area a:focus {
  text-decoration: none;
}
.cl-content-header .cl-topbar {
  -webkit-transition: opacity 0.5s linear;
  -moz-transition: opacity 0.5s linear;
  -ms-transition: opacity 0.5s linear;
  -o-transition: opacity 0.5s linear;
  opacity: 1;
  height: 57px;
  padding: 0 10px;
}
.cl-content-header .cl-topbar .template-icon {
  background: url(assets/template.svg);
}
.cl-content-header .cl-topbar .instance-icon {
  background: url(assets/instance.svg);
}
.cl-content-header .cl-topbar .project-icon {
  background: url(assets/project.svg);
}
.cl-content-header .cl-topbar .flow-pattern-icon {
  background: url(assets/flow_pattern.svg);
}
.cl-content-header .cl-topbar .type-icon {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 16px;
  left: 8px;
}
.cl-content-header .cl-topbar .project-is-limited {
  position: relative;
  top: 2px;
  color: #AAAAAA;
}
.cl-content-header .cl-topbar .status-switch {
  line-height: 57px;
  margin-left: 30px;
}
.cl-content-header .cl-topbar option {
  background-color: white;
}
.cl-content-header .cl-topbar .status-select-live {
  background: #96ab3b;
  /* Old browsers */
  background: -moz-linear-gradient(top, #96ab3b 0%, #e4ecaf 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #96ab3b 0%, #e4ecaf 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #96ab3b 0%, #e4ecaf 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#96ab3b', endColorstr='#e4ecaf', GradientType=0);
  /* IE6-9 */
}
.cl-content-header .cl-topbar .textReplacement {
  padding-left: 5px;
  line-height: normal;
  width: 45px;
  -webkit-user-select: none;
  /* webkit (safari, chrome) browsers */
  -moz-user-select: none;
  /* mozilla browsers */
  -khtml-user-select: none;
  /* webkit (konqueror) browsers */
  -ms-user-select: none;
  /* IE10+ */
}
.cl-content-header .cl-topbar .logo {
  text-align: right;
  height: 41px;
  margin: 4px 0px 0px 4px;
}
.cl-content-header .cl-topbar .logo img {
  max-width: 100%;
  max-height: 100%;
  background: transparent;
  margin: 0 auto;
}
.cl-content-header .cl-topbar .project-name {
  font-size: 24px;
  font-weight: 400;
  font-family: 'Lato', sans-serif;
  padding-left: 34px;
  padding-right: 10px;
  letter-spacing: 0;
  line-height: 57px;
  position: relative;
  vertical-align: top;
  max-width: calc(100% - 600px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.content {
  flex: 1;
  display: flex;
  flex-direction: column;
  margin: 0;
}
.cl-account-menu {
  border-radius: 10px;
  height: 57px;
  margin: 0 11px;
  padding: 0;
}
.cl-account-menu .help {
  color: #808080;
  text-align: right;
}
.cl-account-menu .help .btn {
  padding: 0px 3px;
  font-size: 12px;
  color: #808080;
  background: transparent;
  border: 1px solid transparent;
  line-height: 25px;
}
.cl-account-menu .help .btn:hover {
  border: 1px solid #808080;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  background: transparent;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #ffffff 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffffff 0%, #eaeaea 50%, #ffffff 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffffff 0%, #eaeaea 50%, #ffffff 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}
.cl-account-menu .help .btn:visited {
  color: #808080;
}
.cl-account-menu .help .btn i {
  font-size: 16px;
  margin-right: 5px;
  line-height: 16px;
  vertical-align: middle;
  color: #808080;
  top: -1px;
}
.cl-account-menu .help .btn i.glyphicon-facetime-video {
  background: -webkit-linear-gradient(left, #bbb, #333);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.cl-account-menu .account-project {
  display: flex;
  align-items: center;
  height: 100%;
}
.cl-account-menu .account-project div:first-child {
  margin-right: 18px;
}
.cl-account-menu .account-project a {
  color: #333333;
}
.cl-account-menu .account-project a.btn {
  padding: 3px 2px;
  margin-left: 10px;
  box-shadow: none;
}
.cl-account-menu .account-project button {
  border: none;
  background: none;
  font-family: Lato;
  color: #333333;
}
.cl-account-menu .account-project button:hover {
  color: #00b0c0;
}
.cl-account-menu .account-project button:hover .caret {
  border-top: 6px solid #00b0c0;
}
.cl-account-menu .account-project button .caret {
  border-top: 5px solid #59595b;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: relative;
  top: -1px;
  margin-left: 4px;
}
.cl-account-menu .account-project .btn-group.open button {
  box-shadow: none;
  background: #505153;
  color: white;
  z-index: 4;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.dropdown-menu.account-dropdown-subscription {
  min-width: auto;
  padding: 2px;
  max-height: 50%;
  overflow: auto;
}
.dropdown-menu.account-dropdown-subscription li {
  padding: 0px;
}
.dropdown-menu.account-dropdown-subscription li a {
  padding: 6px 25px 3px 6px;
  font-size: 12px;
}
.dropdown-menu.account-dropdown-subscription li a.active {
  background-color: #00b0c0 !important;
}
.dropdown-menu.account-dropdown-subscription li a:hover {
  background-color: #137e8f;
  color: white;
}
.dropdown-menu.account-dropdown-user {
  min-width: 240px;
  padding: 0px;
  right: -1px;
  left: auto;
  margin-top: -1px;
  border-top-right-radius: 0px;
  z-index: 1002;
  background-image: linear-gradient(to bottom, #505153 0px, #505153 18px, #3e3e40 19px, #3e3e40 38px, #333333);
  padding: 38px 0px 5px 0px;
}
.dropdown-menu.account-dropdown-user li {
  padding: 0px;
  background: white;
}
.dropdown-menu.account-dropdown-user li.item {
  border-bottom: 1px solid #cccccc;
}
.dropdown-menu.account-dropdown-user li.item a {
  height: 33px;
  line-height: 33px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.dropdown-menu.account-dropdown-user li.item:last-child {
  border-bottom: 0px;
}
.dropdown-menu.account-dropdown-user li.profilepic {
  position: absolute;
  top: 11px;
  left: 11px;
  width: 46px;
  height: 46px;
  padding: 3px;
  border-radius: 5px;
  background: #C1C1C1;
  border: 3px solid white;
}
.dropdown-menu.account-dropdown-user li.profilepic img {
  width: 100%;
  height: 100%;
}
.dropdown-menu.account-dropdown-user li a {
  padding: 6px 25px 3px 6px;
  font-size: 16px;
  cursor: pointer;
}
.dropdown-menu.account-dropdown-user li.profilepic + li {
  padding-top: 23px;
}
.send-project-copy .modal-dialog {
  width: 600px;
}
.send-project-copy .modal-dialog .modal-content .modal-body .ui-select-container .ui-select-toggle {
  padding: 6px 12px;
  background: none;
  font-size: inherit;
  height: inherit;
}
.send-project-copy .modal-dialog .modal-content .modal-body textarea {
  margin-top: 5px;
  height: 180px;
  overflow-y: auto;
}
.publish-project-to-samples .modal-body textarea {
  height: 270px;
}
.cl-upload-progress-meter {
  width: 136px;
  float: right;
  margin-top: 34px;
}
.cl-upload-progress-meter .progress {
  height: 12px;
  border-radius: 30px;
}
.cl-upload-progress-meter .progress-bar {
  height: 12px;
  line-height: 12px;
  font-size: 10px;
  background-color: #a9a9a9;
}
.open-project-error .modal-dialog .modal-header .glyphicon-remove-circle {
  color: #c2272d;
}
.unable-to-go-to-live .main-text p {
  padding-left: 15px;
}
.modal-user-profile .modal-body {
  padding: 15px 20px 15px 20px !important;
}
.modal-user-profile .form-group {
  margin-bottom: 8px;
}
.modal-user-profile .form-group .form-control {
  border-radius: 0;
}
.modal-user-profile .form-group .control-label {
  font-weight: normal;
}
.modal-user-profile #emailNotificationsCheckbox + span {
  color: #777;
}
.modal-user-profile .glyphicon-remove-sign {
  font-size: 16px;
  right: 66px;
  top: -8px;
  position: absolute;
  z-index: 1000;
  background-color: white;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  cursor: pointer;
}
.modal-user-profile .profile-image-area {
  position: relative;
  width: 80px;
  height: 80px;
  margin: auto;
  overflow: hidden;
}
.modal-user-profile .profile-image-area img {
  max-width: 80px;
  border-radius: 6px;
  background: #C1C1C1;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.modal-user-profile .profile-image-area .amazon-img {
  margin: initial;
}
.modal-user-profile .registration-form {
  padding-left: 39px;
  color: black;
  padding-bottom: 16px;
  padding-top: 8px;
  font-size: 16px;
}
.modal-user-profile .change-password-area {
  background-color: #eee;
  padding-left: 10px;
  width: 94%;
  margin: auto;
  clear: both;
  border: 1px solid #888;
}
.modal-user-profile .change-password-area label {
  white-space: nowrap;
}
.modal-user-profile .change-password-area .row {
  margin-top: 7px;
}
.modal-user-profile .text-danger {
  font-size: 12px;
  letter-spacing: -0.2px;
}
.modal-user-profile .text-danger-user {
  position: absolute;
  left: 72%;
}
.modal-user-profile .required:after {
  content: " *";
  color: red;
}
.cl-multi-email-autocomplete .control-label {
  padding-top: 17px;
}
.svg-font-archive {
  background: url(assets/sprite.css-5b464b58.svg) 56.77290837% 98.2266436% no-repeat;
  width: 21.8px;
  height: 21.8px;
  font-weight: 400;
}
.svg-font-archive:hover {
  background: url(assets/sprite.css-5b464b58.svg) 49.53519256% 98.2266436% no-repeat;
}
.svg-font-copy-link {
  background: url(assets/sprite.css-5b464b58.svg) 0 85.39199098% no-repeat;
  width: 80.7px;
  height: 75.7px;
  font-weight: 400;
}
.svg-font-copy-link:hover {
  background: url(assets/sprite.css-5b464b58.svg) 33.30581923% 42.69599549% no-repeat;
}
.svg-font-copy-link:active {
  background: url(assets/sprite.css-5b464b58.svg) 0 42.69599549% no-repeat;
}
.svg-font-publish {
  background: url(assets/sprite.css-5b464b58.svg) 66.61163846% 0 no-repeat;
  width: 80.7px;
  height: 75.7px;
  font-weight: 400;
}
.svg-font-publish:hover {
  background: url(assets/sprite.css-5b464b58.svg) 0 0 no-repeat;
}
.svg-font-publish:active {
  background: url(assets/sprite.css-5b464b58.svg) 66.61163846% 42.69599549% no-repeat;
}
.svg-font-save-as-image {
  background: url(assets/sprite.css-5b464b58.svg) 33.30581923% 85.39199098% no-repeat;
  width: 80.7px;
  height: 75.7px;
  font-weight: 400;
}
.svg-font-save-as-image:hover {
  background: url(assets/sprite.css-5b464b58.svg) 33.30581923% 0 no-repeat;
}
.svg-font-save-as-image:active {
  background: url(assets/sprite.css-5b464b58.svg) 66.61163846% 85.39199098% no-repeat;
}
.svg-font-send-a-copy {
  background: url(assets/sprite.css-5b464b58.svg) 99.9174577% 0 no-repeat;
  width: 80.7px;
  height: 75.7px;
  font-weight: 400;
}
.svg-font-send-a-copy:hover {
  background: url(assets/sprite.css-5b464b58.svg) 99.9174577% 85.39199098% no-repeat;
}
.svg-font-send-a-copy:active {
  background: url(assets/sprite.css-5b464b58.svg) 99.9174577% 42.69599549% no-repeat;
}
.svg-font-unarchive {
  background: url(assets/sprite.css-5b464b58.svg) 35.05976096% 98.2266436% no-repeat;
  width: 21.8px;
  height: 21.8px;
  font-weight: 400;
}
.svg-font-unarchive:hover {
  background: url(assets/sprite.css-5b464b58.svg) 42.29747676% 98.2266436% no-repeat;
}
.svg-font-hand {
  background: url(assets/sprite.css-5b464b58.svg) 63.37935569% 97.38421955% no-repeat;
  width: 18.8px;
  height: 19.8px;
  font-weight: 400;
}
.svg-font-arrow {
  background: url(assets/sprite.css-5b464b58.svg) 69.55950033% 97.38421955% no-repeat;
  width: 18.8px;
  height: 19.8px;
  font-weight: 400;
}
.svg-font-toggle-left-selected {
  background: url(assets/sprite.css-5b464b58.svg) 0 99.95598592% no-repeat;
  width: 52.8px;
  height: 25.8px;
  font-weight: 400;
}
.svg-font-toggle-right-selected {
  background: url(assets/sprite.css-5b464b58.svg) 19.54108068% 99.95598592% no-repeat;
  width: 52.8px;
  height: 25.8px;
  font-weight: 400;
}
.save-reminder .modal-body .paragraph {
  min-height: 80px;
}
[live-draft-dropdown] {
  display: inline-block;
}
[live-draft-dropdown] .select-like-dropdown {
  border-radius: 3px;
  padding: 4px 11px;
  border: 1px solid #B0B0B0;
  background: white;
  width: 200px;
  height: 30px;
  text-align: left;
}
[live-draft-dropdown] .select-like-dropdown .caret {
  margin-left: 125px;
  height: 6px;
}
[live-draft-dropdown] .is-live {
  background: #8dbe48;
  color: white;
}
[live-draft-dropdown] .is-live .caret {
  color: white;
}
[live-draft-dropdown] .is-ready {
  background: #11A2BF;
  color: white;
}
[live-draft-dropdown] .is-ready .caret {
  color: white;
}
.live-draft-dropdown-block {
  padding: 0;
}
.live-draft-dropdown-block li {
  padding: 0;
  margin: 0;
}
.live-draft-dropdown-block li a {
  padding: 7px 7px 2px 12px;
}
.live-draft-dropdown-block li:first-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.175);
}
.live-draft-dropdown-block :hover {
  background-color: #f2f2f2;
  cursor: pointer;
}
.live-draft-dropdown-block .selector-title .icons {
  float: right;
  position: relative;
}
.live-draft-dropdown-block .selector-title .icons img {
  position: absolute;
  top: 2px;
}
.live-draft-dropdown-block .selector-title .icons img:first-child {
  left: -31px;
}
.live-draft-dropdown-block .selector-title .icons img:last-child {
  left: -14px;
}
.live-draft-dropdown-block .selector-title .icons.draft img {
  position: absolute;
  top: 2px;
}
.live-draft-dropdown-block .selector-title .icons.draft img:first-child {
  left: -35px;
}
.live-draft-dropdown-block .selector-title .icons.draft img:last-child {
  left: -15px;
}
.live-draft-dropdown-block .selected .selector-title {
  font-weight: bold;
}
.live-draft-dropdown-block .on-off-indicator .locking {
  display: inline-block;
  width: 48px;
}
.live-draft-dropdown-block .on-off-indicator span {
  display: inline-block;
  border-radius: 5px;
  vertical-align: middle;
  position: relative;
  top: -2px;
}
.live-draft-dropdown-block .on-off-indicator span.on {
  color: #8dbe48;
  padding-right: 4px;
}
.live-draft-dropdown-block .popover-inner {
  background: #667E8F;
  margin: -2px -2px;
  border-radius: 3px;
  color: white;
  border: 0;
}
.live-draft-dropdown-block .popover.right > .arrow {
  border-right-color: transparent;
}
.live-draft-dropdown-block .popover.right > .arrow:after {
  left: 5px;
  border-right-color: #667e8f;
}
.live-draft-dropdown-block .popover-content {
  padding: 2px 12px;
  font-size: 10px;
  min-width: 160px;
}
.live-draft-dropdown-block .symbol {
  display: inline-block;
  font-weight: bold;
  color: #DDDDDD;
  cursor: pointer;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
  height: 16px;
  width: 16px;
  text-align: center;
  line-height: 1.2;
}
.live-draft-dropdown-block .symbol:hover {
  color: #cdcdcd;
  border: 1px solid #cdcdcd;
}
.automation-tooltip .tooltip-arrow {
  display: block;
  border-right-color: #5b7384 !important;
}
.automation-tooltip .tooltip-inner {
  background: #5b7384;
  color: #FFFFFF;
  width: 200px;
}
.save-as-modal .modal-body {
  min-height: 460px !important;
}
.save-as-modal .modal-body .copy-only {
  margin-top: 10px;
}
.save-as-modal .modal-body .all-content-header {
  margin-top: 10px;
}
.save-as-modal .modal-body .all-content-text {
  line-height: 25px;
  font-size: 14px;
}
.save-as-modal .modal-body .target-text-header {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 25px;
}
.save-as-modal .modal-body .project-name-duplicated-error {
  border: 1px solid #a94442;
}
.save-as-modal .modal-body .include-buttons > button {
  width: 108px;
}
.save-as-modal .modal-body .include-buttons > button:hover {
  color: white;
  background: #109CAF;
}
.save-as-modal .modal-body .duplicate-params {
  height: 250px;
}
.save-as-modal .modal-body .form-group .diagram-only {
  height: 210px;
}
.save-as-modal .modal-body .form-group .blue-label {
  color: #00b0c0;
  font-size: 20px;
  font-family: Lato;
}
.save-as-modal .modal-body .form-group .gray-label {
  color: grey;
  font-size: 16px;
  font-family: Lato;
}
.save-as-modal .modal-footer {
  position: absolute;
  bottom: 0;
  left: 0px;
}
.cl-button-group > .btn {
  margin: 0;
  padding: 0;
  line-height: 31px;
  height: 33px!important;
  border-color: #51C5D4 !important;
  min-width: 98px;
  box-shadow: none;
  background: white;
}
.cl-button-group > .btn.btn-active {
  color: #fff !important;
  background: #51C5D4 !important;
  border-color: #51C5D4 !important;
  outline: 0!important;
}
.editor-modal-dialog {
  overflow: hidden !important;
  height: 90%;
  width: 90%;
  margin: 0 auto auto;
  min-width: 90%;
  max-width: 90%;
  top: 2%;
}
.editor-modal-dialog .ellipsis_overflow {
  overflow: hidden;
  white-space: nowrap;
  /* text-overflow: ellipsis; */
}
.editor-modal-dialog .modal-dialog {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  top: 0;
  left: 0;
}
.editor-modal-dialog .email-editor {
  width: 100%;
  height: 100%;
}
.editor-modal-dialog .email-editor .e-modal-content {
  width: 100%;
  overflow: hidden;
  height: calc(100% - 45px);
}
.editor-modal-dialog .email-editor .e-modal-content .modal-body {
  padding: 0;
  display: block;
  height: 100%;
}
.editor-modal-dialog .email-editor .e-modal-content.no_editor {
  height: 94%;
}
.editor-modal-dialog .email-editor .e-modal-content::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(24, 24, 24, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.editor-modal-dialog .email-editor .e-modal-content::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}
.editor-modal-dialog .email-editor .e-modal-content::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(24, 24, 24, 0.3);
  background-color: #555;
}
.editor-modal-dialog .preview {
  display: flex;
  flex-direction: column;
}
.editor-modal-dialog .preview .top-stripe {
  height: 80px;
  width: 100%;
  border-bottom: 1px solid #8c8c8c;
  padding-left: 24px;
}
.editor-modal-dialog .preview .top-stripe .back-to-editor-btn {
  margin: 22px 5px;
}
.editor-modal-dialog .preview .top-stripe .top-right-buttons {
  margin: 22px 24px;
  float: right;
}
.editor-modal-dialog .preview .top-stripe .top-right-buttons .mobile-view-icon {
  width: 20px;
  height: 38px;
  border: none;
  margin-right: 14px;
  background-repeat: no-repeat;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkExNDM5NUQxQjcyODExRTc5NEM3RUYzRUVCOEUzRjc1IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkExNDM5NUQyQjcyODExRTc5NEM3RUYzRUVCOEUzRjc1Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTE0Mzk1Q0ZCNzI4MTFFNzk0QzdFRjNFRUI4RTNGNzUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTE0Mzk1RDBCNzI4MTFFNzk0QzdFRjNFRUI4RTNGNzUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAmABQDAREAAhEBAxEB/8QAewAAAgMAAAAAAAAAAAAAAAAACQoGBwgBAQEBAAAAAAAAAAAAAAAAAAECABAAAAMFAwYJDQAAAAAAAAAAAQIEABEDBQYSFBUhMRMWBwkitMV2F4cIOElBYbFSYoIjM4WVGCgZEQEAAgMAAAAAAAAAAAAAAAAAEUEBMQL/2gAMAwEAAhEDEQA/AKm2R9jvbv2j6VUbUqTqaQHlszm8xRqI9QTFaVfFVo1BoSiJF0aaOA2zgIgImeOcWqUQvOod2Ttviih1Um9PIgLCEJni0+UqrcXI4YOglKeyXPkNaHztpMMf9G21TpQ/FbWiFrBrhhNwvyjAcWuF5vL7Fr5HBtaK0/gubAZvdk915Nzxqbj52Mq50IOwS+HihdcXILVSLEI3ZPdeTc8am4+djKudCDsEvh4oXXFyC1UixCN2SH6vJR8g1jUzvuBwYyrnQg7BL4uH+obnZemF7voD/Q1Ui2DoySfp1K2BJZnO10vgqYxIa2RFnIIYwlOIGiQwhQobrWfhFKb1gAWQnFdTRNODUuNB0tX9HEl8gRo6qKsX1AvxCcQ7d6XQhMT4RIryuhg4AdmBgodhkfCMR1iPrJil3wDRzXHLWhtXi3d/ddpdL7NnKyH/2Q==);
}
.editor-modal-dialog .preview .top-stripe .top-right-buttons .mobile-view-icon.active {
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjhFRTZEOEFEQjcyODExRTc4QTREQjU4QUY0MkE3QUMyIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjhFRTZEOEFFQjcyODExRTc4QTREQjU4QUY0MkE3QUMyIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6OEVFNkQ4QUJCNzI4MTFFNzhBNERCNThBRjQyQTdBQzIiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6OEVFNkQ4QUNCNzI4MTFFNzhBNERCNThBRjQyQTdBQzIiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAmABQDAREAAhEBAxEB/8QAkQAAAwEAAAAAAAAAAAAAAAAABwgJBgEBAAMBAAAAAAAAAAAAAAAABgUHCAQQAAAEBAMDCwUAAAAAAAAAAAECAwQAERIFIRQGMRMHQVGyFXWFxRYXNwgyRaUYSBEAAQICBAgNBQEAAAAAAAAAARECABIhMQMEYbEighODBQZBUYGRwcLDFDQ1RUYH8HEyQhVi/9oADAMBAAIRAxEAPwA46H4DcS+L9pc60tDu3OkXT5dF05uLs5HCi5KTKGNJI851hjOLMvW17tcXCycCEAqFCRkzY+4+1d4bJ19s3NMziCXuMxdWSaDxwQn3w34mCVDq0LUmYAHMi5uImARwlTQ2LLl2xw2e89hTOuBG41JhDeviPaJDdBKCmVM8Gn/KMagrrWAv6ea489eiueQ63z9GSzJ8hmcvvq6qdu7wnTPkiV75YaHvaUJWmUi1c8Df4O0O/wD8WcTTrLMdHPL+VVctCpFAvhp7PH7efdBGB28/i80dMXr8SeS6x2JsNfB2LPiZ/wDbffvhkOvRs3rRnb33rOzhgfhp7PH7efdBGIfefxeaOmHXxJ5LrHYmw18HYs+Jn/23374ZDr0bN60Z2996zs4YH4aezx+3n3RRiH3n8Xmjph18SeS6x2JsNfB2LPiaEh/dvZ99n+Lh16Nm9aM7e+9Z2cKewJqxJNROwLXdxbiKnKVe2A7BucwbTABALiIS2gA88InmyNLwAcKLFXWLb60EXcvLATSyaU4RQDzgHjEbHULjUS6diDTtt1jb1EbYgnfTOl3a4LvwE2+VSpKWghsJFHEOcY5LuxjS7SOYVOSgFDeAHDE3tK2trRtl3SzvDCGAWkxeZrT9nNpKNPFR9hw4PdXnPb7MvPMe/oyknPWE6J1zpnsw+qqXJKO1WIiCVK6JfrkSD8lvpJpjplSXK0lVdXJ+U2BKY//Z);
}
.editor-modal-dialog .preview .top-stripe .top-right-buttons .desktop-view-icon {
  width: 45px;
  height: 38px;
  border: none;
  margin-right: 14px;
  background-repeat: no-repeat;
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkRGRDA0RkI4QjcyODExRTc4ODBBOUNBMTlBRkI5RkQ3IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkRGRDA0RkI5QjcyODExRTc4ODBBOUNBMTlBRkI5RkQ3Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6REZEMDRGQjZCNzI4MTFFNzg4MEE5Q0ExOUFGQjlGRDciIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6REZEMDRGQjdCNzI4MTFFNzg4MEE5Q0ExOUFGQjlGRDciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAmAC0DAREAAhEBAxEB/8QAgAAAAgMBAQAAAAAAAAAAAAAAAAkDBwgFBgEBAQEAAAAAAAAAAAAAAAAAAAECEAAABAMEBQYMBwAAAAAAAAABAgMEAAUGERITCCEU1AcZMhVVlRYJQSJCtHV2thc3Vxg5YbEjM6RnKREBAAMBAQEAAAAAAAAAAAAAAAERIRJBAv/aAAwDAQACEQMRAD8ArbL9lUrjOE3ruv195baVzaXTsG86dTdsu+cPHDlErkywqEVJZyrLB/KNWxEW0Rwna5+csi6pc7REteU7bupq+aK4yG+WnwUuKJ+PJV1AuqkMmbxTrmC26YbBstAdIWCADCzlBwna5+csi6pc7RCzkcJ2ufnLIuqXO0Qs5ZYTy11YTMK8yjE3gNyi6mbZy5nYN1ubzukJKvMUlhaYl6+RJY6QDe8ofBFSjBO6d+HW931paeYJxJX5NgiNCAIAgEvF+68r6RT9jzxfGfVg9078Ot7vrS08wThJ8mwRGhAEAQCXi/deV9Ip+x54vjPqoMj+bXdllspSvpBvBl1QuX9RzxF+x5oZpOCESSakQMCoquERKa8UdFgxZhImm3+KPly6Erjqtrt0SmuhxR8uXQlcdVtduhR0OKPly6Erjqtrt0KOhxR8uXQlcdVtduhR0XuXM1u9+t1XMlqM793+uJq6pqqXOVnMB5ZZgY2Hbjaf3OTp/CLTN6aVWP0A9qJ32y91farWj8/axqWNrVv6mNc0X7eVbpttt0xNax4mbu+7pYSqZPpbKt1U9mLNqqswkqCrBFR2sQgmTQIq4OmkQVDABQMcwFC20RshphB9VOUXtT1G8bS1pJm7uZu1kJPL1SLNGpDrHMVBuqmYxDppgN0hiiICAAIDZGmGvMkE03LtK4qOXb8qZpea0nNWKQIVFUjlmkWVuURUOTCQcqEOqVe24bCKYSiBBMAFtGJKwaL/AJt/1N/Fia1juJcPfs0+wvdT2a5za6/d1K5r2C41a/5duHjXfByvDDTH/9k=);
}
.editor-modal-dialog .preview .top-stripe .top-right-buttons .desktop-view-icon.active {
  background-image: url(data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABQAAD/4QMraHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLwA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/PiA8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJBZG9iZSBYTVAgQ29yZSA1LjMtYzAxMSA2Ni4xNDU2NjEsIDIwMTIvMDIvMDYtMTQ6NTY6MjcgICAgICAgICI+IDxyZGY6UkRGIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyI+IDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDUzYgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOkQyQUIxOTIyQjcyODExRTc4QjU1RTE3OTgyMzc4MkZFIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOkQyQUIxOTIzQjcyODExRTc4QjU1RTE3OTgyMzc4MkZFIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RDJBQjE5MjBCNzI4MTFFNzhCNTVFMTc5ODIzNzgyRkUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RDJBQjE5MjFCNzI4MTFFNzhCNTVFMTc5ODIzNzgyRkUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7/7gAOQWRvYmUAZMAAAAAB/9sAhAACAgICAgICAgICAwICAgMEAwICAwQFBAQEBAQFBgUFBQUFBQYGBwcIBwcGCQkKCgkJDAwMDAwMDAwMDAwMDAwMAQMDAwUEBQkGBgkNCwkLDQ8ODg4ODw8MDAwMDA8PDAwMDAwMDwwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAz/wAARCAAmAC0DAREAAhEBAxEB/8QAsgAAAgMBAQAAAAAAAAAAAAAAAAgGBwkDBQEAAgICAwAAAAAAAAAAAAAAAAYFBwEEAgMIEAAAAwQGBQgKAwAAAAAAAAABAgMABAUGERITFAcYITGUFQhBMkLT1FUWVlFhIjN0tHW1NjiiZigRAAEBBAQGCwsMAwAAAAAAAAECABESAyExBAVBUZETBhZhgdFSktIzFBUHF6HBIjJygrLCU3NU4fFCYqJDY6PDNEVGZCUm/9oADAMBAAIRAxEAPwBhsKsDpix6QmSaFJvScn10iAJP6r8ko8qrqrEtRUE4HD0tZF4XrLu2GWEUOodQ5vK2jWhlq0rE61KngLC/CKgVFRIe+trYyNTH5/huxLdY0drZL9mcoZn7FrT8SjgndbolwQTMge0TxAhlaqYvtOChgoOUSjoMoIahbB0rln7s5W5I6mrUgvFpRh+gTWHYT81YpbnkamPz/DdiW6xs62S/ZnKG49i1p+JRwTusZGpj8/w3YlusY1sl+zOUMdi1p+JRwTutSRcH42XFdfAks0JhaviSqsRBNS6mWTh6j2RQUK1NYpDmIA08o8jSpvJHNRbIMBowuKgK9p7JqdFLQL3NxicHFQJLjDEmWpYMOMBRTts1XA5+Izz9ZQ+WKy9pZyqPJ77Wd1MfsrR7weizwsqNczDDDDDDDDDZ5B+8J/iy/YTM6fwu167UJ/fvO/QaWcDn4jPP1lD5Yra2lnKo8nvtK9TH7K0e8Hos8LKjXMwwwwwwwww2eQfvCf4sv2EzOn8Lteu1Cf37zv0GgfDfjrJuEMDmaFTS6RVZ6isRTeXe4IJqlAhEgTED11UxAaQ9Dbd+XROtq0qlkOAwn5C0L1e6bWG4LPNlWlKypSgRCAag6l6ksyGdLCXu6ZNjQ7S0Jqvasacp3GsHtfubezeCnjsZ0sJe7pk2NDtLGq9qxpyncY7X7m3s3gp47GdLCXu6ZNjQ7Sxqvasacp3GO1+5t7N4KeOxnSwl7umTY0O0sar2rGnKdxjtfubezeCnjsqgYxyrmPPi9doj4WvBT2NiS90brM5+7tKnvNPP1Mw9GTejubPEfc8Z+LvNWGttj1o6VcvMvqcI+Sgqe6v61TObMGVrfMR394S3xbDvHm02vSrWXs1qdfr16WU5PScAzedhdQ6Jzthrnt2qWfXzjmmdeYos1FFhifS/G+lo3EF+E11cHx5cnGVYm+IIqKOkOIcEjLqFKIkSBRUSkLWHRSYaAbuQL1JAJmgY/DoyNoTl6GoQpSU2NRAJCRmQVHEIiA81UkDGQ2YsZWI8ReJrpOiDgms9KnI5OxgOiiBjiIETMUTAJS6gEBHRytYMkEISCSaBSazRWdkt5mtywu0TFJSEgrUQlJBSkElyUkUFKagRQRSGvbh0fcPUJlibpiRBoW/QF9dgAsViSyZLmqSsYolTMcpjgfmjUARAaBHRS0NfyLQZaTIUoKBqS+mrCnFs7LPfVzOuxNqmovKXJVLUkOVNKAEEPqEwgmOowPIIS8OLw6H+Q/6l/Jlb/bfjfaa4v+L/AML8pvRJlT3Q8VPCO674jeKKta8WallT06Ktejo6+Vus9JxjlYnF3jPdQ/uuftNsp1RzCnczzUQfyUMblQvwPdHDsROwt//Z);
}
.editor-modal-dialog .preview .top-stripe .recipient-select {
  margin: 22px 24px;
  float: right;
  width: 410px;
  position: relative;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-left-buttons {
  float: left;
  position: relative;
  top: 7px;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-left-buttons .start-recip {
  width: 23px;
  height: 16px;
  margin-right: 5px;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-left-buttons .start_g {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjUwRjUzNjJCOUMzMTFFNzhBMTNEOTczMjQ4RkJEQzEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjUwRjUzNjNCOUMzMTFFNzhBMTNEOTczMjQ4RkJEQzEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGNTBGNTM2MEI5QzMxMUU3OEExM0Q5NzMyNDhGQkRDMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGNTBGNTM2MUI5QzMxMUU3OEExM0Q5NzMyNDhGQkRDMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuUH870AAADnSURBVHjaYjwDBAwMDBJA/A+I3wCxPxA/ZiAdCAFxJ8gMY2PjSpAACxCrAzEPVAHIEm4yDT4KxBpAvB4myISm6A8Q/ybRYG0gPg81+B0UM8BcTglwBOLtQMyOTZKJAoOjgXgfLoMpMbwaiJcQUkROsMwE4jRiFJJq+F4gdiJWManBcpoUxaQaXgHE8bQyHAQWQXPxP1oYDgKboGn8FymGM0IxMeAQEFsC8SdiDQfxmUnwwTkgNgHiR7iSIiincQLxfyD+CcRPSAyi20BsBcTHgVgWiPmRDd/EQDl4CsS2QDwdueACCDAAaSUnVRBQxtkAAAAASUVORK5CYII=);
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-left-buttons .start_b {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RjM3Q0NEQUZCOUM4MTFFN0JENDlGQzk5REZCNERBNTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RjM3Q0NEQjBCOUM4MTFFN0JENDlGQzk5REZCNERBNTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGMzdDQ0RBREI5QzgxMUU3QkQ0OUZDOTlERkI0REE1MSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGMzdDQ0RBRUI5QzgxMUU3QkQ0OUZDOTlERkI0REE1MSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpAVbH0AAADdSURBVHjatNS9DgFREAXgsZGIRngAtdDpdHgBPYXSO/AEXkGiE6VqC9GIREPjp9Fp/NQKKsR1RmYbsXFnN3uSr9rJSe7N3SEiWsEJDrCFLAVLGvrQNcYQ49zAiAfkAhRnYCcdI6/c+Rp6Ck0KsIE8XMQncQqXMkwg8eujE6K4ATO/4jDlHRj+GwpyLT1o2Qxqy6dQtR3WXstSM6wtb0MzqnLOAGrwiqKc40IF7prymLDJHEpwtS13lKdZQxGOfk+xDklZOnzMs/KK9nKChWzUFEUQLh7zT+ZtxbcAAwDpfzesDY+v1gAAAABJRU5ErkJggg==);
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-left-buttons .prev-recip {
  width: 12px;
  height: 16px;
  margin-right: 10px;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-left-buttons .prev_g {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEREMzQwNERCOUM0MTFFNzg0N0ZDRTgzNkFGMEEzMTYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEREMzQwNEVCOUM0MTFFNzg0N0ZDRTgzNkFGMEEzMTYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0REQzNDA0QkI5QzQxMUU3ODQ3RkNFODM2QUYwQTMxNiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0REQzNDA0Q0I5QzQxMUU3ODQ3RkNFODM2QUYwQTMxNiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pjy4OhUAAAClSURBVHjaYvn//z8DCJw9e5aBAJAD4l4WBuKAEhBfBmIuJiIUuwPxVZBiIP5ISEMuEO8AYg6YAD4nTQHibHRBbBpAVm8EYhdsprBg8dweIFbEZS2yH8qA+C4+xegaLgLxFUJBhqxhJxDrAfEqYjWAACjaw4F4IrEaYKAAiMtJ0QACXUAcR4oGEFgMxB5A/INYDbDAMIWy+ZmITK2g4NYF4mMAAQYArKMagXGsH04AAAAASUVORK5CYII=);
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-left-buttons .prev_b {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTg2NzQ0RjNCOUM4MTFFNzgyRjk4NDU2RUNGNTEyQ0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTg2NzQ0RjRCOUM4MTFFNzgyRjk4NDU2RUNGNTEyQ0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpFODY3NDRGMUI5QzgxMUU3ODJGOTg0NTZFQ0Y1MTJDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFODY3NDRGMkI5QzgxMUU3ODJGOTg0NTZFQ0Y1MTJDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn4pN0cAAAB8SURBVHjaYvj//z8DCBMB5IB4NQORGpSA+CsQ/ydGgzsQfwcrZmD4QEhDLlThf2I0TEFTjFMDFxDvxqIYqwaQ5+7hUIyhoQyPQrgGJiSnXATiKwRjA81JjEC8klgnIYMJpGrA5SeCERdLqgaSkwYM6MBtISF5gzQdBQgwAN7loS/UH0JAAAAAAElFTkSuQmCC);
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-right-buttons {
  float: left;
  position: relative;
  top: 7px;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-right-buttons .end-recip {
  width: 23px;
  height: 16px;
  margin-left: 5px;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-right-buttons .end_g {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkVENzIzRDFCOUM5MTFFNzkxNjA4MzMxODU3QTVCMzgiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkVENzIzRDJCOUM5MTFFNzkxNjA4MzMxODU3QTVCMzgiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCRUQ3MjNDRkI5QzkxMUU3OTE2MDgzMzE4NTdBNUIzOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCRUQ3MjNEMEI5QzkxMUU3OTE2MDgzMzE4NTdBNUIzOCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpdThBMAAADjSURBVHjaYjxz5swOBgaGWiA+zUAlYGxsDKZZgNgUiE8BsS4QXyHRHJB+ZyAWAOI/ULEXQHwUJvkaiIWA+CRU4QkSDOcG4rlALI0ktguI3UEMJiRBLiA+DsSeJBj+D4qxAiYsYtuAOIJIw/9DMdGGg8ByIE6nNGKZ8MjNAOIKWhkOAu1AvIBWhoOAGTRVUd3wTUCsh5SGqWb4NCD2J9dgfIaXAnE2pakFW1hGAvEKapQxyIZ/AWJvID5ErQIMZLgkEH+DFlwPyNDPgk9yHRC3kGEwCPwC4hvQuPsGFXsMkwQIMACE4SfhO9Ar5gAAAABJRU5ErkJggg==);
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-right-buttons .end_b {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAQCAYAAAD9L+QYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDdFRjlDMzNCOUM5MTFFNzgwNEVFOUUyQkM1RjFDNEMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDdFRjlDMzRCOUM5MTFFNzgwNEVFOUUyQkM1RjFDNEMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEN0VGOUMzMUI5QzkxMUU3ODA0RUU5RTJCQzVGMUM0QyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEN0VGOUMzMkI5QzkxMUU3ODA0RUU5RTJCQzVGMUM0QyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pj5+E58AAADbSURBVHjaYmBgYNgBxKYMVAT///8HY0Yg+y0QCwGxLhBfIdEcFiB2BmIBIP4DFXsBNPgoTMENkGVA/BWILUg0nB+In0D1w/BOmMuZkBRyAfFxIPYkwfB/UIwVMGER2wbEEcQGLxQTbTgILAfidEojlgmP3AwgrqCV4SDQDsQLaGU4CJhBkxzVDd8ExHpIaZhqhk8DYn9yDcZneCkQZ1OaWrCFZSQQr6BGGYNs+Bcg9gbiQ9QqwECGSwLxN2jB9YAM/Sz4JNcBcQsZBoPAL2jBxwR1IAg8hkkCBBgAQyM10ptHp1UAAAAASUVORK5CYII=);
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-right-buttons .next-recip {
  width: 12px ;
  height: 16px;
  margin-left: 10px;
  border: none;
  background-repeat: no-repeat;
  background-color: transparent;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-right-buttons .next_g {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTk3MzBFQzJCOUM5MTFFNzkxRENFRjk3NEM3NDA0NDMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTk3MzBFQzNCOUM5MTFFNzkxRENFRjk3NEM3NDA0NDMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBOTczMEVDMEI5QzkxMUU3OTFEQ0VGOTc0Qzc0MDQ0MyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBOTczMEVDMUI5QzkxMUU3OTFEQ0VGOTc0Qzc0MDQ0MyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoI3RP4AAACnSURBVHjaYvn//z8DCJw9e3YdkPoIxIkMeAALElsUiAOB+BMQ5+PSwITE/gal84B4JTEakEEYEB8EYi5iNYCAHRCfB2JxYjWAgBoQXwNiHWI1gIAQEJ8CYndiNYAAJxDvAOJSYjXAgAUpGpqAOJiFSMXRQLwMPaaxgTdQz57DljTQASgO3KCaCMbDKiA2QleMroEHSjcDcTgxqfUqEO8H4jp8ngIIMADaaBv7KK26PwAAAABJRU5ErkJggg==);
}
.editor-modal-dialog .preview .top-stripe .recipient-select .nav-right-buttons .next_b {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAQCAYAAAAiYZ4HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NFNTVFNDFCOUM5MTFFN0E5ODdCNDUyQjdGNkE3N0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NFNTVFNDJCOUM5MTFFN0E5ODdCNDUyQjdGNkE3N0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0U1NUUzRkI5QzkxMUU3QTk4N0I0NTJCN0Y2QTc3QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0U1NUU0MEI5QzkxMUU3QTk4N0I0NTJCN0Y2QTc3QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsxjxgYAAACUSURBVHjaYvj//z8DCAPBOiCez0AIIGk4DOIC8URiNeyEagDhlaRqAOGDQMyFrp4Jj+V2QHweiMWJ1QACakB8DYh1iNUAAkJAfAqI3YnVAAKcQLwDiEuJ1QADFqRoaALiYHzBioyjYLpYCJj6BurZc8RoAMWBG1QTwXhYBcRG6IrRk8ZRqHubiE18s4C4hVBQAQQYACmMS1tSbzsuAAAAAElFTkSuQmCC);
}
.editor-modal-dialog .preview .top-stripe .recipient-select .cl-recipients-drop-down {
  width: 280px;
  height: 30px;
  float: left;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .cl-recipients-drop-down .btn-recipients-menu {
  padding-top: 0;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .cl-recipients-drop-down .dropdown-menu {
  width: 280px;
  margin-top: 0;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .cl-recipients-drop-down .dropdown-menu > ul > li > span.user-icon {
  margin-left: 7px;
  top: 4px;
  position: relative;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .cl-recipients-drop-down > a {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .cl-recipients-drop-down > a .recipient-name {
  font-size: 15px;
  vertical-align: baseline;
  width: 215px;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .cl-recipients-drop-down > a .caret {
  width: 15px;
  height: 17px;
  vertical-align: baseline;
  border-top: 8px dashed;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
  margin: 8px 10px 0 0;
}
.editor-modal-dialog .preview .top-stripe .recipient-select .user-icon {
  width: 20px;
  height: 18px;
  position: relative;
  top: -1px;
  display: inline-block;
  background-repeat: no-repeat;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAASCAYAAABb0P4QAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTA0REIxRkZCOUMwMTFFN0I4NENDMkFCQThDRkI2RDYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTA0REIyMDBCOUMwMTFFN0I4NENDMkFCQThDRkI2RDYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDREQjFGREI5QzAxMUU3Qjg0Q0MyQUJBOENGQjZENiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDREQjFGRUI5QzAxMUU3Qjg0Q0MyQUJBOENGQjZENiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnasdxIAAAE8SURBVHjaYpw5cyYDHmANxB1AbAzlnwfiSiA+hEsDEx7DPID4ABDbADEnFFsB8X4g9iXVQCEgbgJiFhx6WoFYjBQD1YHYFI/rdYFYlRQDWRgIAxZSDHwMxK/wGPYBqoYkA/fiMRAUMU9IMfAvEC/HY+BSIP5FarLZDMSbsIhvB+IN5KRDECgD4qtI/JtAXAL1AVExxQ/EhkD8HKoZhH2AOBeIGYF4ChDfg6rVBGIlIL4AxE+xudAZmjNAAb4HiFOhFjwA4mIgLoIaxg+V2wXEW4D4BFSOGdmFHlBJZihfBohnQvPtRSC+DMT/oAka5AMFqIthanuBWBKIS0EGCgNxC5JhMADSoAjFAUQkdFDY7gJ52R2pNKEUBIMMdGGgHrADGWhJRQMlQGH4H4i/QfMnI5kGgcwQBOJHAAEGADwDORbMkpBmAAAAAElFTkSuQmCC);
}
.editor-modal-dialog .preview .i-frame-container {
  width: 100%;
}
.editor-modal-dialog .preview .i-frame-container .desktop-view {
  position: relative;
  top: 0px;
  left: 0px;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  z-index: 11;
}
.editor-modal-dialog .preview .i-frame-container .desktop-view.show-frame {
  z-index: 12;
  opacity: 1;
}
.editor-modal-dialog .preview .i-frame-container .desktop-view .desktop-iframe {
  position: fixed;
  left: 0px;
  top: 127px;
  width: 100%;
  height: calc(83%);
}
.editor-modal-dialog .preview .i-frame-container .mobile-view {
  position: relative;
  width: 348px;
  height: 617px;
  top: 10px;
  margin-right: auto;
  margin-left: auto;
  transition: opacity 1s ease-in-out;
  opacity: 0;
  background-repeat: no-repeat;
  background-color: transparent;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVwAAAJpCAYAAADhSYqvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTY2MERFODJCRDkwMTFFNzg2OTFCNERCN0JBRUQ2NkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTY2MERFODNCRDkwMTFFNzg2OTFCNERCN0JBRUQ2NkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NjYwREU4MEJEOTAxMUU3ODY5MUI0REI3QkFFRDY2RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NjYwREU4MUJEOTAxMUU3ODY5MUI0REI3QkFFRDY2RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pk5Jx/AAABzPSURBVHja7N1rbGRn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);
  z-index: 11;
}
.editor-modal-dialog .preview .i-frame-container .mobile-view.show-frame {
  z-index: 12;
  opacity: 1;
}
.editor-modal-dialog .preview .i-frame-container .mobile-view .mobile-iframe {
  width: 317px;
  height: 479px;
  top: 68px;
  left: 14px;
  position: relative;
}
.editor-modal-dialog .templates {
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -8px 32px;
  -ms-flex-pack: start;
  justify-content: flex-start;
  text-align: center;
  padding: 0 0 24px 88px;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
.editor-modal-dialog .templates .media-grid {
  display: inline-flex;
  width: max-content;
}
.editor-modal-dialog .templates .template-container {
  margin: 0 80px 60px 0;
  padding: 0;
  box-sizing: border-box;
  position: relative;
  max-width: 400px;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 320px;
  flex-basis: 320px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.editor-modal-dialog .templates .template-title {
  font-size: 15px;
  line-height: 15px;
  margin-top: 15px;
  margin-bottom: 0px;
  font-family: Lato;
  color: #666666;
}
.editor-modal-dialog .templates .media {
  box-sizing: border-box;
  padding-top: 0px;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 2px;
  height: 390px;
  -webkit-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.35);
  -moz-box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.35);
  box-shadow: 2px 2px 6px 0px rgba(50, 50, 50, 0.35);
}
.editor-modal-dialog .templates .media img {
  border-radius: 2px;
  background-repeat: no-repeat;
  background-position: top center;
  width: 100%;
  box-shadow: 2px 4px 6px 0px rgba(50, 50, 50, 0.35);
}
.editor-modal-dialog .templates .media .buttons {
  box-sizing: border-box;
  text-align: center;
  white-space: nowrap;
  height: 90px;
  width: 100%;
  background: rgba(230, 230, 230, 0.85);
  padding: 27px 40px 27px 40px;
  position: absolute;
  transition: bottom 0.5s;
  bottom: -90px;
}
.editor-modal-dialog .templates .media .buttons button {
  box-sizing: border-box;
  border-radius: 5px;
  color: white;
  display: inline-block;
  height: 36px;
  font: 16px Lato;
  width: 100px;
  background-color: #00B0C0;
  padding: 0;
}
.editor-modal-dialog .templates .media .buttons button:hover {
  background-color: #109CAF;
}
.editor-modal-dialog .templates .media:hover {
  border: 1px solid #cccccc;
  border-radius: 2px;
}
.editor-modal-dialog .templates .media:hover .buttons {
  bottom: 0;
}
.editor-modal-dialog .strip {
  padding: 30px 30px 40px 50px;
  font-family: Lato;
  font-size: 26px;
  color: #00b0c0;
}
.editor-modal-dialog .floatleft {
  float: left;
}
.editor-modal-dialog .floatright {
  float: right;
}
.modal-header {
  height: 45px !important;
  padding-left: 15px !important;
}
.save-modal {
  z-index: 2007 !important;
}
.save-modal .save-modal-body {
  padding: 20px 20px 10px 20px;
  min-height: 80px;
}
.save-modal .save-modal-body .f-name.error-message {
  border: 1px solid red;
}
.save-modal .save-modal-body .err-msg {
  color: red;
}
.save-modal .save-modal-footer {
  width: 100%;
  align-self: flex-end;
  margin-top: auto;
  border-top: none;
  background-color: #F2F2F2;
  height: 60px;
  padding: 0px 20px 0px 20px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.save-modal .alert {
  margin-top: 24px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkQ0NEZBRDk5QzNGMTFFN0FENDBFRjA3QzIxNEFCMjEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkQ0NEZBREE5QzNGMTFFN0FENDBFRjA3QzIxNEFCMjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGRDQ0RkFENzlDM0YxMUU3QUQ0MEVGMDdDMjE0QUIyMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGRDQ0RkFEODlDM0YxMUU3QUQ0MEVGMDdDMjE0QUIyMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiiI0IgAAAM0SURBVHja7JY5aJRBFMf/b+a7ds3u5lCjxqNQCy0EG8HCCwuxEqwVGws7EYlgo1gIooWFjcRCSKPrgQdIPCKKVYIHQdGIxjNGc+2qca9vv/lmfLtZj4hHoolYOHwPvmNmfvPm/d+bD8YYfLLfbTx27k++jTD6GkREGO/2rSMCf7mNGZg7v4IGjuyUfw1YKNQ2VjnX1K1j56wJBw4m15Py/b3KyWKmn+ydcGCYSe0iylq+qEd9VVdd656dy8cKHLVKnx9eMDMRb+g24gN0CFgyQELV52lDS3RCVOrYzoOgUEThbRwqV4fc0BTAfxm5c2HH9nH3MJ1cslqGxdbBYAW8xXswZYZAvr8DQccOWB98vJ62L7pw3Zr8uHho7m2x/JRohQ7YTd69WQmouhgwfRqMrGIbwqzMldPjJ5qeF4esmAdDEhT6UEMagQKCbJGfQ2iXtzd7be1g2+XEHwPTx1dG3qezW8jiblrD2B6ELUCaa6LDaSgFjJaQEVbw/aauPwY6gX6owEWFw0COCwz0QWUyEA5Bv3sD9S4Fsm22aqB4d3JfS9PG3wamTixdm1OYzajys0Ic0fAO/IGnKMugvx0UFHgGm700sOIMfZVs7ml/LMYMNL37RRjGzpQ8+dS0kojUFoHOs0g96IJ5chVWdYJhlTEyBkndUJ1H943dw+6+raQCF/SlRgtSUHI6aiIdsG7u5rg5MKKU8xViKa5VUxHNX258fv1GfNTAx2caKezpOsBBGfFemjTeq0WgVSfRsKkZ7rK9KLun/K9yzoWMsXofNbeNGlgX9G5+m34jyXJHVgiuZ0Z6KEQksiykwJvEq7DxeU+HiazkWrjF2wteXDw//5dA/eyUZ7Kvm+BWTh76YkZa3DkLGkwBmTRM+iXPH5RTg+tVxVBOE5szMvqqqf17wBFnWup2S1K6fbC9muHJTHnRlaXFUB3eQti2DrmQ4XYRsjRacC6a4e0nMbxKcmKw6X7N3WMH1/CLSz8EImzYluqc0y7c6DMq0aQwPJwv7kcQ0jaeCbUuZqyCE9dRsr2cCWVeG9IsGkU64IAaxbdw/Jp59qLq6z8t3v/kP81/4H/gRwEGAMZheZjbWbvsAAAAAElFTkSuQmCC);
}
.modal.ng-isolate-scope.sample-warning.in {
  z-index: 2003 !important;
}
.editor-ajax-loader-background {
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background-size: 100px 100px;
  z-index: 9998;
  background: white;
}
.editor-ajax-loader {
  background: transparent url(data:image/gif;base64,R0lGODlhZABkAPfeAM3NzcvLy/7+/v///8rKysjIyMbGxsTExMfHx8nJycXFxeXl5dnZ2cLCwsPDw/v7+/z8/P39/fr6+sHBwc7Ozvf39/j4+PHx8e3t7fT09PLy8tXV1fn5+dbW1tTU1PDw8OPj49DQ0O7u7tPT0+Tk5H9/f0NDQ+rq6tjY2Ozs7PPz8+/v7/X19fb29t/f3+np6d7e3tfX1+vr6+jo6Obm5uHh4cDAwOfn59LS0tvb29HR0eLi4uDg4M/Pz9ra2r+/v9zc3AkJCQgICN3d3WBgYAEBAQsLCwICAqioqAUFBbu7uyAgIAcHBwMDAycnJ7i4uLy8vEZGRhYWFjExMaGhoaurqwoKChMTEwQEBKWlpbe3ty8vLzMzM6qqqgwMDKampnJycpCQkDIyMrS0tC0tLQ4ODmJiYisrK5WVlb6+vpeXl4iIiI+Pj3d3d5SUlEVFRRcXF7KyspKSkikpKbm5uWxsbGpqamhoaDg4OLCwsIyMjLq6ujs7O7W1tTQ0NDY2NnNzcyEhIUdHRxQUFHBwcAYGBhAQEDk5OYSEhKenp7a2tiQkJEBAQKCgoJqamoGBgSUlJTU1NaKiohgYGC4uLo2NjZ+fnz09PWVlZRERESMjIx8fH6ysrKmpqYaGhnFxcYKCgnx8fFxcXJycnCwsLFpaWllZWRwcHJ6ennh4eEhISD4+Pj8/Pzc3N5ubm729vWFhYY6OjmlpaXV1dYeHh35+foqKiq2trZmZmX19fUtLSw8PD0JCQrGxsWtra5GRkbOzs4uLizAwMICAgHZ2dm5ubh4eHhkZGR0dHYWFhW1tbaOjo3R0dBoaGmZmZpiYmCIiIigoKHp6ek1NTZOTk15eXm9vb0lJSUxMTIODgxISEhUVFQAAAMzMzP///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QkE5MDUyMjJDMjA4MTFFN0IxMUVGNEM3NjU2NDRFOEQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QkE5MDUyMjNDMjA4MTFFN0IxMUVGNEM3NjU2NDRFOEQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpCQTkwNTIyMEMyMDgxMUU3QjExRUY0Qzc2NTY0NEU4RCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpCQTkwNTIyMUMyMDgxMUU3QjExRUY0Qzc2NTY0NEU4RCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQz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) no-repeat fixed center;
  position: absolute;
  top: 45px;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: 100px 100px;
  z-index: 9999;
}

.x-cl-fullheight {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.image-remove-button {
  position: absolute;
  height: 18px;
  width: 18px;
  top: -8px;
  right: -8px;
  cursor: pointer;
  border: 1px solid white;
  color: white;
  z-index: 2;
  text-align: center;
  line-height: 14px;
  border-radius: 50%;
  background-image: radial-gradient(circle at 50% 50%, #dadada, #7c7c7c);
}
.image-remove-button:before {
  content: 'x';
}
.cl-mini-spinner .sk-spinner-circle.sk-spinner {
  width: 32px;
  height: 32px;
  position: relative;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 20%;
  height: 20%;
  background-color: #009ee2;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}
.cl-mini-spinner .sk-spinner-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.cl-mini-spinner .sk-spinner-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.cl-mini-spinner .fading-circle {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 70px;
  height: 70px;
  font-size: 10px;
  text-indent: -9999em;
  border-radius: 50%;
  background: black;
  background: linear-gradient(to right, black 10%, rgba(0, 0, 0, 0) 42%);
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.cl-mini-spinner .fading-circle:before {
  width: 50%;
  height: 50%;
  background: black;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.cl-mini-spinner .fading-circle::after {
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.ui-pnotify.custom {
  margin-right: 33px ;
}
.ui-pnotify-container {
  background-color: #64c8d5;
  border: 1px solid #333333;
  min-width: 330px;
  max-width: 430px;
  width: max-content;
  height: 100px;
  margin-bottom: 0px;
}
.ui-pnotify.custom .ui-pnotify-title,
.ui-pnotify.custom .ui-pnotify-text {
  font-family: Verdana;
  font-size: 12px;
  color: #333333;
}