@layer legacy, base, components, utilities;

@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700,800);
@import url("https://fonts.googleapis.com/css?family=Domine");
@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,300,600,700,800);
@import url("https://fonts.googleapis.com/css?family=Domine");
@import url(//fonts.googleapis.com/css?family=Roboto+Mono:400,500);

@layer base {
  .icon-price-tag:before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1639 7.958c-.0021.6187-.5022 1.1225-1.125 1.1225-.6213 0-1.125-.5037-1.125-1.125 0-.6214.5037-1.125 1.125-1.125.6214 0 1.125.5036 1.125 1.125v.0026ZM12.2054 11.7941l-.0088-.0088-.3352-.3353a.3978.3978 0 0 0-.5266-.0323.3978.3978 0 0 0-.0961.5187l.0008.0012.813 1.358a1.899 1.899 0 0 1-2.7955 2.4729.7504.7504 0 0 1-1.019-1.0377 1.9311 1.9311 0 0 1-.29-1.6053.75.75 0 1 1 1.4507.3819.4308.4308 0 0 0 .1085.4109l.262.262a.7334.7334 0 0 1 .05.05l.3214.3214a.399.399 0 0 0 .624-.4872l-.8113-1.3551a1.8979 1.8979 0 0 1 2.7887-2.4786.7504.7504 0 0 1 1.0204 1.0373 1.9277 1.9277 0 0 1 .2919 1.6057.75.75 0 0 1-1.4506-.3819.427.427 0 0 0-.1078-.4073l-.2817-.2817-.0088-.0088Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9947 3.5863a2.849 2.849 0 0 1 2.016-.8363h4.3851c1.5767 0 2.854 1.2763 2.854 2.852v4.385c0 .7579-.3018 1.482-.8361 2.0177l-8.4096 8.4096c-1.1139 1.1139-2.9198 1.1139-4.0337 0l-4.385-4.385c-1.1139-1.1139-1.1139-2.9197 0-4.0336l8.4093-8.4094Zm2.016.6637c-.3578 0-.7017.1428-.9539.3957l-8.4107 8.4106c-.5281.5281-.5281 1.3843 0 1.9124l4.385 4.385c.528.5281 1.3842.5281 1.9123 0l8.4083-8.4084a1.3561 1.3561 0 0 0 .3981-.9583V5.602c0-.7463-.6048-1.352-1.354-1.352h-4.3851Z' fill='%23ffffff'/%3E%3C/svg%3E");
  }
  .icon-repeat:before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23373f45'%3E%3Cpath d='M13.03 2.97a.75.75 0 1 0-1.06 1.06l1.22 1.22H9A6.75 6.75 0 0 0 2.25 12a6.735 6.735 0 0 0 2.575 5.299.75.75 0 1 0 .93-1.178A5.235 5.235 0 0 1 3.75 12C3.75 9.1 6.1 6.75 9 6.75h4.19l-1.22 1.22a.75.75 0 0 0 1.06 1.06l2.5-2.5a.747.747 0 0 0 0-1.06l-2.5-2.5zm6.144 3.731a.75.75 0 1 0-.928 1.178A5.235 5.235 0 0 1 20.25 12c0 2.9-2.35 5.25-5.25 5.25h-4.19l1.22-1.22a.75.75 0 1 0-1.06-1.06l-2.5 2.5a.747.747 0 0 0 .002 1.062l2.498 2.498a.75.75 0 1 0 1.06-1.06l-1.22-1.22H15A6.75 6.75 0 0 0 21.75 12a6.735 6.735 0 0 0-2.576-5.299z'%3E%3C/path%3E%3C/svg%3E");
  }
  /*!* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)*/
  @font-face {
    font-family: fontawesome;
    src: url(/assets/fontawesome-webfont-cbb644d0ee730ea57dd5fbae35ef5ba4a41d57a254a6b1215de5c9ff8a321c2d.eot);
    src:
      url(/assets/fontawesome-webfont-cbb644d0ee730ea57dd5fbae35ef5ba4a41d57a254a6b1215de5c9ff8a321c2d.eot?#iefix)
        format("embedded-opentype"),
      url(/assets/fontawesome-webfont-aadc3580d2b64ff5a7e6f1425587db4e8b033efcbf8f5c332ca52a5ed580c87c.woff2)
        format("woff2"),
      url(/assets/fontawesome-webfont-e3870de89716b72cb61a4bba0e17c75783b361cdaba35ea96961c3070bd8ca18.woff)
        format("woff"),
      url(/assets/fontawesome-webfont-9e540a087924a6e64790149d735cac022640e4fa6bff6bd65f5e9f41529bf0b3.ttf)
        format("truetype"),
      url(/assets/fontawesome-webfont-bfdef833219a6edffd9c3cbc28db72739d22bb4d20cc2e2f8d56a7a4d408a206.svg#fontawesomeregular)
        format("svg");
    font-weight: 400;
    font-style: normal;
  }
  .fa,
  #redactor-modal
    .automation-links.input-group
    .input-group-addon:first-child:before,
  .redactor-link-tooltip.automation-link
    .redactor-link-tooltip-action:first-child:before,
  .btn--loading:before,
  .ck-select .ck-select-toggle:after,
  .dropdown-menu.ck-select-menu li a.active:before,
  [data-active-template="true"] a:before,
  #redactor-modal
    .automation-links.input-group
    .input-group-addon:first-child:before,
  .redactor-link-tooltip.automation-link
    .redactor-link-tooltip-action:first-child:before,
  .btn--loading:before,
  .ck-select .ck-select-toggle:after,
  .dropdown-menu.ck-select-menu li a.active:before,
  .fa-fw {
    width: 1.28571429em;
    text-align: center;
  }
  .fa-spin,
  .btn--loading:before,
  .btn--loading:before {
    animation: fa-spin 2s infinite linear;
  }
  @keyframes fa-spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(359deg);
    }
  }
  .fa-plus:before {
    content: "\f067";
  }
  .fa-edit:before {
    content: "\f044";
  }
  .fa-download:before {
    content: "\f019";
  }
  .fa-pencil:before {
    content: "\f040";
  }
  .fa-trash-o:before {
    content: "\f014";
  }
  .fa-trash:before {
    content: "\f1f8";
  }
  .fa-remove:before,
  .fa-close:before,
  .fa-times:before {
    content: "\f00d";
  }
  .fa-caret-down:before {
    content: "\f0d7";
  }
  .fa-upload:before {
    content: "\f093";
  }
  .fa-check:before,
  [data-active-template="true"] a:before,
  .fa-angle-left:before {
    content: "\f104";
  }
  .fa-external-link:before {
    content: "\f08e";
  }
  .fa-refresh:before {
    content: "\f021";
  }
  .fa-bolt:before,
  #redactor-modal
    .automation-links.input-group
    .input-group-addon:first-child:before,
  .redactor-link-tooltip.automation-link
    .redactor-link-tooltip-action:first-child:before,
  #redactor-modal
    .automation-links.input-group
    .input-group-addon:first-child:before,
  .redactor-link-tooltip.automation-link
    .redactor-link-tooltip-action:first-child:before {
    content: "\f0e7";
  }
  .btn--loading:before,
  .btn--loading:before {
    content: "\f1ce";
  }
  /*!* Bootstrap v3.4.1 (https://getbootstrap.com/)
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)*/ /*!Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css*/
  * {
    box-sizing: border-box;
  }
  *:before,
  *:after {
    box-sizing: border-box;
  }
  html {
    font-size: 10px;
    -webkit-tap-highlight-color: transparent;
  }
  body {
    font-family: var(--font-ui);
    font-size: 14px;
    line-height: 1.428571429;
    color: var(--gray-800);
    background-color: var(--gray-50);
  }
  input,
  button,
  select,
  textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
  }
  a {
    color: var(--blue-500);
    text-decoration: none;
  }
  a:focus {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  a.no-underline:hover,
  a.no-underline:focus {
    text-decoration: none;
  }
  figure {
    margin: 0;
  }
  img {
    vertical-align: middle;
  }
  .img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
  }
  .img-rounded {
    border-radius: 8px;
  }
  .img-thumbnail {
    padding: 4px;
    line-height: 1.428571429;
    background-color: var(--gray-50);
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: all 0.2s ease-in-out;
    display: inline-block;
    max-width: 100%;
    height: auto;
  }
  .img-circle {
    border-radius: 50%;
  }
  hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #e1e1e1;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  .sr-only-focusable:active,
  .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
  }
  [role="button"] {
    cursor: pointer;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
  }
  h1 small,
  h1 .small,
  h2 small,
  h2 .small,
  h3 small,
  h3 .small,
  h4 small,
  h4 .small,
  h5 small,
  h5 .small,
  h6 small,
  h6 .small,
  .h1 small,
  .h1 .small,
  .h2 small,
  .h2 .small,
  .h3 small,
  .h3 .small,
  .h4 small,
  .h4 .small,
  .h5 small,
  .h5 .small,
  .h6 small,
  .h6 .small {
    font-weight: 400;
    line-height: 1;
    color: #c1c1c1;
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3 {
    margin-top: 20px;
    margin-bottom: 10px;
  }
  h1 small,
  h1 .small,
  .h1 small,
  .h1 .small,
  h2 small,
  h2 .small,
  .h2 small,
  .h2 .small,
  h3 small,
  h3 .small,
  .h3 small,
  .h3 .small {
    font-size: 65%;
  }
  h4,
  .h4,
  h5,
  .h5,
  h6,
  .h6 {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  h4 small,
  h4 .small,
  .h4 small,
  .h4 .small,
  h5 small,
  h5 .small,
  .h5 small,
  .h5 .small,
  h6 small,
  h6 .small,
  .h6 small,
  .h6 .small {
    font-size: 75%;
  }
  h1,
  .h1 {
    font-size: 36px;
  }
  h2,
  .h2 {
    font-size: 30px;
  }
  h3,
  .h3 {
    font-size: 24px;
  }
  h4,
  .h4 {
    font-size: 18px;
  }
  h5,
  .h5 {
    font-size: 14px;
  }
  h6,
  .h6 {
    font-size: 12px;
  }
  p {
    margin: 0 0 10px;
  }
  small,
  .small {
    font-size: 85%;
  }
  mark,
  .mark {
    padding: 0.2em;
    background-color: #fcf8e3;
  }
  .text-muted {
    color: #c1c1c1;
  }
  .text-success {
    color: #3c763d;
  }
  a.text-success:hover,
  a.text-success:focus {
    color: #2b542c;
  }
  .text-info {
    color: #31708f;
  }
  a.text-info:hover,
  a.text-info:focus {
    color: #245269;
  }
  .text-warning {
    color: #8a6d3b;
  }
  a.text-warning:hover,
  a.text-warning:focus {
    color: #66512c;
  }
  .text-danger {
    color: #a94442;
  }
  a.text-danger:hover,
  a.text-danger:focus {
    color: #843534;
  }
  .bg-primary {
    color: #fff;
  }
  .bg-primary {
    background-color: var(--blue-500);
  }
  a.bg-primary:hover,
  a.bg-primary:focus {
    background-color: #3d3d3d;
  }
  .bg-success {
    background-color: #dff0d8;
  }
  a.bg-success:hover,
  a.bg-success:focus {
    background-color: #c1e2b3;
  }
  .bg-info {
    background-color: #d9edf7;
  }
  a.bg-info:hover,
  a.bg-info:focus {
    background-color: #afd9ee;
  }
  .bg-warning {
    background-color: #fcf8e3;
  }
  a.bg-warning:hover,
  a.bg-warning:focus {
    background-color: #f7ecb5;
  }
  .bg-danger {
    background-color: #f2dede;
  }
  a.bg-danger:hover,
  a.bg-danger:focus {
    background-color: #e4b9b9;
  }
  .page-header,
  .page_header,
  .page_header {
    padding-bottom: 9px;
    margin: 40px 0 20px;
    border-bottom: 1px solid #e1e1e1;
  }
  ul,
  ol {
    margin-top: 0;
    margin-bottom: 10px;
  }
  ul ul,
  ul ol,
  ol ul,
  ol ol {
    margin-bottom: 0;
  }
  .list-unstyled,
  .sidebar--index section ul,
  .broadcast-list li .broadcasts,
  .sidebar--index section ul {
    padding-left: 0;
    list-style: none;
  }
  .list-inline {
    padding-left: 0;
    list-style: none;
    margin-left: -5px;
  }
  .list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
  }
  dl {
    margin-top: 0;
    margin-bottom: 20px;
  }
  dt,
  dd {
    line-height: 1.428571429;
  }
  dt {
    font-weight: 700;
  }
  dd {
    margin-left: 0;
  }
  abbr[title],
  abbr[data-original-title] {
    cursor: help;
  }
  blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #e1e1e1;
  }
  blockquote p:last-child,
  blockquote ul:last-child,
  blockquote ol:last-child {
    margin-bottom: 0;
  }
  blockquote footer,
  blockquote small,
  blockquote .small {
    display: block;
    font-size: 80%;
    line-height: 1.428571429;
    color: #c1c1c1;
  }
  blockquote footer:before,
  blockquote small:before,
  blockquote .small:before {
    content: "\2014 \00A0";
  }
  .blockquote-reverse,
  blockquote.pull-right {
    padding-right: 15px;
    padding-left: 0;
    text-align: right;
    border-right: 5px solid #e1e1e1;
    border-left: 0;
  }
  .blockquote-reverse footer:before,
  .blockquote-reverse small:before,
  .blockquote-reverse .small:before,
  blockquote.pull-right footer:before,
  blockquote.pull-right small:before,
  blockquote.pull-right .small:before {
    content: "";
  }
  .blockquote-reverse footer:after,
  .blockquote-reverse small:after,
  .blockquote-reverse .small:after,
  blockquote.pull-right footer:after,
  blockquote.pull-right small:after,
  blockquote.pull-right .small:after {
    content: "\00A0 \2014";
  }
  address {
    margin-bottom: 20px;
    font-style: normal;
    line-height: 1.428571429;
  }
  .container,
  .page_header_content,
  .page_header_content {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .container:before,
  .page_header_content:before,
  .page_header_content:before,
  .container:after,
  .page_header_content:after,
  .page_header_content:after {
    display: table;
    content: " ";
  }
  .container:after,
  .page_header_content:after,
  .page_header_content:after {
    clear: both;
  }
  @media (min-width: 768px) {
    .container,
    .page_header_content,
    .page_header_content {
      width: 750px;
    }
  }
  @media (min-width: 992px) {
    .container,
    .page_header_content,
    .page_header_content {
      width: 970px;
    }
  }
  @media (min-width: 1200px) {
    .container,
    .page_header_content,
    .page_header_content {
      width: 1170px;
    }
  }
  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
  }
  .container-fluid:before,
  .container-fluid:after {
    display: table;
    content: " ";
  }
  .container-fluid:after {
    clear: both;
  }
  .row {
    margin-right: -15px;
    margin-left: -15px;
  }
  .row:before,
  .row:after {
    display: table;
    content: " ";
  }
  .row:after {
    clear: both;
  }
  .row-no-gutters {
    margin-right: 0;
    margin-left: 0;
  }
  .row-no-gutters [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }
  .col-sm-1,
  .col-sm-3,
  .col-xs-4,
  .col-sm-4,
  .col-md-4,
  .col-lg-4,
  .col-xs-5,
  .col-sm-5,
  .col-xs-6,
  .col-sm-6,
  .col-md-6,
  .col-lg-6,
  .col-xs-7,
  .col-sm-7,
  .col-xs-8,
  .col-sm-8,
  .col-md-8,
  .col-lg-8,
  .col-sm-9,
  .col-xs-10,
  .col-sm-11,
  .col-xs-12,
  .col-sm-12,
  .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-10,
  .col-xs-12 {
    float: left;
  }
  .col-xs-4 {
    width: 33.3333333333%;
  }
  .col-xs-5 {
    width: 41.6666666667%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-7 {
    width: 58.3333333333%;
  }
  .col-xs-8 {
    width: 66.6666666667%;
  }
  .col-xs-10 {
    width: 83.3333333333%;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-push-4 {
    left: 33.3333333333%;
  }
  .col-xs-offset-1 {
    margin-left: 8.3333333333%;
  }
  @media (min-width: 768px) {
    .col-sm-1,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-11,
    .col-sm-12 {
      float: left;
    }
    .col-sm-1 {
      width: 8.3333333333%;
    }
    .col-sm-3 {
      width: 25%;
    }
    .col-sm-4 {
      width: 33.3333333333%;
    }
    .col-sm-5 {
      width: 41.6666666667%;
    }
    .col-sm-6 {
      width: 50%;
    }
    .col-sm-7 {
      width: 58.3333333333%;
    }
    .col-sm-8 {
      width: 66.6666666667%;
    }
    .col-sm-9 {
      width: 75%;
    }
    .col-sm-11 {
      width: 91.6666666667%;
    }
    .col-sm-12 {
      width: 100%;
    }
    .col-sm-offset-0 {
      margin-left: 0%;
    }
    .col-sm-offset-1 {
      margin-left: 8.3333333333%;
    }
    .col-sm-offset-2 {
      margin-left: 16.6666666667%;
    }
    .col-sm-offset-3 {
      margin-left: 25%;
    }
  }
  @media (min-width: 992px) {
    .col-md-4,
    .col-md-6,
    .col-md-8 {
      float: left;
    }
    .col-md-4 {
      width: 33.3333333333%;
    }
    .col-md-6 {
      width: 50%;
    }
    .col-md-8 {
      width: 66.6666666667%;
    }
    .col-md-offset-0 {
      margin-left: 0%;
    }
    .col-md-offset-2 {
      margin-left: 16.6666666667%;
    }
    .col-md-offset-3 {
      margin-left: 25%;
    }
    .col-md-offset-4 {
      margin-left: 33.3333333333%;
    }
  }
  @media (min-width: 1200px) {
    .col-lg-4,
    .col-lg-6,
    .col-lg-8,
    .col-lg-12 {
      float: left;
    }
    .col-lg-4 {
      width: 33.3333333333%;
    }
    .col-lg-6 {
      width: 50%;
    }
    .col-lg-8 {
      width: 66.6666666667%;
    }
    .col-lg-12 {
      width: 100%;
    }
  }
  table {
    background-color: transparent;
  }
  table col[class*="col-"] {
    position: static;
    display: table-column;
    float: none;
  }
  table td[class*="col-"],
  table th[class*="col-"] {
    position: static;
    display: table-cell;
    float: none;
  }
  caption {
    padding-top: 8px;
    padding-bottom: 8px;
    color: #c1c1c1;
    text-align: left;
  }
  th {
    text-align: left;
  }
  .table {
    width: 100%;
    max-width: 100%;
  }
  .table > thead > tr > th,
  .table > thead > tr > td,
  .table > tbody > tr > th,
  .table > tbody > tr > td,
  .table > tfoot > tr > th,
  .table > tfoot > tr > td {
    padding: 8px;
    line-height: 1.428571429;
    vertical-align: top;
    border-top: 1px solid #ddd;
  }
  .table > thead > tr > th {
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
  }
  .table > caption + thead > tr:first-child > th,
  .table > caption + thead > tr:first-child > td,
  .table > colgroup + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > td,
  .table > thead:first-child > tr:first-child > th,
  .table > thead:first-child > tr:first-child > td {
    border-top: 0;
  }
  .table > caption + thead > tr:first-child > th,
  .table > colgroup + thead > tr:first-child > th,
  .table > thead:first-child > tr:first-child > th {
    padding-top: 7px;
  }
  .table > tbody + tbody {
    border-top: 2px solid #ddd;
  }
  .table .table {
    background-color: var(--gray-50);
  }
  .table-condensed > thead > tr > th,
  .table-condensed > thead > tr > td,
  .table-condensed > tbody > tr > th,
  .table-condensed > tbody > tr > td,
  .table-condensed > tfoot > tr > th,
  .table-condensed > tfoot > tr > td {
    padding: 5px;
  }
  .table-bordered {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td,
  .table-bordered > tbody > tr > th,
  .table-bordered > tbody > tr > td,
  .table-bordered > tfoot > tr > th,
  .table-bordered > tfoot > tr > td {
    border: 1px solid #ddd;
  }
  .table-bordered > thead > tr > th,
  .table-bordered > thead > tr > td {
    border-bottom-width: 2px;
  }
  .table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
  }
  .table > thead > tr > td.active,
  .table > thead > tr > th.active,
  .table > thead > tr.active > td,
  .table > thead > tr.active > th,
  .table > tbody > tr > td.active,
  .table > tbody > tr > th.active,
  .table > tbody > tr.active > td,
  .table > tbody > tr.active > th,
  .table > tfoot > tr > td.active,
  .table > tfoot > tr > th.active,
  .table > tfoot > tr.active > td,
  .table > tfoot > tr.active > th {
    background-color: #f5f5f5;
  }
  .table > thead > tr > td.success,
  .table > thead > tr > th.success,
  .table > thead > tr.success > td,
  .table > thead > tr.success > th,
  .table > tbody > tr > td.success,
  .table > tbody > tr > th.success,
  .table > tbody > tr.success > td,
  .table > tbody > tr.success > th,
  .table > tfoot > tr > td.success,
  .table > tfoot > tr > th.success,
  .table > tfoot > tr.success > td,
  .table > tfoot > tr.success > th {
    background-color: #dff0d8;
  }
  .table > thead > tr > td.info,
  .table > thead > tr > th.info,
  .table > thead > tr.info > td,
  .table > thead > tr.info > th,
  .table > tbody > tr > td.info,
  .table > tbody > tr > th.info,
  .table > tbody > tr.info > td,
  .table > tbody > tr.info > th,
  .table > tfoot > tr > td.info,
  .table > tfoot > tr > th.info,
  .table > tfoot > tr.info > td,
  .table > tfoot > tr.info > th {
    background-color: #d9edf7;
  }
  .table > thead > tr > td.warning,
  .table > thead > tr > th.warning,
  .table > thead > tr.warning > td,
  .table > thead > tr.warning > th,
  .table > tbody > tr > td.warning,
  .table > tbody > tr > th.warning,
  .table > tbody > tr.warning > td,
  .table > tbody > tr.warning > th,
  .table > tfoot > tr > td.warning,
  .table > tfoot > tr > th.warning,
  .table > tfoot > tr.warning > td,
  .table > tfoot > tr.warning > th {
    background-color: #fcf8e3;
  }
  .table > thead > tr > td.danger,
  .table > thead > tr > th.danger,
  .table > thead > tr.danger > td,
  .table > thead > tr.danger > th,
  .table > tbody > tr > td.danger,
  .table > tbody > tr > th.danger,
  .table > tbody > tr.danger > td,
  .table > tbody > tr.danger > th,
  .table > tfoot > tr > td.danger,
  .table > tfoot > tr > th.danger,
  .table > tfoot > tr.danger > td,
  .table > tfoot > tr.danger > th {
    background-color: #f2dede;
  }
  .table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
  }
  @media screen and (max-width: 767px) {
    .table-responsive {
      width: 100%;
      margin-bottom: 15px;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #ddd;
    }
    .table-responsive > .table {
      margin-bottom: 0;
    }
    .table-responsive > .table > thead > tr > th,
    .table-responsive > .table > thead > tr > td,
    .table-responsive > .table > tbody > tr > th,
    .table-responsive > .table > tbody > tr > td,
    .table-responsive > .table > tfoot > tr > th,
    .table-responsive > .table > tfoot > tr > td {
      white-space: nowrap;
    }
    .table-responsive > .table-bordered {
      border: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:first-child,
    .table-responsive > .table-bordered > thead > tr > td:first-child,
    .table-responsive > .table-bordered > tbody > tr > th:first-child,
    .table-responsive > .table-bordered > tbody > tr > td:first-child,
    .table-responsive > .table-bordered > tfoot > tr > th:first-child,
    .table-responsive > .table-bordered > tfoot > tr > td:first-child {
      border-left: 0;
    }
    .table-responsive > .table-bordered > thead > tr > th:last-child,
    .table-responsive > .table-bordered > thead > tr > td:last-child,
    .table-responsive > .table-bordered > tbody > tr > th:last-child,
    .table-responsive > .table-bordered > tbody > tr > td:last-child,
    .table-responsive > .table-bordered > tfoot > tr > th:last-child,
    .table-responsive > .table-bordered > tfoot > tr > td:last-child {
      border-right: 0;
    }
    .table-responsive > .table-bordered > tbody > tr:last-child > th,
    .table-responsive > .table-bordered > tbody > tr:last-child > td,
    .table-responsive > .table-bordered > tfoot > tr:last-child > th,
    .table-responsive > .table-bordered > tfoot > tr:last-child > td {
      border-bottom: 0;
    }
  }
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0;
  }
  legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5;
  }
  label {
    display: inline-block;
    max-width: 100%;
    font-weight: 700;
  }
  input[type="search"] {
    box-sizing: border-box;
    appearance: none;
  }
  input[type="radio"]:not(.design-radio),
  input[type="checkbox"]:not(.design-checkbox) {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
  }
  input[type="radio"]:not(.design-radio)[disabled],
  input[type="radio"]:not(.design-radio).disabled,
  input[type="radio"].btn--loading:not(.design-radio),
  input[type="radio"].btn--loading:not(.design-radio),
  fieldset[disabled] input[type="radio"]:not(.design-radio),
  input[type="checkbox"]:not(.design-checkbox)[disabled],
  input[type="checkbox"]:not(.design-checkbox).disabled,
  input[type="checkbox"].btn--loading:not(.design-checkbox),
  input[type="checkbox"].btn--loading:not(.design-checkbox),
  fieldset[disabled] input[type="checkbox"]:not(.design-checkbox) {
    cursor: not-allowed;
  }
  input[type="file"] {
    display: block;
  }
  input[type="range"] {
    display: block;
    width: 100%;
  }
  select[multiple],
  select[size] {
    height: auto;
  }
  output {
    display: block;
    padding-top: 7px;
    font-size: 14px;
    line-height: 1.428571429;
    color: var(--gray-800);
  }
  .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: var(--gray-800);
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 0.125rem;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    transition:
      border-color ease-in-out 0.15s,
      box-shadow ease-in-out 0.15s;
  }
  .form-control:focus {
    border-color: #66afe9;
    outline: 0;
    box-shadow:
      inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 8px rgba(102, 175, 233, 0.6);
  }
  .form-control::-moz-placeholder {
    color: #999;
    opacity: 1;
  }
  .form-control:-ms-input-placeholder {
    color: #999;
  }
  .form-control::-webkit-input-placeholder {
    color: #999;
  }
  .form-control::-ms-expand {
    background-color: transparent;
    border: 0;
  }
  .form-control[disabled],
  .form-control[readonly],
  fieldset[disabled] .form-control {
    background-color: #e1e1e1;
    opacity: 1;
  }
  .form-control[disabled],
  fieldset[disabled] .form-control {
    cursor: not-allowed;
  }
  textarea.form-control {
    height: auto;
  }
  @media screen and (-webkit-min-device-pixel-ratio: 0) {
    input[type="date"].form-control,
    input[type="time"].form-control,
    input[type="datetime-local"].form-control,
    input[type="month"].form-control {
      line-height: 34px;
    }
    input[type="date"].input-sm,
    input[type="time"].input-sm,
    input[type="datetime-local"].input-sm,
    input[type="month"].input-sm {
      line-height: 30px;
    }
  }
  .form-group {
    margin-bottom: 15px;
  }
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .radio.disabled label,
  .radio.btn--loading label,
  .radio.btn--loading label,
  fieldset[disabled] .radio label,
  .checkbox.disabled label,
  .checkbox.btn--loading label,
  .checkbox.btn--loading label,
  fieldset[disabled] .checkbox label {
    cursor: not-allowed;
  }
  .radio label,
  .checkbox label {
    min-height: 20px;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
  }
  .radio input[type="radio"],
  .radio-inline input[type="radio"],
  .checkbox input[type="checkbox"],
  .checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-top: 4px \9;
    margin-left: -20px;
  }
  .radio + .radio,
  .checkbox + .checkbox {
    margin-top: -5px;
  }
  .radio-inline,
  .checkbox-inline {
    position: relative;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    vertical-align: middle;
    cursor: pointer;
  }
  .radio-inline.disabled,
  .radio-inline.btn--loading,
  .radio-inline.btn--loading,
  fieldset[disabled] .radio-inline,
  .checkbox-inline.disabled,
  .checkbox-inline.btn--loading,
  .checkbox-inline.btn--loading,
  fieldset[disabled] .checkbox-inline {
    cursor: not-allowed;
  }
  .radio-inline + .radio-inline,
  .checkbox-inline + .checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
  }
  .form-control-static {
    min-height: 34px;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-bottom: 0;
  }
  .form-control-static.input-sm {
    padding-right: 0;
    padding-left: 0;
  }
  .input-sm {
    height: 30px;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  select.input-sm {
    height: 30px;
    line-height: 30px;
  }
  textarea.input-sm,
  select[multiple].input-sm {
    height: auto;
  }
  .has-feedback {
    position: relative;
  }
  .has-feedback .form-control {
    padding-right: 42.5px;
  }
  .form-control-feedback {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    display: block;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    pointer-events: none;
  }
  .input-sm + .form-control-feedback {
    width: 30px;
    height: 30px;
    line-height: 30px;
  }
  .has-success .help-block,
  .has-success .control-label,
  .has-success .radio,
  .has-success .checkbox,
  .has-success .radio-inline,
  .has-success .checkbox-inline,
  .has-success.radio label,
  .has-success.checkbox label,
  .has-success.radio-inline label,
  .has-success.checkbox-inline label {
    color: #3c763d;
  }
  .has-success .form-control {
    border-color: #3c763d;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-success .form-control:focus {
    border-color: #2b542c;
    box-shadow:
      inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 6px #67b168;
  }
  .has-success .input-group-addon {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #3c763d;
  }
  .has-success .form-control-feedback {
    color: #3c763d;
  }
  .has-warning .help-block,
  .has-warning .control-label,
  .has-warning .radio,
  .has-warning .checkbox,
  .has-warning .radio-inline,
  .has-warning .checkbox-inline,
  .has-warning.radio label,
  .has-warning.checkbox label,
  .has-warning.radio-inline label,
  .has-warning.checkbox-inline label {
    color: #8a6d3b;
  }
  .has-warning .form-control {
    border-color: #8a6d3b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-warning .form-control:focus {
    border-color: #66512c;
    box-shadow:
      inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 6px #c0a16b;
  }
  .has-warning .input-group-addon {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #8a6d3b;
  }
  .has-warning .form-control-feedback {
    color: #8a6d3b;
  }
  .has-error .help-block,
  .has-error .control-label,
  .has-error .radio,
  .has-error .checkbox,
  .has-error .radio-inline,
  .has-error .checkbox-inline,
  .has-error.radio label,
  .has-error.checkbox label,
  .has-error.radio-inline label,
  .has-error.checkbox-inline label {
    color: #a94442;
  }
  .has-error .form-control {
    border-color: #a94442;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-error .form-control:focus {
    border-color: #843534;
    box-shadow:
      inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 6px #ce8483;
  }
  .has-error .input-group-addon {
    color: #a94442;
    background-color: #f2dede;
    border-color: #a94442;
  }
  .has-error .form-control-feedback {
    color: #a94442;
  }
  .has-feedback label ~ .form-control-feedback {
    top: 25px;
  }
  .has-feedback label.sr-only ~ .form-control-feedback {
    top: 0;
  }
  .help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #70808c;
  }
  .btn,
  #buorgul,
  #buorgig,
  #buorgul,
  #buorgig {
    display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    border-radius: 5px;
    user-select: none;
  }
  .btn:focus,
  #buorgul:focus,
  #buorgig:focus,
  #buorgul:focus,
  #buorgig:focus,
  .btn.focus,
  .focus#buorgul,
  .focus#buorgig,
  .focus#buorgul,
  .focus#buorgig,
  .btn:active:focus,
  #buorgul:active:focus,
  #buorgig:active:focus,
  #buorgul:active:focus,
  #buorgig:active:focus,
  .btn:active.focus,
  #buorgul:active.focus,
  #buorgig:active.focus,
  #buorgul:active.focus,
  #buorgig:active.focus,
  .btn.active:focus,
  .active#buorgul:focus,
  .active#buorgig:focus,
  .active#buorgul:focus,
  .active#buorgig:focus,
  .btn.active.focus,
  .active.focus#buorgul,
  .active.focus#buorgig,
  .active.focus#buorgul,
  .active.focus#buorgig {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
  }
  .btn:hover,
  #buorgul:hover,
  #buorgig:hover,
  #buorgul:hover,
  #buorgig:hover,
  .btn:focus,
  #buorgul:focus,
  #buorgig:focus,
  #buorgul:focus,
  #buorgig:focus,
  .btn.focus,
  .focus#buorgul,
  .focus#buorgig,
  .focus#buorgul,
  .focus#buorgig {
    color: #333;
    text-decoration: none;
  }
  .btn:active,
  #buorgul:active,
  #buorgig:active,
  #buorgul:active,
  #buorgig:active,
  .btn.active,
  .active#buorgul,
  .active#buorgig,
  .active#buorgul,
  .active#buorgig {
    background-image: none;
    outline: 0;
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  }
  .btn.disabled,
  .btn.btn--loading,
  .btn--loading#buorgul,
  .btn--loading#buorgig,
  .disabled#buorgul,
  .disabled#buorgig,
  .btn.btn--loading,
  .btn--loading#buorgul,
  .btn--loading#buorgig,
  .btn--loading#buorgul,
  .btn--loading#buorgig,
  .disabled#buorgul,
  #buorgul.btn--loading,
  .disabled#buorgig,
  #buorgig.btn--loading,
  .btn[disabled],
  [disabled]#buorgul,
  [disabled]#buorgig,
  [disabled]#buorgul,
  [disabled]#buorgig,
  fieldset[disabled] .btn,
  fieldset[disabled] #buorgul,
  fieldset[disabled] #buorgig,
  fieldset[disabled] #buorgul,
  fieldset[disabled] #buorgig {
    cursor: not-allowed;
    filter: alpha(opacity=65);
    opacity: 0.65;
    box-shadow: none;
  }
  a.btn.disabled,
  a.btn.btn--loading,
  a.btn--loading#buorgul,
  a.btn--loading#buorgig,
  a.disabled#buorgul,
  a.disabled#buorgig,
  a.btn.btn--loading,
  a.btn--loading#buorgul,
  a.btn--loading#buorgig,
  a.btn--loading#buorgul,
  a.btn--loading#buorgig,
  a.disabled#buorgul,
  a#buorgul.btn--loading,
  a.disabled#buorgig,
  a#buorgig.btn--loading,
  fieldset[disabled] a.btn,
  fieldset[disabled] a#buorgul,
  fieldset[disabled] a#buorgig,
  fieldset[disabled] a#buorgul,
  fieldset[disabled] a#buorgig {
    pointer-events: none;
  }
  .btn-default,
  #buorgig,
  #buorgig {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default:focus,
  #buorgig:focus,
  #buorgig:focus,
  .btn-default.focus,
  .focus#buorgig,
  .focus#buorgig {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
  }
  .btn-default:hover,
  #buorgig:hover,
  #buorgig:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
  }
  .btn-default:active,
  #buorgig:active,
  #buorgig:active,
  .btn-default.active,
  .active#buorgig,
  .active#buorgig,
  .open > .btn-default.dropdown-toggle,
  .open > .dropdown-toggle#buorgig,
  .open > .dropdown-toggle#buorgig {
    color: #333;
    background-color: #e6e6e6;
    background-image: none;
    border-color: #adadad;
  }
  .btn-default:active:hover,
  #buorgig:active:hover,
  #buorgig:active:hover,
  .btn-default:active:focus,
  #buorgig:active:focus,
  #buorgig:active:focus,
  .btn-default:active.focus,
  #buorgig:active.focus,
  #buorgig:active.focus,
  .btn-default.active:hover,
  .active#buorgig:hover,
  .active#buorgig:hover,
  .btn-default.active:focus,
  .active#buorgig:focus,
  .active#buorgig:focus,
  .btn-default.active.focus,
  .active.focus#buorgig,
  .active.focus#buorgig,
  .open > .btn-default.dropdown-toggle:hover,
  .open > .dropdown-toggle#buorgig:hover,
  .open > .dropdown-toggle#buorgig:hover,
  .open > .btn-default.dropdown-toggle:focus,
  .open > .dropdown-toggle#buorgig:focus,
  .open > .dropdown-toggle#buorgig:focus,
  .open > .btn-default.dropdown-toggle.focus,
  .open > .dropdown-toggle.focus#buorgig,
  .open > .dropdown-toggle.focus#buorgig {
    color: #333;
    background-color: #d4d4d4;
    border-color: #8c8c8c;
  }
  .btn-default.disabled:hover,
  .btn-default.btn--loading:hover,
  .btn--loading#buorgig:hover,
  .disabled#buorgig:hover,
  .btn-default.btn--loading:hover,
  .btn--loading#buorgig:hover,
  .btn--loading#buorgig:hover,
  .disabled#buorgig:hover,
  #buorgig.btn--loading:hover,
  .btn-default.disabled:focus,
  .btn-default.btn--loading:focus,
  .btn--loading#buorgig:focus,
  .disabled#buorgig:focus,
  .btn-default.btn--loading:focus,
  .btn--loading#buorgig:focus,
  .btn--loading#buorgig:focus,
  .disabled#buorgig:focus,
  #buorgig.btn--loading:focus,
  .btn-default.disabled.focus,
  .btn-default.focus.btn--loading,
  .focus.btn--loading#buorgig,
  .disabled.focus#buorgig,
  .btn-default.focus.btn--loading,
  .focus.btn--loading#buorgig,
  .focus.btn--loading#buorgig,
  .disabled.focus#buorgig,
  .focus#buorgig.btn--loading,
  .btn-default[disabled]:hover,
  [disabled]#buorgig:hover,
  [disabled]#buorgig:hover,
  .btn-default[disabled]:focus,
  [disabled]#buorgig:focus,
  [disabled]#buorgig:focus,
  .btn-default[disabled].focus,
  [disabled].focus#buorgig,
  [disabled].focus#buorgig,
  fieldset[disabled] .btn-default:hover,
  fieldset[disabled] #buorgig:hover,
  fieldset[disabled] #buorgig:hover,
  fieldset[disabled] .btn-default:focus,
  fieldset[disabled] #buorgig:focus,
  fieldset[disabled] #buorgig:focus,
  fieldset[disabled] .btn-default.focus,
  fieldset[disabled] .focus#buorgig,
  fieldset[disabled] .focus#buorgig {
    background-color: #fff;
    border-color: #ccc;
  }
  .btn-default .badge,
  #buorgig .badge,
  #buorgig .badge {
    color: #fff;
    background-color: #333;
  }
  .btn-primary {
    color: #fff;
    background-color: #1e1e1e;
    border-color: #1e1e1e;
  }
  .btn-primary:focus,
  .btn-primary.focus {
    color: #fff;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
  }
  .btn-primary:hover {
    color: #fff;
    background-color: #3d3d3d;
    border-color: #3d3d3d;
  }
  .btn-primary:active,
  .btn-primary.active,
  .open > .btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #3d3d3d;
    background-image: none;
    border-color: #3d3d3d;
  }
  .btn-primary:active:hover,
  .btn-primary:active:focus,
  .btn-primary:active.focus,
  .btn-primary.active:hover,
  .btn-primary.active:focus,
  .btn-primary.active.focus,
  .open > .btn-primary.dropdown-toggle:hover,
  .open > .btn-primary.dropdown-toggle:focus,
  .open > .btn-primary.dropdown-toggle.focus {
    color: #fff;
    background-color: #f9151f;
    border-color: #c6050f;
  }
  .btn-primary.disabled:hover,
  .btn-primary.btn--loading:hover,
  .btn-primary.btn--loading:hover,
  .btn-primary.disabled:focus,
  .btn-primary.btn--loading:focus,
  .btn-primary.btn--loading:focus,
  .btn-primary.disabled.focus,
  .btn-primary.focus.btn--loading,
  .btn-primary.focus.btn--loading,
  .btn-primary[disabled]:hover,
  .btn-primary[disabled]:focus,
  .btn-primary[disabled].focus,
  fieldset[disabled] .btn-primary:hover,
  fieldset[disabled] .btn-primary:focus,
  fieldset[disabled] .btn-primary.focus {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
  }
  .btn-primary .badge {
    color: #1e1e1e;
    background-color: #fff;
  }
  .btn-success {
    color: #fff;
    background-color: var(--green-500);
    border-color: #4e9b71;
  }
  .btn-success:focus,
  .btn-success.focus {
    color: #fff;
    background-color: #468a65;
    border-color: #234734;
  }
  .btn-success:hover {
    color: #fff;
    background-color: #468a65;
    border-color: #3a7354;
  }
  .btn-success:active,
  .btn-success.active,
  .open > .btn-success.dropdown-toggle {
    color: #fff;
    background-color: #468a65;
    background-image: none;
    border-color: #3a7354;
  }
  .btn-success:active:hover,
  .btn-success:active:focus,
  .btn-success:active.focus,
  .btn-success.active:hover,
  .btn-success.active:focus,
  .btn-success.active.focus,
  .open > .btn-success.dropdown-toggle:hover,
  .open > .btn-success.dropdown-toggle:focus,
  .open > .btn-success.dropdown-toggle.focus {
    color: #fff;
    background-color: #3a7354;
    border-color: #234734;
  }
  .btn-success.disabled:hover,
  .btn-success.btn--loading:hover,
  .btn-success.btn--loading:hover,
  .btn-success.disabled:focus,
  .btn-success.btn--loading:focus,
  .btn-success.btn--loading:focus,
  .btn-success.disabled.focus,
  .btn-success.focus.btn--loading,
  .btn-success.focus.btn--loading,
  .btn-success[disabled]:hover,
  .btn-success[disabled]:focus,
  .btn-success[disabled].focus,
  fieldset[disabled] .btn-success:hover,
  fieldset[disabled] .btn-success:focus,
  fieldset[disabled] .btn-success.focus {
    background-color: var(--green-500);
    border-color: #4e9b71;
  }
  .btn-success .badge {
    color: var(--green-500);
    background-color: #fff;
  }
  .btn-info {
    color: #fff;
    background-color: #e7fafa;
    border-color: #d2f6f6;
  }
  .btn-info:focus,
  .btn-info.focus {
    color: #fff;
    background-color: #bdf1f1;
    border-color: #68e0e0;
  }
  .btn-info:hover {
    color: #fff;
    background-color: #bdf1f1;
    border-color: #9febeb;
  }
  .btn-info:active,
  .btn-info.active,
  .open > .btn-info.dropdown-toggle {
    color: #fff;
    background-color: #bdf1f1;
    background-image: none;
    border-color: #9febeb;
  }
  .btn-info:active:hover,
  .btn-info:active:focus,
  .btn-info:active.focus,
  .btn-info.active:hover,
  .btn-info.active:focus,
  .btn-info.active.focus,
  .open > .btn-info.dropdown-toggle:hover,
  .open > .btn-info.dropdown-toggle:focus,
  .open > .btn-info.dropdown-toggle.focus {
    color: #fff;
    background-color: #9febeb;
    border-color: #68e0e0;
  }
  .btn-info.disabled:hover,
  .btn-info.btn--loading:hover,
  .btn-info.btn--loading:hover,
  .btn-info.disabled:focus,
  .btn-info.btn--loading:focus,
  .btn-info.btn--loading:focus,
  .btn-info.disabled.focus,
  .btn-info.focus.btn--loading,
  .btn-info.focus.btn--loading,
  .btn-info[disabled]:hover,
  .btn-info[disabled]:focus,
  .btn-info[disabled].focus,
  fieldset[disabled] .btn-info:hover,
  fieldset[disabled] .btn-info:focus,
  fieldset[disabled] .btn-info.focus {
    background-color: #e7fafa;
    border-color: #d2f6f6;
  }
  .btn-info .badge {
    color: #e7fafa;
    background-color: #fff;
  }
  .btn-warning {
    color: #fff;
    background-color: var(--orange-500);
    border-color: #e9ad5b;
  }
  .btn-warning:focus,
  .btn-warning.focus {
    color: #fff;
    background-color: #e6a244;
    border-color: #ad6e17;
  }
  .btn-warning:hover {
    color: #fff;
    background-color: #e6a244;
    border-color: #e29225;
  }
  .btn-warning:active,
  .btn-warning.active,
  .open > .btn-warning.dropdown-toggle {
    color: #fff;
    background-color: #e6a244;
    background-image: none;
    border-color: #e29225;
  }
  .btn-warning:active:hover,
  .btn-warning:active:focus,
  .btn-warning:active.focus,
  .btn-warning.active:hover,
  .btn-warning.active:focus,
  .btn-warning.active.focus,
  .open > .btn-warning.dropdown-toggle:hover,
  .open > .btn-warning.dropdown-toggle:focus,
  .open > .btn-warning.dropdown-toggle.focus {
    color: #fff;
    background-color: #e29225;
    border-color: #ad6e17;
  }
  .btn-warning.disabled:hover,
  .btn-warning.btn--loading:hover,
  .btn-warning.btn--loading:hover,
  .btn-warning.disabled:focus,
  .btn-warning.btn--loading:focus,
  .btn-warning.btn--loading:focus,
  .btn-warning.disabled.focus,
  .btn-warning.focus.btn--loading,
  .btn-warning.focus.btn--loading,
  .btn-warning[disabled]:hover,
  .btn-warning[disabled]:focus,
  .btn-warning[disabled].focus,
  fieldset[disabled] .btn-warning:hover,
  fieldset[disabled] .btn-warning:focus,
  fieldset[disabled] .btn-warning.focus {
    background-color: var(--orange-500);
    border-color: #e9ad5b;
  }
  .btn-warning .badge {
    color: var(--orange-500);
    background-color: #fff;
  }
  .btn-link {
    font-weight: 400;
    color: var(--blue-500);
    border-radius: 0;
  }
  .btn-link,
  .btn-link:active,
  .btn-link.active,
  .btn-link[disabled],
  fieldset[disabled] .btn-link {
    background-color: transparent;
    box-shadow: none;
  }
  .btn-link,
  .btn-link:hover,
  .btn-link:focus,
  .btn-link:active {
    border-color: transparent;
  }
  .btn-link:hover,
  .btn-link:focus {
    color: #304268;
    text-decoration: underline;
    background-color: transparent;
  }
  .btn-link[disabled]:hover,
  .btn-link[disabled]:focus,
  fieldset[disabled] .btn-link:hover,
  fieldset[disabled] .btn-link:focus {
    color: #c1c1c1;
    text-decoration: none;
  }
  .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 8px;
  }
  .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
  }
  .btn-block {
    display: block;
    width: 100%;
  }
  .btn-block + .btn-block {
    margin-top: 5px;
  }
  input[type="submit"].btn-block,
  input[type="reset"].btn-block,
  input[type="button"].btn-block {
    width: 100%;
  }
  .fade {
    opacity: 0;
    transition: opacity 0.15s linear;
  }
  .fade.in {
    opacity: 1;
  }
  .collapse {
    display: none;
  }
  .collapse.in {
    display: block;
  }
  tr.collapse.in {
    display: table-row;
  }
  tbody.collapse.in {
    display: table-row-group;
  }
  .collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition-property: height, visibility;
    transition-duration: 0.35s;
    transition-timing-function: ease;
  }
  .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
  }
  .dropup,
  .dropdown {
    position: relative;
  }
  .dropdown-toggle:focus {
    outline: 0;
  }
  .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap;
  }
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  .dropdown-menu > .active > a,
  .dropdown-menu > .active > a:hover,
  .dropdown-menu > .active > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: var(--blue-500);
    outline: 0;
  }
  .dropdown-menu > .disabled > a,
  .dropdown-menu > .btn--loading > a,
  .dropdown-menu > .btn--loading > a,
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .btn--loading > a:hover,
  .dropdown-menu > .btn--loading > a:hover,
  .dropdown-menu > .disabled > a:focus,
  .dropdown-menu > .btn--loading > a:focus,
  .dropdown-menu > .btn--loading > a:focus {
    color: #c1c1c1;
  }
  .dropdown-menu > .disabled > a:hover,
  .dropdown-menu > .btn--loading > a:hover,
  .dropdown-menu > .btn--loading > a:hover,
  .dropdown-menu > .disabled > a:focus,
  .dropdown-menu > .btn--loading > a:focus,
  .dropdown-menu > .btn--loading > a:focus {
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  }
  .open > .dropdown-menu {
    display: block;
  }
  .open > a {
    outline: 0;
  }
  .dropdown-menu-right {
    right: 0;
    left: auto;
  }
  .dropdown-menu-left {
    right: auto;
    left: 0;
  }
  .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.428571429;
    color: #c1c1c1;
    white-space: nowrap;
  }
  .dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
  }
  .pull-right > .dropdown-menu {
    right: 0;
    left: auto;
  }
  .dropup .caret,
  .navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
  }
  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px;
  }
  @media (min-width: 992px) {
    .navbar-right .dropdown-menu {
      right: 0;
      left: auto;
    }
    .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto;
    }
  }
  .input-group,
  #redactor-modal .input-group.automation-links,
  #redactor-modal .automation-links.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
  }
  .input-group[class*="col-"],
  #redactor-modal [class*="col-"].input-group.automation-links,
  #redactor-modal [class*="col-"].automation-links.input-group {
    float: none;
    padding-right: 0;
    padding-left: 0;
  }
  .input-group .form-control,
  #redactor-modal .input-group.automation-links .form-control,
  #redactor-modal .automation-links.input-group .form-control {
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
  }
  .input-group .form-control:focus,
  #redactor-modal .input-group.automation-links .form-control:focus,
  #redactor-modal .automation-links.input-group .form-control:focus {
    z-index: 3;
  }
  .input-group-addon,
  .input-group-btn,
  .input-group .form-control,
  #redactor-modal .input-group.automation-links .form-control,
  #redactor-modal .automation-links.input-group .form-control {
    display: table-cell;
  }
  .input-group-addon:not(:first-child):not(:last-child),
  .input-group-btn:not(:first-child):not(:last-child),
  .input-group .form-control:not(:first-child):not(:last-child),
  #redactor-modal
    .input-group.automation-links
    .form-control:not(:first-child):not(:last-child),
  #redactor-modal
    .automation-links.input-group
    .form-control:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .input-group-addon,
  .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
  }
  .input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: var(--gray-800);
    text-align: center;
    background-color: #e1e1e1;
    border: 1px solid var(--gray-200);
    border-radius: 0.125rem;
  }
  .input-group-addon.input-sm {
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 3px;
  }
  .input-group-addon input[type="radio"],
  .input-group-addon input[type="checkbox"] {
    margin-top: 0;
  }
  .input-group .form-control:first-child,
  #redactor-modal .input-group.automation-links .form-control:first-child,
  #redactor-modal .automation-links.input-group .form-control:first-child,
  .input-group-addon:first-child,
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > #buorgul,
  .input-group-btn:first-child > #buorgig,
  .input-group-btn:first-child > #buorgul,
  .input-group-btn:first-child > #buorgig,
  .input-group-btn:first-child > .btn-group > .btn,
  .input-group-btn:first-child > .btn-group > #buorgul,
  .input-group-btn:first-child > .btn-group > #buorgig,
  .input-group-btn:first-child > .btn-group > #buorgul,
  .input-group-btn:first-child > .btn-group > #buorgig,
  .input-group-btn:first-child > .dropdown-toggle,
  .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > #buorgul:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > #buorgig:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > #buorgul:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > #buorgig:not(:last-child):not(.dropdown-toggle),
  .input-group-btn:last-child > .btn-group:not(:last-child) > .btn,
  .input-group-btn:last-child > .btn-group:not(:last-child) > #buorgul,
  .input-group-btn:last-child > .btn-group:not(:last-child) > #buorgig,
  .input-group-btn:last-child > .btn-group:not(:last-child) > #buorgul,
  .input-group-btn:last-child > .btn-group:not(:last-child) > #buorgig {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group-addon:first-child {
    border-right: 0;
  }
  .input-group .form-control:last-child,
  #redactor-modal .input-group.automation-links .form-control:last-child,
  #redactor-modal .automation-links.input-group .form-control:last-child,
  .input-group-addon:last-child,
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > #buorgul,
  .input-group-btn:last-child > #buorgig,
  .input-group-btn:last-child > #buorgul,
  .input-group-btn:last-child > #buorgig,
  .input-group-btn:last-child > .btn-group > .btn,
  .input-group-btn:last-child > .btn-group > #buorgul,
  .input-group-btn:last-child > .btn-group > #buorgig,
  .input-group-btn:last-child > .btn-group > #buorgul,
  .input-group-btn:last-child > .btn-group > #buorgig,
  .input-group-btn:last-child > .dropdown-toggle,
  .input-group-btn:first-child > .btn:not(:first-child),
  .input-group-btn:first-child > #buorgul:not(:first-child),
  .input-group-btn:first-child > #buorgig:not(:first-child),
  .input-group-btn:first-child > #buorgul:not(:first-child),
  .input-group-btn:first-child > #buorgig:not(:first-child),
  .input-group-btn:first-child > .btn-group:not(:first-child) > .btn,
  .input-group-btn:first-child > .btn-group:not(:first-child) > #buorgul,
  .input-group-btn:first-child > .btn-group:not(:first-child) > #buorgig,
  .input-group-btn:first-child > .btn-group:not(:first-child) > #buorgul,
  .input-group-btn:first-child > .btn-group:not(:first-child) > #buorgig {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .input-group-addon:last-child {
    border-left: 0;
  }
  .input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
  }
  .input-group-btn > .btn,
  .input-group-btn > #buorgul,
  .input-group-btn > #buorgig,
  .input-group-btn > #buorgul,
  .input-group-btn > #buorgig {
    position: relative;
  }
  .input-group-btn > .btn + .btn,
  .input-group-btn > #buorgul + .btn,
  .input-group-btn > #buorgig + .btn,
  .input-group-btn > .btn + #buorgul,
  .input-group-btn > #buorgul + #buorgul,
  .input-group-btn > #buorgig + #buorgul,
  .input-group-btn > .btn + #buorgig,
  .input-group-btn > #buorgul + #buorgig,
  .input-group-btn > #buorgig + #buorgig,
  .input-group-btn > #buorgul + .btn,
  .input-group-btn > #buorgul + #buorgul,
  .input-group-btn > #buorgul + #buorgig,
  .input-group-btn > #buorgig + .btn,
  .input-group-btn > #buorgig + #buorgul,
  .input-group-btn > #buorgig + #buorgig,
  .input-group-btn > .btn + #buorgul,
  .input-group-btn > #buorgul + #buorgul,
  .input-group-btn > #buorgig + #buorgul,
  .input-group-btn > #buorgul + #buorgul,
  .input-group-btn > #buorgig + #buorgul,
  .input-group-btn > .btn + #buorgig,
  .input-group-btn > #buorgul + #buorgig,
  .input-group-btn > #buorgig + #buorgig,
  .input-group-btn > #buorgul + #buorgig,
  .input-group-btn > #buorgig + #buorgig {
    margin-left: -1px;
  }
  .input-group-btn > .btn:hover,
  .input-group-btn > #buorgul:hover,
  .input-group-btn > #buorgig:hover,
  .input-group-btn > #buorgul:hover,
  .input-group-btn > #buorgig:hover,
  .input-group-btn > .btn:focus,
  .input-group-btn > #buorgul:focus,
  .input-group-btn > #buorgig:focus,
  .input-group-btn > #buorgul:focus,
  .input-group-btn > #buorgig:focus,
  .input-group-btn > .btn:active,
  .input-group-btn > #buorgul:active,
  .input-group-btn > #buorgig:active,
  .input-group-btn > #buorgul:active,
  .input-group-btn > #buorgig:active {
    z-index: 2;
  }
  .input-group-btn:first-child > .btn,
  .input-group-btn:first-child > #buorgul,
  .input-group-btn:first-child > #buorgig,
  .input-group-btn:first-child > #buorgul,
  .input-group-btn:first-child > #buorgig,
  .input-group-btn:first-child > .btn-group {
    margin-right: -1px;
  }
  .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > #buorgul,
  .input-group-btn:last-child > #buorgig,
  .input-group-btn:last-child > #buorgul,
  .input-group-btn:last-child > #buorgig,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
  }
  .nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
  }
  .nav:before,
  .nav:after {
    display: table;
    content: " ";
  }
  .nav:after {
    clear: both;
  }
  .nav > li {
    position: relative;
    display: block;
  }
  .nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
  }
  .nav > li > a:hover,
  .nav > li > a:focus {
    text-decoration: none;
    background-color: #e1e1e1;
  }
  .nav > li.disabled > a,
  .nav > li.btn--loading > a,
  .nav > li.btn--loading > a {
    color: #c1c1c1;
  }
  .nav > li.disabled > a:hover,
  .nav > li.btn--loading > a:hover,
  .nav > li.btn--loading > a:hover,
  .nav > li.disabled > a:focus,
  .nav > li.btn--loading > a:focus,
  .nav > li.btn--loading > a:focus {
    color: #c1c1c1;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent;
  }
  .nav .open > a,
  .nav .open > a:hover,
  .nav .open > a:focus {
    background-color: #e1e1e1;
    border-color: var(--blue-500);
  }
  .nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
  }
  .nav > li > a > img {
    max-width: none;
  }
  .nav-tabs {
    border-bottom: 1px solid #ddd;
  }
  .nav-tabs > li {
    float: left;
    margin-bottom: -1px;
  }
  .nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 5px 5px 0 0;
  }
  .nav-tabs > li > a:hover {
    border-color: #e1e1e1 #e1e1e1 #ddd;
  }
  .nav-tabs > li.active > a,
  .nav-tabs > li.active > a:hover,
  .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background-color: var(--gray-50);
    border: 1px solid #ddd;
    border-bottom-color: transparent;
  }
  .nav-stacked > li {
    float: none;
  }
  .nav-stacked > li + li {
    margin-top: 2px;
    margin-left: 0;
  }
  .nav-justified,
  .nav-tabs.nav-justified {
    width: 100%;
  }
  .nav-justified > li,
  .nav-tabs.nav-justified > li {
    float: none;
  }
  .nav-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 5px;
    text-align: center;
  }
  .nav-justified > .dropdown .dropdown-menu {
    top: auto;
    left: auto;
  }
  @media (min-width: 768px) {
    .nav-justified > li,
    .nav-tabs.nav-justified > li {
      display: table-cell;
      width: 1%;
    }
    .nav-justified > li > a,
    .nav-tabs.nav-justified > li > a {
      margin-bottom: 0;
    }
  }
  .nav-tabs-justified,
  .nav-tabs.nav-justified {
    border-bottom: 0;
  }
  .nav-tabs-justified > li > a,
  .nav-tabs.nav-justified > li > a {
    margin-right: 0;
    border-radius: 5px;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus,
  .nav-tabs.nav-justified > .active > a:focus {
    border: 1px solid #ddd;
  }
  @media (min-width: 768px) {
    .nav-tabs-justified > li > a,
    .nav-tabs.nav-justified > li > a {
      border-bottom: 1px solid #ddd;
      border-radius: 5px 5px 0 0;
    }
    .nav-tabs-justified > .active > a,
    .nav-tabs.nav-justified > .active > a,
    .nav-tabs-justified > .active > a:hover,
    .nav-tabs.nav-justified > .active > a:hover,
    .nav-tabs-justified > .active > a:focus,
    .nav-tabs.nav-justified > .active > a:focus {
      border-bottom-color: var(--gray-50);
    }
  }
  .tab-content > .tab-pane {
    display: none;
  }
  .tab-content > .active {
    display: block;
  }
  .nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 20px;
    border: 1px solid transparent;
  }
  .navbar:before,
  .navbar:after {
    display: table;
    content: " ";
  }
  .navbar:after {
    clear: both;
  }
  @media (min-width: 992px) {
    .navbar {
      border-radius: 5px;
    }
  }
  .navbar-header:before,
  .navbar-header:after {
    display: table;
    content: " ";
  }
  .navbar-header:after {
    clear: both;
  }
  @media (min-width: 992px) {
    .navbar-header {
      float: left;
    }
  }
  .navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    -webkit-overflow-scrolling: touch;
  }
  .navbar-collapse:before,
  .navbar-collapse:after {
    display: table;
    content: " ";
  }
  .navbar-collapse:after {
    clear: both;
  }
  .navbar-collapse.in {
    overflow-y: auto;
  }
  @media (min-width: 992px) {
    .navbar-collapse {
      width: auto;
      border-top: 0;
      box-shadow: none;
    }
    .navbar-collapse.collapse {
      display: block !important;
      height: auto !important;
      padding-bottom: 0;
      overflow: visible !important;
    }
    .navbar-collapse.in {
      overflow-y: visible;
    }
    .navbar-fixed-top .navbar-collapse,
    .navbar-static-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      padding-right: 0;
      padding-left: 0;
    }
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 10;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 340px;
  }
  @media (max-device-width: 480px) and (orientation: landscape) {
    .navbar-fixed-top .navbar-collapse,
    .navbar-fixed-bottom .navbar-collapse {
      max-height: 200px;
    }
  }
  @media (min-width: 992px) {
    .navbar-fixed-top,
    .navbar-fixed-bottom {
      border-radius: 0;
    }
  }
  .navbar-fixed-top {
    top: 0;
    border-width: 0 0 1px;
  }
  .navbar-fixed-bottom {
    bottom: 0;
    margin-bottom: 0;
    border-width: 1px 0 0;
  }
  .container > .navbar-header,
  .page_header_content > .navbar-header,
  .page_header_content > .navbar-header,
  .container > .navbar-collapse,
  .page_header_content > .navbar-collapse,
  .page_header_content > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
  }
  @media (min-width: 992px) {
    .container > .navbar-header,
    .page_header_content > .navbar-header,
    .page_header_content > .navbar-header,
    .container > .navbar-collapse,
    .page_header_content > .navbar-collapse,
    .page_header_content > .navbar-collapse,
    .container-fluid > .navbar-header,
    .container-fluid > .navbar-collapse {
      margin-right: 0;
      margin-left: 0;
    }
  }
  .navbar-static-top {
    z-index: 5;
    border-width: 0 0 1px;
  }
  @media (min-width: 992px) {
    .navbar-static-top {
      border-radius: 0;
    }
  }
  .navbar-brand {
    float: left;
    height: 50px;
    padding: 15px;
    font-size: 18px;
    line-height: 20px;
  }
  .navbar-brand:hover,
  .navbar-brand:focus {
    text-decoration: none;
  }
  .navbar-brand > img {
    display: block;
  }
  @media (min-width: 992px) {
    .navbar > .container .navbar-brand,
    .navbar > .page_header_content .navbar-brand,
    .navbar > .page_header_content .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
      margin-left: -15px;
    }
  }
  .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-right: 15px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 5px;
  }
  .navbar-toggle:focus {
    outline: 0;
  }
  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }
  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }
  @media (min-width: 992px) {
    .navbar-toggle {
      display: none;
    }
  }
  .navbar-nav {
    margin: 7.5px -15px;
  }
  .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
  }
  @media (max-width: 991px) {
    .navbar-nav .open .dropdown-menu {
      position: static;
      float: none;
      width: auto;
      margin-top: 0;
      background-color: transparent;
      border: 0;
      box-shadow: none;
    }
    .navbar-nav .open .dropdown-menu > li > a,
    .navbar-nav .open .dropdown-menu .dropdown-header {
      padding: 5px 15px 5px 25px;
    }
    .navbar-nav .open .dropdown-menu > li > a {
      line-height: 20px;
    }
    .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-nav .open .dropdown-menu > li > a:focus {
      background-image: none;
    }
  }
  @media (min-width: 992px) {
    .navbar-nav {
      float: left;
      margin: 0;
    }
    .navbar-nav > li {
      float: left;
    }
    .navbar-nav > li > a {
      padding-top: 15px;
      padding-bottom: 15px;
    }
  }
  .navbar-form {
    padding: 10px 15px;
    margin-right: -15px;
    margin-left: -15px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.1),
      0 1px 0 rgba(255, 255, 255, 0.1);
    margin-top: 8px;
    margin-bottom: 8px;
  }
  @media (min-width: 768px) {
    .navbar-form .form-group {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .form-control {
      display: inline-block;
      width: auto;
      vertical-align: middle;
    }
    .navbar-form .form-control-static {
      display: inline-block;
    }
    .navbar-form .input-group,
    .navbar-form #redactor-modal .input-group.automation-links,
    #redactor-modal .navbar-form .input-group.automation-links,
    .navbar-form #redactor-modal .automation-links.input-group,
    #redactor-modal .navbar-form .automation-links.input-group {
      display: inline-table;
      vertical-align: middle;
    }
    .navbar-form .input-group .input-group-addon,
    .navbar-form
      #redactor-modal
      .input-group.automation-links
      .input-group-addon,
    #redactor-modal
      .navbar-form
      .input-group.automation-links
      .input-group-addon,
    .navbar-form
      #redactor-modal
      .automation-links.input-group
      .input-group-addon,
    #redactor-modal
      .navbar-form
      .automation-links.input-group
      .input-group-addon,
    .navbar-form .input-group .input-group-btn,
    .navbar-form #redactor-modal .input-group.automation-links .input-group-btn,
    #redactor-modal .navbar-form .input-group.automation-links .input-group-btn,
    .navbar-form #redactor-modal .automation-links.input-group .input-group-btn,
    #redactor-modal .navbar-form .automation-links.input-group .input-group-btn,
    .navbar-form .input-group .form-control,
    .navbar-form #redactor-modal .input-group.automation-links .form-control,
    #redactor-modal .navbar-form .input-group.automation-links .form-control,
    .navbar-form #redactor-modal .automation-links.input-group .form-control,
    #redactor-modal .navbar-form .automation-links.input-group .form-control {
      width: auto;
    }
    .navbar-form .input-group > .form-control,
    .navbar-form #redactor-modal .input-group.automation-links > .form-control,
    #redactor-modal .navbar-form .input-group.automation-links > .form-control,
    .navbar-form #redactor-modal .automation-links.input-group > .form-control,
    #redactor-modal .navbar-form .automation-links.input-group > .form-control {
      width: 100%;
    }
    .navbar-form .control-label {
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .radio,
    .navbar-form .checkbox {
      display: inline-block;
      margin-top: 0;
      margin-bottom: 0;
      vertical-align: middle;
    }
    .navbar-form .radio label,
    .navbar-form .checkbox label {
      padding-left: 0;
    }
    .navbar-form .radio input[type="radio"],
    .navbar-form .checkbox input[type="checkbox"] {
      position: relative;
      margin-left: 0;
    }
    .navbar-form .has-feedback .form-control-feedback {
      top: 0;
    }
  }
  @media (max-width: 991px) {
    .navbar-form .form-group {
      margin-bottom: 5px;
    }
    .navbar-form .form-group:last-child {
      margin-bottom: 0;
    }
  }
  @media (min-width: 992px) {
    .navbar-form {
      width: auto;
      padding-top: 0;
      padding-bottom: 0;
      margin-right: 0;
      margin-left: 0;
      border: 0;
      box-shadow: none;
    }
  }
  .navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
    margin-bottom: 0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  .navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px;
  }
  .navbar-text {
    margin-top: 15px;
    margin-bottom: 15px;
  }
  @media (min-width: 992px) {
    .navbar-text {
      float: left;
      margin-right: 15px;
      margin-left: 15px;
    }
  }
  @media (min-width: 992px) {
    .navbar-left {
      float: left !important;
    }
    .navbar-right {
      float: right !important;
      margin-right: -15px;
    }
    .navbar-right ~ .navbar-right {
      margin-right: 0;
    }
  }
  .navbar-default {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-brand {
    color: #777;
  }
  .navbar-default .navbar-brand:hover,
  .navbar-default .navbar-brand:focus {
    color: #5e5e5e;
    background-color: transparent;
  }
  .navbar-default .navbar-text {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav > .disabled > a,
  .navbar-default .navbar-nav > .btn--loading > a,
  .navbar-default .navbar-nav > .btn--loading > a,
  .navbar-default .navbar-nav > .disabled > a:hover,
  .navbar-default .navbar-nav > .btn--loading > a:hover,
  .navbar-default .navbar-nav > .btn--loading > a:hover,
  .navbar-default .navbar-nav > .disabled > a:focus,
  .navbar-default .navbar-nav > .btn--loading > a:focus,
  .navbar-default .navbar-nav > .btn--loading > a:focus {
    color: #ccc;
    background-color: transparent;
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  @media (max-width: 991px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
      color: #777;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #333;
      background-color: transparent;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #555;
      background-color: #e7e7e7;
    }
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .btn--loading > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .btn--loading > a,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .btn--loading > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .btn--loading > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .btn--loading > a:focus,
    .navbar-default .navbar-nav .open .dropdown-menu > .btn--loading > a:focus {
      color: #ccc;
      background-color: transparent;
    }
  }
  .navbar-default .navbar-toggle {
    border-color: #ddd;
  }
  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #ddd;
  }
  .navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
  }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #e7e7e7;
  }
  .navbar-default .navbar-link {
    color: #777;
  }
  .navbar-default .navbar-link:hover {
    color: #333;
  }
  .navbar-default .btn-link {
    color: #777;
  }
  .navbar-default .btn-link:hover,
  .navbar-default .btn-link:focus {
    color: #333;
  }
  .navbar-default .btn-link[disabled]:hover,
  .navbar-default .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-default .btn-link:hover,
  fieldset[disabled] .navbar-default .btn-link:focus {
    color: #ccc;
  }
  .navbar-inverse {
    background-color: #222;
    border-color: #090909;
  }
  .navbar-inverse .navbar-brand {
    color: #e7e7e7;
  }
  .navbar-inverse .navbar-brand:hover,
  .navbar-inverse .navbar-brand:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-text {
    color: #e7e7e7;
  }
  .navbar-inverse .navbar-nav > li > a {
    color: #e7e7e7;
  }
  .navbar-inverse .navbar-nav > li > a:hover,
  .navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav > .active > a,
  .navbar-inverse .navbar-nav > .active > a:hover,
  .navbar-inverse .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #090909;
  }
  .navbar-inverse .navbar-nav > .disabled > a,
  .navbar-inverse .navbar-nav > .btn--loading > a,
  .navbar-inverse .navbar-nav > .btn--loading > a,
  .navbar-inverse .navbar-nav > .disabled > a:hover,
  .navbar-inverse .navbar-nav > .btn--loading > a:hover,
  .navbar-inverse .navbar-nav > .btn--loading > a:hover,
  .navbar-inverse .navbar-nav > .disabled > a:focus,
  .navbar-inverse .navbar-nav > .btn--loading > a:focus,
  .navbar-inverse .navbar-nav > .btn--loading > a:focus {
    color: #444;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #090909;
  }
  @media (max-width: 991px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
      border-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
      background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
      color: #e7e7e7;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
      color: #fff;
      background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
      color: #fff;
      background-color: #090909;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .btn--loading > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .btn--loading > a,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .btn--loading > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .btn--loading > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .btn--loading > a:focus,
    .navbar-inverse .navbar-nav .open .dropdown-menu > .btn--loading > a:focus {
      color: #444;
      background-color: transparent;
    }
  }
  .navbar-inverse .navbar-toggle {
    border-color: #333;
  }
  .navbar-inverse .navbar-toggle:hover,
  .navbar-inverse .navbar-toggle:focus {
    background-color: #333;
  }
  .navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
  }
  .navbar-inverse .navbar-collapse,
  .navbar-inverse .navbar-form {
    border-color: #101010;
  }
  .navbar-inverse .navbar-link {
    color: #e7e7e7;
  }
  .navbar-inverse .navbar-link:hover {
    color: #fff;
  }
  .navbar-inverse .btn-link {
    color: #e7e7e7;
  }
  .navbar-inverse .btn-link:hover,
  .navbar-inverse .btn-link:focus {
    color: #fff;
  }
  .navbar-inverse .btn-link[disabled]:hover,
  .navbar-inverse .btn-link[disabled]:focus,
  fieldset[disabled] .navbar-inverse .btn-link:hover,
  fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
  }
  .pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 5px;
  }
  .pagination > li {
    display: inline;
  }
  .pagination > li > a,
  .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.428571429;
    color: var(--blue-500);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .pagination > li > a:hover,
  .pagination > li > a:focus,
  .pagination > li > span:hover,
  .pagination > li > span:focus {
    z-index: 2;
    color: #304268;
    background-color: #e1e1e1;
    border-color: #ddd;
  }
  .pagination > li:first-child > a,
  .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .pagination > li:last-child > a,
  .pagination > li:last-child > span {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .pagination > .active > a,
  .pagination > .active > a:hover,
  .pagination > .active > a:focus,
  .pagination > .active > span,
  .pagination > .active > span:hover,
  .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: var(--blue-500);
    border-color: var(--blue-500);
  }
  .pagination > .disabled > span,
  .pagination > .btn--loading > span,
  .pagination > .btn--loading > span,
  .pagination > .disabled > span:hover,
  .pagination > .btn--loading > span:hover,
  .pagination > .btn--loading > span:hover,
  .pagination > .disabled > span:focus,
  .pagination > .btn--loading > span:focus,
  .pagination > .btn--loading > span:focus,
  .pagination > .disabled > a,
  .pagination > .btn--loading > a,
  .pagination > .btn--loading > a,
  .pagination > .disabled > a:hover,
  .pagination > .btn--loading > a:hover,
  .pagination > .btn--loading > a:hover,
  .pagination > .disabled > a:focus,
  .pagination > .btn--loading > a:focus,
  .pagination > .btn--loading > a:focus {
    color: #c1c1c1;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
  }
  .pagination-lg > li > a,
  .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
  }
  .pagination-lg > li:first-child > a,
  .pagination-lg > li:first-child > span {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  .pagination-lg > li:last-child > a,
  .pagination-lg > li:last-child > span {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
  }
  .pagination-sm > li > a,
  .pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
  }
  .pagination-sm > li:first-child > a,
  .pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .pagination-sm > li:last-child > a,
  .pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .label {
    display: inline;
    padding: 0.2em 0.6em 0.3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25em;
  }
  .label:empty {
    display: none;
  }
  .btn .label,
  #buorgul .label,
  #buorgig .label,
  #buorgul .label,
  #buorgig .label {
    position: relative;
    top: -1px;
  }
  a.label:hover,
  a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .label-default {
    background-color: #c1c1c1;
  }
  .label-default[href]:hover,
  .label-default[href]:focus {
    background-color: #a8a8a8;
  }
  .label-primary {
    background-color: var(--blue-500);
  }
  .label-primary[href]:hover,
  .label-primary[href]:focus {
    background-color: #fa3741;
  }
  .label-success {
    background-color: var(--green-500);
  }
  .label-success[href]:hover,
  .label-success[href]:focus {
    background-color: #468a65;
  }
  .label-info {
    background-color: #e7fafa;
  }
  .label-info[href]:hover,
  .label-info[href]:focus {
    background-color: #bdf1f1;
  }
  .label-warning {
    background-color: var(--orange-500);
  }
  .label-warning[href]:hover,
  .label-warning[href]:focus {
    background-color: #e6a244;
  }
  .label-danger {
    background-color: var(--red-500);
  }
  .label-danger[href]:hover,
  .label-danger[href]:focus {
    background-color: #fa3741;
  }
  .badge {
    display: inline-block;
    min-width: 10px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #c1c1c1;
    border-radius: 10px;
  }
  .badge:empty {
    display: none;
  }
  .btn .badge,
  #buorgul .badge,
  #buorgig .badge,
  #buorgul .badge,
  #buorgig .badge {
    position: relative;
    top: -1px;
  }
  .btn-xs .badge,
  .btn-group-xs > .btn .badge,
  .btn-group-xs > #buorgul .badge,
  .btn-group-xs > #buorgig .badge,
  .btn-group-xs > #buorgul .badge,
  .btn-group-xs > #buorgig .badge {
    top: 0;
    padding: 1px 5px;
  }
  .list-group-item.active > .badge {
    color: var(--blue-500);
    background-color: #fff;
  }
  .list-group-item > .badge {
    float: right;
  }
  .list-group-item > .badge + .badge {
    margin-right: 5px;
  }
  a.badge:hover,
  a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer;
  }
  .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.428571429;
    background-color: var(--gray-50);
    border: 1px solid #ddd;
    border-radius: 5px;
    transition: border 0.2s ease-in-out;
  }
  .thumbnail > img,
  .thumbnail a > img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
  }
  .thumbnail .caption {
    padding: 9px;
    color: var(--gray-800);
  }
  a.thumbnail:hover,
  a.thumbnail:focus,
  a.thumbnail.active {
    border-color: var(--blue-500);
  }
  .alert,
  .alert-no-hide,
  .accept-invite-notice,
  .alert-no-hide,
  .accept-invite-notice {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 5px;
  }
  .alert h4,
  .alert-no-hide h4,
  .accept-invite-notice h4,
  .alert-no-hide h4,
  .accept-invite-notice h4 {
    margin-top: 0;
    color: inherit;
  }
  .alert .alert-link,
  .alert-no-hide .alert-link,
  .accept-invite-notice .alert-link,
  .alert-no-hide .alert-link,
  .accept-invite-notice .alert-link {
    font-weight: 700;
  }
  .alert > p,
  .alert-no-hide > p,
  .accept-invite-notice > p,
  .alert-no-hide > p,
  .accept-invite-notice > p,
  .alert > ul,
  .alert-no-hide > ul,
  .accept-invite-notice > ul,
  .alert-no-hide > ul,
  .accept-invite-notice > ul {
    margin-bottom: 0;
  }
  .alert > p + p,
  .alert-no-hide > p + p,
  .accept-invite-notice > p + p,
  .alert-no-hide > p + p,
  .accept-invite-notice > p + p {
    margin-top: 5px;
  }
  .alert-dismissable,
  .alert-dismissible {
    padding-right: 35px;
  }
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit;
  }
  .alert-success,
  .alert-success hr,
  .alert-success .alert-link {
    color: #2b542c;
  }
  .alert-info,
  .accept-invite-notice {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  .alert-info hr,
  .accept-invite-notice hr {
    border-top-color: #a6e1ec;
  }
  .alert-info .alert-link,
  .accept-invite-notice .alert-link {
    color: #245269;
  }
  .alert-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
  }
  .alert-warning hr,
  .alert-warning .alert-link {
    color: #66512c;
  }
  .alert-danger,
  .alert-danger hr {
    border-top-color: #e4b9c0;
  }
  .alert-danger .alert-link {
    color: #843534;
  }
  @keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  .progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 5px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  }
  .progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: var(--blue-500);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    transition: width 0.6s ease;
  }
  .progress-striped .progress-bar,
  .progress-bar-striped {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
    background-size: 40px 40px;
  }
  .progress.active .progress-bar,
  .progress-bar.active {
    animation: progress-bar-stripes 2s linear infinite;
  }
  .progress-bar-success {
    background-color: var(--green-500);
  }
  .progress-striped .progress-bar-success {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }
  .progress-bar-info {
    background-color: #e7fafa;
  }
  .progress-striped .progress-bar-info {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }
  .progress-bar-warning {
    background-color: var(--orange-500);
  }
  .progress-striped .progress-bar-warning {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }
  .progress-bar-danger {
    background-color: var(--red-500);
  }
  .progress-striped .progress-bar-danger {
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent
    );
  }
  .list-group {
    padding-left: 0;
    margin-bottom: 20px;
  }
  .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
  }
  .list-group-item:first-child {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
  }
  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }
  .list-group-item.disabled,
  .list-group-item.btn--loading,
  .list-group-item.btn--loading,
  .list-group-item.disabled:hover,
  .list-group-item.btn--loading:hover,
  .list-group-item.btn--loading:hover,
  .list-group-item.disabled:focus,
  .list-group-item.btn--loading:focus,
  .list-group-item.btn--loading:focus {
    color: #c1c1c1;
    cursor: not-allowed;
    background-color: #e1e1e1;
  }
  .list-group-item.disabled .list-group-item-heading,
  .list-group-item.btn--loading .list-group-item-heading,
  .list-group-item.btn--loading .list-group-item-heading,
  .list-group-item.disabled:hover .list-group-item-heading,
  .list-group-item.btn--loading:hover .list-group-item-heading,
  .list-group-item.btn--loading:hover .list-group-item-heading,
  .list-group-item.disabled:focus .list-group-item-heading,
  .list-group-item.btn--loading:focus .list-group-item-heading,
  .list-group-item.btn--loading:focus .list-group-item-heading {
    color: inherit;
  }
  .list-group-item.disabled .list-group-item-text,
  .list-group-item.btn--loading .list-group-item-text,
  .list-group-item.btn--loading .list-group-item-text,
  .list-group-item.disabled:hover .list-group-item-text,
  .list-group-item.btn--loading:hover .list-group-item-text,
  .list-group-item.btn--loading:hover .list-group-item-text,
  .list-group-item.disabled:focus .list-group-item-text,
  .list-group-item.btn--loading:focus .list-group-item-text,
  .list-group-item.btn--loading:focus .list-group-item-text {
    color: #c1c1c1;
  }
  .list-group-item.active,
  .list-group-item.active:hover,
  .list-group-item.active:focus {
    z-index: 2;
    color: #fff;
    background-color: var(--blue-500);
    border-color: var(--blue-500);
  }
  .list-group-item.active .list-group-item-heading,
  .list-group-item.active .list-group-item-heading > small,
  .list-group-item.active .list-group-item-heading > .small,
  .list-group-item.active:hover .list-group-item-heading,
  .list-group-item.active:hover .list-group-item-heading > small,
  .list-group-item.active:hover .list-group-item-heading > .small,
  .list-group-item.active:focus .list-group-item-heading,
  .list-group-item.active:focus .list-group-item-heading > small,
  .list-group-item.active:focus .list-group-item-heading > .small {
    color: inherit;
  }
  .list-group-item.active .list-group-item-text,
  .list-group-item.active:hover .list-group-item-text,
  .list-group-item.active:focus .list-group-item-text {
    color: #fff;
  }
  a.list-group-item,
  button.list-group-item {
    color: #555;
  }
  a.list-group-item .list-group-item-heading,
  button.list-group-item .list-group-item-heading {
    color: #333;
  }
  a.list-group-item:hover,
  a.list-group-item:focus,
  button.list-group-item:hover,
  button.list-group-item:focus {
    color: #555;
    text-decoration: none;
    background-color: #f5f5f5;
  }
  button.list-group-item {
    width: 100%;
    text-align: left;
  }
  .list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
  }
  a.list-group-item-success,
  button.list-group-item-success {
    color: #3c763d;
  }
  a.list-group-item-success .list-group-item-heading,
  button.list-group-item-success .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-success:hover,
  a.list-group-item-success:focus,
  button.list-group-item-success:hover,
  button.list-group-item-success:focus {
    color: #3c763d;
    background-color: #d0e9c6;
  }
  a.list-group-item-success.active,
  a.list-group-item-success.active:hover,
  a.list-group-item-success.active:focus,
  button.list-group-item-success.active,
  button.list-group-item-success.active:hover,
  button.list-group-item-success.active:focus {
    color: #fff;
    background-color: #3c763d;
    border-color: #3c763d;
  }
  .list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
  }
  a.list-group-item-info,
  button.list-group-item-info {
    color: #31708f;
  }
  a.list-group-item-info .list-group-item-heading,
  button.list-group-item-info .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-info:hover,
  a.list-group-item-info:focus,
  button.list-group-item-info:hover,
  button.list-group-item-info:focus {
    color: #31708f;
    background-color: #c4e3f3;
  }
  a.list-group-item-info.active,
  a.list-group-item-info.active:hover,
  a.list-group-item-info.active:focus,
  button.list-group-item-info.active,
  button.list-group-item-info.active:hover,
  button.list-group-item-info.active:focus {
    color: #fff;
    background-color: #31708f;
    border-color: #31708f;
  }
  .list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
  }
  a.list-group-item-warning,
  button.list-group-item-warning {
    color: #8a6d3b;
  }
  a.list-group-item-warning .list-group-item-heading,
  button.list-group-item-warning .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-warning:hover,
  a.list-group-item-warning:focus,
  button.list-group-item-warning:hover,
  button.list-group-item-warning:focus {
    color: #8a6d3b;
    background-color: #faf2cc;
  }
  a.list-group-item-warning.active,
  a.list-group-item-warning.active:hover,
  a.list-group-item-warning.active:focus,
  button.list-group-item-warning.active,
  button.list-group-item-warning.active:hover,
  button.list-group-item-warning.active:focus {
    color: #fff;
    background-color: #8a6d3b;
    border-color: #8a6d3b;
  }
  .list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
  }
  a.list-group-item-danger,
  button.list-group-item-danger {
    color: #a94442;
  }
  a.list-group-item-danger .list-group-item-heading,
  button.list-group-item-danger .list-group-item-heading {
    color: inherit;
  }
  a.list-group-item-danger:hover,
  a.list-group-item-danger:focus,
  button.list-group-item-danger:hover,
  button.list-group-item-danger:focus {
    color: #a94442;
    background-color: #ebcccc;
  }
  a.list-group-item-danger.active,
  a.list-group-item-danger.active:hover,
  a.list-group-item-danger.active:focus,
  button.list-group-item-danger.active,
  button.list-group-item-danger.active:hover,
  button.list-group-item-danger.active:focus {
    color: #fff;
    background-color: #a94442;
    border-color: #a94442;
  }
  .list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
  }
  .list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
  }
  .panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  }
  .panel-body {
    padding: 15px;
  }
  .panel-body:before,
  .panel-body:after {
    display: table;
    content: " ";
  }
  .panel-body:after {
    clear: both;
  }
  .panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .panel-heading > .dropdown .dropdown-toggle {
    color: inherit;
  }
  .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit;
  }
  .panel-title > a,
  .panel-title > small,
  .panel-title > .small,
  .panel-title > small > a,
  .panel-title > .small > a {
    color: inherit;
  }
  .panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .panel > .list-group,
  .panel > .panel-collapse > .list-group {
    margin-bottom: 0;
  }
  .panel > .list-group .list-group-item,
  .panel > .panel-collapse > .list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
  }
  .panel > .list-group:first-child .list-group-item:first-child,
  .panel
    > .panel-collapse
    > .list-group:first-child
    .list-group-item:first-child {
    border-top: 0;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .panel > .list-group:last-child .list-group-item:last-child,
  .panel
    > .panel-collapse
    > .list-group:last-child
    .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .panel
    > .panel-heading
    + .panel-collapse
    > .list-group
    .list-group-item:first-child {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .panel-heading + .list-group .list-group-item:first-child {
    border-top-width: 0;
  }
  .list-group + .panel-footer {
    border-top-width: 0;
  }
  .panel > .table,
  .panel > .table-responsive > .table,
  .panel > .panel-collapse > .table {
    margin-bottom: 0;
  }
  .panel > .table caption,
  .panel > .table-responsive > .table caption,
  .panel > .panel-collapse > .table caption {
    padding-right: 15px;
    padding-left: 15px;
  }
  .panel > .table:first-child,
  .panel > .table-responsive:first-child > .table:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .panel > .table:first-child > thead:first-child > tr:first-child,
  .panel > .table:first-child > tbody:first-child > tr:first-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > thead:first-child
    > tr:first-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > tbody:first-child
    > tr:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
  .panel
    > .table:first-child
    > thead:first-child
    > tr:first-child
    td:first-child,
  .panel
    > .table:first-child
    > thead:first-child
    > tr:first-child
    th:first-child,
  .panel
    > .table:first-child
    > tbody:first-child
    > tr:first-child
    td:first-child,
  .panel
    > .table:first-child
    > tbody:first-child
    > tr:first-child
    th:first-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > thead:first-child
    > tr:first-child
    td:first-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > thead:first-child
    > tr:first-child
    th:first-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > tbody:first-child
    > tr:first-child
    td:first-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > tbody:first-child
    > tr:first-child
    th:first-child {
    border-top-left-radius: 4px;
  }
  .panel
    > .table:first-child
    > thead:first-child
    > tr:first-child
    td:last-child,
  .panel
    > .table:first-child
    > thead:first-child
    > tr:first-child
    th:last-child,
  .panel
    > .table:first-child
    > tbody:first-child
    > tr:first-child
    td:last-child,
  .panel
    > .table:first-child
    > tbody:first-child
    > tr:first-child
    th:last-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > thead:first-child
    > tr:first-child
    td:last-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > thead:first-child
    > tr:first-child
    th:last-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > tbody:first-child
    > tr:first-child
    td:last-child,
  .panel
    > .table-responsive:first-child
    > .table:first-child
    > tbody:first-child
    > tr:first-child
    th:last-child {
    border-top-right-radius: 4px;
  }
  .panel > .table:last-child,
  .panel > .table-responsive:last-child > .table:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tbody:last-child
    > tr:last-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tfoot:last-child
    > tr:last-child {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tbody:last-child
    > tr:last-child
    td:first-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tbody:last-child
    > tr:last-child
    th:first-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tfoot:last-child
    > tr:last-child
    td:first-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tfoot:last-child
    > tr:last-child
    th:first-child {
    border-bottom-left-radius: 4px;
  }
  .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
  .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tbody:last-child
    > tr:last-child
    td:last-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tbody:last-child
    > tr:last-child
    th:last-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tfoot:last-child
    > tr:last-child
    td:last-child,
  .panel
    > .table-responsive:last-child
    > .table:last-child
    > tfoot:last-child
    > tr:last-child
    th:last-child {
    border-bottom-right-radius: 4px;
  }
  .panel > .panel-body + .table,
  .panel > .panel-body + .table-responsive,
  .panel > .table + .panel-body,
  .panel > .table-responsive + .panel-body {
    border-top: 1px solid #ddd;
  }
  .panel > .table > tbody:first-child > tr:first-child th,
  .panel > .table > tbody:first-child > tr:first-child td {
    border-top: 0;
  }
  .panel > .table-bordered,
  .panel > .table-responsive > .table-bordered {
    border: 0;
  }
  .panel > .table-bordered > thead > tr > th:first-child,
  .panel > .table-bordered > thead > tr > td:first-child,
  .panel > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-bordered > tfoot > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .panel > .table-bordered > thead > tr > th:last-child,
  .panel > .table-bordered > thead > tr > td:last-child,
  .panel > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-bordered > tfoot > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .panel > .table-bordered > thead > tr:first-child > td,
  .panel > .table-bordered > thead > tr:first-child > th,
  .panel > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-bordered > tbody > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
    border-bottom: 0;
  }
  .panel > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-bordered > tfoot > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
  .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
    border-bottom: 0;
  }
  .panel > .table-responsive {
    margin-bottom: 0;
    border: 0;
  }
  .panel-group {
    margin-bottom: 20px;
  }
  .panel-group .panel {
    margin-bottom: 0;
    border-radius: 5px;
  }
  .panel-group .panel + .panel {
    margin-top: 5px;
  }
  .panel-group .panel-heading {
    border-bottom: 0;
  }
  .panel-group .panel-heading + .panel-collapse > .panel-body,
  .panel-group .panel-heading + .panel-collapse > .list-group {
    border-top: 1px solid #ddd;
  }
  .panel-group .panel-footer {
    border-top: 0;
  }
  .panel-group .panel-footer + .panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
  }
  .panel-default {
    border-color: #ddd;
  }
  .panel-default > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
  }
  .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ddd;
  }
  .panel-default > .panel-heading .badge {
    color: #f5f5f5;
    background-color: #333;
  }
  .panel-default > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ddd;
  }
  .panel-primary {
    border-color: var(--blue-500);
  }
  .panel-primary > .panel-heading {
    color: #fff;
    background-color: var(--blue-500);
    border-color: var(--blue-500);
  }
  .panel-primary > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: var(--blue-500);
  }
  .panel-primary > .panel-heading .badge {
    color: var(--blue-500);
    background-color: #fff;
  }
  .panel-primary > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: var(--blue-500);
  }
  .panel-success {
    border-color: #d6e9c6;
  }
  .panel-success > .panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
  }
  .panel-success > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #d6e9c6;
  }
  .panel-success > .panel-heading .badge {
    color: #dff0d8;
    background-color: #3c763d;
  }
  .panel-success > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #d6e9c6;
  }
  .panel-info {
    border-color: #bce8f1;
  }
  .panel-info > .panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
  }
  .panel-info > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #bce8f1;
  }
  .panel-info > .panel-heading .badge {
    color: #d9edf7;
    background-color: #31708f;
  }
  .panel-info > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #bce8f1;
  }
  .panel-warning {
    border-color: #faebcc;
  }
  .panel-warning > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
  }
  .panel-warning > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #faebcc;
  }
  .panel-warning > .panel-heading .badge {
    color: #fcf8e3;
    background-color: #8a6d3b;
  }
  .panel-warning > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #faebcc;
  }
  .panel-danger {
    border-color: #ebccd1;
  }
  .panel-danger > .panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
  }
  .panel-danger > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #ebccd1;
  }
  .panel-danger > .panel-heading .badge {
    color: #f2dede;
    background-color: #a94442;
  }
  .panel-danger > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #ebccd1;
  }
  .close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: 0.2;
  }
  .close:hover,
  .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    appearance: none;
  }
  .modal-open {
    overflow: hidden;
  }
  .modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
  }
  .modal.fade .modal-dialog {
    transform: translate(0, -25%);
    transition: transform 0.3s ease-out;
  }
  .modal.in .modal-dialog {
    transform: translate(0, 0);
  }
  .modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
  .modal-content {
    position: relative;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0;
  }
  .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    background-color: #000;
  }
  .modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: 0.5;
  }
  .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
  }
  .modal-header:before,
  .modal-header:after {
    display: table;
    content: " ";
  }
  .modal-header:after {
    clear: both;
  }
  .modal-header .close {
    margin-top: -2px;
  }
  .modal-title {
    margin: 0;
    line-height: 1.428571429;
  }
  .modal-body {
    position: relative;
    padding: 15px;
  }
  .modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
  }
  .modal-footer:before,
  .modal-footer:after {
    display: table;
    content: " ";
  }
  .modal-footer:after {
    clear: both;
  }
  .modal-footer .btn + .btn,
  .modal-footer #buorgul + .btn,
  .modal-footer #buorgig + .btn,
  .modal-footer .btn + #buorgul,
  .modal-footer #buorgul + #buorgul,
  .modal-footer #buorgig + #buorgul,
  .modal-footer .btn + #buorgig,
  .modal-footer #buorgul + #buorgig,
  .modal-footer #buorgig + #buorgig,
  .modal-footer #buorgul + .btn,
  .modal-footer #buorgul + #buorgul,
  .modal-footer #buorgul + #buorgig,
  .modal-footer #buorgig + .btn,
  .modal-footer #buorgig + #buorgul,
  .modal-footer #buorgig + #buorgig,
  .modal-footer .btn + #buorgul,
  .modal-footer #buorgul + #buorgul,
  .modal-footer #buorgig + #buorgul,
  .modal-footer #buorgul + #buorgul,
  .modal-footer #buorgig + #buorgul,
  .modal-footer .btn + #buorgig,
  .modal-footer #buorgul + #buorgig,
  .modal-footer #buorgig + #buorgig,
  .modal-footer #buorgul + #buorgig,
  .modal-footer #buorgig + #buorgig {
    margin-bottom: 0;
    margin-left: 5px;
  }
  .modal-footer .btn-group .btn + .btn,
  .modal-footer .btn-group #buorgul + .btn,
  .modal-footer .btn-group #buorgig + .btn,
  .modal-footer .btn-group .btn + #buorgul,
  .modal-footer .btn-group #buorgul + #buorgul,
  .modal-footer .btn-group #buorgig + #buorgul,
  .modal-footer .btn-group .btn + #buorgig,
  .modal-footer .btn-group #buorgul + #buorgig,
  .modal-footer .btn-group #buorgig + #buorgig,
  .modal-footer .btn-group #buorgul + .btn,
  .modal-footer .btn-group #buorgul + #buorgul,
  .modal-footer .btn-group #buorgul + #buorgig,
  .modal-footer .btn-group #buorgig + .btn,
  .modal-footer .btn-group #buorgig + #buorgul,
  .modal-footer .btn-group #buorgig + #buorgig,
  .modal-footer .btn-group .btn + #buorgul,
  .modal-footer .btn-group #buorgul + #buorgul,
  .modal-footer .btn-group #buorgig + #buorgul,
  .modal-footer .btn-group #buorgul + #buorgul,
  .modal-footer .btn-group #buorgig + #buorgul,
  .modal-footer .btn-group .btn + #buorgig,
  .modal-footer .btn-group #buorgul + #buorgig,
  .modal-footer .btn-group #buorgig + #buorgig,
  .modal-footer .btn-group #buorgul + #buorgig,
  .modal-footer .btn-group #buorgig + #buorgig {
    margin-left: -1px;
  }
  .modal-footer .btn-block + .btn-block {
    margin-left: 0;
  }
  .modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  @media (min-width: 768px) {
    .modal-dialog {
      width: 600px;
      margin: 30px auto;
    }
    .modal-content {
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    }
    .modal-sm {
      width: 300px;
    }
  }
  @media (min-width: 992px) {
    .modal-lg {
      width: 900px;
    }
  }
  .tooltip {
    position: absolute;
    z-index: 500;
    display: block;
    font-family: var(--font-ui);
    font-style: normal;
    font-weight: 400;
    line-height: 1.428571429;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 12px;
    filter: alpha(opacity=0);
    opacity: 0;
  }
  .tooltip.in {
    filter: alpha(opacity=90);
    opacity: 0.9;
  }
  .tooltip.top {
    padding: 5px 0;
    margin-top: -3px;
  }
  .tooltip.right {
    padding: 0 5px;
    margin-left: 3px;
  }
  .tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px;
  }
  .tooltip.left {
    padding: 0 5px;
    margin-left: -3px;
  }
  .tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.top-left .tooltip-arrow {
    right: 5px;
    bottom: 0;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
  }
  .tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
  }
  .tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
  }
  .tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
  }
  .tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 5px;
  }
  .tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 200;
    display: none;
    max-width: 276px;
    padding: 1px;
    font-family: var(--font-ui);
    font-style: normal;
    font-weight: 400;
    line-height: 1.428571429;
    line-break: auto;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    word-wrap: normal;
    white-space: normal;
    font-size: 14px;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  }
  .popover.top {
    margin-top: -10px;
  }
  .popover.right {
    margin-left: 10px;
  }
  .popover.bottom {
    margin-top: 10px;
  }
  .popover.left {
    margin-left: -10px;
  }
  .popover > .arrow {
    border-width: 11px;
  }
  .popover > .arrow,
  .popover > .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .popover > .arrow:after {
    content: "";
    border-width: 10px;
  }
  .popover.top > .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    border-bottom-width: 0;
  }
  .popover.top > .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    content: " ";
    border-top-color: #fff;
    border-bottom-width: 0;
  }
  .popover.right > .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
    border-left-width: 0;
  }
  .popover.right > .arrow:after {
    bottom: -10px;
    left: 1px;
    content: " ";
    border-right-color: #fff;
    border-left-width: 0;
  }
  .popover.bottom > .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0, 0, 0, 0.25);
  }
  .popover.bottom > .arrow:after {
    top: 1px;
    margin-left: -10px;
    content: " ";
    border-top-width: 0;
    border-bottom-color: #fff;
  }
  .popover.left > .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
  }
  .popover.left > .arrow:after {
    right: 1px;
    bottom: -10px;
    content: " ";
    border-right-width: 0;
    border-left-color: #fff;
  }
  .popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    border-radius: 7px 7px 0 0;
  }
  .popover-content {
    padding: 9px 14px;
  }
  .clearfix:before,
  #redactor-modal-link-insert .nav.nav-tabs:before,
  .broadcast-list li:before,
  #redactor-modal-link-insert .nav.nav-tabs:before,
  .clearfix:after,
  #redactor-modal-link-insert .nav.nav-tabs:after,
  .broadcast-list li:after,
  #redactor-modal-link-insert .nav.nav-tabs:after {
    display: table;
    content: " ";
  }
  .clearfix:after,
  #redactor-modal-link-insert .nav.nav-tabs:after,
  .broadcast-list li:after,
  #redactor-modal-link-insert .nav.nav-tabs:after {
    clear: both;
  }
  .center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .pull-right {
    float: right !important;
  }
  .pull-left {
    float: left !important;
  }
  .hide {
    display: none !important;
  }
  .show {
    display: block !important;
  }
  .invisible {
    visibility: hidden;
  }
  .text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .affix {
    position: fixed;
  }
  .visible-xs {
    display: none !important;
  }
  .visible-sm {
    display: none !important;
  }
  @media (max-width: 767px) {
    .visible-xs {
      display: block !important;
    }
    table.visible-xs {
      display: table !important;
    }
    tr.visible-xs {
      display: table-row !important;
    }
    th.visible-xs,
    td.visible-xs {
      display: table-cell !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
      display: block !important;
    }
    table.visible-sm {
      display: table !important;
    }
    tr.visible-sm {
      display: table-row !important;
    }
    th.visible-sm,
    td.visible-sm {
      display: table-cell !important;
    }
  }
  @media (max-width: 767px) {
    .hidden-xs {
      display: none !important;
    }
  }
  @media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
      display: none !important;
    }
  }
  @font-face {
    font-family: redactorfont;
    src:
      url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggi/NUAAAC8AAAAYGNtYXAaVcx2AAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zm8dIFkAAAFwAAATSGhlYWQACVb9AAAUuAAAADZoaGVhA+ECBQAAFPAAAAAkaG10eEEBA94AABUUAAAAkGxvY2FVlFE8AAAVpAAAAEptYXhwAC8AkgAAFfAAAAAgbmFtZRHEcG0AABYQAAABZnBvc3QAAwAAAAAXeAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmHwHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYf//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAwAAACUCAAGSAAQACQANAAA3EQURBQEFEQURATUXBwACAP4AAdv+SgG2/tySkiUBbgH+lAEBSgH+3AEBJv7/3G9sAAAGAAAASQIAAW4ABAAJAA4AEwAYAB0AABMhFSE1FSEVITUVIRUhNSczFSM1FTMVIzUVMxUjNZIBbv6SAW7+kgFu/pKSSUlJSUlJAW5JSW5JSW5JSdxJSW5JSW5JSQAAAAACAAAAJQH3AZIAFgAuAAAlLgMnBzIuAic+AyMXNh4CByUnMg4CBx4DIxcnHgMXNi4CBwH3Dik/XUABAR04Vjg+WDUYAQFNeEcZEv7MAQENHDMlHzIfEQEBASZUTDYHCSBIZj4lGCQaEARqFi5HLzJFKhJqDC1RZSzVPQoWIxkbJBQID0wCCQ4VDxo4KA8PAAACAG4AJQGSAZIABAAzAAA3IQchJzceAzMyPgI3PgMnNyMXDgMHDgMjIi4CJy4DNycjBx4DF24BJQH+3QFABRIUGg0QGBUQCAYKBgQBAUABAQEEBAQCCAgKBQYJCQcEAgUCAwEBPwEBAwcJCEkkJD8HCgYEBAYKBwcRFRkPtcMGCQkHAwMFAwEBAwUDAwcJCQbDtQ8ZFREHAAUAAP//AgABtwAGAA4AFgBHAF8AAAEzFTMVIzUfAQc1IzUzNS8BNxUzFSMVFx4DFRwBDgEHDgMHMh4CFx4DHwEjJzwBJjQjLgMrARUjNTMyHgIXBzMyPgI3PgM1NC4CJy4DKwEVAUkjS24mkZFvb96RkW9vDAMFAwECAwICBQUGBAECAgIBAQICAgEbIBMBAQIEBQUCCh0qCAwKCQM3DgMFBQMCAQIBAQEBAgECAwQGAw4BtpYgtv9cXEolSUhcXEklSlUDCAoNBwQJBwcCAwUDAgEBAQIBAQMEBANCLgEBAQIGBwYCSLYBAwUDRAECAgECBAQGAwQFBQQBAgIBATIAAAAAAwBtAAABkgGTAAMADAARAAAlIzcXBzM3MxczAyMDFyEVITUBI0YjI7ZKF2MXSmVbZQEBJP7c5nh4eUlJASb+2iRJSQAKAAAAJQIAAZIABAAJAA4AEwAYAB0AIgAnACwAMQAANxEFEQU3FzUHFTU3NScVJwcVFzUVJxU3NRUHFRc1NxUXNQclBxUXNRUnFTc1FQcVFzUAAgD+ALeSkpKSJW1tbW1tbSWSkgEkbW1tbW1tJQFuAf6UASUBSgFIbQFIAUq4AUgBSm8BSgFIbQFIAUrbSAFKAQEBSAFKbwFKAUhtAUgBSgAAAAIACQAlAgABkgAWAC4AACUOAxU1DgMHJj4CFzU0HgIXBT4DNxU1FD4CNy4DNRUmDgIXAgA5VTkcQVxAKA8RGEh3Thc2Vz/+PAY3S1UlECAxICYyHQw9Z0chCt8wRi8VAWsFDxsjGS1kUiwLaQETKUYxYBAUDwgDTRABCRMlGhoiFwkBPhAQJzkZAAAAAgBJAEkBtwFuAEcAjwAAAQ4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYHNAYmIicwLgE0NTQ+Ajc+Azc1DgMHJw4DFRQeAhceAxc+Azc+AzU0LgInLgMHJg4CBwYiBiYVJgYmIjUiJjQmNTQ+Ajc+Azc1DgMHATkJDQkEAwYKBgcOEBAJCA4NDAUGCAUDAwQHBQUKCgwGBQoICAMBAgIBAQEBAQEBAQMGCgYGDxITCxMhHBYJzQkNCQQDBwkHBg4QEQgIDg0MBgUIBQMCBQcFBAoLDAYFCQkIAwECAgEBAQEBAQEBAwcJBgcPERQLEyEcFwkBIgwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAQwYHBsQCxgUEgcICwgDAQECBggGBQ0MDwYIDA0KBgUIBAQBAQICBQECAgEBAQECAQQCBQEKEhQRCggQDAwDFwgQFBQNAAT//wBJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNQcXAAIA/gC3AUn+twFJ/rclk5MBbklJbklJbklJSbdcWwAAAAUAAABJAgABbgAEAAkADgAaAG0AABMhFSE1FSEVITUVIRUhNSczNSM1IwcVNxUjFRc+Azc+Azc0PgE0NTQuAicuAyMiBioBByIOAiMVPgM3Mj4BMjM6AR4BFx4CFBUcAQYUBw4DBw4DDwEVMzUjPgM3MZIBbv6SAW7+kgFu/pKNRBgUFhYYIAUHBQMBAgICAQEBAQEDBAICBgcHBQEEAwQCAgMEBAICBAQDAgIDAwMCAgMDAwEBAgEBAQEBAgICAQQGCQULRC0BAwQEAgFuSUluSUluSUlrFF0GFAZJFJEFBwYEAQIDBAMBAgMDAwIDBwUFAgIEAgEBAQEBAhUBAgIBAQEBAQIBAQIDBAIBAgMCAQICAwMCAQUHCQYNExQBBAMFAgADAAAASQIAAW4ALAAxAGwAACUiLgInNTMeAzMyPgI1NC4CIyIOAgcjNT4DMzIeAhUUDgIjJzMVIzUnIg4CByMVDgMVFB4CFxUzHgMzMj4CNzMVDgMjIi4CNTQ+AjMyHgIXFSMuAyMBbgoUEhEIHgUKCwsGEyEZDg4ZIRMGCwsKBR4IERIUCh41KBcXKDUet5KSJQYLCwoFHgQHBQICBQcEHgUKCwsGBgsLCgUeCBESFAoeNSgXFyg1HgoUEhEIHgUKCwsGSQMGBwU0AgQDAQ0XHhESHhcNAQMEAjQFBwYDFyg1Hx41KBe3SUkvAQMEAhgFCw0OBwcNDQsGFwIEAwEBAwQCNAUHBgMXKDUeHzUoFwMGBwU0AgQDAQAAAAEAAAC3AgABAAAEAAATIRUhNQACAP4AAQBJSQABAJIASQGSAZIADAAAAQ8CFzcHNxc3DwEXAQcpQQvBC0ApQAvBC0EBWdYBOAE6AdgBOgE4AQAAAAQAAABJAgABbgAEAAkADgASAAATIRUhNRchFSE1FSEVITUHNRcHAAIA/gC3AUn+twFJ/re3k5MBbklJbklJbklJSbdcWwAAAAMAAAAlAgABkgAEAAkAEgAANxEFEQUBBREFEQc/ARcVJTU3FwACAP4AAdv+SgG2tiQwPv6Sbm4lAW4B/pQBAUoB/twBASa4AV5eSgFIk5MABAAlAAAB2wG3AAMAGgAeADUAAAEVJzMHHgIGDwEOAS4BJy4BNDY/AT4BHgEXARcnFTceATI2PwE+AS4BJy4CBg8BDgEeARcB29vbKgMDAQICcwIGBgYCAwMBAnQCBQYGAv5029sqAwYGBQJzAgEBAgMCBgYGAnICAgEDAgG33NwrAgYGBgJzAgEBAgMDBQYGAnMCAQECA/51AdvaKgMDAQJzAgUGBgMCAwECAnMCBQYGAgAABAAA/9sCAAHbAAMAGgAeADUAACU1Fwc3LgI2PwE+AR4BFx4BFAYPAQ4BIiYnBycXNQcuASIGDwEOAR4BFx4CNj8BPgEuAScBJdvbKgMDAQICcwIGBgYCAwMBAnQCBQYGAnTb2yoDBgYFAnMCAQECAwIGBgYCcgICAQMC/9zbASwCBgYGAnICAgEDAgMGBgUCcwIBAwN1AdzbKgMDAQJzAgUGBgMCAwECAnICBgYGAgABAG4AJQFuAZIAEgAAJREjESM1Ii4CNTQ+AjsBESMBSSRKFigeEREeKBaTJSUBSf63khEeKBcWKB4R/pMAAAAAAwAlAAEB3AG2AAoAVwB4AAAlMwcnMzUjNxcjFQcOAwcOAyMiLgInLgM1ND4CNz4DOwE1NC4CJy4DIyIOAgcOAwc1PgM3PgIyMzIeAhceAx0BIzU1IyIOAgcOAxUUHgIXHgMzMj4CNz4DPQEBkkpcXEpKXFxK6wIGBgcEAwgICQUIDw4LBQUHBQIDBQkGBQ8SFAwlAQMDAgMFBwgFBAoJCQQFCQkJBQQJCQkEBQkKCQUNFRENBQUIBQI0FQgMCggDAwUDAQECAwICBQUHAwUJCQcCAwUCApKRkZORkZMHBAYFBQECAwIBAgUHBQULDQ8JCRANCwQFBgUCCQMGBQQCAgICAQEBAgEBAwQFAy8CAwMCAQEBAQIFCAUGDhIXDXgYSwECAwICBgYIBQQGBgUCAgMCAQIEBgQECgsOBwQAAAAEACUASgHbAW4AAwAMAC0AegAANyM3FwczNzMXMwMjAyUVFA4CBw4DIyIuAicuAzU0PgI3PgM7ATcuAyMqAQ4BBw4DBxU+Azc+AzMyHgIXHgMdASMiDgIHDgMVFB4CFx4DMzI+Ajc+AzcVMzU0LgInrjUbGok4EUsSOE1ETQF/AQMFAwMHCQoFBAYGBQIDAwIBAgMEAwMJCw0IFiIFDhIWDQYKCgoFBAoJCgQFCgoJBQUJCgoFBAkHBgIDAwMBJg0WEw8GBgkGAwIFCAUFDA4QCQUJCQgEBAcHBgI3AgUIBsV1dXZHRwEf/uFlBAcOCwsEBAYEAwICAwICBQYHAwUJBwUCAgMCAWIFCAYCAQEBAQMCBAIwAwUEAwIBAgEBAQIDAQIEBgYDCQMEBwQFCw4QCgkPDgsFBQcFAgEBAwICBQUHAxh7DhcTDwUAAAIASQBJAbcBkwAEAIEAABMhFSE1Fx4DFx4DFRQOAgcOAyMiLgInLgMnFR4DFx4DMzI+Ajc+AzU0LgInLgMvAS4DJy4DNTQ+Ajc+AzMyHgIXHgMXNS4DJy4DIyIOAgcOAxUUHgIXHgMfAUkBbv6SvwQIBgYCAgMDAQIDBQQDCAkLBgYNDAwGBg0NDQYGCwwNBgYNDAwHDxoXEggHCwgDAgUHBAUMDxIKHAcNCQcDAgMDAQIDBQMDCAkKBgYLCgsGBQsLCgYGCwwLBgYLDAsGDBcUEQcICwcDAgQHBAUMERUNIAEAJSUxAgMFBAMDBgYHAwUICAYDAgQDAQECAwMCBQcIBEEDBAUDAgECAQEDBgkGBQ8SFQwJEA8NBgYKCggDCwIFBQQDAgUFBgMFBwcFAwIDAwEBAgMCAgQGBgM9AgUDBAEBAgEBAwcJBgYPERMLCA8ODAQFCgoJBQsAAAQAAABJAgABbgAEAAkADgATAAA/ARcHJxc3FwcnJScHFzcXJwcXNwAltiO4AbYluCMB/yO4JbYBuCO2Jdsdkh6TAZQekhwBHZIekwGUHpIcAAAAAAUAAP/bAgAB2wAEAAkADgATABgAABcRIREhASERIREHITUhFRUhNSEVFSE1IRUAAgD+AAHb/koBtkn+3AEk/twBJP7cASQlAgD+AAHc/kkBt5JJSW5JSW5JSQAAAwCTAEkBbQGSABcALwBbAAA3Mh4CFx4DFwYUDgEHDgMrATczNzIeAhceAhQXBhQOAQcOAysBNzMDMzI+Ajc+Ayc2LgInLgMnPgM3PgMnNi4CJy4DKwED+AcNCQkDBAMEAQEBBAQEAgkKDQcqASgBBQsIBwIDAwQBAQQCBAEICAsFKgEoZGQRGRgRCAYLBgQBAQMEBwQGCg8OCggMDQgFAwcDAwEBBAYLBgcQFBcOZAHeAQMEAwMICQwHBgsJCAIDBAMBYYECAgMDAgYHCQUFCQcGAgIEAgFN/uoDBQgGBQ4RFQsKEQ8NBgUJBgQBAQMFBwUECwwOCAsSDw0FBggFAv63AAADACUAAAHbAbcABAANABEAADcRIREhEyMDMzczFzMDBxcjNyUBtv5K/URMOBBLETdLIho0GgABt/5JAW7+20hIASU1eHgAAAACAEIAHwG8AZkAIQBLAAAlBycOAS4BJwcXBw4BIiYvAS4BNDY/AT4BMhYfAR4BFAYHJy4BIgYPAQ4BFBYXHgE+AT8BLgMnLgI2PwE+AhYXBxc3PgE0JicBvJQEBQsMCwYhHg8PJygnDw8PDw8P1w8nKCcPDw8QEA8lCxscHAvFCwwLCgsbHRsLJwMFBgUCCgwDBQhSBg8QEgl+JoYLCwoL9pQEAQECAwMgHg8PDw8PDxAmKCcP1w8QEA8PDycoJw9+CwoLC8YLGx0bCwoLAQsLJgIDBAUCChcXFQhSBgYBBAV9JYYLHBwbCwAAAAMAAABJAgABbgAEAAkADgAAEyEVITUXIRUhNRczFSM1AAIA/gCSAW7+kpPb2wFuSUluSUluSUkAAwAAAEkCAAFuAAQACQAOAAATIRUhNRUhFSE1FTMVIzUAAgD+AAFt/pPc3AFuSUluSUluSUkAAAADAAAASQIAAW4ABAAJAA4AABMhFSE1FSEVITUVIRUhNQAB//4BAf/+AQIA/gABbklJbklJbklJAAMAAABJAgABbgAEAAkADgAAEyEHIScHIRchNxchByEnbgElAf7dAW0B/wH9/wFtASUB/t0BAW5JSW5JSW5JSQAGAAAAJwIAAZUACAANABQAGAAdACEAADc1IxEhFTMRIQEhFSE1FyMVIRUhNQcjNxcXITUhFScXIzdJSQG3Sf5JAUn+kwFtSiX+twFu27hcXG3+2wElKSlJICdJASVK/twBSdzcSbcl3EltbSUlJW5JSQAAAAEAAAABAADCHXSvXw889QALAgAAAAAAz3WLJQAAAADPdYsl////2wIAAdsAAAAIAAIAAAAAAAAAAQAAAeD/4AAAAgD//wAAAgAAAQAAAAAAAAAAAAAAAAAAACQAAAAAAAAAAAAAAAABAAAAAgAAAAIAAAACAAAAAgAAbgIAAAACAABtAgAAAAIAAAkCAABJAgD//wIAAAACAAAAAgAAAAIAAJICAAAAAgAAAAIAACUCAAAAAgAAbgIAACUCAAAlAgAASQIAAAACAAAAAgAAkwIAACUCAABCAgAAAAIAAAACAAAAAgAAAAIAAAAAAAAAAAoAFAAeAEAAcAC4AQQBhgGoAfoCQAMCAyYDuARGBFQEcASUBLwFFgVuBY4GLgbUB4IHrAfaCFwIgAj2CRIJLglKCWoJpAAAAAEAAAAkAJAACgAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
        format("truetype"),
      url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AABIoAAoAAAAAEeAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAADgEAAA4Bg0Rie09TLzIAAA74AAAAYAAAAGAIIvzVY21hcAAAD1gAAABMAAAATBpVzHZnYXNwAAAPpAAAAAgAAAAIAAAAEGhlYWQAAA+sAAAANgAAADYACVb9aGhlYQAAD+QAAAAkAAAAJAPhAgVobXR4AAAQCAAAAJAAAACQQQED3m1heHAAABCYAAAABgAAAAYAJFAAbmFtZQAAEKAAAAFmAAABZhHEcG1wb3N0AAASCAAAACAAAAAgAAMAAAEABAQAAQEBDVJlZGFjdG9yRm9udAABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeKZviU+HQFHQAAAT8PHQAAAUQRHQAAAAkdAAAN+BIAJQEBDRkbHSAlKi80OT5DSE1SV1xhZmtwdXp/hImOk5idoqessba7wFJlZGFjdG9yRm9udFJlZGFjdG9yRm9udHUwdTF1MjB1RTYwMHVFNjAxdUU2MDJ1RTYwM3VFNjA0dUU2MDV1RTYwNnVFNjA3dUU2MDh1RTYwOXVFNjBBdUU2MEJ1RTYwQ3VFNjBEdUU2MEV1RTYwRnVFNjEwdUU2MTF1RTYxMnVFNjEzdUU2MTR1RTYxNXVFNjE2dUU2MTd1RTYxOHVFNjE5dUU2MUF1RTYxQnVFNjFDdUU2MUR1RTYxRXVFNjFGAAACAYkAIgAkAgABAAQABwAKAA0AQQCYAPEBSQH6Ai8CxwMhA98EGwTXBYEFkQW0BfEGLwagBxEHOgf0CLUJaQmsCfwKhAq5C0QLdAuiC9AMAQxo/JQO/JQO/JQO+5QOi7AVi/gB+JSLi/wB/JSLBfhv990V/EqLi/u5+EqLi/e5Bfu4+5QVi/dv9yb7Avsm+wEFDvcm+AIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AWL+wIV+AKLi0L8AouL1AX7JvdwFdSLi0JCi4vUBYv7AhXUi4tCQouL1AWL+wIV1IuLQkKLi9QFDviLsBVky0yq+0KWCIshBYuLQMb7LPcT9z33GsW4i4sIiyEF92Wr9wT7QV77Cgj7yfdpFYvIBYuLb3ImSOFBtnqLiwiLfIvXBe6F9yJ7nGSl0PsO6Ps2YwgO9wLUFfe4i4tn+7iLi68FysoVnHmngrGLsounlJydnJ2Up4uyCIv3SUyLi/tXBYt8hoCDg4ODgId8i32Lf4+Dk4OTh5aLmgiL91dLi4v7SQWLZJRvnXkIDvfd+EoVrouL+yrWi4tr+wKLi/dKBbH7kxX3JS/7JS+L1fsDi4uw9wOLi9QF+3LTFfsl5/cl54tC9wOLi2b7A4uLQQWXNhWTg499i3iLf4mBhoSGg4SHgYmOio6KjYiNiI6GjoQIpklri3i5BYuMio2KjYaZhZKEiwiBi4tDbouL90q1iwWfi5mHk4MIVEcVmYsFk4uRjY+Pjo+NkYuUi5SJkoiOh4+FjYOLCH2Li1kFDve393oVRYuu9wyu+wwF+0r7DRXVi6LU7ouiQtWLJve6MIsm+7oFjGcV97iLi0L7uIuL1AUOi7AVi/gB+JSLi/wB/JSLBfdLrxX3JouL1Psmi4tCBYv3AhX3JouL1Psmi4tCBWb3SxX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBbD3cBWLQvcmi4vU+yaLBfe4ixX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBYv7AhX7AYuLQvcBi4vUBQ74lPdzFfss+xNAUIuLCIv1BftCgExsZEte9wr3BPdB92VrCIv1BYuLxV73PfsaCPxYLBWcsvcim+6RCIs/i5oFi4u2nOHVJs5vpIuLCItOBfs2s/sOLqVGCA73zfe2FXNsgGiLY4tpk3Ccd513n4Gji6CLnJKZmpqakpyLn4uehZt+mH+ZfJJ7i32LgIeChQiIiYmKiYuKi4mMioyKjoqPi5GLpJOknKOco6KcqJYIi6EFWXhlcnRrCPthixV0bH9oi2OLaZNwnXecd6CBoougi5ySmpqZmpKci5+LnoWbfph/mX2Seot+i3+IgoQIiImJioqLiYuKjIqMiY6Kj4uRi6SUpJujnKOinKmWCIuhBVh4ZnJzawgOi/gCFfiUi4tC/JSLi9QF90v7AhX33YuLQvvdi4vUBYv7AhX33YuLQvvdi4vUBWZCFYv3S/snL/cnMAUO9yb4AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBYv7AhX4AouLQvwCi4vUBfsh9hXPi4ufc4uL6HeLdYWLd6GRi0Jzi4t3Bav7JRWXl5KTjY6PkI2PjY+Mj4yPi5CLlIiThJCFkYKOf4uHi4aKhoqGioaKhokIi3YFkI6QjZCNkIyPjI+LkIuPio6IjoiMh4uGi4iLiImIiYeJh4eHiIiDgX18CIB+i3jPi4ufXosFjo+QkJGRCIuLBQ74AtQVcItyk3aYCIu/qYsFmIWZh5uLvYu0sIu5i7pisFmLe4t9h36FCG2Li78FoJikk6aL3IvMSYs6iztKSTqLCPtL90sV9yaLi0L7JouL1AVmuhV8i3yHfoUIbYuLcwWAfYR6i3iLeZJ5ln0Ii3SpiwWYhZqHmoubi5mPmJEIqYuLVwV2fnKDcIs6i0rNi9uL3MzN3Iumi6SDoH4Ii1dtiwV+kX2Pe4sIDov3lBX4lIuLQvyUi4vUBQ73m/ftFWL7a0qLgFL3VYuWxEuLtPdry4uWxPtVi4BSzIsFDov4AhX4lIuLQvyUi4vUBfdL+wIV992Li0L73YuL1AWL+wIV992Li0L73YuL1AX7S0IVi/dL9ycv+ycwBQ6LsBWL+AH4lIuL/AH8lIsF+G/33RX8SouL+7n4SouL97kF+0r7SxWvi7vqySyLQvwCi4vU9wL3JvcC+yYFDvhv+EsVi/tw+2/3cPdviwVhYBWShIyChoUI+wf7BwWFhoKMhJKEkoqUkJEI9wj3BwWQkJWKkYQI/CD8HxX3b4r7b/dvi/tuBbW1FZKElYqQkAj3B/cHBZCQipWEkoSRgo2FhQj7BvsHBYWGjYGRhQgO97n3kxWL93D3b/tv+2+KBbW3FYSSipSQkQj3B/cGBZGRlIqShJKEjIGGhgj7CPsHBYaGgYyFkgj7CPsJFftvjPdv+3CL928FYWEVhJKBjIaGCPsH+wcFhoaMgZKEkoSUipGRCPcG9wYFkZGJlIWSCA733bAVi/fdZ4uL+91Bi4v3JgVPi1q8i8iLx7y8x4sI9yeLi/wBZosFDvgm9yYV1Ysv+yUv9yXVi4v3J0GL5/cl5/slQYuL+ycF+3+EFYWCgoSBhoGGgIh/i3WLeZF+mH6XhZ2Looujkp2blpqXopGriwiwi4uUBYuUiJKFj4SQgo1/i3+Lf4l/iH+If4V+hAiLugWWkJeOl46XjZiMmIusi6KEmH6ZfZFyi2gIi/sMV4uLowWL1hV2iwV3i32IhIaDhoeCi36LgY6EkIWQhpOIlIuZi5aQkpaTlo+ai58Ii48FDvdC91kVVoum9wml+wkF+x37ChXDi5zS1oudRMOLPvezR4s++7MF+BPwFYuHBYt3h3uDgIOAf4V9i4GLg46GkYWRiJOLlIuYj5WTkJSQmY6giwihiwWt7RV9mXOSaYt8i36Kfol/iH6Hf4YIi1sFmJOYkJiPl46YjZmLl4uViJGHkoaOhIuCCIuCZYsFaYtyhXt/e3+DeItyi3SReZl+mH6ehaOLmIuXjZWQlpCTk5KUCItzwouL9w8Fi6+EpX2ZCA7U95QV+AKLi2b8AouLsAX3U1oVloeUhZGEkYSOgouCi36GgYKEgoR/iHuLe4t6jnuRepB6lHqXCItKBZqEm4Wch5yIm4mci7OLqZOfm5+alKOLq4ujhZ9/mn6bd5dwlAhvlgV3kX6ShZGFkIiTi5OLl4+UlJGTkZeOm4uai5mImoaZhpqEmYIIi8gFfJF8kHuPfI58jXuLaYtxg3h6d3uCdItui3WQeZd+l32hf61+CKuABQ6L928Vr6n3S/snZ277S/cmBYuLFfdL9yevbvtL+ydnqAX4lIsVZ6n7S/snr273S/cmBYuLFftL9ydnbvdL+yevqAUOi2YVi/iU+JSLi/yU/JSLBfhv+HAV/EqLi/xL+EqLi/hLBUL7JhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBYv7AhX7uIuL1Pe4i4tCBQ73jPdyFZ6LmYiUg5ODj36LeYt6h3+DhIOEfYd3iwhii4vstIsFi/cVFZuLloiShJKFjoKLfYt+iIGEhYSFgIh7iwhii4vYtIsFJvuqFfCLBbWLqJKemp2ZlKKLqoulhZ9/mn+ZeZRzjZ+NmpKVl5aXkJuLoIungqB5mHqZcJJoiwgmi4v73QUOsIsVi/hL+EqLi/xL/EqLBfeR+AIVR4s/+7nDi5vT1oucQ8KLQPe5BWlWFaX7DFeLpfcMBQ74UPeKFfso+yiHjwV9h3uNfJMIamupbXx8BWJiSYtitAh8mgVitIvNtLQI92v3awW0tM2LtGIImnwFtGKLSWJiCGb3EhVuqFyKbm4I+1n7WgVtbotcp26ob7qLqKkIsrEFg4+EkIWScKaGsJ+gCN3dBZuapIyifwj7EvsRsWb3GvcaBaiojLpuqAgOi/gCFfiUi4tC/JSLi9QF9yb7AhX4AouLQvwCi4vUBfcn+wIV92+Li0L7b4uL1AUOi/gCFfiUi4tC/JSLi9QFi/sCFfgBi4tC/AGLi9QFi/sCFfdwi4tC+3CLi9QFDov4AhX4k4uLQvyTi4vUBYv7AhX4k4uLQvyTi4vUBYv7AhX4lIuLQvyUi4vUBQ73AvgCFfe4i4tC+7iLi9QF+wL7AhX4lIuLQvyUi4vUBfcC+wIV97iLi0L7uIuL1AUO1LIVi9RCi4v3ufhLi4tB1IuL+7j8S4sF99333RX8AYuL+3D4AYuL93AF1UIVZouL+0v73YuLZvgCi4v3cAX7b0IV+0yL5/cB5/sBBfcBZhX7uYuLsPe5i4tmBWL3AhW0QkKLq9QFDviUFPiUFYsMCgAAAAADAgABkAAFAAABTAFmAAAARwFMAWYAAAD1ABkAhAAAAAAAAAAAAAAAAAAAAAEQAAAAAAAAAAAAAAAAAAAAAEAAAOYfAeD/4P/gAeAAIAAAAAEAAAAAAAAAAAAAACAAAAAAAAIAAAADAAAAFAADAAEAAAAUAAQAOAAAAAoACAACAAIAAQAg5h///f//AAAAAAAg5gD//f//AAH/4xoEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAQAAhlBJsl8PPPUACwIAAAAAAM91iyUAAAAAz3WLJf///9sCAAHbAAAACAACAAAAAAAAAAEAAAHg/+AAAAIA//8AAAIAAAEAAAAAAAAAAAAAAAAAAAAkAAAAAAAAAAAAAAAAAQAAAAIAAAACAAAAAgAAAAIAAG4CAAAAAgAAbQIAAAACAAAJAgAASQIA//8CAAAAAgAAAAIAAAACAACSAgAAAAIAAAACAAAlAgAAAAIAAG4CAAAlAgAAJQIAAEkCAAAAAgAAAAIAAJMCAAAlAgAAQgIAAAACAAAAAgAAAAIAAAACAAAAAABQAAAkAAAAAAAOAK4AAQAAAAAAAQAYAAAAAQAAAAAAAgAOAGoAAQAAAAAAAwAYAC4AAQAAAAAABAAYAHgAAQAAAAAABQAWABgAAQAAAAAABgAMAEYAAQAAAAAACgAoAJAAAwABBAkAAQAYAAAAAwABBAkAAgAOAGoAAwABBAkAAwAYAC4AAwABBAkABAAYAHgAAwABBAkABQAWABgAAwABBAkABgAYAFIAAwABBAkACgAoAJAAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQAVgBlAHIAcwBpAG8AbgAgADEALgAwAFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0UmVkYWN0b3JGb250AFIAZQBkAGEAYwB0AG8AcgBGAG8AbgB0AFIAZQBnAHUAbABhAHIAUgBlAGQAYQBjAHQAbwByAEYAbwBuAHQARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)
        format("woff");
    font-weight: 400;
    font-style: normal;
  }
  .redactor-box {
    position: relative;
    overflow: visible;
    margin-bottom: 24px;
  }
  .redactor-box textarea {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    overflow: auto;
    outline: none;
    border: none;
    background-color: #111;
    box-shadow: none;
    color: #ccc;
    font-size: 13px;
    font-family: Menlo, Monaco, monospace, sans-serif !important;
    resize: none;
  }
  .redactor-box textarea:focus {
    outline: none;
  }
  .redactor-editor,
  .redactor-box {
    background: #fff;
  }
  .redactor-editor,
  .redactor-box,
  .redactor-box textarea {
    z-index: auto;
  }
  .redactor-box-fullscreen {
    z-index: 1051;
  }
  .redactor-toolbar {
    z-index: auto;
  }
  .redactor-toolbar.toolbar-fixed-box {
    z-index: 20;
  }
  .redactor-dropdown {
    z-index: 1052;
  }
  #redactor-modal-overlay,
  #redactor-modal-box,
  #redactor-modal {
    z-index: 1053;
  }
  body .redactor-box-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
  }
  .redactor-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
  }
  .redactor-editor {
    position: relative;
    overflow: auto;
    margin: 0 !important;
    padding: 20px;
    min-height: 80px;
    outline: none;
    white-space: normal;
    border: 1px solid #eee;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
    font-size: 14px;
    line-height: 1.6em;
  }
  .redactor-editor:focus {
    outline: none;
  }
  .toolbar-fixed-box + .redactor-editor {
    padding-top: 32px !important;
  }
  .redactor-placeholder:after {
    position: absolute;
    top: 20px;
    left: 20px;
    content: attr(placeholder);
    display: block;
    color: #999 !important;
    font-weight: 400 !important;
  }
  .redactor-toolbar {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    font-size: 14px !important;
    line-height: 1 !important;
    background: #fff;
    border: none;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  .redactor-toolbar:after {
    content: "";
    display: table;
    clear: both;
  }
  .redactor-toolbar.redactor-toolbar-overflow {
    overflow-y: auto;
    height: 29px;
    white-space: nowrap;
  }
  .redactor-toolbar.redactor-toolbar-external {
    z-index: 999;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, 0.1);
  }
  .redactor-toolbar li {
    vertical-align: top;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    outline: none;
    list-style: none !important;
    box-sizing: content-box;
  }
  .redactor-toolbar li a {
    display: block;
    color: #333;
    text-align: center;
    padding: 9px 10px;
    outline: none;
    border: none;
    text-decoration: none;
    cursor: pointer;
    zoom: 1;
    box-sizing: content-box;
  }
  .redactor-toolbar li a:hover {
    outline: none;
    background-color: #1f78d8;
    color: #fff;
  }
  .redactor-toolbar li a:hover i:before {
    color: #fff;
  }
  .redactor-toolbar li a:active,
  .redactor-toolbar li a.redactor-act {
    outline: none;
    background-color: #ccc;
    color: #444;
  }
  .redactor-toolbar li a.redactor-btn-image {
    width: 14px;
    height: 14px;
    background-position: center center;
    background-repeat: no-repeat;
  }
  .redactor-toolbar li a.fa-redactor-btn {
    display: inline-block;
    padding: 9px 10px 8px;
    line-height: 1;
  }
  .redactor-toolbar li a.redactor-button-disabled {
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
  }
  .redactor-toolbar li a.redactor-button-disabled:hover {
    color: #333;
    outline: none;
    background-color: transparent !important;
    cursor: default;
  }
  .redactor-toolbar li a.redactor-button-focus {
    color: #fff;
    background: #000;
  }
  .redactor-box .CodeMirror {
    display: none;
  }
  .re-icon {
    font-family: redactorfont;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .re-icon i:before {
    position: relative;
    font-size: 14px;
  }
  .re-video:before {
    content: "\e600";
  }
  .re-unorderedlist:before {
    content: "\e601";
  }
  .re-undo:before {
    content: "\e602";
  }
  .re-underline:before {
    content: "\e603";
  }
  .re-textdirection:before {
    content: "\e604";
  }
  .re-fontcolor:before {
    content: "\e605";
  }
  .re-table:before {
    content: "\e606";
  }
  .re-redo:before {
    content: "\e607";
  }
  .re-quote:before {
    content: "\e608";
  }
  .re-outdent:before {
    content: "\e609";
  }
  .re-orderedlist:before {
    content: "\e60a";
  }
  .re-link:before {
    content: "\e60b";
  }
  .re-horizontalrule:before {
    content: "\e60c";
  }
  .re-italic:before {
    content: "\e60d";
  }
  .re-indent:before {
    content: "\e60e";
  }
  .re-image:before {
    content: "\e60f";
  }
  .re-fullscreen:before {
    content: "\e610";
  }
  .re-normalscreen:before {
    content: "\e611";
  }
  .re-formatting:before {
    content: "\e612";
  }
  .re-fontsize:before {
    content: "\e613";
  }
  .re-fontfamily:before {
    content: "\e614";
  }
  .re-deleted:before {
    content: "\e615";
  }
  .re-html:before {
    content: "\e616";
  }
  .re-clips:before {
    content: "\e617";
  }
  .re-bold:before {
    content: "\e618";
  }
  .re-backcolor:before {
    content: "\e619";
  }
  .re-file:before {
    content: "\e61a";
  }
  .re-alignright:before {
    content: "\e61b";
  }
  .re-alignment:before,
  .re-alignleft:before {
    content: "\e61c";
  }
  .re-alignjustify:before {
    content: "\e61d";
  }
  .re-aligncenter:before {
    content: "\e61e";
  }
  .re-gallery:before {
    content: "\e61f";
  }
  .redactor-toolbar-tooltip {
    position: absolute;
    z-index: 1054;
    text-align: center;
    top: 0;
    left: 0;
    background: #000;
    color: #fff;
    padding: 5px 8px;
    line-height: 1;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
    font-size: 12px;
    border-radius: 2px;
  }
  .redactor-dropdown {
    position: absolute;
    top: 28px;
    left: 0;
    padding: 0;
    min-width: 220px;
    max-height: 254px;
    overflow: auto;
    background-color: #fff;
    box-shadow: 0 1px 7px rgba(0, 0, 0, 0.25);
    font-size: 14px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
    line-height: 1.6em;
  }
  .redactor-dropdown a {
    display: block;
    padding: 10px 15px;
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  }
  .redactor-dropdown a:last-child {
    border-bottom: none;
  }
  .redactor-dropdown a:hover {
    background-color: #1f78d8;
    color: #fff !important;
    text-decoration: none;
  }
  .redactor-dropdown a.selected {
    background-color: #000;
    color: #fff;
  }
  .redactor-dropdown a.redactor-dropdown-link-inactive,
  .redactor-dropdown a.redactor-dropdown-link-inactive:hover {
    background: 0 0;
    cursor: default;
    color: #000 !important;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
  }
  .redactor-dropdown a.redactor-dropdown-link-selected {
    color: #fff;
    background: #000;
  }
  #redactor-image-box {
    position: relative;
    max-width: 100%;
    display: inline-block;
    line-height: 0;
    outline: 1px dashed rgba(0, 0, 0, 0.6);
  }
  #redactor-image-editter {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    margin-top: -11px;
    margin-left: -18px;
    line-height: 1;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    padding: 7px 10px;
    cursor: pointer;
  }
  #redactor-image-resizer {
    position: absolute;
    z-index: 2;
    line-height: 1;
    cursor: nw-resize;
    bottom: -4px;
    right: -5px;
    border: 1px solid #fff;
    background-color: #000;
    width: 8px;
    height: 8px;
  }
  .redactor-link-tooltip {
    position: absolute;
    z-index: 99;
    padding: 10px;
    line-height: 1;
    display: inline-block;
    background-color: #000;
    color: #555 !important;
  }
  .redactor-link-tooltip,
  .redactor-link-tooltip a {
    font-size: 12px;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
  }
  .redactor-link-tooltip a {
    color: #ccc;
    margin: 0 5px;
    text-decoration: none;
  }
  .redactor-link-tooltip a:hover {
    color: #fff;
  }
  #redactor-droparea {
    position: relative;
    overflow: hidden;
    padding: 140px 20px;
    border: 3px dashed rgba(0, 0, 0, 0.1);
  }
  #redactor-droparea.drag-hover {
    background: rgba(200, 222, 250, 0.75);
  }
  #redactor-droparea.drag-drop {
    background: rgba(250, 248, 200, 0.5);
  }
  #redactor-droparea-placeholder {
    text-align: center;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.7);
  }
  #redactor-progress {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000000;
    height: 10px;
  }
  #redactor-progress span {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #3d58a8;
    background-image: linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.2) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.2) 50%,
      rgba(255, 255, 255, 0.2) 75%,
      transparent 75%,
      transparent
    );
    animation: progress-bar-stripes 2s linear infinite;
    background-size: 40px 40px;
  }
  @keyframes progress-bar-stripes {
    from {
      background-position: 40px 0;
    }
    to {
      background-position: 0 0;
    }
  }
  #redactor-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    overflow: auto;
    width: 100%;
    height: 100%;
    background-color: #000 !important;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    opacity: 0.3;
  }
  #redactor-modal-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }
  #redactor-modal {
    outline: 0;
    position: relative;
    margin: auto;
    margin-bottom: 20px;
    padding: 0;
    background: #fff;
    color: #000;
    font-size: 14px !important;
    font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif !important;
    box-shadow: 0 1px 30px rgba(0, 0, 0, 0.1);
    border-radius: 6px;
  }
  #redactor-modal header {
    padding: 30px 40px 5px;
    font-size: 18px;
    font-weight: 700;
  }
  #redactor-modal section {
    padding: 30px 40px;
  }
  #redactor-modal label {
    display: block;
    float: none !important;
    padding: 0;
  }
  #redactor-modal select {
    width: 100%;
  }
  #redactor-modal input[type="text"],
  #redactor-modal input[type="password"],
  #redactor-modal input[type="email"],
  #redactor-modal input[type="url"],
  #redactor-modal textarea {
    color: #333;
    width: 100%;
    transition: border 0.3s ease-in;
  }
  #redactor-modal input[type="text"].redactor-input-error,
  #redactor-modal input[type="password"].redactor-input-error,
  #redactor-modal input[type="email"].redactor-input-error,
  #redactor-modal input[type="url"].redactor-input-error,
  #redactor-modal textarea.redactor-input-error {
    border-color: #e82f2f;
    box-shadow:
      0 0 0 2px rgba(232, 47, 47, 0.3),
      0 1px 2px rgba(0, 0, 0, 0.2) inset;
  }
  #redactor-modal textarea {
    display: block;
    margin-top: 4px;
    line-height: 1.4em;
  }
  #redactor-modal-tabber {
    margin-bottom: 15px;
    font-size: 12px;
  }
  #redactor-modal-tabber a {
    border: 1px solid #ddd;
    line-height: 1;
    padding: 8px 15px;
    margin-right: -1px;
    text-decoration: none;
    color: #000;
  }
  #redactor-modal-tabber a:hover {
    background-color: #1f78d8;
    border-color: #1f78d8;
    color: #fff;
  }
  #redactor-modal-tabber a.active {
    cursor: default;
    background-color: #ddd;
    border-color: #ddd;
    color: rgba(0, 0, 0, 0.6);
  }
  #redactor-modal #redactor-modal-list {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    max-height: 250px;
    overflow-x: auto;
  }
  #redactor-modal #redactor-modal-list li {
    border-bottom: 1px solid #ddd;
  }
  #redactor-modal #redactor-modal-list li:last-child {
    border-bottom: none;
  }
  #redactor-modal #redactor-modal-list a {
    padding: 10px 5px;
    color: #000;
    text-decoration: none;
    font-size: 13px;
    display: block;
    position: relative;
  }
  #redactor-modal #redactor-modal-list a:hover {
    background-color: #eee;
  }
  #redactor-modal-close {
    position: absolute;
    top: 23px;
    right: 40px;
    width: 30px;
    height: 30px;
    text-align: right;
    color: #bbb;
    font-size: 30px;
    font-weight: 300;
    cursor: pointer;
    -webkit-appearance: none;
    padding: 0;
    border: 0;
    background: 0;
    outline: none;
  }
  #redactor-modal-close:hover {
    color: #000;
  }
  #redactor-modal footer button.redactor-modal-delete-btn {
    background: 0 0;
    color: #fff;
    background-color: #b52525;
  }
  #redactor-modal footer button.redactor-modal-delete-btn:hover {
    color: rgba(255, 255, 255, 0.6);
    background-color: #881b1b;
  }
  #redactor-modal footer:not(:empty) {
    border-top: 1px solid #ccc;
    padding: 30px 40px;
  }
  .redactor-dropdown .redactor-formatting-blockquote {
    color: rgba(0, 0, 0, 0.4);
    font-style: italic;
  }
  .redactor-dropdown .redactor-formatting-pre {
    font-family: monospace, sans-serif;
  }
  .redactor-dropdown .redactor-formatting-h1 {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
  }
  .redactor-dropdown .redactor-formatting-h2 {
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
  }
  .redactor-dropdown .redactor-formatting-h3 {
    font-size: 21px;
    line-height: 30px;
    font-weight: 700;
  }
  .redactor-dropdown .redactor-formatting-h4 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 700;
  }
  .redactor-dropdown .redactor-formatting-h5 {
    font-size: 16px;
    line-height: 23px;
    font-weight: 700;
  }
  .redactor-editor code,
  .redactor-editor pre {
    font-family: Menlo, Monaco, monospace, sans-serif !important;
    cursor: text;
  }
  .redactor-editor div,
  .redactor-editor p,
  .redactor-editor ul,
  .redactor-editor ol,
  .redactor-editor table,
  .redactor-editor dl,
  .redactor-editor blockquote,
  .redactor-editor pre {
    font-size: 14px;
    line-height: 1.6em;
  }
  .redactor-editor a {
    color: #15c;
    text-decoration: underline;
  }
  .redactor-editor object,
  .redactor-editor embed,
  .redactor-editor video,
  .redactor-editor img {
    display: inline;
    max-width: 100%;
    width: auto;
  }
  .redactor-editor video,
  .redactor-editor img {
    height: auto;
  }
  .redactor-editor div,
  .redactor-editor p,
  .redactor-editor ul,
  .redactor-editor ol,
  .redactor-editor table,
  .redactor-editor dl,
  .redactor-editor figure,
  .redactor-editor blockquote,
  .redactor-editor pre {
    margin: 0;
    margin-bottom: 15px;
    border: none;
    box-shadow: none;
  }
  .redactor-editor iframe,
  .redactor-editor object,
  .redactor-editor hr {
    margin-bottom: 15px;
  }
  .redactor-editor blockquote {
    margin-left: 1.6em !important;
    padding: 0;
    text-align: left;
    color: #777;
    font-style: italic;
  }
  .redactor-editor blockquote:before,
  .redactor-editor blockquote:after {
    content: "";
  }
  .redactor-editor ul,
  .redactor-editor ol {
    padding-left: 2em;
  }
  .redactor-editor ul ul,
  .redactor-editor ol ol,
  .redactor-editor ul ol,
  .redactor-editor ol ul {
    margin: 2px;
    padding: 0;
    padding-left: 2em;
    border: none;
  }
  .redactor-editor ol ol li {
    list-style-type: lower-alpha;
  }
  .redactor-editor ol ol ol li {
    list-style-type: lower-roman;
  }
  .redactor-editor dl dt {
    font-weight: 700;
  }
  .redactor-editor dd {
    margin-left: 1em;
  }
  .redactor-editor table {
    border-collapse: collapse;
    font-size: 1em;
    width: 100%;
  }
  .redactor-editor table td,
  .redactor-editor table th {
    padding: 5px;
    border: 1px solid #ddd;
    vertical-align: top;
  }
  .redactor-editor table thead td,
  .redactor-editor table th {
    font-weight: 700;
    border-bottom-color: #888;
  }
  .redactor-editor code {
    background-color: #d8d7d7;
  }
  .redactor-editor pre {
    padding: 1em;
    border: 1px solid #ddd;
    border-radius: 3px;
    background: #f8f8f8;
    font-size: 90%;
  }
  .redactor-editor hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
  }
  .redactor-editor h1,
  .redactor-editor h2,
  .redactor-editor h3,
  .redactor-editor h4,
  .redactor-editor h5,
  .redactor-editor h6 {
    font-weight: 700;
    color: #000;
    padding: 0;
    text-rendering: optimizeLegibility;
    margin: 0 0 0.5em;
  }
  .redactor-editor h1,
  .redactor-editor h2,
  .redactor-editor h3,
  .redactor-editor h4 {
    line-height: 1.3;
  }
  .redactor-editor h1 {
    font-size: 36px;
  }
  .redactor-editor h2 {
    font-size: 24px;
    margin-bottom: 0.7em;
  }
  .redactor-editor h3 {
    font-size: 21px;
  }
  .redactor-editor h4 {
    font-size: 18px;
  }
  .redactor-editor h5 {
    font-size: 16px;
  }
  .redactor-editor h6 {
    font-size: 12px;
    text-transform: uppercase;
  }
  .daterange {
    position: relative;
  }
  .daterange * {
    box-sizing: border-box;
  }
  .daterange div,
  .daterange li,
  .daterange span,
  .daterange ul {
    margin: 0;
    padding: 0;
    border: 0;
  }
  .daterange ul {
    list-style: none;
  }
  .daterange.dr-active {
    z-index: 10;
  }
  .daterange .dr-input {
    display: flex;
    border: 1px solid var(--gray-200);
    border-radius: 0.25rem;
    background-color: #fff;
    position: relative;
    z-index: 5;
    overflow: hidden;
    height: 40px;
  }
  .daterange .dr-input:hover {
    border-color: var(--gray-300);
  }
  .daterange .dr-input.dr-active {
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
    border-color: var(--gray-300);
  }
  .daterange .dr-input .dr-dates {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0 15px 0 10px;
    min-width: calc(100% - 35px);
  }
  .daterange .dr-input .dr-dates .dr-date {
    font-size: 14px;
    padding: 10px 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    outline: 0;
  }
  .daterange .dr-input .dr-dates .dr-date.dr-active,
  .daterange .dr-input .dr-dates .dr-date:focus,
  .daterange .dr-input .dr-dates .dr-date:hover {
    border-color: var(--gray-300);
    color: var(--blue-500);
  }
  .daterange .dr-input .dr-dates .dr-date:empty:after {
    content: attr(placeholder);
    color: #9ba3a7;
  }
  .daterange .dr-input .dr-dates .dr-dates-dash {
    color: #9ba3a7;
    padding: 0 10px;
    flex-grow: 0;
    font-weight: 600;
  }
  .daterange .dr-input .dr-presets {
    width: 2.1875rem;
    border-left: 1px solid #c3cacd;
    flex-shrink: 0;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
  }
  .daterange .dr-input .dr-presets.dr-active,
  .daterange .dr-input .dr-presets:hover {
    border-color: var(--gray-300);
    background-color: var(--gray-50);
    box-shadow: inset 0 2px 3px #ebf1f4;
  }
  .daterange .dr-input .dr-presets .dr-preset-bar {
    width: 50%;
    height: 2px;
    background-color: var(--gray-800);
    margin: 1px 0 1px 25%;
  }
  .daterange .dr-selections {
    position: absolute;
  }
  .daterange .dr-selections .dr-calendar {
    background-color: #fff;
    font-size: 0.9375rem;
    box-shadow: 0 0 5px #c3cacd;
    border-radius: 0 0 5px 5px;
    position: relative;
    overflow: hidden;
    z-index: 4;
    padding-top: 0;
    top: 0;
    left: 4px;
    transition: width 0.2s;
    min-width: 210px;
  }
  .daterange .dr-selections .dr-calendar .dr-range-switcher {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    padding: 8px;
  }
  .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid rgba(195, 202, 205, 0.5);
    height: 25px;
    border-radius: 0.125rem;
  }
  .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-switcher i {
    color: #c3cacd;
    position: relative;
    top: -1px;
    cursor: pointer;
    font-size: 12px;
    height: 100%;
    width: 20px;
  }
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i:hover:after,
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i:hover:before {
    background-color: var(--blue-500);
  }
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i.dr-disabled {
    pointer-events: none;
    opacity: 0;
  }
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i:after,
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i:before {
    content: "";
    position: absolute;
    width: 7px;
    height: 2px;
    background-color: #c3cacd;
    border-radius: 1px;
    left: 50%;
  }
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i.dr-left:before {
    top: calc(50% - 2px);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i.dr-left:after {
    top: calc(50% + 2px);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i.dr-right:before {
    top: calc(50% - 2px);
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .daterange
    .dr-selections
    .dr-calendar
    .dr-range-switcher
    .dr-switcher
    i.dr-right:after {
    top: calc(50% + 2px);
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-month-switcher {
    width: 100%;
    margin-right: 5px;
  }
  .daterange .dr-selections .dr-calendar .dr-range-switcher .dr-year-switcher {
    min-width: 80px;
  }
  .daterange .dr-selections .dr-calendar .dr-days-of-week-list {
    display: flex;
    background-color: var(--gray-50);
    font-size: 11px;
    color: #9ba3a7;
    padding: 0.3125rem 0;
    border: 1px solid rgba(195, 202, 205, 0.5);
    border-left: none;
    border-right: none;
  }
  .daterange .dr-selections .dr-calendar .dr-days-of-week-list .dr-day-of-week {
    width: 14.28%;
    text-align: center;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-day {
    padding: 0.3125rem;
    text-align: center;
    width: 14.28%;
    cursor: pointer;
    color: #4f565c;
  }
  .daterange
    .dr-selections
    .dr-calendar
    .dr-day-list
    .dr-day.dr-hover:not(.dr-current) {
    background-color: #ebf1f4 !important;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-before {
    border-radius: 2px 0 0 2px;
    padding-left: 0.1875rem !important;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-start,
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-before {
    border-left: 2px solid var(--blue-500) !important;
    background-color: var(--blue-500) !important;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-day.dr-hover-after {
    border-radius: 0 2px 2px 0;
    padding-right: 0.1875rem !important;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-end,
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-hover-after {
    background-color: var(--blue-500) !important;
    border-right: 2px solid var(--blue-500) !important;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-maybe {
    background-color: #ebf1f4 !important;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-fade {
    color: #c3cacd;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-start {
    border-left: 2px solid #2693d5;
    border-radius: 2px 0 0 2px;
    padding-left: 0.1875rem;
    background-color: #ebf1f4;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-end {
    border-right: 2px solid #2693d5;
    border-radius: 0 2px 2px 0;
    padding-right: 0.1875rem;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-selected,
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-current {
    background-color: var(--blue-500) !important;
  }
  .daterange .dr-selections .dr-calendar .dr-day-list .dr-outside {
    pointer-events: none;
    cursor: default;
    color: rgba(195, 202, 205, 0.5);
  }
  .daterange .dr-selections .dr-preset-list {
    background-color: #fff;
    font-size: 14px;
    color: var(--blue-500);
    top: 0;
    border-radius: 0 0 5px 5px;
    padding-top: 0;
    box-shadow: 0 0 5px #c3cacd;
    position: relative;
    overflow: hidden;
    z-index: 4;
    left: 4px;
    width: 100%;
  }
  .daterange .dr-selections .dr-list-item {
    display: flex;
    align-items: flex-end;
    padding: 9px 10px;
    border-bottom: 1px solid #ebf1f4;
    cursor: pointer;
    white-space: nowrap;
  }
  .daterange .dr-selections .dr-list-item:hover {
    background-color: #ebf1f4;
  }
  .daterange .dr-selections .dr-list-item .dr-item-aside {
    color: #9ba3a7;
    font-size: 11px;
    margin-left: 5px;
    position: relative;
    top: -1px;
  }
  .daterange--single .dr-input {
    cursor: text;
  }
  .daterange--single .dr-input .dr-dates {
    padding: 0;
    min-width: 160px;
    width: 100%;
  }
  .daterange--single .dr-input .dr-dates .dr-date {
    width: 100%;
    padding: 0.65625rem 0.75rem;
    text-align: left;
    color: #4f565c;
  }
  .ngn {
    color: #fff;
    cursor: default;
    display: none;
    font-size: 1.3em;
    left: 0;
    opacity: 1;
    padding: 25px 80px;
    position: fixed;
    right: 0;
    text-align: center;
    user-select: none;
    z-index: 9999;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  }
  .ngn-component {
    position: absolute;
  }
  .ngn-top {
    top: 0;
  }
  .ngn-bottom {
    bottom: 0;
  }
  .ngn-dismiss {
    background-color: #333;
    border-radius: 15px;
    box-shadow: inset 2px 2px 7px 2px #000;
    color: #ddd;
    cursor: pointer;
    display: none;
    font-size: 1.25em;
    font-weight: 700;
    height: 30px;
    line-height: 30px;
    opacity: 0.2;
    position: absolute;
    right: 40px;
    text-shadow: 1px 1px 5px #000;
    top: 25px;
    width: 30px;
  }
  .ngn-sticky .ngn-dismiss {
    display: block;
  }
  .ngn-dismiss:hover {
    background-color: #000;
  }
  .ngn-dismiss:active {
    background-color: #666;
  }
  @media only screen and (max-width: 480px) {
    .ngn {
      font-size: 1em;
      padding: 12px 25px;
    }
    .ngn-dismiss {
      font-size: 1em;
      height: 20px;
      line-height: 20px;
      right: 5px;
      top: 5px;
      width: 20px;
    }
  }
  .ngn-info {
    background-color: #0e90d2;
  }
  .ngn-error {
    background-color: #dd514c;
  }
  .ngn-success {
    background-color: #5eb95e;
  }
  .ngn-warn {
    background-color: #f37b1d;
  }
  .ngn-grimace {
    background-color: #8058a5;
  }
  .ngn-prime.ngn-info {
    background-color: #03c;
  }
  .ngn-prime.ngn-error {
    background-color: red;
  }
  .ngn-prime.ngn-success {
    background-color: #0c0;
  }
  .ngn-prime.ngn-warn {
    background-color: #f90;
  }
  .ngn-prime.ngn-grimace {
    background-color: #609;
  }
  .ngn-pastel.ngn-info {
    background-color: #7ea7d8;
  }
  .ngn-pastel.ngn-error {
    background-color: #f6989d;
  }
  .ngn-pastel.ngn-success {
    background-color: #82ca9d;
  }
  .ngn-pastel.ngn-warn {
    background-color: #fdc68a;
  }
  .ngn-pastel.ngn-grimace {
    background-color: #a187be;
  }
  .ngn-pitchy.ngn-info {
    background-color: #003471;
  }
  .ngn-pitchy.ngn-error {
    background-color: #9e0b0f;
  }
  .ngn-pitchy.ngn-success {
    background-color: #007236;
  }
  .ngn-pitchy.ngn-warn {
    background-color: #a36209;
  }
  .ngn-pitchy.ngn-grimace {
    background-color: #440e62;
  }
  .datetimepicker {
    border-radius: 4px;
    direction: ltr;
    display: block;
    margin-top: 1px;
    user-select: none;
    width: 320px;
  }
  .datetimepicker > div {
    display: none;
  }
  .datetimepicker .hour,
  .datetimepicker .minute {
    height: 34px;
    line-height: 34px;
    margin: 0;
    width: 25%;
  }
  .datetimepicker .table {
    margin: 0;
  }
  .datetimepicker .table td,
  .datetimepicker .table th {
    border: 0;
    border-radius: 4px;
    height: 20px;
    text-align: center;
  }
  .datetimepicker .minute:hover,
  .datetimepicker .hour:hover,
  .datetimepicker .day:hover,
  .datetimepicker .switch:hover,
  .datetimepicker .left:hover,
  .datetimepicker .right:hover {
    background: #eee;
    cursor: pointer;
  }
  .datetimepicker .disabled,
  .datetimepicker .btn--loading,
  .datetimepicker .btn--loading,
  .datetimepicker .disabled:hover,
  .datetimepicker .btn--loading:hover,
  .datetimepicker .btn--loading:hover {
    background: 0 0;
    color: #ebebeb;
    cursor: default;
  }
  .datetimepicker .active,
  .datetimepicker .active:hover,
  .datetimepicker .active.disabled,
  .datetimepicker .active.btn--loading,
  .datetimepicker .active.btn--loading,
  .datetimepicker .active.disabled:hover,
  .datetimepicker .active.btn--loading:hover,
  .datetimepicker .active.btn--loading:hover {
    background-color: #04c;
    background-image: linear-gradient(to bottom, #08c, #04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    color: #fff;
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#08c',endColorstr='#04c',GradientType=0);
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .datetimepicker .current,
  .datetimepicker .current:hover,
  .datetimepicker .current.disabled,
  .datetimepicker .current.btn--loading,
  .datetimepicker .current.btn--loading,
  .datetimepicker .current.disabled:hover,
  .datetimepicker .current.btn--loading:hover,
  .datetimepicker .current.btn--loading:hover {
    background-color: #e5e5e5;
  }
  .datetimepicker .active:hover,
  .datetimepicker .active:hover:hover,
  .datetimepicker .active.disabled:hover,
  .datetimepicker .active.btn--loading:hover,
  .datetimepicker .active.btn--loading:hover,
  .datetimepicker .active.disabled:hover:hover,
  .datetimepicker .active.btn--loading:hover:hover,
  .datetimepicker .active.btn--loading:hover:hover,
  .datetimepicker .active:active,
  .datetimepicker .active:hover:active,
  .datetimepicker .active.disabled:active,
  .datetimepicker .active.btn--loading:active,
  .datetimepicker .active.btn--loading:active,
  .datetimepicker .active.disabled:hover:active,
  .datetimepicker .active.btn--loading:hover:active,
  .datetimepicker .active.btn--loading:hover:active,
  .datetimepicker .active.active,
  .datetimepicker .active:hover.active,
  .datetimepicker .active.disabled.active,
  .datetimepicker .active.active.btn--loading,
  .datetimepicker .active.active.btn--loading,
  .datetimepicker .active.disabled:hover.active,
  .datetimepicker .active.btn--loading:hover.active,
  .datetimepicker .active.btn--loading:hover.active,
  .datetimepicker .active.disabled,
  .datetimepicker .active.btn--loading,
  .datetimepicker .active.btn--loading,
  .datetimepicker .active:hover.disabled,
  .datetimepicker .active.btn--loading:hover,
  .datetimepicker .active.btn--loading:hover,
  .datetimepicker .active.disabled.disabled,
  .datetimepicker .active.btn--loading,
  .datetimepicker .active.btn--loading,
  .datetimepicker .active.disabled:hover.disabled,
  .datetimepicker .active.btn--loading:hover,
  .datetimepicker .active.btn--loading:hover,
  .datetimepicker td.active[disabled],
  .datetimepicker td.active:hover[disabled],
  .datetimepicker td.active.disabled[disabled],
  .datetimepicker td.active[disabled].btn--loading,
  .datetimepicker td.active[disabled].btn--loading,
  .datetimepicker td.active.disabled:hover[disabled],
  .datetimepicker td.active.btn--loading:hover[disabled],
  .datetimepicker td.active.btn--loading:hover[disabled],
  .datetimepicker span.active[disabled],
  .datetimepicker span.active:hover[disabled],
  .datetimepicker span.active.disabled[disabled],
  .datetimepicker span.active[disabled].btn--loading,
  .datetimepicker span.active[disabled].btn--loading,
  .datetimepicker span.active.disabled:hover[disabled],
  .datetimepicker span.active.btn--loading:hover[disabled],
  .datetimepicker span.active.btn--loading:hover[disabled] {
    background-color: #04c;
  }
  .datetimepicker span {
    border-radius: 4px;
    cursor: pointer;
    display: block;
    float: left;
    height: 54px;
    line-height: 54px;
    margin: 1%;
    width: 23%;
  }
  .datetimepicker span:hover {
    background: #eee;
  }
  .datetimepicker .past,
  .datetimepicker .future {
    color: #999;
  } /*!* ui-select
* http://github.com/angular-ui/ui-select
* Version: 0.13.2 - 2015-10-09T15:34:24.045Z
* License: MIT*/
  .ui-select-highlight {
    font-weight: 700;
  }
  .ui-select-offscreen {
    clip: rect(0 0 0 0) !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
    outline: 0 !important;
    left: 0 !important;
    top: 0 !important;
  }
  .ui-select-choices-row:hover {
    background-color: #f5f5f5;
  }
  .select-locked > .ui-select-match-close {
    display: none;
  }
  .selectize-input.selectize-focus {
    border-color: #007fbb !important;
  }
  .selectize-control > .selectize-input > input {
    width: 100%;
  }
  .selectize-control > .selectize-dropdown {
    width: 100%;
  }
  .btn-default-focus {
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
    text-decoration: none;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    box-shadow:
      inset 0 1px 1px rgba(0, 0, 0, 0.075),
      0 0 8px rgba(102, 175, 233, 0.6);
  }
  .ui-select-bootstrap .ui-select-toggle {
    position: relative;
  }
  .ui-select-bootstrap .ui-select-toggle > .caret {
    position: absolute;
    height: 10px;
    top: 50%;
    right: 10px;
    margin-top: -2px;
  }
  .input-group > .ui-select-bootstrap.dropdown,
  #redactor-modal .input-group.automation-links > .ui-select-bootstrap.dropdown,
  #redactor-modal
    .automation-links.input-group
    > .ui-select-bootstrap.dropdown {
    position: static;
  }
  .input-group > .ui-select-bootstrap > input.ui-select-search.form-control,
  #redactor-modal
    .input-group.automation-links
    > .ui-select-bootstrap
    > input.ui-select-search.form-control,
  #redactor-modal
    .automation-links.input-group
    > .ui-select-bootstrap
    > input.ui-select-search.form-control {
    border-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .input-group
    > .ui-select-bootstrap
    > input.ui-select-search.form-control.direction-up,
  #redactor-modal
    .input-group.automation-links
    > .ui-select-bootstrap
    > input.ui-select-search.form-control.direction-up,
  #redactor-modal
    .automation-links.input-group
    > .ui-select-bootstrap
    > input.ui-select-search.form-control.direction-up {
    border-radius: 4px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
  }
  .ui-select-bootstrap > .ui-select-match > .btn,
  .ui-select-bootstrap > .ui-select-match > #buorgul,
  .ui-select-bootstrap > .ui-select-match > #buorgig,
  .ui-select-bootstrap > .ui-select-match > #buorgul,
  .ui-select-bootstrap > .ui-select-match > #buorgig {
    text-align: left !important;
  }
  .ui-select-bootstrap > .ui-select-match > .caret {
    position: absolute;
    top: 45%;
    right: 15px;
  }
  .ui-select-bootstrap > .ui-select-choices {
    width: 100%;
    height: auto;
    max-height: 200px;
    overflow-x: hidden;
    margin-top: -1px;
  }
  body > .ui-select-bootstrap.open {
    z-index: 1000;
  }
  .ui-select-multiple.ui-select-bootstrap {
    height: auto;
    padding: 3px 3px 0;
  }
  .ui-select-multiple.ui-select-bootstrap input.ui-select-search {
    background-color: transparent !important;
    border: none;
    outline: none;
    height: 1.666666em;
    margin-bottom: 3px;
  }
  .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
    font-size: 1.6em;
    line-height: 0.75;
  }
  .ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    outline: 0;
    margin: 0 3px 3px 0;
  }
  .ui-select-multiple .ui-select-match-item {
    position: relative;
  }
  .ui-select-multiple .ui-select-match-item.dropping-before:before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    margin-right: 2px;
    border-left: 1px solid #428bca;
  }
  .ui-select-multiple .ui-select-match-item.dropping-after:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    height: 100%;
    margin-left: 2px;
    border-right: 1px solid #428bca;
  }
  .ui-select-bootstrap .ui-select-choices-row > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
  }
  .ui-select-bootstrap .ui-select-choices-row > a:hover,
  .ui-select-bootstrap .ui-select-choices-row > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
  }
  .ui-select-bootstrap .ui-select-choices-row.active > a {
    color: #fff;
    text-decoration: none;
    outline: 0;
    background-color: #428bca;
  }
  .ui-select-bootstrap .ui-select-choices-row.disabled > a,
  .ui-select-bootstrap .ui-select-choices-row.btn--loading > a,
  .ui-select-bootstrap .ui-select-choices-row.btn--loading > a,
  .ui-select-bootstrap .ui-select-choices-row.active.disabled > a,
  .ui-select-bootstrap .ui-select-choices-row.active.btn--loading > a,
  .ui-select-bootstrap .ui-select-choices-row.active.btn--loading > a {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
  }
  .colpick {
    position: absolute;
    width: 346px;
    height: 170px;
    overflow: hidden;
    display: none;
    font-family: Arial, Helvetica, sans-serif;
    background: #ebebeb;
    border: 1px solid #bbb;
    border-radius: 5px;
    -o-user-select: none;
    user-select: none;
  }
  .colpick_color {
    position: absolute;
    left: 7px;
    top: 7px;
    width: 156px;
    height: 156px;
    overflow: hidden;
    outline: 1px solid #aaa;
    cursor: crosshair;
  }
  .colpick_color_overlay1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff',endColorstr='#00ffffff');
  }
  .colpick_color_overlay2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 156px;
    height: 156px;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";
    background: linear-gradient(to bottom, transparent 0%, #000 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#000000',GradientType=0 );
  }
  .colpick_selector_outer {
    background: 0 0;
    position: absolute;
    width: 11px;
    height: 11px;
    margin: -6px 0 0 -6px;
    border: 1px solid #000;
    border-radius: 50%;
  }
  .colpick_selector_inner {
    position: absolute;
    width: 9px;
    height: 9px;
    border: 1px solid #fff;
    border-radius: 50%;
  }
  .colpick_hue {
    position: absolute;
    top: 6px;
    left: 175px;
    width: 19px;
    height: 156px;
    border: 1px solid #aaa;
    cursor: n-resize;
  }
  .colpick_hue_arrs {
    position: absolute;
    left: -8px;
    width: 35px;
    height: 7px;
    margin: -7px 0 0;
  }
  .colpick_hue_larr {
    position: absolute;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 7px solid #858585;
  }
  .colpick_hue_rarr {
    position: absolute;
    right: 0;
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 7px solid #858585;
  }
  .colpick_new_color {
    position: absolute;
    left: 207px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: red;
    border: 1px solid #8f8f8f;
  }
  .colpick_current_color {
    position: absolute;
    left: 277px;
    top: 6px;
    width: 60px;
    height: 27px;
    background: red;
    border: 1px solid #8f8f8f;
  }
  .colpick_field,
  .colpick_hex_field {
    position: absolute;
    height: 20px;
    width: 60px;
    overflow: hidden;
    background: #f3f3f3;
    color: #b8b8b8;
    font-size: 12px;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
  }
  .colpick_rgb_r {
    top: 40px;
    left: 207px;
  }
  .colpick_rgb_g {
    top: 67px;
    left: 207px;
  }
  .colpick_rgb_b {
    top: 94px;
    left: 207px;
  }
  .colpick_hsb_h {
    top: 40px;
    left: 277px;
  }
  .colpick_hsb_s {
    top: 67px;
    left: 277px;
  }
  .colpick_hsb_b {
    top: 94px;
    left: 277px;
  }
  .colpick_hex_field {
    width: 68px;
    left: 207px;
    top: 121px;
  }
  .colpick_focus {
    border-color: #999;
  }
  .colpick_field_letter {
    position: absolute;
    width: 12px;
    height: 20px;
    line-height: 20px;
    padding-left: 4px;
    background: #efefef;
    border-right: 1px solid #bdbdbd;
    font-weight: 700;
    color: #777;
  }
  .colpick_field input,
  .colpick_hex_field input {
    position: absolute;
    right: 11px;
    margin: 0;
    padding: 0;
    height: 20px;
    line-height: 20px;
    background: 0 0;
    border: none;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    text-align: right;
    outline: none;
  }
  .colpick_hex_field input {
    right: 4px;
  }
  .colpick_field_arrs {
    position: absolute;
    top: 0;
    right: 0;
    width: 9px;
    height: 21px;
    cursor: n-resize;
  }
  .colpick_field_uarr {
    position: absolute;
    top: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #959595;
  }
  .colpick_field_darr {
    position: absolute;
    bottom: 5px;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #959595;
  }
  .colpick_submit {
    position: absolute;
    left: 207px;
    top: 149px;
    width: 130px;
    height: 22px;
    line-height: 22px;
    background: #efefef;
    text-align: center;
    color: #555;
    font-size: 12px;
    font-weight: 700;
    border: 1px solid #bdbdbd;
    border-radius: 3px;
  }
  .colpick_submit:hover {
    background: #f3f3f3;
    border-color: #999;
    cursor: pointer;
  }
  .colpick_full_ns .colpick_submit,
  .colpick_full_ns .colpick_current_color {
    display: none;
  }
  .colpick_full_ns .colpick_new_color {
    width: 130px;
    height: 25px;
  }
  .colpick_full_ns .colpick_rgb_r,
  .colpick_full_ns .colpick_hsb_h {
    top: 42px;
  }
  .colpick_full_ns .colpick_rgb_g,
  .colpick_full_ns .colpick_hsb_s {
    top: 73px;
  }
  .colpick_full_ns .colpick_rgb_b,
  .colpick_full_ns .colpick_hsb_b {
    top: 104px;
  }
  .colpick_full_ns .colpick_hex_field {
    top: 135px;
  }
  .colpick_rgbhex .colpick_hsb_h,
  .colpick_rgbhex .colpick_hsb_s,
  .colpick_rgbhex .colpick_hsb_b {
    display: none;
  }
  .colpick_rgbhex {
    width: 282px;
  }
  .colpick_rgbhex .colpick_field,
  .colpick_rgbhex .colpick_submit {
    width: 68px;
  }
  .colpick_rgbhex .colpick_new_color {
    width: 34px;
    border-right: none;
  }
  .colpick_rgbhex .colpick_current_color {
    width: 34px;
    left: 240px;
    border-left: none;
  }
  .colpick_rgbhex_ns .colpick_submit,
  .colpick_rgbhex_ns .colpick_current_color {
    display: none;
  }
  .colpick_rgbhex_ns .colpick_new_color {
    width: 68px;
    border: 1px solid #8f8f8f;
  }
  .colpick_rgbhex_ns .colpick_rgb_r {
    top: 42px;
  }
  .colpick_rgbhex_ns .colpick_rgb_g {
    top: 73px;
  }
  .colpick_rgbhex_ns .colpick_rgb_b {
    top: 104px;
  }
  .colpick_rgbhex_ns .colpick_hex_field {
    top: 135px;
  }
  .colpick_hex .colpick_hsb_h,
  .colpick_hex .colpick_hsb_s,
  .colpick_hex .colpick_hsb_b,
  .colpick_hex .colpick_rgb_r,
  .colpick_hex .colpick_rgb_g,
  .colpick_hex .colpick_rgb_b {
    display: none;
  }
  .colpick_hex {
    width: 206px;
    height: 201px;
  }
  .colpick_hex .colpick_hex_field {
    width: 72px;
    height: 25px;
    top: 168px;
    left: 80px;
  }
  .colpick_hex .colpick_hex_field div,
  .colpick_hex .colpick_hex_field input {
    height: 25px;
    line-height: 25px;
  }
  .colpick_hex .colpick_new_color {
    left: 9px;
    top: 168px;
    width: 30px;
    border-right: none;
  }
  .colpick_hex .colpick_current_color {
    left: 39px;
    top: 168px;
    width: 30px;
    border-left: none;
  }
  .colpick_hex .colpick_submit {
    left: 164px;
    top: 168px;
    width: 30px;
    height: 25px;
    line-height: 25px;
  }
  .colpick_hex_ns .colpick_submit,
  .colpick_hex_ns .colpick_current_color {
    display: none;
  }
  .colpick_hex_ns .colpick_hex_field {
    width: 80px;
  }
  .colpick_hex_ns .colpick_new_color {
    width: 60px;
    border: 1px solid #8f8f8f;
  }
  .colpick_dark {
    background: #161616;
    border-color: #2a2a2a;
  }
  .colpick_dark .colpick_color {
    outline-color: #333;
  }
  .colpick_dark .colpick_hue {
    border-color: #555;
  }
  .colpick_dark .colpick_field,
  .colpick_dark .colpick_hex_field {
    background: #101010;
    border-color: #2d2d2d;
  }
  .colpick_dark .colpick_field_letter {
    background: #131313;
    border-color: #2d2d2d;
    color: #696969;
  }
  .colpick_dark .colpick_field input,
  .colpick_dark .colpick_hex_field input {
    color: #7a7a7a;
  }
  .colpick_dark .colpick_field_uarr {
    border-bottom-color: #696969;
  }
  .colpick_dark .colpick_field_darr {
    border-top-color: #696969;
  }
  .colpick_dark .colpick_focus {
    border-color: #444;
  }
  .colpick_dark .colpick_submit {
    background: #131313;
    border-color: #2d2d2d;
    color: #7a7a7a;
  }
  .colpick_dark .colpick_submit:hover {
    background-color: #101010;
    border-color: #444;
  }
  .tag-editor {
    height: auto;
    min-height: 40px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    overflow: hidden;
    cursor: text;
  }
  .tag-editor li {
    display: block;
    float: left;
    overflow: hidden;
    margin: 5px 0;
  }
  .tag-editor div {
    float: left;
    padding: 0 4px;
  }
  .tag-editor .placeholder {
    padding: 3px 8px;
    color: #bbb;
  }
  .tag-editor .tag-editor-spacer {
    padding: 0;
    width: 8px;
    overflow: hidden;
    color: transparent;
    background: 0 0;
  }
  .tag-editor input {
    height: 18px !important;
    vertical-align: inherit !important;
    border: 0 !important;
    outline: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: text !important;
    font-family: inherit !important;
    font-weight: inherit !important;
    font-size: inherit !important;
    font-style: inherit !important;
    box-shadow: none !important;
    background: 0 0 !important;
    color: #444 !important;
  }
  .tag-editor-hidden-src {
    display: none !important;
  }
  .tag-editor ::-ms-clear {
    display: none;
  }
  .tag-editor .tag-editor-tag {
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    border-radius: 50px 0 0 50px;
    background: #f6f6f6;
    color: #686868;
    padding: 3px 10px;
  }
  .tag-editor .tag-editor-delete {
    background: #f6f6f6;
    cursor: pointer;
    border-radius: 0 50px 50px 0;
    padding: 4px 12px;
    padding-left: 0;
  }
  .tag-editor .tag-editor-delete i {
    line-height: 18px;
    display: inline-block;
  }
  .tag-editor .tag-editor-delete i:before {
    font-size: 16px;
    color: #686868;
    content: "×";
    font-style: normal;
  }
  .tag-editor .tag-editor-delete:hover i:before {
    color: #d65454;
  }
  .tag-editor .tag-editor-tag.active + .tag-editor-delete,
  .tag-editor .tag-editor-tag.active + .tag-editor-delete i {
    visibility: hidden;
    cursor: text;
  }
  .tag-editor .tag-editor-tag.active {
    background: 0 0 !important;
  }
  .ui-front {
    z-index: 9999;
  }
  .ui-menu {
    list-style: none;
    padding: 1px;
    margin: 0;
    display: block;
    outline: none;
  }
  .ui-menu .ui-menu-item a {
    text-decoration: none;
    display: block;
    padding: 5px 0.4em;
    line-height: 1.4;
    min-height: 0;
  }
  .ui-widget-content {
    border: 1px solid #bbb;
    background: #fff;
    color: #555;
  }
  .ui-widget-content a {
    color: #46799b;
  }
  .ui-widget-content .ui-state-hover,
  .ui-widget-header .ui-state-hover,
  .ui-state-focus,
  .ui-widget-content .ui-state-focus,
  .ui-widget-header .ui-state-focus {
    background: #e0eaf1;
  }
  .ui-helper-hidden-accessible {
    display: none;
  }
  .ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
    font-size: 14px;
    min-width: 160px;
    padding: 4px 0;
    margin: 0 0 10px 25px;
    list-style: none;
    background-color: #fff;
    border-color: #ccc;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 5px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-background-clip: padding;
    background-clip: padding-box;
  }
  .ui-menu-item {
    padding-left: 10px;
  }
  .ui-menu-item > a.ui-corner-all {
    display: block;
    padding: 6px 15px;
    clear: both;
    font-weight: 400;
    line-height: 18px;
    color: #555;
    white-space: nowrap;
    text-decoration: none;
  }
  .ui-state-hover,
  .ui-state-active {
    color: #fff;
    text-decoration: none;
    background-color: #08c;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: none;
  }
  :root {
    --reach-tooltip: 1;
    --reach-tabs: 1;
    --reach-dialog: 1;
    --reach-menu-button: 1;
  }
  .reach-menu-item-hover.reach-menu-item-hover[data-selected] {
    background: var(--gray-50);
    color: var(--gray-800);
  }
  .react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle,
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow {
    margin-left: -8px;
    position: absolute;
  }
  .react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle,
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow,
  .react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle::before,
  .react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle::before,
  .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before,
  .react-datepicker__month-year-read-view--down-arrow::before {
    box-sizing: content-box;
    position: absolute;
    border: 8px solid transparent;
    height: 0;
    width: 1px;
  }
  .react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle::before,
  .react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle::before,
  .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before,
  .react-datepicker__month-year-read-view--down-arrow::before {
    content: "";
    z-index: -1;
    border-width: 8px;
    left: -8px;
    border-bottom-color: #aeaeae;
  }
  .react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle {
    top: 0;
    margin-top: -8px;
  }
  .react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle,
  .react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle::before {
    border-top: none;
    border-bottom-color: #f0f0f0;
  }
  .react-datepicker-popper[data-placement^="bottom"]
    .react-datepicker__triangle::before {
    top: -1px;
    border-bottom-color: #aeaeae;
  }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow {
    bottom: 0;
    margin-bottom: -8px;
  }
  .react-datepicker-popper[data-placement^="top"] .react-datepicker__triangle,
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow,
  .react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle::before,
  .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before,
  .react-datepicker__month-year-read-view--down-arrow::before {
    border-bottom: none;
    border-top-color: #fff;
  }
  .react-datepicker-popper[data-placement^="top"]
    .react-datepicker__triangle::before,
  .react-datepicker__year-read-view--down-arrow::before,
  .react-datepicker__month-read-view--down-arrow::before,
  .react-datepicker__month-year-read-view--down-arrow::before {
    bottom: -1px;
    border-top-color: #aeaeae;
  }
  .react-datepicker-wrapper {
    display: inline-block;
    padding: 0;
    border: 0;
  }
  .react-datepicker {
    font-family:
      helvetica neue,
      Helvetica,
      Arial,
      sans-serif;
    font-size: 0.8rem;
    background-color: #fff;
    color: #000;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    display: inline-block;
    position: relative;
  }
  .react-datepicker--time-only .react-datepicker__triangle {
    left: 35px;
  }
  .react-datepicker--time-only .react-datepicker__time-container {
    border-left: 0;
  }
  .react-datepicker--time-only .react-datepicker__time,
  .react-datepicker--time-only .react-datepicker__time-box {
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  .react-datepicker__triangle {
    position: absolute;
    left: 50px;
  }
  .react-datepicker-popper {
    z-index: 1;
  }
  .react-datepicker-popper[data-placement^="bottom"] {
    margin-top: 10px;
  }
  .react-datepicker-popper[data-placement="bottom-end"]
    .react-datepicker__triangle,
  .react-datepicker-popper[data-placement="top-end"]
    .react-datepicker__triangle {
    left: auto;
    right: 50px;
  }
  .react-datepicker-popper[data-placement^="top"] {
    margin-bottom: 10px;
  }
  .react-datepicker-popper[data-placement^="right"] {
    margin-left: 8px;
  }
  .react-datepicker-popper[data-placement^="right"]
    .react-datepicker__triangle {
    left: auto;
    right: 42px;
  }
  .react-datepicker-popper[data-placement^="left"] {
    margin-right: 8px;
  }
  .react-datepicker-popper[data-placement^="left"] .react-datepicker__triangle {
    left: 42px;
    right: auto;
  }
  .react-datepicker__header {
    text-align: center;
    background-color: #f0f0f0;
    border-bottom: 1px solid #aeaeae;
    border-top-left-radius: 0.3rem;
    padding-top: 8px;
    position: relative;
  }
  .react-datepicker__header--time {
    padding-bottom: 8px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .react-datepicker__header--time:not(.react-datepicker__header--time--only) {
    border-top-left-radius: 0;
  }
  .react-datepicker__header:not(.react-datepicker__header--has-time-select) {
    border-top-right-radius: 0.3rem;
  }
  .react-datepicker__year-dropdown-container--select,
  .react-datepicker__month-dropdown-container--select,
  .react-datepicker__month-year-dropdown-container--select,
  .react-datepicker__year-dropdown-container--scroll,
  .react-datepicker__month-dropdown-container--scroll,
  .react-datepicker__month-year-dropdown-container--scroll {
    display: inline-block;
    margin: 0 2px;
  }
  .react-datepicker__current-month,
  .react-datepicker-time__header,
  .react-datepicker-year-header {
    margin-top: 0;
    color: #000;
    font-weight: 700;
    font-size: 0.944rem;
  }
  .react-datepicker-time__header {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .react-datepicker__navigation {
    background: 0 0;
    line-height: 1.7rem;
    text-align: center;
    cursor: pointer;
    position: absolute;
    top: 10px;
    width: 0;
    padding: 0;
    border: 0.45rem solid transparent;
    z-index: 1;
    height: 10px;
    width: 10px;
    text-indent: -999em;
    overflow: hidden;
  }
  .react-datepicker__navigation--previous {
    left: 10px;
    border-right-color: #ccc;
  }
  .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
  }
  .react-datepicker__navigation--previous--disabled,
  .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
  }
  .react-datepicker__navigation--next {
    right: 10px;
    border-left-color: #ccc;
  }
  .react-datepicker__navigation--next--with-time:not(
    .react-datepicker__navigation--next--with-today-button
  ) {
    right: 95px;
  }
  .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
  }
  .react-datepicker__navigation--next--disabled,
  .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
  }
  .react-datepicker__navigation--years {
    position: relative;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .react-datepicker__navigation--years-previous {
    top: 4px;
    border-top-color: #ccc;
  }
  .react-datepicker__navigation--years-previous:hover {
    border-top-color: #b3b3b3;
  }
  .react-datepicker__navigation--years-upcoming {
    top: -4px;
    border-bottom-color: #ccc;
  }
  .react-datepicker__navigation--years-upcoming:hover {
    border-bottom-color: #b3b3b3;
  }
  .react-datepicker__month-container {
    float: left;
  }
  .react-datepicker__year {
    margin: 0.4rem;
    text-align: center;
  }
  .react-datepicker__year-wrapper {
    display: flex;
    flex-wrap: wrap;
    max-width: 180px;
  }
  .react-datepicker__year .react-datepicker__year-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
  }
  .react-datepicker__month {
    margin: 0.4rem;
    text-align: center;
  }
  .react-datepicker__month .react-datepicker__month-text,
  .react-datepicker__month .react-datepicker__quarter-text {
    display: inline-block;
    width: 4rem;
    margin: 2px;
  }
  .react-datepicker__input-time-container {
    clear: both;
    width: 100%;
    float: left;
    margin: 5px 0 10px 15px;
    text-align: left;
  }
  .react-datepicker__input-time-container .react-datepicker-time__caption {
    display: inline-block;
  }
  .react-datepicker__input-time-container
    .react-datepicker-time__input-container {
    display: inline-block;
  }
  .react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input {
    display: inline-block;
    margin-left: 10px;
  }
  .react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input
    input {
    width: auto;
  }
  .react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input
    input[type="time"]::-webkit-inner-spin-button,
  .react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input
    input[type="time"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
  }
  .react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__input
    input[type="time"] {
    -moz-appearance: textfield;
  }
  .react-datepicker__input-time-container
    .react-datepicker-time__input-container
    .react-datepicker-time__delimiter {
    margin-left: 5px;
    display: inline-block;
  }
  .react-datepicker__time-container {
    float: right;
    border-left: 1px solid #aeaeae;
    width: 85px;
  }
  .react-datepicker__time-container--with-today-button {
    display: inline;
    border: 1px solid #aeaeae;
    border-radius: 0.3rem;
    position: absolute;
    right: -72px;
    top: 0;
  }
  .react-datepicker__time-container .react-datepicker__time {
    position: relative;
    background: #fff;
    border-bottom-right-radius: 0.3rem;
  }
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box {
    width: 85px;
    overflow-x: hidden;
    margin: 0 auto;
    text-align: center;
    border-bottom-right-radius: 0.3rem;
  }
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list {
    list-style: none;
    margin: 0;
    height: calc(195px + (1.7rem / 2));
    overflow-y: scroll;
    padding-right: 0;
    padding-left: 0;
    width: 100%;
    box-sizing: content-box;
  }
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item {
    height: 30px;
    padding: 5px 10px;
    white-space: nowrap;
  }
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item:hover {
    cursor: pointer;
    background-color: #f0f0f0;
  }
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--selected {
    background-color: #216ba5;
    color: #fff;
    font-weight: 700;
  }
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--selected:hover {
    background-color: #216ba5;
  }
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--disabled {
    color: #ccc;
  }
  .react-datepicker__time-container
    .react-datepicker__time
    .react-datepicker__time-box
    ul.react-datepicker__time-list
    li.react-datepicker__time-list-item--disabled:hover {
    cursor: default;
    background-color: transparent;
  }
  .react-datepicker__week-number {
    color: #ccc;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
  }
  .react-datepicker__week-number.react-datepicker__week-number--clickable {
    cursor: pointer;
  }
  .react-datepicker__week-number.react-datepicker__week-number--clickable:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
  }
  .react-datepicker__day-names,
  .react-datepicker__week {
    white-space: nowrap;
  }
  .react-datepicker__day-name,
  .react-datepicker__day,
  .react-datepicker__time-name {
    color: #000;
    display: inline-block;
    width: 1.7rem;
    line-height: 1.7rem;
    text-align: center;
    margin: 0.166rem;
  }
  .react-datepicker__month--selected,
  .react-datepicker__month--in-selecting-range,
  .react-datepicker__month--in-range,
  .react-datepicker__quarter--selected,
  .react-datepicker__quarter--in-selecting-range,
  .react-datepicker__quarter--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
  }
  .react-datepicker__month--selected:hover,
  .react-datepicker__month--in-selecting-range:hover,
  .react-datepicker__month--in-range:hover,
  .react-datepicker__quarter--selected:hover,
  .react-datepicker__quarter--in-selecting-range:hover,
  .react-datepicker__quarter--in-range:hover {
    background-color: #1d5d90;
  }
  .react-datepicker__month--disabled,
  .react-datepicker__quarter--disabled {
    color: #ccc;
    pointer-events: none;
  }
  .react-datepicker__month--disabled:hover,
  .react-datepicker__quarter--disabled:hover {
    cursor: default;
    background-color: transparent;
  }
  .react-datepicker__day,
  .react-datepicker__month-text,
  .react-datepicker__quarter-text,
  .react-datepicker__year-text {
    cursor: pointer;
  }
  .react-datepicker__day:hover,
  .react-datepicker__month-text:hover,
  .react-datepicker__quarter-text:hover,
  .react-datepicker__year-text:hover {
    border-radius: 0.3rem;
    background-color: #f0f0f0;
  }
  .react-datepicker__day--today,
  .react-datepicker__month-text--today,
  .react-datepicker__quarter-text--today,
  .react-datepicker__year-text--today {
    font-weight: 700;
  }
  .react-datepicker__day--highlighted,
  .react-datepicker__month-text--highlighted,
  .react-datepicker__quarter-text--highlighted,
  .react-datepicker__year-text--highlighted {
    border-radius: 0.3rem;
    background-color: #3dcc4a;
    color: #fff;
  }
  .react-datepicker__day--highlighted:hover,
  .react-datepicker__month-text--highlighted:hover,
  .react-datepicker__quarter-text--highlighted:hover,
  .react-datepicker__year-text--highlighted:hover {
    background-color: #32be3f;
  }
  .react-datepicker__day--highlighted-custom-1,
  .react-datepicker__month-text--highlighted-custom-1,
  .react-datepicker__quarter-text--highlighted-custom-1,
  .react-datepicker__year-text--highlighted-custom-1 {
    color: #f0f;
  }
  .react-datepicker__day--highlighted-custom-2,
  .react-datepicker__month-text--highlighted-custom-2,
  .react-datepicker__quarter-text--highlighted-custom-2,
  .react-datepicker__year-text--highlighted-custom-2 {
    color: green;
  }
  .react-datepicker__day--selected,
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__day--in-range,
  .react-datepicker__month-text--selected,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__month-text--in-range,
  .react-datepicker__quarter-text--selected,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__quarter-text--in-range,
  .react-datepicker__year-text--selected,
  .react-datepicker__year-text--in-selecting-range,
  .react-datepicker__year-text--in-range {
    border-radius: 0.3rem;
    background-color: #216ba5;
    color: #fff;
  }
  .react-datepicker__day--selected:hover,
  .react-datepicker__day--in-selecting-range:hover,
  .react-datepicker__day--in-range:hover,
  .react-datepicker__month-text--selected:hover,
  .react-datepicker__month-text--in-selecting-range:hover,
  .react-datepicker__month-text--in-range:hover,
  .react-datepicker__quarter-text--selected:hover,
  .react-datepicker__quarter-text--in-selecting-range:hover,
  .react-datepicker__quarter-text--in-range:hover,
  .react-datepicker__year-text--selected:hover,
  .react-datepicker__year-text--in-selecting-range:hover,
  .react-datepicker__year-text--in-range:hover {
    background-color: #1d5d90;
  }
  .react-datepicker__day--keyboard-selected,
  .react-datepicker__month-text--keyboard-selected,
  .react-datepicker__quarter-text--keyboard-selected,
  .react-datepicker__year-text--keyboard-selected {
    border-radius: 0.3rem;
    background-color: #2a87d0;
    color: #fff;
  }
  .react-datepicker__day--keyboard-selected:hover,
  .react-datepicker__month-text--keyboard-selected:hover,
  .react-datepicker__quarter-text--keyboard-selected:hover,
  .react-datepicker__year-text--keyboard-selected:hover {
    background-color: #1d5d90;
  }
  .react-datepicker__day--in-selecting-range,
  .react-datepicker__month-text--in-selecting-range,
  .react-datepicker__quarter-text--in-selecting-range,
  .react-datepicker__year-text--in-selecting-range {
    background-color: rgba(33, 107, 165, 0.5);
  }
  .react-datepicker__month--selecting-range .react-datepicker__day--in-range,
  .react-datepicker__month--selecting-range
    .react-datepicker__month-text--in-range,
  .react-datepicker__month--selecting-range
    .react-datepicker__quarter-text--in-range,
  .react-datepicker__month--selecting-range
    .react-datepicker__year-text--in-range {
    background-color: #f0f0f0;
    color: #000;
  }
  .react-datepicker__day--disabled,
  .react-datepicker__month-text--disabled,
  .react-datepicker__quarter-text--disabled,
  .react-datepicker__year-text--disabled {
    cursor: default;
    color: #ccc;
  }
  .react-datepicker__day--disabled:hover,
  .react-datepicker__month-text--disabled:hover,
  .react-datepicker__quarter-text--disabled:hover,
  .react-datepicker__year-text--disabled:hover {
    background-color: transparent;
  }
  .react-datepicker__month-text.react-datepicker__month--selected:hover,
  .react-datepicker__month-text.react-datepicker__month--in-range:hover,
  .react-datepicker__month-text.react-datepicker__quarter--selected:hover,
  .react-datepicker__month-text.react-datepicker__quarter--in-range:hover,
  .react-datepicker__quarter-text.react-datepicker__month--selected:hover,
  .react-datepicker__quarter-text.react-datepicker__month--in-range:hover,
  .react-datepicker__quarter-text.react-datepicker__quarter--selected:hover,
  .react-datepicker__quarter-text.react-datepicker__quarter--in-range:hover {
    background-color: #216ba5;
  }
  .react-datepicker__month-text:hover,
  .react-datepicker__quarter-text:hover {
    background-color: #f0f0f0;
  }
  .react-datepicker__input-container {
    position: relative;
    display: inline-block;
    width: 100%;
  }
  .react-datepicker__year-read-view,
  .react-datepicker__month-read-view,
  .react-datepicker__month-year-read-view {
    border: 1px solid transparent;
    border-radius: 0.3rem;
  }
  .react-datepicker__year-read-view:hover,
  .react-datepicker__month-read-view:hover,
  .react-datepicker__month-year-read-view:hover {
    cursor: pointer;
  }
  .react-datepicker__year-read-view:hover
    .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__year-read-view:hover
    .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-read-view:hover
    .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view:hover
    .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view:hover
    .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-year-read-view:hover
    .react-datepicker__month-read-view--down-arrow {
    border-top-color: #b3b3b3;
  }
  .react-datepicker__year-read-view--down-arrow,
  .react-datepicker__month-read-view--down-arrow,
  .react-datepicker__month-year-read-view--down-arrow {
    border-top-color: #ccc;
    float: right;
    margin-left: 20px;
    top: 8px;
    position: relative;
    border-width: 0.45rem;
  }
  .react-datepicker__year-dropdown,
  .react-datepicker__month-dropdown,
  .react-datepicker__month-year-dropdown {
    background-color: #f0f0f0;
    position: absolute;
    width: 50%;
    left: 25%;
    top: 30px;
    z-index: 1;
    text-align: center;
    border-radius: 0.3rem;
    border: 1px solid #aeaeae;
  }
  .react-datepicker__year-dropdown:hover,
  .react-datepicker__month-dropdown:hover,
  .react-datepicker__month-year-dropdown:hover {
    cursor: pointer;
  }
  .react-datepicker__year-dropdown--scrollable,
  .react-datepicker__month-dropdown--scrollable,
  .react-datepicker__month-year-dropdown--scrollable {
    height: 150px;
    overflow-y: scroll;
  }
  .react-datepicker__year-option,
  .react-datepicker__month-option,
  .react-datepicker__month-year-option {
    line-height: 20px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  .react-datepicker__year-option:first-of-type,
  .react-datepicker__month-option:first-of-type,
  .react-datepicker__month-year-option:first-of-type {
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
  }
  .react-datepicker__year-option:last-of-type,
  .react-datepicker__month-option:last-of-type,
  .react-datepicker__month-year-option:last-of-type {
    user-select: none;
    border-bottom-left-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
  }
  .react-datepicker__year-option:hover,
  .react-datepicker__month-option:hover,
  .react-datepicker__month-year-option:hover {
    background-color: #ccc;
  }
  .react-datepicker__year-option:hover
    .react-datepicker__navigation--years-upcoming,
  .react-datepicker__month-option:hover
    .react-datepicker__navigation--years-upcoming,
  .react-datepicker__month-year-option:hover
    .react-datepicker__navigation--years-upcoming {
    border-bottom-color: #b3b3b3;
  }
  .react-datepicker__year-option:hover
    .react-datepicker__navigation--years-previous,
  .react-datepicker__month-option:hover
    .react-datepicker__navigation--years-previous,
  .react-datepicker__month-year-option:hover
    .react-datepicker__navigation--years-previous {
    border-top-color: #b3b3b3;
  }
  .react-datepicker__year-option--selected,
  .react-datepicker__month-option--selected,
  .react-datepicker__month-year-option--selected {
    position: absolute;
    left: 15px;
  }
  .react-datepicker__close-icon {
    cursor: pointer;
    background-color: transparent;
    border: 0;
    outline: 0;
    padding: 0 6px 0 0;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
  }
  .react-datepicker__close-icon::after {
    cursor: pointer;
    background-color: #216ba5;
    color: #fff;
    border-radius: 50%;
    height: 16px;
    width: 16px;
    padding: 2px;
    font-size: 12px;
    line-height: 1;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    content: "\00d7";
  }
  .react-datepicker__today-button {
    background: #f0f0f0;
    border-top: 1px solid #aeaeae;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    padding: 5px 0;
    clear: left;
  }
  .react-datepicker__portal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    left: 0;
    top: 0;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: 2147483647;
  }
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 3rem;
    line-height: 3rem;
  }
  @media (max-width: 400px), (max-height: 550px) {
    .react-datepicker__portal .react-datepicker__day-name,
    .react-datepicker__portal .react-datepicker__day,
    .react-datepicker__portal .react-datepicker__time-name {
      width: 2rem;
      line-height: 2rem;
    }
  }
  .react-datepicker__portal .react-datepicker__current-month,
  .react-datepicker__portal .react-datepicker-time__header {
    font-size: 1.44rem;
  }
  .react-datepicker__portal .react-datepicker__navigation {
    border: 0.81rem solid transparent;
  }
  .react-datepicker__portal .react-datepicker__navigation--previous {
    border-right-color: #ccc;
  }
  .react-datepicker__portal .react-datepicker__navigation--previous:hover {
    border-right-color: #b3b3b3;
  }
  .react-datepicker__portal .react-datepicker__navigation--previous--disabled,
  .react-datepicker__portal
    .react-datepicker__navigation--previous--disabled:hover {
    border-right-color: #e6e6e6;
    cursor: default;
  }
  .react-datepicker__portal .react-datepicker__navigation--next {
    border-left-color: #ccc;
  }
  .react-datepicker__portal .react-datepicker__navigation--next:hover {
    border-left-color: #b3b3b3;
  }
  .react-datepicker__portal .react-datepicker__navigation--next--disabled,
  .react-datepicker__portal
    .react-datepicker__navigation--next--disabled:hover {
    border-left-color: #e6e6e6;
    cursor: default;
  }
  .gu-mirror {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    background: #f9f9f9;
    border-bottom: solid 1px #e1e1e1;
    border-top: solid 1px #fff;
    color: #454545;
    display: block;
    margin: 0;
    padding: 20px 40px;
    position: fixed;
    text-decoration: none;
    width: 300px;
    z-index: 5000;
  }
  .gu-mirror::before {
    color: #999;
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: 20px;
    text-shadow: 0 1px 0 #fff;
    top: 30px;
  }
  .gu-mirror strong {
    display: block;
  }
  .gu-mirror .icon {
    color: #969696;
    font-size: 28px;
    left: 35px;
    position: absolute;
    top: 25px;
  }
  .gu-mirror.active {
    background: #fff;
  }
  .gu-mirror.active .js_subject {
    color: #0f7dd1;
  }
  .gu-mirror .js_subject {
    color: #454545;
  }
  .gu-mirror .subtitle {
    font-size: 12px;
    color: #999;
  }
  .gu-hide {
    display: none !important;
  }
  .gu-unselectable {
    user-select: none !important;
  }
  .gu-transit {
    opacity: 0.2;
  }
  .redactor-box .redactor-wordcount {
    position: absolute;
    right: 10px;
    bottom: -23px;
    background: rgba(255, 255, 255, 0.6);
    border-left: 1px solid rgba(0, 0, 0, 0.05);
    border-right: 1px solid rgba(0, 0, 0, 0.05);
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 2px 10px 0;
    width: auto;
    white-space: nowrap;
    height: 23px;
    font-size: 0.875em;
    color: #999;
  }
  #redactor-modal-link-insert .nav.nav-tabs {
    border-bottom-width: 0;
  }
  #redactor-modal-link-insert .nav.nav-tabs li a {
    background-color: #e8e8e8;
    border-color: #ccc;
    border-radius: 0;
    border-width: 1px 0 0;
    color: #333;
    display: inline-block;
    margin-top: 1px;
    padding: 4px 16px;
  }
  #redactor-modal-link-insert .nav.nav-tabs li a:hover {
    background: #e2e2e2;
    color: #2461b5;
    text-decoration: none;
  }
  #redactor-modal-link-insert .nav.nav-tabs li.active a,
  #redactor-modal-link-insert .nav.nav-tabs li.active a:hover {
    background-color: #ddd;
    border-color: #2461b5;
    border-width: 3px 0 0;
    margin-top: 0;
  }
  #redactor-modal-link-insert .tab-content {
    width: auto;
    padding: 0;
    float: none;
  }
  #redactor-modal-link-insert #automation-links {
    margin: 0;
  }
  [id*="ck-focus-toolbar-"] {
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
  }
  [id*="ck-focus-toolbar-"] .redactor-toolbar {
    position: absolute;
    top: auto;
    left: auto;
    bottom: 1px;
    min-width: 100%;
    white-space: nowrap;
    border-color: var(--gray-200);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  }
  [id*="ck-focus-toolbar-"].visible {
    display: block;
  }
  #redactor-modal .automation-links.input-group li small {
    display: block;
    color: #555;
  }
  #redactor-modal .automation-links.input-group .input-group-addon:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  #redactor-modal
    .automation-links.input-group
    .input-group-addon:first-child:before {
    margin-right: 4px;
  }
  #redactor-modal
    .automation-links.input-group
    .input-group-btn:last-child
    > .btn,
  #redactor-modal
    .automation-links.input-group
    .input-group-btn:last-child
    > #buorgul,
  #redactor-modal
    .automation-links.input-group
    .input-group-btn:last-child
    > #buorgig {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .redactor-link-tooltip.automation-link
    .redactor-link-tooltip-action:first-child:before {
    margin-right: 4px;
  }
  .redactor-toolbar {
    border: 1px solid #ccc;
    border-radius: 0.125rem;
    box-shadow: 0 0;
    transition: ease border 300ms;
  }
  .redactor-toolbar.toolbar-fixed-box {
    border-top: 0;
    transition: ease border 300ms;
    z-index: 20;
  }
  .redactor-toolbar li a {
    padding: 6px 7px;
  }
  .redactor-toolbar li a.redactor-btn-image.re-mergeTags {
    width: auto;
    font-size: 11px;
    line-height: 14px;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .redactor-dropdown {
    padding: 6px 0;
  }
  .redactor-dropdown a {
    padding: 2px 10px;
    border-bottom-width: 0;
  }
  .redactor-dropdown a.redactor-dropdown-divider1,
  .redactor-dropdown a.redactor-dropdown-divider2,
  .redactor-dropdown a.redactor-dropdown-divider3 {
    border-top: 1px solid #e1e1e1;
    cursor: default;
    padding: 0;
    margin: 5px 0;
  }
  .redactor-dropdown a.redactor-dropdown-divider1:hover,
  .redactor-dropdown a.redactor-dropdown-divider2:hover,
  .redactor-dropdown a.redactor-dropdown-divider3:hover {
    background-color: transparent;
  }
  .redactor-editor {
    border-color: var(--gray-200);
    border-radius: 0.125rem;
    border-top: 0;
  }
  #redactor-link-url-text {
    margin-bottom: 10px;
  }
  .redactor-modal-btn {
    min-width: 120px;
    margin-right: 10px;
  }
  .alert,
  .alert-no-hide,
  .accept-invite-notice {
    border-radius: 0.125rem;
  }
  .alert a,
  .alert-no-hide a,
  .accept-invite-notice a {
    text-decoration: underline;
  }
  .alert-info a,
  .accept-invite-notice a {
    color: #40588b;
  }
  .alert-warning a,
  .alert-danger a {
    color: #973d3b;
  }
  .alert-success a {
    color: #336534;
  }
  .alert--banner {
    width: 100%;
    margin: 0 !important;
    max-width: none !important;
    border-radius: 0;
    text-align: center;
  }
  .alert--account-review:hover,
  .alert--account-review:focus {
    background: #faf2cc;
    color: #6d562f;
    text-decoration: none;
  }
  .alert--admin {
    background: var(--orange-50);
    position: relative;
  }
  .alert--admin a {
    color: #40588b;
  }
  .alert--admin span.label {
    position: absolute;
    left: 30px;
    top: 12px;
    background: var(--blue-500);
    border-color: var(--blue-500);
    padding: 7px;
    text-transform: uppercase;
  }
  .alert--admin span.label:hover {
    color: #fff;
  }
  .alert--admin:hover,
  .alert--admin:focus {
    background: #cad3e6;
    text-decoration: none;
  }
  .alert--list {
    margin: 15px -25px 0;
    padding: 15px 25px;
    border: 0;
    border-top: solid 1px var(--gray-200);
    border-bottom: solid 1px var(--gray-200);
  }
  .alert--list__title {
    display: flex;
    align-items: center;
  }
  .alert--list__title i {
    margin-right: 15px;
    font-size: 25px;
  }
  .alert--list__title h5 {
    font-size: 12px;
    line-height: 1.4;
    margin: 0;
  }
  .alert--list__items {
    list-style: none;
    padding: 0;
  }
  .alert--list__items li {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .alert ul,
  .alert-no-hide ul,
  .accept-invite-notice ul {
    margin-top: 10px;
    padding-left: 20px;
  }
  span.alert,
  span.alert-no-hide,
  span.accept-invite-notice {
    display: block;
  }
  .broadcast.alert .alert--list__items li:before,
  .broadcast.alert-no-hide .alert--list__items li:before,
  .broadcast.accept-invite-notice .alert--list__items li:before {
    font-family: "font awesome 5 pro";
    font-weight: 900;
    content: "\f0da";
    position: absolute;
    left: 35px;
    color: #b0b8be;
  }
  .panel-group .panel {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
  }
  .panel-group .panel + .panel {
    margin-top: 0;
    border-top-width: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }
  .panel .panel-heading {
    background: #fff;
    color: var(--blue-500);
    padding: 0;
  }
  .panel .panel-heading .panel-title {
    margin-bottom: 0 !important;
  }
  .panel .panel-heading .panel-title a {
    display: block;
    padding: 10px 15px;
  }
  .panel .panel-heading .panel-title a,
  .panel .panel-heading .panel-title a:active,
  .panel .panel-heading .panel-title a:visited {
    text-decoration: none;
  }
  .panel .panel-heading .panel-title em {
    font-weight: 300;
  }
  .panel .panel-group {
    margin: -15px;
  }
  .panel .panel {
    border-radius: 0;
    border-right-width: 0;
    border-left-width: 0;
  }
  .panel .panel:first-of-type {
    border-top-width: 0;
  }
  .panel .panel:last-of-type {
    border-bottom-width: 0;
  }
  .panel .panel .panel-heading {
    background: #f9f9f9;
    border-radius: 0;
  }
  .panel .panel .panel-heading .panel-title {
    font-size: 14px !important;
    font-weight: 400 !important;
    margin-bottom: 0 !important;
  }
  .panel .panel-body > .loading {
    margin: -3px auto;
    text-align: right;
    width: 200px;
  }
  .panel .panel-body .loading {
    background: url(/assets/spinner-gray-light-med-b45f925c220183c61e5ac5b263746c0b71fd1fc79765b11d76d7e576b6c38851.gif)
      no-repeat left center;
    background-size: contain;
    color: #c1c1c1;
    font-weight: 300;
    line-height: 18px;
    padding-left: 25px;
  }
  .panel .panel-body em.loading {
    display: inline-block;
    font-size: 12px;
    font-style: normal;
    line-height: 16px;
    margin-left: 10px;
    padding-left: 20px;
  }
  .panel .panel-body .list-group {
    margin: -15px;
    max-height: 500px;
    overflow: auto;
  }
  .panel .panel-body .list-group .list-group-item {
    border-color: #f5f5f5;
    border-right-width: 0;
    border-left-width: 0;
    padding-top: 6px;
    padding-bottom: 6px;
  }
  .panel .panel-body .list-group .list-group-item label {
    min-height: 20px;
    padding: 6px 15px 6px 35px;
    margin: -6px -15px;
    max-width: none;
  }
  .panel .panel-body .list-group .list-group-item label:hover {
    background: #f5f5f5;
  }
  .panel .panel-body .list-group .list-group-item label[disabled="disabled"] {
    color: #999;
  }
  .panel
    .panel-body
    .list-group
    .list-group-item
    label[disabled="disabled"]:hover {
    background: 0 0;
  }
  .panel .panel-body .list-group .list-group-item:first-of-type {
    border-radius: 0;
    border-top-width: 0;
  }
  .panel .panel-body .list-group .list-group-item:last-of-type {
    border-bottom-width: 0;
  }
  .panel-collapse.collapsing {
    transition-duration: 0.2s;
    transition-timing-function: linear;
  }
  .popover {
    max-width: none;
    border: 1px solid var(--gray-200);
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
  }
  .table .error {
    background-color: #f2dede;
    border-color: #eed3d7;
  }
  .table .inactive {
    color: #888;
  }
  .table .cancelled {
    background-color: #ddd;
    border-color: #ccc;
    color: #888;
  }
  .table .tr {
    text-align: right;
  }
  .table thead > tr > th {
    border-bottom: 1px solid var(--gray-200) !important;
  }
  .table thead > tr > th:first-child {
    padding-left: 0;
  }
  .table thead > tr > th:last-child {
    padding-right: 0;
  }
  .table tbody > tr > td {
    border: 0;
  }
  .table tbody > tr > td:first-child {
    padding-left: 0;
  }
  .table tbody > tr > td:last-child {
    padding-right: 0;
  }
  .table th {
    border: 0;
    font-size: 12px;
    font-weight: 600;
    padding-left: 0;
    text-transform: uppercase;
  }
  @media all and (max-width: 991px) {
    .table-responsive {
      width: 100%;
      margin: 0 !important;
      padding: 0 5px;
    }
  }
  .tree {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }

  .tree ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-left: 30px;
  }

  .tree li {
    position: relative;
    padding: 10px 0 10px 5px;
  }

  .tree li:before {
    content: "";
    position: absolute;
    bottom: 50%;
    left: -20px;
    width: 10px;
    height: calc(100% + 8px);
    border-bottom: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom-left-radius: 4px;
  }

  .tree li:first-child::before {
    height: calc(50% - 10px);
  }

  .tree li:last-child {
    padding-bottom: 0;
  }

  .well.file-drop {
    padding: 40px;
    border-style: dashed;
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    color: #555;
  }
  .well.file-drop .fa-upload {
    color: #555;
    display: block;
    font-size: 32px;
    margin: 0 auto 10px;
  }
  .well.file-drop .rejected-file {
    font-size: 14px;
  }
  .well.file-drop:hover,
  .well.file-drop.dragover {
    border-color: var(--blue-500);
  }
  .well.file-drop:hover .fa-upload,
  .well.file-drop.dragover .fa-upload {
    color: var(--blue-500);
  }
  .well.file-drop.reject {
    border-color: var(--blue-500);
  }
  hr {
    border-color: var(--gray-200);
  }
  html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
  }
  html,
  body {
    height: 100%;
  }
  body {
    background: var(--gray-50);
    font-family: var(--font-ui);
    margin: 0;
    padding: 0;
  }
  body[data-overlayed="true"] {
    overflow: hidden;
  }
  input::-webkit-contacts-auto-fill-button {
    display: none;
    pointer-events: none;
    position: absolute;
    right: 0;
    visibility: hidden;
  }
  input[type="number"],
  input[type="text"],
  input[type="email"],
  input[type="password"],
  textarea {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: var(--gray-800);
    background-color: #fff;
    background-image: none;
    border: 1px solid var(--gray-200);
    border-radius: 0.125rem;
  }
  input[type="number"]:focus,
  input[type="text"]:focus,
  input[type="email"]:focus,
  input[type="password"]:focus,
  textarea:focus {
    outline: none;
  }
  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    appearance: none;
  }
  textarea {
    line-height: 1.4;
  }
  select {
    -webkit-appearance: none;
    -moz-appearance: none;
    display: inline-block;
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: var(--gray-800);
    border-radius: 0.125rem;
    vertical-align: middle;
    line-height: 1.25rem;
    width: 220px;
    border: 1px solid var(--gray-200);
    background-color: #fff;
  }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
  }
  label {
    font-weight: 400;
  }
  .btn:hover,
  #buorgul:hover,
  #buorgig:hover,
  .btn:focus,
  #buorgul:focus,
  #buorgig:focus {
    outline: none;
  }
  a.deleted {
    text-decoration: line-through !important;
  }
  a.admin-link {
    color: var(--gray-800);
    font-size: 16px;
  }
  a.admin-link i {
    margin-left: 5px;
  }
  a.admin-link:hover,
  a.admin-link:focus {
    text-decoration: none;
    color: #202529;
  }
  select {
    border: solid 1px var(--gray-200);
  }
  .container,
  .page_header_content {
    width: 100%;
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 32px;
  }
  .container--medium {
    max-width: 1100px;
  }
  .container.page,
  .page.page_header_content {
    box-shadow: 0 0 0 !important;
    border-radius: 0;
    display: flex;
    flex: 1 0 auto;
    flex-direction: column;
    padding: 0;
    margin: 0 auto;
  }
  .container.page .content-wrap,
  .page.page_header_content .content-wrap {
    flex: 1 0 auto;
  }
  .ab-icon {
    border: 1px solid var(--green-500);
    border-radius: 4px;
    color: var(--green-500);
    cursor: default;
    font-weight: 600;
    overflow: hidden;
    text-align: center;
    text-transform: uppercase;
  }
  .ab-icon--mini {
    background-color: #fff;
    font-size: 15px;
    height: 24px;
    line-height: 20px;
    width: 24px;
  }
  .ab-icon--active {
    display: inline-flex;
    font-size: 11px;
    line-height: 14px;
    margin-left: 5px;
    position: relative;
    top: -1px;
    width: 32px;
  }
  .ab-icon--active .ab-icon__a,
  .ab-icon--active .ab-icon__b {
    width: 50%;
  }
  .ab-icon__a {
    background-color: var(--green-500);
    color: #fff;
  }
  .ab-icon__b {
    background-color: #fff;
  }
  .ab-option__icon {
    transition: all 150ms ease-out;
    color: #7d8c98;
    cursor: pointer;
    display: block;
    height: 40px;
    width: 40px;
  }
  .ab-option__icon:hover,
  .ab-option__icon:focus {
    transition: all 150ms ease-out;
    color: #596670;
  }
  .ab-option__icon__a {
    font-size: 15px;
    font-weight: 700;
    left: 6px;
    position: absolute;
    top: 2px;
  }
  .ab-option__icon__slash {
    background: #9aa5ae;
    font-size: 30px;
    height: 25px;
    left: 21px;
    position: absolute;
    top: 9px;
    transform: rotate(40deg);
    width: 1px;
  }
  .ab-option__icon__b {
    bottom: 0;
    font-size: 15px;
    font-weight: 700;
    position: absolute;
    right: 10px;
  }
  .ab-option__lines {
    border: 1px solid var(--gray-200);
    border-left: transparent;
    display: none;
    height: 46px;
    position: absolute;
    right: 0;
    top: 20px;
    width: 15px;
    z-index: 1;
  }
  .ab-option__close {
    transition: all 150ms ease-out;
    background: #fff;
    border: 1px solid var(--gray-200);
    border-radius: 50%;
    color: var(--gray-200);
    cursor: pointer;
    display: none;
    height: 20px;
    line-height: 15px;
    position: absolute;
    right: -10px;
    text-align: center;
    top: 33px;
    width: 20px;
    z-index: 2;
  }
  .ab-option__close:hover,
  .ab-option__close:focus {
    transition: all 150ms ease-out;
    border-color: #8396a8;
    color: #8396a8;
  }
  .ab-option.active .ab-option__icon {
    color: var(--blue-500);
    cursor: default;
    height: 90px;
  }
  .ab-option.active .ab-option__icon__a {
    transition: all 150ms ease-out;
    left: initial;
    right: 20px;
    top: 10px;
  }
  .ab-option.active .ab-option__icon__slash {
    display: none;
  }
  .ab-option.active .ab-option__icon__b {
    bottom: 14px;
    right: 20px;
  }
  .ab-option.active .ab-option__lines {
    display: block;
  }
  .ab-option.active .ab-option__close {
    display: block;
  }
  .ab-results {
    background: var(--gray-50);
    border: 1px solid var(--gray-200);
    border-radius: 8px;
    overflow: hidden;
    width: 100%;
  }
  .ab-results__header {
    background-color: #fff;
    display: flex;
    padding: 10px;
  }
  .ab-results__header span {
    padding-left: 10px;
    padding-top: 2px;
    width: calc(100% - 24px);
  }
  .ab-results__stats {
    display: flex;
    padding: 10px;
  }
  .ab-results__stats .report-stat {
    flex-grow: 1;
    font-size: 24px;
  }
  .ab-results__stats span {
    font-size: 11px;
  }
  .ab-results__confidence {
    font-size: 12px;
    font-style: italic;
    padding: 0 10px 10px;
  }
  .ab-results--winner .ab-results__header::after {
    background-image: url(/assets/ab-ribbon-b7b106b010f69d094c15ff320d815e26423b64697c00d2f3fb6469d360c1cfde.png);
    background-size: 100%;
    content: "";
    height: 60px;
    position: absolute;
    right: 10px;
    top: -5px;
    width: 60px;
  }
  .ab-subject {
    position: relative;
  }
  .ab-subject__line-a,
  .ab-subject__line-b {
    width: calc(100% - 57px);
  }
  .ab-subject__line-b {
    display: none;
  }
  .ab-subject__controls {
    position: absolute;
    right: 0;
    width: 45px;
    top: 27px;
  }
  .account-stats {
    min-height: 97px;
  }
  .account-stats__col {
    display: flex;
    justify-content: space-between;
    flex: 0 0 349px;
    padding: 20px 40px;
    cursor: default;
  }
  .account-stats__col__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  .account-stats__col__item:not(.account-stats__col__item--title)
    span:first-of-type {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .account-stats__col__item .up-label {
    font-weight: 700;
  }
  .account-stats__col:first-of-type {
    flex: 1 0 auto;
    border-right: 1px solid var(--gray-200);
    padding-left: 25px;
  }
  @media all and (max-width: 1170px) {
    .account-stats__col {
      width: 37.5%;
    }
    .account-stats__col:first-of-type {
      width: 62.5%;
    }
  }
  @media all and (max-width: 992px) {
    .account-stats {
      flex-direction: column;
      min-height: 243px;
    }
    .account-stats__col {
      flex-wrap: wrap;
      justify-content: center;
    }
    .account-stats__col,
    .account-stats__col:first-of-type {
      width: 100%;
    }
    .account-stats__col:nth-child(2) {
      border-top: 1px solid var(--gray-200);
      max-height: 120px;
    }
    .account-stats__col__item {
      padding: 0 30px;
    }
    .account-stats__col__item--title {
      width: 100%;
      margin-bottom: 10px;
    }
  }
  .actions {
    min-height: 40px;
    border-top: 1px solid var(--gray-200);
    padding: 30px;
    width: 100%;
  }
  .actions .cancel {
    display: block;
    float: left;
    padding: 10px 0;
  }
  .actions .btn,
  .actions #buorgul,
  .actions #buorgig {
    float: right;
    padding: 10px 30px;
    margin-right: 10px;
  }
  @media (max-width: 992px) {
    .affix {
      position: static !important;
      width: 100% !important;
    }
  }
  .affix {
    padding-top: 20px;
    top: 0;
    transition: padding-top ease 200ms;
    width: 300px;
  }
  .affix-top {
    padding-top: 0;
    transition: padding-top ease 200ms;
  }
  .alert-icon div {
    display: table-cell;
  }
  .alert-icon div.icon {
    vertical-align: middle;
    text-align: center;
    padding-right: 5px;
  }
  .alert-icon i.icon {
    display: table-cell;
    font-size: 35px;
  }
  .animated-checkmark__circle {
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
    fill: none;
    stroke: var(--green-500);
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-miterlimit: 10;
    stroke-width: 2;
  }
  .animated-checkmark {
    animation:
      fill 0.4s ease-in-out 0.4s forwards,
      scale 0.3s ease-in-out 0.9s both;
    border-radius: 50%;
    box-shadow: inset 0 0 0 var(--green-500);
    display: inline-block;
    height: 18px;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 4;
    width: 18px;
  }
  .animated-checkmark__check {
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    transform-origin: 50% 50%;
  }
  @keyframes stroke {
    100% {
      stroke-dashoffset: 0;
    }
  }
  @keyframes scale {
    0%,
    100% {
      transform: none;
    }
    50% {
      transform: scale3d(1.1, 1.1, 1);
    }
  }
  @keyframes fill {
    100% {
      box-shadow: inset 0 0 0 30px var(--green-500);
    }
  }
  .announcement-banner {
    width: 100%;
    margin: 0;
    max-width: none;
    border-radius: 0;
    text-align: center;
    background: #fff;
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
    border-bottom: 1px solid var(--gray-200);
    position: relative;
    padding: 15px 0;
  }
  .announcement-banner .container,
  .announcement-banner .page_header_content {
    text-align: left;
  }
  .announcement-banner a {
    color: var(--blue-500);
    text-decoration: underline;
  }
  .announcement-banner a:hover {
    color: var(--blue-800);
  }
  .announcement-banner a img {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 15px;
    top: 18px;
  }
  .announcement-banner a img:hover,
  .announcement-banner a img:focus {
    opacity: 1;
  }
  .auth-box {
    background-color: #fff;
    max-width: 100%;
    margin: 0 auto;
    margin-bottom: 60px;
    transition: all 150ms ease-out;
  }
  .auth-box__header {
    border-bottom: 1px solid var(--gray-200);
    padding: 30px 25px;
  }
  .auth-box__header h2 {
    font-weight: 700;
    margin: 0;
  }
  .auth-box__header p {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 10px;
  }
  .auth-box__header p span {
    font-size: 14px;
    font-style: italic;
  }
  .auth-box__content {
    padding: 25px;
  }
  .auth-box__content__intro {
    font-size: 15px;
    font-style: italic;
    margin-bottom: 15px;
  }
  .auth-box__content__terms {
    color: var(--gray-700);
    font-size: 13px;
    font-style: italic;
    margin: 25px 0 0;
    text-align: center;
  }
  .auth-box__content__terms a {
    color: var(--gray-700);
    text-decoration: underline;
  }
  .auth-box__content__terms a:hover,
  .auth-box__content__terms a:focus {
    color: var(--gray-800);
  }
  .auth-box__footer {
    background: var(--gray-100);
    color: var(--gray-700);
    font-weight: 700;
    padding: 25px;
    text-align: center;
    text-transform: uppercase;
  }
  .auth-box__footer a {
    color: var(--blue-500);
  }
  .auth-box__footer a:hover,
  .auth-box__footer a:focus {
    color: #fa4750;
    text-decoration: none;
  }
  .auth-box .cvv-info {
    border: 1px solid #ccc;
    border-radius: 50%;
    color: #ccc;
    cursor: default;
    font-size: 16px;
    height: 22px;
    line-height: 20px;
    position: absolute;
    right: 12px;
    text-align: center;
    top: 16px;
    width: 22px;
  }
  .auth-box .cvv-info:hover {
    transition: all 150ms ease-out;
    border-color: var(--gray-800);
    color: var(--gray-800);
  }
  .auth-box--modal {
    border-radius: 0;
    margin: 0;
  }
  .auth-box--modal .auth-box__content {
    padding: 0;
  }
  .auth-box .lock-img {
    height: 27px;
    width: 20px;
    float: left;
    margin-top: 5px;
  }
  .auth-box .lock-text {
    margin: 0;
    float: left;
    margin-left: 13px;
    margin-bottom: 15px;
    font-size: 13px;
  }
  .auth-box .form-control:focus,
  .auth-box input.error-field {
    box-shadow: 0 0 !important;
  }
  .auth-box select {
    background: transparent
      url(/assets/arrow-down-290efb389964693cccb2f0aee824887823c3cc157139e9c5b6f2c1dbf48d4f1e.png)
      no-repeat right 10px center;
    background-size: 17px;
  }
  .auth-box--survey {
    position: relative;
    width: 670px;
  }
  .auth-box--survey .auth-box__header {
    border-bottom: 0;
    padding: 40px 25px;
    padding-bottom: 0;
    text-align: center;
  }
  .auth-box--survey .auth-box__header h2 {
    font-size: 19px;
    opacity: 0.85;
  }
  .auth-box--survey .auth-box__header p {
    font-size: 18px;
  }
  .auth-box--survey .auth-box__content {
    padding: 30px 25px;
  }
  .auth-box--survey .auth-box__footer {
    background: #fff;
    padding: 10px 25px 30px;
  }
  .auth-box--small {
    width: 500px;
    transition: all 150ms ease-out;
  }
  .billing-interval {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
    margin-bottom: 25px;
  }
  .billing-interval__item {
    display: flex;
    flex-direction: column;
    background: var(--gray-100);
    border: 2px solid var(--gray-100);
    border-radius: 0.125rem;
    padding: 20px 10px;
    width: calc(50% - 10px);
    text-align: center;
    color: var(--gray-800);
  }
  .billing-interval__item__label {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 5px;
  }
  .billing-interval__item__price {
    font-size: 15px;
  }
  .billing-interval__item:hover,
  .billing-interval__item:focus {
    border-color: var(--gray-200);
    color: var(--gray-800);
    text-decoration: none;
  }
  .billing-interval__item--active,
  .billing-interval__item--active:hover,
  .billing-interval__item--active:focus {
    border-color: var(--green-500);
  }
  .billing-interval__item--active .billing-interval__item__label,
  .billing-interval__item--active:hover .billing-interval__item__label,
  .billing-interval__item--active:focus .billing-interval__item__label {
    color: var(--green-500);
  }
  .blank-slate {
    margin: 0 auto;
    max-width: 820px;
    padding: 0 40px;
    width: 100%;
  }
  .blank-slate__intro {
    margin-bottom: 50px;
    text-align: center;
  }
  .blank-slate__intro h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 18px;
    margin-top: 0;
  }
  .blank-slate__intro h4 {
    opacity: 0.85;
  }
  .blank-slate__main {
    display: flex;
  }
  .blank-slate__main__video {
    margin-right: 40px;
    width: calc(50% - 40px);
  }
  .blank-slate__main__content {
    justify-content: center;
    display: flex;
    flex: 1;
    flex-direction: column;
  }
  .blank-slate__main__content p {
    font-size: 16px;
  }
  .blank-slate__main__content p:last-of-type {
    margin-bottom: 0;
  }
  .blank-slate__main__content ul,
  .blank-slate__main__content a {
    font-size: 16px;
  }
  .blank-slate__main__content h4 {
    font-weight: 600;
  }
  .blank-slate__main__content a {
    text-decoration: underline;
  }
  @media all and (max-width: 600px) {
    .blank-slate__main {
      flex-direction: column;
    }
    .blank-slate__main__video {
      width: 100%;
      margin-bottom: 30px;
    }
  }
  .blank-slate--sidebar {
    padding-top: 40px;
    padding-bottom: 60px;
  }
  @media all and (max-width: 875px) {
    .blank-slate--sidebar .blank-slate__intro {
      margin-bottom: 40px;
    }
    .blank-slate--sidebar .blank-slate__main {
      flex-direction: column;
    }
    .blank-slate--sidebar .blank-slate__main__video {
      width: 80%;
      margin: 0 auto;
      margin-bottom: 30px;
    }
    .blank-slate--sidebar .blank-slate__main__content {
      text-align: center;
    }
  }
  .bounce-spinner {
    width: 40px;
    height: 40px;
    position: relative;
  }
  .bounce-spinner--top,
  .bounce-spinner--bottom {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #c1c1c1;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    animation: sk-bounce 2s infinite ease-in-out;
  }
  .bounce-spinner--bottom {
    animation-delay: -1s;
  }
  @keyframes sk-bounce {
    0%,
    100% {
      transform: scale(0);
      -webkit-transform: scale(0);
    }
    50% {
      transform: scale(1);
      -webkit-transform: scale(1);
    }
  }
  .btn,
  #buorgul,
  #buorgig {
    border-radius: 0.125rem;
  }
  .btn:active,
  #buorgul:active,
  #buorgig:active {
    box-shadow: 0 0 0;
  }
  .btn--primary,
  .redactor-modal-action-btn,
  #buorgul {
    background-color: #1e1e1e;
    border-color: #1e1e1e;
    color: #fff;
  }
  .btn--primary:hover,
  .redactor-modal-action-btn:hover,
  #buorgul:hover,
  .btn--primary:focus,
  .redactor-modal-action-btn:focus,
  #buorgul:focus {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    outline: none;
    color: #fff;
  }
  .btn--green {
    background-color: var(--green-500);
    color: #fff;
  }
  .btn--green:hover,
  .btn--green:focus {
    background-color: #379171;
    color: #fff;
  }
  .btn--white {
    background-color: #fff;
    color: var(--blue-800);
  }
  .btn--white:hover,
  .btn--white:focus {
    opacity: 0.95;
  }
  .btn-flat {
    display: inline-block;
    padding: 8px 10px;
    border: solid 1px var(--gray-200);
    border-radius: 0.125rem;
    margin: 0 10px 0 0;
    text-decoration: none;
    color: var(--gray-700);
  }
  .btn-flat[disabled] {
    border: solid 1px #e1e1e1;
    color: #b0b8be;
    pointer-events: none;
  }
  .btn-flat i {
    margin-right: 5px;
  }
  .btn-flat:hover,
  .btn-flat:focus {
    transition: all 150ms ease-out;
    color: var(--gray-800);
    text-decoration: none;
  }
  .btn-default,
  #buorgig {
    border: solid 1px var(--gray-200);
  }
  .btn-default:hover,
  #buorgig:hover,
  .btn-default:focus,
  #buorgig:focus {
    background-color: #dde7ea;
    border-color: #dde7ea;
  }
  .btn--dark-green {
    background-color: #307e63;
    color: #fff;
    font-weight: 700;
    margin-left: 20px;
  }
  .btn--dark-green:hover {
    background: #296c54;
  }
  .btn-success {
    background-color: var(--green-500);
    border-color: #379171;
  }
  .btn-success:hover,
  .btn-success:focus,
  .btn-success:active {
    background-color: #379171;
    border-color: #307e63;
  }
  .btn--grey {
    background-color: #e7edf0;
    border-color: #e7edf0;
    color: var(--gray-800);
  }
  .btn--grey:hover,
  .btn--grey:focus {
    background-color: #dde7ea;
    border-color: #dde7ea;
  }
  .btn--icon {
    padding: 0;
    font-size: 13px;
    background: 0 0;
  }
  .btn--icon i {
    font-size: 18px;
    margin-right: 10px;
  }
  .btn--icon img {
    max-width: 15px;
    margin-right: 15px;
  }
  .btn--icon:focus {
    outline: none;
  }
  .btn--light-grey {
    background-color: var(--gray-50);
    border-color: var(--gray-50);
    color: var(--gray-800);
  }
  .btn--light-grey:hover,
  .btn--light-grey:focus {
    background-color: #f3f5f8;
    border-color: #f3f5f8;
  }
  .btn--blue {
    background-color: var(--blue-500);
    border-color: var(--blue-500);
    color: #fff;
  }
  .btn--blue:hover,
  .btn--blue:focus {
    background-color: #425a8e;
    border-color: #425a8e;
  }
  .btn--md {
    padding: 8px;
    font-size: 14px;
    border-radius: 0.125rem;
  }
  .btn--lg {
    padding: 14px;
    font-size: 16px;
    border-radius: 0.5rem;
  }
  .btn--xl {
    font-size: 14px;
    padding: 16px 28px;
    border-radius: 0.75rem;
  }
  .btn--no-radius {
    border-radius: 0;
  }
  .btn--icon-left {
    padding: 7px 15px 7px 45px;
    position: relative;
  }
  .btn--icon-left i {
    font-size: 18px;
    left: 15px;
    line-height: 34px;
    position: absolute;
    top: 0;
  }
  .btn--seva {
    border-radius: 0 0 8px 0;
  }
  .btn--send {
    font-size: 18px;
    padding: 15px 0;
    margin-top: 20px;
    border-radius: 0 0 8px 0;
  }
  .btn-delete {
    height: 50px;
  }
  .btn-block {
    text-align: center;
  }
  .btn--loading:before {
    margin-right: 8px;
  }
  .btn--oauth {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .btn--oauth img {
    width: 22px;
    margin-right: 20px;
  }
  .btn--step {
    background: var(--gray-50);
    padding: 20px 15px;
    font-size: 15px;
    font-weight: 600;
    white-space: normal;
    color: var(--gray-800);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .btn--step img {
    max-height: 35px;
    max-width: 130px;
  }
  .btn--step:hover,
  .btn--step:focus {
    background: #f3f5f8;
    transform: scale(1.025);
    box-shadow: 0 0 0;
  }
  .template-editor .built-with a,
  .email-container .built-with a {
    pointer-events: none;
  }
  .card,
  .form-partners__item {
    display: flex;
    background: #fff;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    border: 1px solid var(--gray-200);
    border-radius: 4px;
    padding: 20px;
  }
  .card:hover,
  .form-partners__item:hover,
  .card:focus,
  .form-partners__item:focus {
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
  }
  .card--cancel {
    width: 500px;
    max-width: 100%;
    margin: 50px auto 100px;
    padding: 50px;
    flex-direction: column;
  }
  .card--cancel h3 {
    margin-top: 0;
    margin-bottom: 20px;
  }
  .card--cancel h4 {
    margin-bottom: 20px;
  }
  .card--cancel:hover,
  .card--cancel:focus {
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
  }
  .cc-payment-form__group label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    opacity: 0.8;
    width: 100%;
  }
  .cc-payment-form__group input {
    width: 100%;
  }
  .cc-payment-form__group input[type="text"] {
    font-size: 16px;
    padding: 10px 8px;
    height: 44px;
  }
  .cc-payment-form__group select {
    height: 44px;
    line-height: 44px;
  }
  .cc-payment-form__group--cvv-code {
    float: left;
    position: relative;
    width: calc(40% - 5px);
    margin-right: 10px;
  }
  input:focus + .cc-payment-form__group--cvv-code__icon {
    transition: all 150ms ease-out;
    opacity: 1;
  }
  .cc-payment-form__group--cvv-code__icon {
    height: 42px;
    position: absolute;
    right: 8px;
    top: 23px;
  }
  .cc-payment-form__group--cvv-code__icon i {
    transition: all 150ms ease-out;
    font-size: 18px;
    line-height: 42px;
    opacity: 0.6;
  }
  .cc-payment-form__group--exp-date {
    float: left;
    width: 100%;
  }
  .cc-payment-form__group--exp-date__month,
  .cc-payment-form__group--exp-date__year {
    float: left;
    font-size: 16px;
    height: 42px;
    line-height: 42px;
    margin-bottom: 0;
    width: calc(50% - 5px) !important;
  }
  .cc-payment-form__group--exp-date__month {
    margin-right: 10px;
  }
  .cc-payment-form__group--zip {
    float: left;
    width: calc(60% - 5px);
  }
  .ck-input-checkbox {
    -webkit-appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    height: 1rem;
    left: 0;
    margin-top: -0.5rem;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 1rem;
  }
  .ck-input-checkbox + label {
    cursor: pointer;
    display: inline-block;
    padding: 0 0 0 1.5rem;
    position: relative;
  }
  .ck-input-checkbox + label::before {
    border: 2px solid var(--gray-200);
    border-radius: 4px;
    content: "";
    cursor: pointer;
    height: 1rem;
    left: 0;
    margin-top: -0.5rem;
    position: absolute;
    top: 50%;
    transition:
      background-color 175ms ease-out,
      border-color 100ms ease-out;
    width: 1rem;
  }
  .ck-input-checkbox:checked + label:before {
    background-color: var(--green-500);
    border-color: var(--green-500);
  }
  .ck-input-checkbox:checked + label:after {
    transition: all 150ms ease-out;
    color: #fff;
    content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.21326 0.176602C4.65788 0.184808 5.02498 0.551902 5.03318 0.99653L5.16675 8.23375C5.18174 8.29327 5.19023 8.35519 5.19141 8.4187C5.19961 8.86333 4.84582 9.21712 4.40119 9.20891L1.11157 9.1482C0.666936 9.13999 0.299843 8.7729 0.291636 8.32827C0.283431 7.88364 0.637221 7.52985 1.08185 7.53806L3.54515 7.58352L3.42304 0.966815C3.41484 0.522186 3.76863 0.168397 4.21326 0.176602Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    left: 5px;
    position: absolute;
    top: -1px;
    transform: rotate(43deg);
  }
  .ck-checkbox__label {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 10px;
  }
  .ck-checkbox [type="checkbox"]:not(:checked),
  .ck-checkbox [type="checkbox"]:checked {
    left: -9999px;
    position: absolute;
  }
  .ck-checkbox [type="checkbox"]:not(:checked) + label:not(.error),
  .ck-checkbox [type="checkbox"]:not(:checked) + label.error + label,
  .ck-checkbox [type="checkbox"]:checked + label:not(.error),
  .ck-checkbox [type="checkbox"]:checked + label.error + label {
    cursor: pointer;
    height: 17px;
    position: relative;
    width: 17px;
    margin: 0 auto 10px;
  }
  .ck-checkbox [type="checkbox"]:not(:checked) + label:not(.error)::before,
  .ck-checkbox [type="checkbox"]:not(:checked) + label.error + label::before,
  .ck-checkbox [type="checkbox"]:checked + label:not(.error)::before,
  .ck-checkbox [type="checkbox"]:checked + label.error + label::before {
    transition: all 150ms ease-out;
    background: #fff;
    border: 1px solid #e3e3e3;
    border-radius: 3px;
    height: 17px;
    left: calc(50% - 10px);
    position: absolute;
    top: 0;
    width: 17px;
    content: "";
  }
  .ck-checkbox [type="checkbox"]:not(:checked) + label:not(.error)::after,
  .ck-checkbox [type="checkbox"]:not(:checked) + label.error + label::after,
  .ck-checkbox [type="checkbox"]:checked + label:not(.error)::after,
  .ck-checkbox [type="checkbox"]:checked + label.error + label::after {
    transition: all 150ms ease-out;
    color: #fff;
    content: url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.21326 0.176602C4.65788 0.184808 5.02498 0.551902 5.03318 0.99653L5.16675 8.23375C5.18174 8.29327 5.19023 8.35519 5.19141 8.4187C5.19961 8.86333 4.84582 9.21712 4.40119 9.20891L1.11157 9.1482C0.666936 9.13999 0.299843 8.7729 0.291636 8.32827C0.283431 7.88364 0.637221 7.52985 1.08185 7.53806L3.54515 7.58352L3.42304 0.966815C3.41484 0.522186 3.76863 0.168397 4.21326 0.176602Z' fill='%23FFFFFF'/%3E%3C/svg%3E");
    left: 4px;
    position: absolute;
    top: -2.5px;
  }
  .ck-checkbox [type="checkbox"]:not(:checked) + label.error + label::before,
  .ck-checkbox [type="checkbox"]:checked + label.error + label::before {
    border-color: #f36547;
  }
  .ck-checkbox [type="checkbox"]:not(:checked) + label:not(.error)::after,
  .ck-checkbox [type="checkbox"]:not(:checked) + label.error + label::after {
    opacity: 0;
    transform: scale(0);
  }
  .ck-checkbox [type="checkbox"]:checked + label:not(.error)::before,
  .ck-checkbox [type="checkbox"]:checked + label.error + label::before {
    transition: all 150ms ease-out;
    background: #65dc8d;
    border-color: #65dc8d;
  }
  .ck-checkbox [type="checkbox"]:checked + label:not(.error)::after,
  .ck-checkbox [type="checkbox"]:checked + label.error + label::after {
    opacity: 1;
    transform: scale(1) rotate(43deg);
  }
  .ck-checkbox [type="checkbox"]:disabled:not(:checked) + label::before,
  .ck-checkbox [type="checkbox"]:disabled:checked + label::before {
    background-color: #ddd;
    border-color: #bbb;
    box-shadow: none;
  }
  .ck-checkbox [type="checkbox"]:disabled:checked + label::after {
    color: #999;
  }
  .ck-checkbox [type="checkbox"]:disabled + label {
    color: #aaa;
  }
  .ck-checkbox [type="checkbox"]:focus + label:not(.error)::before {
    outline: 0;
    border-color: rgba(var(--blue-500-rgb), 0.7);
    box-shadow: rgba(var(--blue-500-rgb), 0.6) 0 0 0 1px;
  }
  .ck-checkbox label:hover::before {
    transition: all 150ms ease-out;
    border: 1px solid #65dc8d !important;
  }
  .ck-checkbox [type="checkbox"]:disabled + label:hover::before {
    border-color: #bbb !important;
  }
  .ck-checkbox--horizontal {
    display: flex;
    flex-wrap: wrap;
  }
  .ck-checkbox--horizontal .ck-checkbox__label {
    width: calc(100% - 32px);
    margin-left: 12px;
  }
  .ck-checkbox label.error {
    order: 5;
    border-radius: 3px !important;
  }
  .ck-checkbox .public[type="checkbox"] + label:not(.error)::before,
  .ck-checkbox .public[type="checkbox"] + label.error + label::before {
    left: 0;
  }
  .ck-checkbox .public[type="checkbox"] + label:not(.error),
  .ck-checkbox .public[type="checkbox"] + label.error + label {
    padding-left: 30px;
    width: auto;
  }
  .ck-checkbox .public[type="checkbox"] + label:not(.error)::after,
  .ck-checkbox .public[type="checkbox"] + label.error + label::after {
    left: 3px;
  }
  .ck-progress-bar {
    border: 1px solid var(--blue-500);
    border-radius: 20px;
    cursor: default;
    display: flex;
    height: 30px;
    margin: 5px 0;
    overflow: hidden;
    position: relative;
    user-select: none;
    width: 100%;
  }
  .ck-progress-bar__percent {
    overflow: hidden;
    position: relative;
  }
  .ck-progress-bar__percent--completed {
    background: var(--blue-500);
    z-index: 2;
  }
  .ck-progress-bar__percent--remaining {
    background: 0 0;
  }
  .ck-progress-bar__label {
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    left: 0;
    line-height: 30px;
    padding-left: 15px;
    position: absolute;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
  }
  .ck-progress-bar__label--dark {
    color: #333;
  }
  .ck-radio:checked,
  .ck-radio:not(:checked) {
    position: absolute;
    left: -9999px;
  }
  .ck-radio:checked + label,
  .ck-radio:not(:checked) + label {
    position: relative;
    padding-left: 2rem;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: var(--gray-800);
  }
  .ck-radio:checked + label::before,
  .ck-radio:checked + label::after,
  .ck-radio:not(:checked) + label::before,
  .ck-radio:not(:checked) + label::after {
    content: "";
    position: absolute;
    border-radius: 100%;
  }
  .ck-radio:checked + label::before,
  .ck-radio:not(:checked) + label::before {
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid var(--gray-200);
    background: #fff;
  }
  .ck-radio:checked + label::after,
  .ck-radio:not(:checked) + label::after {
    width: 12px;
    height: 12px;
    background: #65dc8d;
    left: 3px;
    top: 3px;
    transition: all 150ms ease-out;
  }
  .ck-radio:not(:checked) + label:after {
    opacity: 0;
    transform: scale(0);
  }
  .ck-radio:checked + label:after {
    opacity: 1;
    transform: scale(1);
  }
  .ck-select .ck-select-toggle {
    border: 1px solid var(--gray-200);
    border-radius: 0.125rem;
    color: #555;
    display: inline-block;
    padding: 0.25rem 1rem 0.25rem 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    position: relative;
    cursor: default;
  }
  .ck-select .ck-select-toggle:hover {
    border-color: #b0b8be;
    text-decoration: none;
  }
  .ck-select .ck-select-toggle:hover:after {
    color: #555;
  }
  .ck-select .ck-select-toggle:after {
    color: #c1c1c1;
    content: "\f0dc";
    display: block;
    position: absolute;
    right: 5px;
    top: 50%;
    line-height: 14px;
    margin-top: -7px;
    font-size: 12px;
    transition: color 0.1s;
  }
  .ck-select.ck-select-block .ck-select-toggle {
    display: block;
    margin-bottom: 10px;
  }
  .ck-select.invalid .ck-select-toggle {
    border-color: #fdb0b4;
    background: #fff7f7;
  }
  .dropdown-menu.ck-select-menu {
    border: 1px solid #e1e1e1;
    border-radius: 0.125rem;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #555;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    border-color: #c1c1c1;
    min-width: 0;
    padding: 4px 0;
    margin-top: -16.5px;
    margin-left: -5px;
    background: linear-gradient(#fff, #f5f5f5);
    z-index: 5000;
  }
  .dropdown-menu.ck-select-menu li a {
    font-size: 14px;
    padding: 3px 17px;
    line-height: 16px;
    position: relative;
    color: #555;
    cursor: default;
  }
  .dropdown-menu.ck-select-menu li a:hover {
    background-color: #fc888e;
    color: #fff;
  }
  .dropdown-menu.ck-select-menu li a.active:before {
    content: "\f00c";
    position: absolute;
    font-size: 10px;
    line-height: 16px;
    left: 4px;
    top: 3px;
  }
  .dropdown-menu.ck-select-menu li a.end-of-section {
    border-bottom: 1px solid #ccc;
  }
  .confirmation {
    max-width: 600px;
    margin: 50px auto;
  }
  @media all and (max-width: 600px) {
    .confirmation {
      margin: 0;
      overflow-y: scroll;
    }
  }
  .confirmation__content {
    padding: 50px;
    background: #fff;
    border-radius: 5px;
    border: 1px solid var(--gray-100);
    color: var(--gray-800);
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
  }
  .confirmation__content h2,
  .confirmation__content h3,
  .confirmation__content h4 {
    font-weight: 700;
    margin: 0;
    line-height: 1.3;
  }
  .confirmation__content p {
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 20px;
    opacity: 0.85;
  }
  .confirmation__content p a {
    color: var(--gray-800);
    opacity: 0.85;
    text-decoration: underline;
  }
  .confirmation__content p a:hover,
  .confirmation__content p a:focus {
    color: var(--gray-800);
    opacity: 1;
  }
  .confirmation__content .btn,
  .confirmation__content #buorgul,
  .confirmation__content #buorgig {
    margin-top: 20px;
  }
  .confirmation__content .resubscribe p.inline-p {
    display: inline;
  }
  .confirmation__content .resubscribe form.button_to {
    display: inline;
  }
  .confirmation__content--blue {
    background: var(--blue-500);
    border: 0;
    color: #fff;
  }
  .confirmation__content--blue p a,
  .confirmation__content--blue button.linkbutton {
    color: #fff;
    opacity: 0.85;
    text-decoration: underline;
  }
  .confirmation__content--blue p a:hover,
  .confirmation__content--blue p a:focus,
  .confirmation__content--blue button.linkbutton:hover,
  .confirmation__content--blue button.linkbutton:focus {
    color: #fff;
    opacity: 1;
  }
  .confirmation__content--blue button.linkbutton {
    font-size: 18px;
    background: 0 0;
    border: none;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
  }
  @media all and (max-width: 600px) {
    .confirmation__content {
      border-radius: 0;
      padding: 15x;
    }
    .confirmation__content h2 {
      font-size: 26px;
    }
  }
  .confirmation__content form h4 {
    margin-bottom: 20px;
  }
  .confirmation__content form .subtitle {
    margin-left: 30px;
    display: block;
  }
  .confirmation__content form .subtitle:not(:last-of-type) {
    margin-bottom: 20px;
  }
  .confirmation__content form .hidden-btn {
    opacity: 0;
    pointer-events: none;
  }
  .confirmation__content form .hidden-btn[style="opacity: 1;"] {
    pointer-events: all !important;
  }
  .confirmation__cta {
    background: var(--gray-50);
    border: 1px solid var(--gray-100);
    border-radius: 5px;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    display: flex;
    align-items: center;
    margin-top: 30px;
    padding: 25px;
  }
  .confirmation__cta__poweredby {
    margin-right: 30px;
    text-align: center;
  }
  .confirmation__cta__poweredby span {
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    display: block;
    line-height: 10px;
    margin-bottom: 15px;
  }
  .confirmation__cta__poweredby img {
    width: 80px;
  }
  @media all and (min-width: 601px) {
    .confirmation__cta__content {
      flex: 1 0 auto;
    }
  }
  .confirmation__cta h4 {
    font-weight: 700;
    margin: 0;
    margin-bottom: 15px;
  }
  .confirmation__cta p {
    font-size: 13px;
    line-height: 1.5;
    margin-bottom: 0;
  }
  .confirmation__cta p a {
    color: #3276bf;
    font-weight: 700;
  }
  @media all and (max-width: 600px) {
    .confirmation__cta {
      border: 0;
      border-radius: 0;
      margin-top: 0;
    }
  }
  .confirmation__poweredby {
    padding-top: 25px;
    text-align: center;
    font-size: 12px;
  }
  .confirmation__poweredby,
  .confirmation__poweredby a {
    color: rgba(var(--gray-800-rgb), 0.75);
  }
  .confirmation__poweredby a {
    text-decoration: underline;
  }
  .confirmation__poweredby a:hover,
  .confirmation__poweredby a:focus {
    color: var(--gray-800);
  }
  .confirmation__form {
    margin-top: 10px;
  }
  .confirmation__form form {
    display: flex;
    flex-wrap: wrap;
  }
  .confirmation__form form .control-group {
    margin-top: 10px;
    width: 100%;
  }
  .confirmation__form form .control-group--half {
    width: calc(50% - 5px);
  }
  .confirmation__form form .control-group--half:nth-of-type(odd) {
    margin-left: 10px;
  }
  .confirmation__form form .control-group input[type="text"],
  .confirmation__form form .control-group input[type="email"] {
    width: 100%;
  }
  .content-box {
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    margin: 20px auto;
    overflow: hidden;
    padding: 20px;
  }
  .content-wrap {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
  }
  .content-wrap--sequence,
  .content-wrap--form {
    width: 100%;
  }
  .content-wrap--form {
    padding-bottom: 60px;
  }
  .content-wrap--sequence {
    padding: 20px 0 30px;
  }
  .content {
    background: #fff;
    display: flex;
    flex: 1 0 0;
    flex-direction: column;
    max-width: 100%;
    padding: 30px;
    position: relative;
  }
  .content--full {
    flex: none;
    max-width: 100%;
    width: 100%;
  }
  .content--no-pad {
    padding: 0;
  }
  .content--no-pad .ck-table th:first-of-type,
  .content--no-pad .ck-table td:first-of-type {
    padding-left: 30px;
  }
  .content--no-pad .ck-table th {
    border-color: var(--gray-200);
    background: var(--gray-50);
  }
  .content--tabs h1 {
    border-bottom: 1px solid var(--gray-100);
    font-size: 25px;
    font-weight: 500;
    margin-bottom: 20px;
    margin-top: 0;
    padding-bottom: 25px;
  }
  .content--tabs h4 {
    font-weight: 500;
  }
  .content--rules {
    flex-direction: row;
    overflow: visible;
  }
  .content--public {
    padding: 0;
    flex: none;
    max-width: none;
  }
  .content__header {
    border-bottom: 1px solid var(--gray-200);
    margin: 0 -40px 40px;
    padding: 0 40px 35px;
  }
  .create-form {
    border-bottom: solid 1px #dedede;
    padding: 30px 40px 25px;
    width: 480px;
    margin: 20px auto;
    background: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    overflow: hidden;
  }
  .create-form label {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 20px;
  }
  .create-form .field_with_errors {
    display: inline;
  }
  .create-form .field_with_errors input {
    border-color: var(--red-500);
  }
  .create-form .name_label {
    font-weight: 700;
    display: block;
  }
  .create-form .actions {
    width: 480px;
    margin: 30px 0 0 -40px;
    padding: 30px 40px 10px;
  }
  .create-form .actions .btn,
  .create-form .actions #buorgul,
  .create-form .actions #buorgig {
    margin-right: 0;
  }
  .create-form .prefilled_url {
    position: relative;
    margin-left: 21px;
    color: #666;
  }
  .create-form .prefilled_url .landing_page_url_label {
    position: absolute;
    top: 31px;
    left: 0;
    text-align: right;
    width: 208px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
    white-space: nowrap;
    padding-right: 5px;
  }
  .create-form .prefilled_url #landing_page_url_path {
    width: 170px;
    padding-left: 210px;
  }
  .create-form.landing_page #landing_page_name {
    font-size: 24px;
    width: 380px;
    height: 30px;
  }
  .create-form.landing_page #landing_page_url_path {
    width: 180px;
  }
  .create-form.landing_page .landing_page_url_label {
    display: inline;
    color: #888;
    text-shadow: 0 1px 0 #fff;
  }
  .create-form.course {
    margin: 0 auto;
    border-radius: 0;
    border: 1px solid var(--gray-200);
    border-top: 0;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
  }
  .creator_profiles .navbar,
  .creator_profiles .alert--account-review,
  .creator_profiles .checklist,
  .creator_profiles .page + div.text-gray-700 {
    display: none;
  }
  .credit-card-item {
    border: 1px solid var(--gray-200);
    border-radius: 5px;
    margin-top: 15px;
    padding: 15px;
    width: 230px;
  }
  .credit-card-item__row {
    width: 100%;
  }
  .credit-card-item__row:before,
  .credit-card-item__row:after {
    display: table;
    content: " ";
  }
  .credit-card-item__row:after {
    clear: both;
  }
  .credit-card-item__row:first-child {
    margin-bottom: 5px;
  }
  .credit-card-item img {
    float: left;
    user-drag: none;
    user-select: none;
  }
  .credit-card-item__number {
    float: right;
    font-size: 18px;
  }
  .credit-card-item__expiration {
    float: left;
  }
  .credit-card-item__expiration span {
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    opacity: 0.8;
  }
  .credit-card-item__expiration p {
    margin-bottom: 0;
  }
  .credit-card-item__change-card {
    float: right;
    padding-top: 20px;
  }
  .credit-card-item--none {
    border-style: dashed;
  }
  .credit-card-item--none .credit-card-item__number,
  .credit-card-item--none .credit-card-item__change-card {
    float: none;
  }
  .creditcard {
    background: no-repeat right 10px top 16px;
    background-image: none;
    background-size: 30px;
    background-position-y: center;
    transition: background-image 400ms linear;
  }
  .creditcard.visa {
    background-image: url(/assets/cc-brands/visa-1bcf68cc27f7bc1343acdba8391341a7afdf6c4a3ade44684a4c9a8802d36f8c.png);
    transition: background-image 400ms linear;
  }
  .creditcard.mastercard {
    background-image: url(/assets/cc-brands/mastercard-a5c5c5eb757c5184fb14f44a5cafeb8a3e8559375f6b31a96ef07daaed8e1483.png);
    transition: background-image 400ms linear;
  }
  .creditcard.discover {
    background-image: url(/assets/cc-brands/discover-93d13c83c8a3a4a8fad5dfc1b67beb933fd29bc9d9791ba3549207a486c031eb.png);
    transition: background-image 400ms linear;
  }
  .creditcard.amex {
    background-image: url(/assets/cc-brands/american-express-f460a1fbb75e0b8f59fc6494f6cff3a4c8df4198cc4cbede725cdf0415fa6bf1.png);
    transition: background-image 400ms linear;
  }
  .creditcard.dinersclub {
    background-image: url(/assets/cc-brands/diners-club-ed26b8037b1995ba057d5ee2bdf55c3787314a55d08b093648d86385d7cc8281.png);
    transition: background-image 400ms linear;
  }
  .creditcard.jcb {
    background-image: url(/assets/cc-brands/jcb-fc7c1405595e33ea2fcd5e6b81785dfba0c184cd29a28ad7c3dee1645f54be39.png);
    transition: background-image 400ms linear;
  }
  .custom-field__option {
    float: right;
  }
  .custom-field__option a i {
    color: rgba(var(--gray-800-rgb), 0.75);
  }
  .custom-field__option a:hover i {
    color: var(--gray-800);
  }
  .edit-name-inline {
    display: flex;
    flex: 1 0 auto;
  }
  .edit-name-inline input[type="text"] {
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0;
    font-size: 17px;
    font-weight: 600;
    line-height: 16px;
    width: 100%;
    color: var(--gray-800);
  }
  .edit-name-inline h2 {
    margin: 0;
    cursor: pointer;
  }
  .edit-name-inline h2 span {
    max-width: calc(100% - 20px);
    display: inline-block;
  }
  .edit-name-inline h2 i {
    transition: all 150ms ease-out;
    padding-left: 5px;
    font-size: 13px;
    opacity: 0.4;
    z-index: 999;
    position: relative;
  }
  .edit-name-inline h2:hover i {
    transition: all 150ms ease-out;
    opacity: 0.8;
  }
  .email-preview-fields {
    display: none;
    background: #eee;
    border-top: solid #ddd 1px;
    border-bottom: solid #ddd 1px;
    width: 350px;
    padding: 25px 0 25px 25px;
    margin-left: -25px;
  }
  .email-preview-fields input {
    width: 175px;
  }
  .email-preview-fields .btn-flat {
    padding: 6px 10px;
    width: 112px;
    text-align: center;
  }
  .email-status {
    background: #c1c1c1;
    display: block;
    width: 12px;
    height: 12px;
    position: relative;
    left: 0;
    top: 4px;
    border-radius: 6px;
    cursor: pointer;
    margin-right: 5px;
    float: left;
  }
  .email-status:before {
    content: "";
    height: 12px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    display: block;
    width: 6px;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    background: var(--blue-500);
  }
  .email-status.delivered:before {
    border-radius: 6px;
    width: 12px;
  }
  .email-status.opened:before {
    display: block;
    width: 12px;
    border-radius: 6px;
    background: var(--green-500);
  }
  .email-status.clicked:before {
    width: 12px;
    border-radius: 6px;
    background: #c1c1c1;
  }
  .email-status.clicked:after {
    content: "";
    border: 2px solid #fff;
    box-shadow: 0 3px 2px inset var(--green-500);
    display: block;
    height: 8px;
    width: 8px;
    position: absolute;
    left: 2px;
    top: 2px;
    border-radius: 7px;
    z-index: 2;
  }
  .email-status.bounced,
  .email-status.dropped {
    background: var(--orange-500);
  }
  .email-status.bounced:before,
  .email-status.dropped:before {
    content: none;
  }
  .email-status.failed {
    background: var(--red-500);
  }
  .email-status.failed:before {
    content: none;
  }
  .outline-gray-100 {
    box-shadow: 0 0 0 1px #e6ebef;
  }
  .group:hover .group-hover\:outline-red-200 {
    box-shadow: 0 0 0 1px var(--red-500);
  }
  .group:focus .group-focus\:outline-red-200 {
    box-shadow: 0 0 0 1px var(--red-500);
  }
  [data-active-template="true"] a:before {
    box-sizing: border-box;
    box-shadow: 0 0 0 2px #fff inset;
    color: #fff;
    position: absolute;
    background: var(--green-500);
    border: 1px solid #e1e1e1;
    border-radius: 16px;
    display: block;
    left: -16px;
    line-height: 32px;
    top: 50%;
    font-size: 16px;
    margin-top: -16px;
    width: 32px;
    height: 32px;
    text-align: center;
    z-index: 100;
    opacity: 1;
    transform: scale(1) rotate(0deg);
    transition: all 0.3s;
    top: 12px;
    right: calc(50% - 97px);
    left: auto;
    margin-top: 0;
  }
  .email-layout-templates textarea.code {
    font-size: 13px;
    font-family:
      Menlo,
      Monaco,
      Consolas,
      courier new,
      monospace;
    padding: 20px;
    box-sizing: border-box;
    height: 700px;
    resize: vertical;
    width: 100%;
  }
  .email-layout-preview {
    height: 800px;
    overflow: hidden;
    width: 600px;
  }
  .email-layout-template-variables {
    background: #f5f5f5;
    border: 1px solid #e1e1e1;
    border-radius: 5px;
    padding: 14px 19px 4px;
  }
  .email-layout-template-variables code {
    color: #555;
    display: inline-block;
    margin-left: -5px;
  }
  .email-layout-template-variables dd {
    font-size: 13px;
    margin-bottom: 10px;
    margin-left: 0;
  }
  .email-preview {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
  }
  .email-preview__header {
    border-bottom: 1px solid #e1e1e1;
    color: #555;
    margin-bottom: 20px;
    padding-bottom: 15px;
    padding-top: 5px;
  }
  .email-preview__header label {
    color: #999;
  }
  .email-preview__iframe {
    border-width: 0;
    height: 400px;
    margin-bottom: 15px;
    position: relative;
    width: 100%;
  }
  .filter-button {
    display: flex;
    background: var(--gray-50);
    border-radius: 0.125rem;
    color: var(--gray-800);
    height: 40px;
    width: 40px;
    align-items: center;
    justify-content: center;
    border: 1px solid transparent;
  }
  .filter-button--active {
    border-color: var(--blue-500);
    color: var(--blue-500);
  }
  .filter-button:hover,
  .filter-button:focus {
    background: #e4ebee;
    color: var(--gray-800);
    text-decoration: none;
  }
  .filter-button:hover.filter-button--active,
  .filter-button:focus.filter-button--active {
    color: var(--blue-500);
  }
  .form-analytics {
    box-shadow: 0 1px 7px rgba(105, 113, 119, 0.15);
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 82px;
    padding: 20px;
    border-radius: 2px;
    margin-bottom: 20px;
    transition: ease 200ms box-shadow;
    cursor: pointer;
    flex-direction: column;
  }
  .form-analytics:hover,
  .form-analytics:focus {
    box-shadow: 0 1px 7px rgba(105, 113, 119, 0.25);
    transition: ease 200ms box-shadow;
  }
  .form-analytics img {
    transform-origin: left;
    max-width: 100%;
    width: 200px;
    will-change: transform;
    transition: transform 0.3s cubic-bezier(0.5, 0, 0.5, 1);
  }
  .form-analytics[data-integration="segment"] img {
    width: 175px;
  }
  .form-analytics__field {
    overflow: hidden;
    flex: 0;
    transition: flex 300ms ease;
  }
  .form-analytics__field a {
    text-decoration: underline;
  }
  .form-analytics[data-active="true"] {
    height: auto;
    align-items: flex-start;
  }
  .form-analytics[data-active="true"] img {
    transform: scale(0.6);
  }
  .form-analytics[data-active="true"] .form-analytics__field {
    margin-top: 20px;
    transition: flex 300ms ease-out;
    height: auto;
    flex: 1;
  }
  .form-item {
    background: rgba(var(--gray-200-rgb), 0.25);
    border: 1px solid var(--gray-200);
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    display: flex;
    flex-direction: column;
    margin: 30px 30px 0 0;
    overflow: hidden;
    width: calc(33.3333% - 20px);
  }
  .form-item:nth-child(3n) {
    margin-right: 0;
  }
  .form-item:hover,
  .form-item:focus {
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
    text-decoration: none;
  }
  @media all and (max-width: 991px) {
    .form-item {
      width: 100%;
      margin: 30px 0 0;
    }
  }
  .form-item__title {
    display: flex;
    align-items: center;
    padding: 20px 25px;
  }
  .form-item__title .icon {
    color: #08c;
    font-size: 32px;
    margin-right: 10px;
  }
  .form-item__title span {
    color: var(--gray-800);
    display: block;
    font-size: 20px;
    line-height: 24px;
  }
  .form-item__incentive {
    background: #fff;
    border-bottom: solid 1px;
    border-top: solid 1px;
    border-color: var(--gray-100);
    flex: 1;
    padding: 20px 25px;
  }
  @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .form-item__incentive {
      flex: none;
    }
  }
  .form-item__incentive--sequence {
    border-top: 0;
  }
  .form-item__incentive__title {
    display: block;
    color: #999;
    font-size: 11px;
    text-transform: uppercase;
  }
  .form-item__incentive__heading {
    color: #222;
    display: block;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    margin: 0;
  }
  .form-item__stats {
    display: flex;
    padding: 25px;
  }
  .form-item__stats span {
    display: block;
    flex: 1 0 auto;
  }
  .form-item__stats span strong {
    color: #555;
    display: block;
    font-size: 21px;
    font-weight: 400;
    letter-spacing: -1px;
  }
  .form-item__stats span .statsLabel {
    color: #999;
    font-size: 10px;
    text-transform: uppercase;
  }
  .form-item.deleting {
    position: relative;
  }
  .form-item.deleting::before {
    background: rgba(var(--gray-50-rgb), 0.6);
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 10;
  }
  .form-item.deleting::after {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(var(--gray-800-rgb), 0.4);
    border-radius: 3px;
    color: #555;
    content: "Deleting...";
    display: block;
    left: 50%;
    line-height: 40px;
    margin-left: -120px;
    margin-top: -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 240px;
    z-index: 11;
  }
  .form-item.deleting:hover {
    box-shadow: 0 1px 5px rgba(var(--gray-800-rgb), 0.25);
  }
  .form-choices {
    display: flex;
    padding: 0;
    padding-top: 30px;
    justify-content: center;
    max-width: 100%;
    margin: 0 auto;
  }
  @media all and (max-width: 767px) {
    .form-choices {
      flex-direction: column;
    }
  }
  .form-choices__item {
    transition: all 150ms ease-out;
    color: #5c5a53;
    text-align: left;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
  }
  .form-choices__item__button {
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    background: #0f86d5;
    color: #eee;
    display: block;
    height: 250px;
    text-align: center;
    width: 250px;
    border-radius: 6px;
    cursor: pointer;
  }
  .form-choices__item__button i {
    font-size: 46px;
    display: block;
    opacity: 0.8;
  }
  .form-choices__item__button h3 {
    margin-top: 30px;
    font-size: 24px;
    font-weight: 600;
  }
  .form-choices__item__button small {
    display: block;
    color: rgba(255, 255, 255, 0.7);
  }
  .form-choices__item__description {
    background: #fff;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border: 1px solid;
    border-top: 0;
    padding: 15px;
    flex: 1 0 auto;
  }
  .form-choices__item:hover {
    transition: all 150ms ease-out;
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
  }
  .form-choices__item:hover .form-choices__item_button {
    transition: all 150ms ease-out;
    color: #fff;
  }
  .form-step {
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 30px 0 400px;
  }
  .form-step h1 {
    font-size: 30px;
  }
  @media all and (max-width: 991px) {
    .form-step h1 {
      font-size: 26px;
    }
  }
  .form-step h1 small {
    display: block;
  }
  .form-step--lp-type .form-choices {
    width: 700px;
    list-style: none;
    padding-top: 30px;
  }
  .form-step--lp-type .form-choices__item {
    width: calc(50% - 15px);
  }
  @media all and (max-width: 767px) {
    .form-step--lp-type .form-choices__item {
      width: 100%;
      margin: 0;
      margin-bottom: 30px;
    }
  }
  .form-step--lp-type .form-choices__item:first-child {
    margin-right: 30px;
  }
  .form-step--lp-type .form-choices__item__button {
    background: var(--blue-800);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 30px;
    width: initial;
    height: initial;
    box-shadow: 0 0 0;
  }
  @media all and (max-width: 767px) {
    .form-step--lp-type .form-choices__item__button {
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .form-step--lp-type .form-choices__item__button .icon {
      font-size: 32px;
    }
    .form-step--lp-type .form-choices__item__button h3 {
      margin: 0;
      font-size: 20px;
      margin-left: 20px;
    }
  }
  .form-step--form-type .form-choices {
    width: 950px;
  }
  .form-step--form-type .form-choices__item {
    margin-right: 50px;
  }
  .form-step--form-type .form-choices__item__button {
    transition: all 150ms ease-out;
    opacity: 0.9;
    text-indent: -9999px;
  }
  .form-step--form-type .form-choices__item__button:hover {
    transition: all 150ms ease-out;
    opacity: 1;
  }
  .form-step--form-type .form-choices__item__button--minimal {
    background-image: url(/assets/landing_pages/form_style_minimal_medium-a9d74a52bf90450494e0e1e0db43837221f9a2a4d25290887bc5b6f4be112721.jpg);
  }
  .form-step--form-type .form-choices__item__button--full {
    background-image: url(/assets/landing_pages/form_style_full_medium-b910994466e14266e1e4eef0438f6868431a1e107480f858856ac9f24d05d0a8.jpg);
  }
  .form-step--form-type .form-choices__item__button--naked {
    background-image: url(/assets/landing_pages/form_style_naked_medium-968aeb9e84816fa3a5540781c998615bf9c7ff2361f0df94ac5bac397cd7bc41.jpg);
  }
  .form-step--lp-template .form-choices__item {
    margin-right: 30px !important;
  }
  @media all and (max-width: 767px) {
    .form-step--lp-template .form-choices__item {
      margin-right: auto !important;
    }
  }
  .form-step--lp-template .form-choices__item:last-child {
    margin-right: 0;
  }
  .form-step--lp-template .form-choices__item__button {
    transition: all 150ms ease-out;
    height: 249px;
    opacity: 0.9;
    text-indent: -9999px;
  }
  .form-step--lp-template .form-choices__item__button:hover {
    transition: all 150ms ease-out;
    opacity: 1;
  }
  .form-step--lp-template .form-choices__item__button--single {
    background-image: url(/assets/landing_pages/lp_style_single_column_medium-a4fd0587dd6704400412ded7a6e1dad9b6f96c310a9b6576dd2bc22bbbaf5ea9.jpg);
  }
  .form-step--lp-template .form-choices__item__button--sidebar {
    background-image: url(/assets/landing_pages/lp_style_sidebar_medium-1481712799332bdceef0637459b5ebb1a58be7514758c6c07ac4c2c99f78d38c.jpg);
  }
  .form-step--lp-template .form-choices__item__button--sliding {
    background-image: url(/assets/landing_pages/lp_style_sliding_medium-837f67e9984bf991f820715e03e9e999fd60fa7e11cf980e51168d3162d8b084.jpg);
  }
  .form-step--lp-template .form-choices__item__button--words {
    background-image: url(/assets/landing_pages/lp_style_words_medium-113bd0cdd475667490daa71536441e09ecb06f2ec49111e2d133e4bb4451481b.jpg);
  }
  .form-partners {
    padding-top: 40px;
  }
  .form-partners p {
    font-size: 16px;
    margin-bottom: 20px;
  }
  .form-partners__item {
    margin: auto;
    flex-direction: column;
    max-width: 380px;
    width: 100%;
    text-align: left;
    color: var(--gray-800);
  }
  .form-partners__item img {
    margin-bottom: 15px;
  }
  .form-partners__item:hover,
  .form-partners__item:focus {
    color: #2c3237;
    text-decoration: none;
  }
  .form-choices__item {
    opacity: 0;
  }
  .form-choices__item:first-child {
    transform: scale(0.2);
    animation: scaleUp 0.3s ease-in-out forwards;
  }
  .form-choices__item:nth-child(2) {
    animation: scaleUp2 0.4s ease-in-out forwards;
  }
  .form-choices__item:nth-child(3) {
    animation: scaleUp3 0.5s ease-in-out forwards;
  }
  .form-choices__item:nth-child(4) {
    animation: scaleUp4 0.6s ease-in-out forwards;
  }
  @keyframes scaleUp {
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes scaleUp2 {
    20% {
      -webkit-transform: scale(0.2);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes scaleUp3 {
    30% {
      -webkit-transform: scale(0.2);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  @keyframes scaleUp4 {
    40% {
      -webkit-transform: scale(0.2);
      opacity: 0;
    }
    100% {
      transform: scale(1);
      opacity: 1;
    }
  }
  .form-wrap {
    background: #fff;
    position: absolute;
    z-index: 2;
    padding: 40px;
    border: 1px solid var(--gray-200);
    border-top: 0;
    margin-bottom: 25px;
    width: 700px;
    max-width: 100%;
  }
  .form-wrap .btn.btn--primary.in-progress,
  .form-wrap .btn.in-progress.redactor-modal-action-btn,
  .form-wrap .in-progress.redactor-modal-action-btn#buorgig,
  .form-wrap .in-progress#buorgul,
  .form-wrap .btn--primary.in-progress#buorgig {
    position: relative;
  }
  .form-wrap .btn.btn--primary.in-progress:after,
  .form-wrap .btn.in-progress.redactor-modal-action-btn:after,
  .form-wrap .in-progress.redactor-modal-action-btn#buorgig:after,
  .form-wrap .in-progress#buorgul:after,
  .form-wrap .btn--primary.in-progress#buorgig:after {
    background: url(/assets/spinner-gray-light-med-b45f925c220183c61e5ac5b263746c0b71fd1fc79765b11d76d7e576b6c38851.gif)
      no-repeat center center;
    background-size: 100%;
    content: "";
    display: block;
    height: 20px;
    left: -28px;
    position: absolute;
    opacity: 1;
    top: 6px;
    width: 20px;
  }
  .form--lg .form-control {
    height: 52px;
    padding: 18px 16px;
    padding-top: 25px;
  }
  .form--lg select.form-control {
    appearance: none;
    margin-bottom: 0;
    padding: 15px 16px;
  }
  .ckb-form-actions {
    background: #fff;
    border-top: solid 1px #e1e1e1;
    clear: both;
    margin: 0 0 0 -39px;
    overflow: hidden;
    padding: 60px 40px 10px;
    width: 700px;
  }
  .ckb-form-actions__left-block {
    float: left;
  }
  .ckb-form-actions__right-block {
    float: right;
  }
  .gravatar {
    border-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    display: block;
    height: 72px;
    width: 72px;
  }
  .gravatar--xs {
    border-width: 0;
    height: 32px;
    width: 32px;
  }
  .gravatar--sm {
    border-width: 3px;
    height: 54px;
    width: 54px;
  }
  .gravatar--md {
    border-width: 3px;
    height: 90px;
    width: 90px;
  }
  .gravatar--lg {
    border-width: 10px;
    height: 250px;
    width: 250px;
  }
  .gravatar--blue {
    border-color: #fa2934;
  }
  .gravatar--account {
    border-radius: 3px;
    width: 22px !important;
    height: 22px !important;
    border: 0 !important;
  }
  ul.header_nav {
    float: right;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  ul.header_nav li a {
    display: block;
    float: left;
    font-weight: 700;
    font-size: 16px;
    color: #666;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    position: relative;
  }
  ul.header_nav li a:hover {
    color: #111;
  }
  ul.header_nav li a .icon {
    position: absolute;
    left: 3px;
  }
  .page_nav {
    float: none;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 60px;
  }
  .page_nav li {
    float: none;
  }
  .page_nav li a {
    padding: 20px;
    opacity: 0.8;
  }
  .page_nav li a:hover,
  .page_nav li a:focus {
    color: var(--gray-800);
    opacity: 0.9;
  }
  .page_nav li a .icon {
    font-size: 20px;
    top: 20px;
  }
  .page_nav li a.active,
  .page_nav li a:hover {
    color: var(--blue-500);
    opacity: 0.9;
  }
  .page_nav li:last-child a {
    padding-right: 0;
  }
  .page_nav #style_button {
    outline: 0;
    font-size: 24px;
    margin-left: -20px;
    padding-top: 18px;
    padding-bottom: 18px;
    height: 60px;
  }
  .page_nav #style_button .icon {
    left: 16px;
  }
  @media all and (max-width: 991px) {
    .page_nav {
      width: 100%;
      justify-content: space-around;
    }
    .page_nav li a {
      padding-right: 30px !important;
      display: flex;
      align-items: center;
    }
    .page_nav li a.active {
      border-bottom: 1px solid var(--blue-500);
    }
    .page_nav li a .icon {
      position: relative !important;
      top: initial !important;
      left: initial !important;
    }
    .page_nav li a span,
    .page_nav li a .beta-label {
      display: none;
    }
  }
  ul.steps_nav li a {
    color: var(--gray-700);
    display: flex;
    align-items: center;
    font-size: 14px;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
  }
  ul.steps_nav li a:hover {
    color: var(--gray-800);
  }
  ul.steps_nav li a.active {
    position: relative;
    color: var(--gray-800);
  }
  ul.steps_nav li a.active .number {
    background: var(--blue-500);
    color: #fff;
  }
  ul.steps_nav li a i {
    margin: 0 20px;
  }
  ul.steps_nav li a .number {
    display: inline-block;
    width: 22px;
    height: 22px;
    background: var(--gray-100);
    border-radius: 100%;
    color: var(--gray-700);
    font-weight: 600;
    line-height: 22px;
    margin-bottom: 0;
    margin-right: 10px;
    text-align: center;
    text-shadow: none;
  }
  ul.steps_nav li a .icon {
    position: absolute;
    left: 3px;
  }
  @media all and (max-width: 991px) {
    ul.steps_nav {
      display: flex;
      justify-content: space-between;
      align-items: center;
      width: 100%;
      height: 50px;
    }
    ul.steps_nav li,
    ul.steps_nav a {
      float: none;
    }
    ul.steps_nav a {
      padding-right: 0 !important;
    }
    ul.steps_nav a .number {
      display: none !important;
    }
    ul.steps_nav a:after {
      position: relative !important;
      left: 25px !important;
    }
  }
  .label {
    transition: all 150ms ease-out;
    background-color: none;
    border: 1px solid var(--gray-200);
    border-radius: 5px;
    color: var(--gray-200);
    cursor: default;
    font-size: 11px;
    font-weight: 400;
    line-height: 11px;
    padding: 3px 6px;
    user-select: none;
  }
  .label:hover {
    transition: all 150ms ease-out;
    background-color: var(--gray-200);
    color: var(--gray-800);
  }
  .label--green,
  .label--confirmed,
  .label--active,
  .label--role,
  .label--accepted {
    border-color: var(--green-500);
    color: var(--green-500);
  }
  .label--green:hover,
  .label--confirmed:hover,
  .label--active:hover,
  .label--role:hover,
  .label--accepted:hover {
    background-color: var(--green-500);
    color: #fff;
  }
  .label--orange,
  .label--pending,
  .label--sent {
    border-color: var(--orange-500);
    color: var(--orange-500);
  }
  .label--orange:hover,
  .label--pending:hover,
  .label--sent:hover {
    background-color: var(--orange-500);
    color: #fff;
  }
  .label--primary {
    border-color: var(--blue-500);
    color: var(--blue-500);
  }
  .label--primary:hover {
    background-color: var(--blue-500);
    color: #fff;
  }
  .label--gray {
    background-color: var(--gray-200);
    border-color: var(--gray-200);
    color: #999;
    display: inline-block;
    margin-top: 3px;
    cursor: pointer;
  }
  .label--gray:hover {
    color: #999;
  }
  .label--purple {
    border-color: var(--blue-500);
    color: var(--blue-500);
  }
  .label--purple:hover {
    background-color: #fff;
    color: var(--blue-500);
  }
  .label--unconfirmed,
  .label--cancelled,
  .label--completed {
    border-color: var(--gray-200);
    color: #999;
  }
  .label--unconfirmed:hover,
  .label--cancelled:hover,
  .label--completed:hover {
    color: #999;
    background-color: transparent;
  }
  .basic-link {
    color: inherit;
    text-decoration: underline;
  }
  .basic-link--soft {
    transition: all 150ms ease-out;
    opacity: 0.6;
  }
  .basic-link--soft:hover,
  .basic-link--soft:focus {
    transition: all 150ms ease-out;
    color: initial;
    opacity: 1;
  }
  .loading-text-placeholder {
    background: #fff;
    height: 10px;
    min-width: 135px;
    display: inline-block;
  }
  location-edit,
  location-postal-edit,
  region-edit {
    min-width: 400px;
  }
  location-edit:before,
  location-edit:after,
  location-postal-edit:before,
  location-postal-edit:after,
  region-edit:before,
  region-edit:after {
    display: table;
    content: " ";
  }
  location-edit:after,
  location-postal-edit:after,
  region-edit:after {
    clear: both;
  }
  location-edit .validation-error,
  location-postal-edit .validation-error,
  region-edit .validation-error {
    top: 5px !important;
  }
  .location-edit__distance {
    width: 60px;
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    position: relative;
  }
  .location-edit__distance .validation-error {
    position: absolute;
    top: 40px;
    left: -65px;
    min-width: 190px;
    padding-left: 5px;
    padding-right: 5px;
  }
  .location-edit__city {
    float: left;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .location-edit__city .ui-select-toggle {
    cursor: text;
  }
  .location-edit__city .ui-select-toggle:hover,
  .location-edit__city .ui-select-toggle:focus {
    background-color: #fff;
  }
  .location-edit__city .ui-select-toggle > .caret {
    display: none;
  }
  .location-edit__label {
    float: left;
    line-height: 34px;
  }
  .map-background {
    width: 100%;
    height: 260px;
    margin-left: -25px;
    margin-top: -25px;
    position: absolute !important;
    top: 0;
  }
  .modal {
    z-index: 10005;
  }
  .modal-backdrop {
    z-index: 10000;
    background-color: #4d4d4d;
  }
  .modal-backdrop.in {
    opacity: 0.9;
  }
  .modal-header {
    padding: 25px;
  }
  .modal-header h3 {
    font-weight: 600;
    margin: 0;
  }
  .modal-header .close {
    font-size: 36px;
    font-weight: 300;
    margin-top: -5px;
  }
  .modal-body {
    padding: 25px;
  }
  .modal-footer {
    padding: 25px;
  }
  .modal-footer .btn--primary,
  .modal-footer .redactor-modal-action-btn,
  .modal-footer #buorgul {
    border-radius: 0 0 8px 0;
  }
  .modal--annual-plan .modal-footer {
    border: 0;
    padding-top: 10px;
  }
  .modal--annual-plan .modal-footer .btn--primary,
  .modal--annual-plan .modal-footer .redactor-modal-action-btn,
  .modal--annual-plan .modal-footer #buorgul {
    float: left;
  }
  .modal--modern .close {
    opacity: 0.8;
    float: none;
    position: absolute;
    top: 20px;
    right: 20px;
  }
  .modal--modern .close:focus {
    outline: none;
  }
  @media all and (max-width: 900px) {
    .modal--modern .close {
      top: 10px;
      right: 10px;
    }
    .modal--modern .close img {
      width: 20px;
    }
  }
  .modal--modern .modal-dialog {
    width: 800px;
    margin-top: 40px;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
  .modal--modern .modal-content {
    border: 0;
    box-shadow: 0 0 0;
  }
  .modal--modern .modal-header {
    border-bottom: 0;
    padding: 40px;
  }
  .modal--modern .modal-header .modal-title {
    font-weight: 700;
    font-size: 24px;
  }
  .modal--modern .modal-header p {
    color: #4e5961;
    font-size: 18px;
  }
  .modal--modern .modal-header p:first-of-type {
    margin-top: 10px;
  }
  .modal--modern .modal-header p:last-of-type {
    margin-bottom: -20px;
  }
  .modal--modern .modal-header__separator {
    margin-bottom: -90px;
    width: 40px;
  }
  .modal--modern .modal-body {
    padding: 40px;
  }
  .modal--modern .modal-body .wistia_responsive_wrapper {
    border: 1px solid var(--gray-100);
  }
  .modal--modern .modal-body p {
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 23px;
    color: #4e5961;
  }
  .modal--modern .modal-footer {
    padding: 40px;
    text-align: center !important;
  }
  .modal--modern .col-sm-6 {
    overflow: hidden;
  }
  .modal--modern .col-sm-6.grow {
    width: 100%;
    transition: all 400ms ease;
  }
  .modal--modern .col-sm-6.shrink {
    width: 0;
    height: 0;
    padding: 0;
    transition: all 400ms ease;
  }
  .modal--modern form label {
    display: block;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .modal--modern form input[type="text"] {
    font-size: 16px;
    padding: 15px;
    height: auto;
    width: 100%;
    box-shadow: 0 0 0;
  }
  .modal--modern form input[type="text"]::placeholder {
    color: var(--gray-200);
  }
  .modal--modern form input[type="submit"] {
    margin-top: 20px;
  }
  .modal--modern form em {
    display: block;
    margin-top: 10px;
  }
  .modal--modern .alert-warning {
    margin: 0;
  }
  .modal--sm .modal-dialog {
    width: 660px;
  }
  .modal--sm .modal-header {
    padding-bottom: 0;
  }
  .modal--sm .modal-header__separator {
    margin-bottom: -30px;
  }
  .modal--sm .modal-title {
    margin: 0 auto;
  }
  .modal--center .modal-header {
    text-align: center;
  }
  .modal--center .modal-body {
    text-align: center;
  }
  .modal form.modal-required-info {
    margin-top: 0;
  }
  .annual-plan-box {
    padding: 20px;
    background: #ecf0f5;
    border-radius: 4px;
    margin-top: 40px;
  }
  @media all and (min-width: 768px) {
    .annual-plan-box .row {
      display: flex;
      align-items: center;
    }
  }
  .annual-plan-box p {
    font-size: 14px !important;
    margin-bottom: 0 !important;
  }
  .annual-plan-box .btn,
  .annual-plan-box #buorgul,
  .annual-plan-box #buorgig {
    width: 100%;
    padding: 12px;
  }
  @media all and (max-width: 767px) {
    .annual-plan-box .btn,
    .annual-plan-box #buorgul,
    .annual-plan-box #buorgig {
      margin-top: 20px;
    }
  }
  .nav-tabs--simple {
    margin: -30px;
    margin-bottom: 30px;
  }
  .nav-tabs--simple > li > a,
  .nav-tabs--simple > li > button {
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--gray-700);
    background-color: transparent;
    transition: none;
    border: 0;
    border-bottom: 1px solid transparent;
    padding: 15px;
  }
  .nav-tabs--simple > li > a:hover,
  .nav-tabs--simple > li > a:focus,
  .nav-tabs--simple > li > button:hover,
  .nav-tabs--simple > li > button:focus {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid transparent;
    color: var(--blue-500);
    transition: none;
  }
  .nav-tabs--simple > li.active > a,
  .nav-tabs--simple > li.active > a:focus,
  .nav-tabs--simple > li.active > a:hover,
  .nav-tabs--simple > li.active > button,
  .nav-tabs--simple > li.active > button:focus,
  .nav-tabs--simple > li.active > button:hover {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--blue-500);
    color: var(--blue-500);
  }
  .buorg {
    background: #fcf8e3 !important;
  }
  .buorg div {
    max-width: 1440px;
    margin: 0 auto;
    text-align: center;
  }
  .buorg div a {
    box-shadow: 0 0 0 !important;
  }
  #buorgig {
    background: #fff !important;
  }
  .page-header,
  .page_header {
    background-image: none;
    background: #fff;
    border-bottom: solid 1px var(--gray-200);
    margin: 0;
    height: 60px;
    padding: 0;
  }
  .page-header .container,
  .page_header .container,
  .page-header .page_header_content,
  .page_header .page_header_content {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }
  .page-header__title,
  .page-header__menu {
    width: 50vw;
  }
  .page-header__title {
    display: flex;
    align-items: center;
  }
  .page-header__title__back {
    display: flex;
  }
  .page-header__title__back i {
    transition: all 150ms ease-out;
    font-size: 17px;
    padding-right: 15px;
  }
  .page-header__title__back:hover,
  .page-header__title__back:focus {
    text-decoration: none;
  }
  .page-header__title__back:hover i,
  .page-header__title__back:focus i {
    transition: all 150ms ease-out;
    color: var(--gray-800);
  }
  .page-header__title h2 {
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
  }
  .page-header__title h2 i {
    transition: all 150ms ease-out;
    padding-left: 5px;
    font-size: 13px;
    opacity: 0.4;
  }
  .page-header__title h2:hover i {
    transition: all 150ms ease-out;
    opacity: 0.8;
  }
  .page-header__menu {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative;
  }
  .page-header__menu__active-subs {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #b0b0b0;
    margin-right: 25px;
    cursor: default;
  }
  .page-header__menu__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-right: 20px;
  }
  .page-header__menu__item i {
    transition: all 150ms ease-out;
    color: #b0b8be;
    font-size: 26px;
  }
  .page-header__menu__item.active i,
  .page-header__menu__item:active i,
  .page-header__menu__item:hover i,
  .page-header__menu__item:focus i {
    transition: all 150ms ease-out;
    color: var(--blue-500);
  }
  .page-header__menu .pulse-dot {
    pointer-events: none;
  }
  .page-header__menu .pulse-dot + .popover.bottom {
    margin-top: 24px;
  }
  .page-header__menu .pulse-dot + .popover.bottom .arrow {
    top: -11px !important;
    left: initial;
    right: 81px;
  }
  .page-header__menu .pulse-dot + .popover.bottom .btn,
  .page-header__menu .pulse-dot + .popover.bottom #buorgul,
  .page-header__menu .pulse-dot + .popover.bottom #buorgig {
    margin-top: 7px;
  }
  .page_header h2 {
    position: relative;
    overflow: hidden;
    white-space: nowrap;
    font-size: 17px;
    font-weight: 600;
    display: block;
    line-height: 60px;
    flex: 1 0 auto;
    margin: 0;
    margin-right: 20px;
  }
  .page_header h2:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 210px;
    height: 59px;
    pointer-events: none;
  }
  .page_header h2.no-fade:after {
    display: none;
  }
  .page_header .view_page_button {
    float: left;
    display: block;
    border-radius: 5px;
    box-shadow: 0 1px 0 #fff;
    border: solid #ccc 1px;
    color: #888;
    margin: 18px 20px 0;
    margin-left: 10px;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    position: relative;
    font-weight: 400 !important;
    text-transform: none !important;
    padding: 7px 15px 7px 45px !important;
  }
  .page_header .view_page_button:hover {
    color: #444;
  }
  .page_header .view_page_button .icon {
    position: absolute;
    left: 9px;
    font-size: 24px !important;
    top: 5px !important;
  }
  .page_header .header-save-btn,
  .page_header .save_button {
    margin: 0;
  }
  .page_header .view_page_button {
    margin: 0;
    margin-right: 40px;
  }
  .page_header--edit-rule h2 {
    width: 100%;
  }
  .page_header--automations {
    height: 67px;
  }
  .page_header--automations h2::before {
    width: 0;
  }
  @media all and (max-width: 991px) {
    .page_header h2 {
      display: none;
    }
    .page_header--edit-rule h2,
    .page_header--automations h2 {
      display: block;
      margin-right: 0;
    }
    body.campaign_steps .page_header,
    body.landing_pages-edit .page_header,
    body.landing_pages-settings .page_header,
    body.landing_pages-reports .page_header {
      height: 101px;
    }
    body.campaign_steps .page_header_content,
    body.landing_pages-edit .page_header_content,
    body.landing_pages-settings .page_header_content,
    body.landing_pages-reports .page_header_content {
      flex-wrap: wrap;
    }
    body.campaign_steps .page_header h2,
    body.campaign_steps .page_header input[type="text"],
    body.landing_pages-edit .page_header h2,
    body.landing_pages-edit .page_header input[type="text"],
    body.landing_pages-settings .page_header h2,
    body.landing_pages-settings .page_header input[type="text"],
    body.landing_pages-reports .page_header h2,
    body.landing_pages-reports .page_header input[type="text"] {
      display: block;
      height: 40px;
      line-height: 40px;
      font-size: 15px !important;
      border-bottom: 1px solid var(--gray-100);
      margin-left: -30px;
      margin-right: -30px;
      padding: 0 30px;
      width: calc(100% + 60px);
    }
    body.campaign_steps .page_header {
      height: 91px;
    }
  }
  div.pagination {
    margin: 20px 0;
  }
  .pagination {
    margin: 0;
  }
  .pagination span.disabled,
  .pagination span.btn--loading,
  .pagination span.disabled:hover,
  .pagination span.btn--loading:hover {
    background: #e7e7e7;
    color: #8c8c8c;
  }
  .progress-dots {
    display: flex;
    justify-content: space-between;
    width: 90px;
    margin: 0 auto;
  }
  .progress-dots__item {
    border-radius: 50%;
    background: #ebf1f3;
    width: 10px;
    height: 10px;
    transition: all 150ms ease-out;
  }
  .progress-dots__item--active {
    background: var(--blue-500);
    transition: all 150ms ease-out;
  }
  .pulse-dot {
    width: 12px;
    height: 12px;
    background: var(--green-500);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(var(--green-500-rgb), 0.7);
    margin-right: 8px;
    animation: pulse 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  }
  .pulse-dot--orange {
    background: var(--orange-500);
    box-shadow: 0 0 0 0 rgba(var(--orange-500-rgb), 0.7);
    animation: pulse-orange 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  }
  .pulse-dot--no-animation {
    animation: none;
  }
  @keyframes pulse {
    to {
      box-shadow: 0 0 0 6px transparent;
    }
  }
  @keyframes pulse-orange {
    to {
      box-shadow: 0 0 0 6px transparent;
    }
  }
  .purchase-info {
    background: #fff;
    padding: 20px 30px;
    display: flex;
  }
  @media all and (max-width: 991px) {
    .purchase-info {
      flex-wrap: wrap;
    }
  }
  @media all and (max-width: 991px) {
    .purchase-info__details {
      width: 100%;
      margin-top: 15px;
    }
  }
  .purchase {
    display: block;
    color: var(--gray-800);
    border: 0;
    padding: 20px 30px;
    padding-right: 70px;
    position: relative;
  }
  .purchase:hover,
  .purchase:focus {
    color: var(--gray-800);
    text-decoration: none;
  }
  .purchase__products {
    font-size: 16px;
    font-weight: 600;
    display: block;
  }
  .purchase__price {
    color: var(--blue-500);
    font-weight: 500;
    margin-right: 15px;
  }
  .purchase__date {
    font-size: 11px;
    font-style: italic;
    color: var(--gray-700);
  }
  .purchase__arrow {
    position: absolute;
    right: 30px;
    top: calc(50% - 11px);
    font-size: 20px;
    line-height: 20px;
    transform: rotate(0deg);
    transition: all 150ms ease-out;
  }
  .purchase[aria-expanded="true"] .purchase__arrow {
    transform: rotate(180deg);
    transition: all 150ms ease-out;
  }
  .radio input {
    float: none;
    margin-left: 0;
    margin-right: 8px;
  }
  .read-only-content {
    background-color: #efefef;
    margin: 0.5em;
    margin-right: 0.25em;
    padding: 1em;
    border-radius: 5px;
  }
  .recent-subs-wrapper {
    background: #fff;
    border-bottom: 1px solid var(--gray-200);
  }
  .recent-subs,
  .recent-subs__header {
    margin: 0 auto;
    position: relative;
    width: 100%;
  }
  .recent-subs__header {
    display: flex;
    padding: 20px 0;
    align-items: center;
  }
  .recent-subs__header:before,
  .recent-subs__header:after {
    display: table;
    content: " ";
  }
  .recent-subs__header:after {
    clear: both;
  }
  @media all and (max-width: 991px) {
    .recent-subs__header {
      flex-wrap: wrap;
    }
  }
  .recent-subs__header__stats {
    padding: 0;
    margin: 0;
  }
  .recent-subs__header__stats:before,
  .recent-subs__header__stats:after {
    display: table;
    content: " ";
  }
  .recent-subs__header__stats:after {
    clear: both;
  }
  .recent-subs__header__stats li {
    color: #aaa;
    float: left;
    font-size: 14px;
    list-style: none;
    padding-left: 25px;
    text-transform: uppercase;
  }
  .recent-subs__header__stats li:first-child {
    padding-left: 0;
  }
  .recent-subs__header__stats li .count {
    color: #555;
    display: block;
    font-size: 30px;
    font-weight: 400;
    line-height: 40px;
  }
  .recent-subs__header__stats li.custom-subscriber-stat {
    padding-left: 0;
  }
  @media all and (max-width: 991px) {
    .recent-subs__header__stats {
      display: flex;
      flex: 1 0 auto;
      padding: 15px 0;
    }
    .recent-subs__header__stats li {
      flex: 1 0 auto;
    }
  }
  .render-async {
    min-height: 100%;
    position: relative;
  }
  .render-async__spinner {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/assets/spinner-gray-light-med-b45f925c220183c61e5ac5b263746c0b71fd1fc79765b11d76d7e576b6c38851.gif)
      center center no-repeat;
  }
  .report-bar {
    cursor: default;
    display: flex;
    height: 5px;
    margin: 5px 0;
    overflow: hidden;
    position: relative;
    user-select: none;
    width: 80%;
  }
  .report-bar__percent {
    min-width: 0;
    overflow: hidden;
    position: relative;
  }
  .report-bar__percent--in-use {
    background: var(--blue-500);
    z-index: 2;
  }
  .report-bar__percent--available {
    background: var(--gray-200);
  }
  .report-stat {
    font-size: 38px;
    font-weight: 700;
  }
  .report-stat span {
    font-size: 15px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    display: block;
  }
  .report-stat--small {
    font-size: 28px;
    font-weight: 400;
  }
  .report-stat--small span {
    font-size: 12px;
  }
  .report-stat .pending-value {
    height: 17px;
    margin-top: -3px;
    width: auto;
  }
  .row--flex {
    display: flex;
    flex-wrap: wrap;
  }
  .row--flex::before,
  .row--flex::after {
    content: none;
  }
  .row--flex [class*="col-"] {
    display: flex;
  }
  .rule-events-wrapper {
    background: #fdfdfe;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top: 1px solid #e1e1e1;
    padding: 30px 40px;
  }
  .rule-events {
    background: #fff;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    padding: 20px 20px 0;
  }
  .rule-events h3 {
    border-bottom: 1px solid #e1e1e1;
    line-height: 1.2em;
    margin: 0 -20px;
    padding: 0 20px 20px;
  }
  .rule-events .rule-event-list {
    margin: 0;
    padding: 0;
  }
  .rule-events .rule-event-list .rule-event {
    border-bottom: 1px solid #e1e1e1;
    margin: 0 -20px;
    padding: 8px 20px;
  }
  .rule-events .rule-event-list .rule-event a {
    color: var(--gray-800);
    cursor: pointer;
    font-weight: 600;
  }
  .rule-events .rule-event-list .rule-event .time {
    color: #555;
    display: block;
    float: right;
    font-weight: 300;
    width: 120px;
  }
  .rule-events .rule-event-list .rule-event .description {
    display: block;
    margin: 0 140px 0 60px;
  }
  .rule-events .rule-event-list .rule-event.heading {
    font-weight: 500;
  }
  .rule-events .rule-event-list .rule-event.loading {
    color: #c1c1c1;
  }
  .rule-events .rule-event-list .rule-event.loading .description {
    position: relative;
  }
  .rule-events .rule-event-list .rule-event.loading .description:before {
    background: url(/assets/spinner-gray-light-med-b45f925c220183c61e5ac5b263746c0b71fd1fc79765b11d76d7e576b6c38851.gif)
      no-repeat center center;
    background-size: 100%;
    content: "";
    display: block;
    height: 16px;
    left: -22px;
    position: absolute;
    width: 16px;
    left: -43px;
    top: 1px;
  }

  .rss-digest-schedule {
    margin: 0 0 0 20px;
  }
  .schedule-form {
    font-size: 14px;
    line-height: 24px;
    overflow: hidden;
  }
  .schedule-form input,
  .schedule-form input.micro,
  .schedule-form select,
  .schedule-form select.micro,
  .schedule-form .btn,
  .schedule-form #buorgul,
  .schedule-form #buorgig,
  .schedule-form .btn.micro,
  .schedule-form .micro#buorgul,
  .schedule-form .micro#buorgig {
    box-sizing: border-box;
    font-size: 13px;
    height: 24px;
    line-height: 18px;
    min-width: inherit;
    padding: 3px;
    vertical-align: top;
    width: auto;
  }
  .schedule-form input[size="2"],
  .schedule-form input.micro[size="2"],
  .schedule-form select[size="2"],
  .schedule-form select.micro[size="2"],
  .schedule-form .btn[size="2"],
  .schedule-form [size="2"]#buorgul,
  .schedule-form [size="2"]#buorgig,
  .schedule-form .btn.micro[size="2"],
  .schedule-form .micro[size="2"]#buorgul,
  .schedule-form .micro[size="2"]#buorgig {
    width: 27px;
  }
  .schedule-form input[size="4"],
  .schedule-form input.micro[size="4"],
  .schedule-form select[size="4"],
  .schedule-form select.micro[size="4"],
  .schedule-form .btn[size="4"],
  .schedule-form [size="4"]#buorgul,
  .schedule-form [size="4"]#buorgig,
  .schedule-form .btn.micro[size="4"],
  .schedule-form .micro[size="4"]#buorgul,
  .schedule-form .micro[size="4"]#buorgig {
    width: 41px;
  }
  .schedule-form .btn,
  .schedule-form #buorgul,
  .schedule-form #buorgig {
    margin: 0 4px 0 0;
    padding: 3px 8px;
  }
  .schedule-form {
    height: 70px;
    opacity: 1;
    padding-top: 10px;
    transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s;
  }
  .select-wrap {
    position: relative;
    display: inline-block;
    max-width: 100%;
  }
  .select-wrap::before {
    content: "";
    top: calc(50% - 2.5px);
    right: 0.75rem;
    position: absolute;
    pointer-events: none;
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0;
    height: 0;
    width: 0;
  }
  .select-wrap select {
    max-width: 100%;
    line-height: 1.25rem;
    cursor: pointer;
    color: var(--gray-800);
    padding: 0.5rem 1.75rem 0.5rem 0.75rem;
  }
  .select-wrap select:focus {
    outline: none;
  }
  .send-time-box {
    border: 1px solid var(--gray-200);
    border-radius: 5px;
    margin-bottom: 10px;
    width: 482px;
  }
  .send-time-box__days {
    padding: 15px;
  }
  .send-time-box__days:before,
  .send-time-box__days:after {
    display: table;
    content: " ";
  }
  .send-time-box__days:after {
    clear: both;
  }
  .send-time-box__days .ck-checkbox {
    float: left;
    padding: 0;
    text-align: center;
    width: 14.2857142857%;
  }
  .send-time-box__days p {
    display: inline;
  }
  .send-time-box__hour {
    border-top: 1px solid var(--gray-200);
    padding: 15px;
  }
  .send-time-box__hour .form-group,
  .send-time-box__hour label,
  .send-time-box__hour select {
    margin-bottom: 0;
  }
  @media all and (max-width: 991px) {
    .send-time-box {
      width: 100%;
    }
  }
  .sequence-item {
    background: #fff;
    border: 1px solid var(--gray-200);
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    display: flex;
    flex-direction: column;
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 30px;
    text-decoration: none;
    width: calc(33.3333% - 20px);
  }
  .sequence-item:hover,
  .sequence-item:focus {
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
    text-decoration: none;
  }
  .sequence-item:nth-child(3n) {
    margin-right: 0;
  }
  @media all and (max-width: 991px) {
    .sequence-item {
      width: calc(50% - 15px);
    }
    .sequence-item:nth-child(3n) {
      margin-right: 30px;
    }
    .sequence-item:nth-child(2n) {
      margin-right: 0;
    }
  }
  @media all and (max-width: 767px) {
    .sequence-item {
      width: 100%;
      margin-right: 0;
    }
  }
  .sequence-item__title {
    color: var(--blue-500);
    display: block;
    font-size: 28px;
    font-weight: 500;
    padding-top: 2px;
    padding-left: 45px;
    position: relative;
    word-wrap: break-word;
  }
  .sequence-item__title::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%2348639c'%3E%3Cpath fill-rule='evenodd' d='M4.789 5.5A2.54 2.54 0 0 0 2.25 8.039v8.211A2.75 2.75 0 0 0 5 19h14a2.75 2.75 0 0 0 2.75-2.75V8.039A2.54 2.54 0 0 0 19.211 5.5H4.789zM3.75 16.25v-5.848l3.598 2.439-3.586 3.586a1.263 1.263 0 0 1-.012-.177zM5 17.5c-.06 0-.12-.004-.177-.012l3.79-3.79.708.48a4.777 4.777 0 0 0 5.359 0l.707-.48 3.79 3.79A1.258 1.258 0 0 1 19 17.5H5zm15.25-1.25c0 .06-.004.12-.012.177l-3.586-3.586 3.598-2.438v5.847zM3.75 8.039C3.75 7.465 4.215 7 4.789 7h14.422a1.04 1.04 0 0 1 .582 1.9l-5.955 4.036a3.277 3.277 0 0 1-3.675 0L4.206 8.9a1.04 1.04 0 0 1-.456-.86z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
    left: -2px;
    position: absolute;
    top: 4px;
  }
  .sequence-item .subtitle {
    display: block;
    padding-left: 45px;
  }
  .sequence-item__space {
    flex: 1;
  }
  .sequence-item__stats {
    border-top: 1px solid #fff;
    display: flex;
    justify-content: space-between;
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 25px 0 0;
  }
  .sequence-item__stat {
    float: left;
    margin-right: 10px;
    width: 75px;
  }
  .sequence-item__stat strong {
    color: #555;
    display: block;
    font-size: 26px;
    font-weight: 400;
  }
  .sequence-item__stat span {
    color: #999;
    font-size: 10px;
    text-transform: uppercase;
  }
  .settings-options {
    margin: 20px 0 30px;
  }
  .settings-options:before,
  .settings-options:after {
    display: table;
    content: " ";
  }
  .settings-options:after {
    clear: both;
  }
  .settings-options__item {
    cursor: pointer;
    float: left;
    height: 160px;
    margin-right: 25px;
    opacity: 0.8;
    overflow: hidden;
    position: relative;
    transition: 150ms ease opacity;
    width: 190px;
  }
  .settings-options__item::after {
    border: 1px #ccc solid;
    border-radius: 5px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: 150ms ease border;
  }
  .settings-options__item::after:hover {
    border-color: #444;
    transition: 150ms ease border;
  }
  .settings-options__item:hover {
    opacity: 1;
    transition: 150ms ease opacity;
  }
  .settings-options__item:last-child {
    margin-right: 0;
  }
  .settings-options__item.is-active {
    opacity: 1;
    transition: 150ms ease opacity;
  }
  .settings-options__item.is-active::after {
    border-color: #0f7dd1;
    border-width: 2px;
    transition: 150ms ease border;
  }
  .settings-options__item.is-active .settings-options__item__active-box {
    opacity: 1;
    transition: 150ms ease opacity;
  }
  .settings-options__item.is-active .settings-options__item__label {
    color: #0f7dd1;
  }
  .settings-options__item img {
    width: 100%;
  }
  .settings-options__item__active-box {
    background: #0f7dd1;
    border-radius: 0 6px 0 3px;
    color: #fff;
    height: 25px;
    line-height: 23px;
    opacity: 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transition: 150ms ease opacity;
    width: 25px;
  }
  .settings-options__item__active-box i {
    font-weight: 900;
  }
  .settings-options__item__label {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    background: #fff;
    background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.53) 22%,
      #fff 100%
    );
    line-height: 26px;
    margin-top: -26px;
    position: relative;
    text-align: center;
    transition: 150ms ease all;
  }
  .settings-option h4:first-child {
    margin-top: 0;
  }
  .settings-option p {
    margin-bottom: 15px;
  }
  .settings-option textarea,
  .settings-option textarea[readonly] {
    background: #fff;
    cursor: default;
    height: 400px;
    resize: vertical;
  }
  .settings-option .js_embed {
    background: #fff;
    cursor: default;
  }
  .shadow-box {
    margin: 30px 0;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    background: #fff;
    border-radius: 0.125rem;
  }
  .share-va-pending {
    width: 560px;
    max-width: 100%;
    margin: 40px auto;
    padding: 0 30px;
  }
  .share-va-pending h2 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 18px;
    margin-top: 0;
  }
  .share-va-pending p {
    font-size: 16px;
  }
  .share-va-pending .ck-progress-bar {
    margin-top: 30px;
    height: 20px;
    background: var(--gray-100);
    border: 0;
  }
  .share-va-pending .ck-progress-bar__percent {
    transition: flex-grow ease 250ms;
  }
  .share-va-pending .ck-progress-bar__percent--completed {
    background: var(--green-500);
  }
  .side-tab a {
    border-bottom: solid 1px var(--gray-200);
    color: #454545;
    display: block;
    padding: 20px 20px 20px 80px;
    position: relative;
    text-decoration: none;
  }
  .side-tab a .icon {
    color: #999;
    font-size: 28px;
    left: 35px;
    position: absolute;
    top: 25px;
  }
  .side-tab a strong {
    display: block;
  }
  .side-tab a .subtitle {
    color: #999;
    font-size: 12px;
  }
  @media all and (max-width: 991px) {
    .side-tab a {
      padding: 10px 0;
    }
  }
  .side-tab:first-child a {
    border-top: 0;
  }
  .side-tab.active a {
    background: #fff;
    border-right: 1px solid #fff;
    width: 300px;
  }
  .side-tab.active a strong {
    color: var(--blue-500);
  }
  .side-tab.active a .icon {
    color: var(--blue-500);
  }
  @media all and (max-width: 991px) {
    .side-tab.active a {
      width: 100%;
    }
  }
  .side-tab--sortable.gu-mirror {
    padding: 0;
  }
  .side-tab--sortable a {
    padding-left: 20px;
    padding-right: 40px;
    position: relative;
    width: 300px;
  }
  .side-tab--sortable a::before {
    color: #999;
    content: "\f0c9";
    font-family: FontAwesome;
    font-size: 16px;
    position: absolute;
    right: 20px;
    text-shadow: 0 1px 0 #fff;
    top: 30px;
  }
  .side-tab--sortable a .icon {
    position: relative;
    left: 0;
    top: 0;
    font-size: 14px;
    color: #999;
  }
  @media all and (max-width: 991px) {
    .side-tab--sortable a {
      width: 100%;
    }
  }
  .side-tab--sortable.active a .icon {
    color: inherit;
  }
  .side-tab--sortable a:hover::before {
    color: #666;
  }
  .side-tabs {
    margin-bottom: 20px;
  }
  @media all and (max-width: 991px) {
    .side-tabs {
      width: 100%;
    }
  }
  .side-tabs__item {
    border-bottom: 1px solid var(--gray-200);
    color: var(--gray-800);
    display: flex;
    padding: 10px 0;
  }
  .side-tabs__item:first-child {
    padding-bottom: 20px;
    padding-top: 0;
  }
  .side-tabs__item:first-child::before,
  .side-tabs__item:first-child::after {
    top: calc(50% - 20px);
  }
  .side-tabs__item:nth-child(2) {
    padding: 20px 0;
  }
  .side-tabs__item:last-child {
    border-bottom: 0;
  }
  .side-tabs__item--active {
    position: relative;
  }
  .side-tabs__item--active::before,
  .side-tabs__item--active::after {
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    content: "";
    left: -27px;
    position: absolute;
    top: calc(50% - 10px);
  }
  .side-tabs__item--active::before {
    border-left: 10px solid var(--gray-200);
    margin-left: 2px;
  }
  .side-tabs__item--active::after {
    border-left: 10px solid #fff;
    z-index: 1;
  }
  .sidebar {
    width: 350px;
    background: var(--gray-50);
    border-color: var(--gray-200);
    border-left: solid 1px #e1e1e1;
    min-height: 250px;
    padding: 25px;
  }
  @media all and (max-width: 991px) {
    .sidebar {
      width: 100% !important;
      border-left: 0;
      min-height: 0;
    }
  }
  .sidebar--sm {
    width: 310px;
  }
  .sidebar--left {
    border-left: 0;
    border-right: solid 1px #e1e1e1;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .sidebar--tabs {
    min-width: 300px;
    overflow: hidden;
    width: 300px;
  }
  .sidebar--tabs,
  .sidebar--tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
    padding-bottom: 20px;
  }
  .sidebar--tabs ul {
    padding-bottom: 0;
  }
  .sidebar--tabs .btn_container {
    padding: 20px;
  }
  @media all and (max-width: 991px) {
    .sidebar--tabs {
      border-right: 0;
      padding-bottom: 0;
    }
  }
  .sidebar--overflow {
    overflow: visible;
  }
  .sidebar--public {
    background: 0 0;
    padding: 0;
    border: 0;
    width: auto;
  }
  .sidebar-btn {
    margin: 10px 0;
  }
  .sidebar .control-group {
    color: #aaa;
  }
  .sidebar .control-group label {
    text-transform: uppercase;
  }
  .sidebar--index section {
    margin-bottom: 25px;
  }
  @media all and (max-width: 767px) {
    .sidebar--index section:last-of-type {
      margin-bottom: 0;
    }
  }
  .sidebar--index section h4 {
    color: var(--gray-800);
    font-size: 16px;
    margin: 0 0 5px;
  }
  .sidebar--index section h4 .icon {
    float: left;
    padding-right: 10px;
    text-align: center;
    width: 30px;
  }
  .sidebar--index section p.description {
    padding-left: 34px;
    font-style: italic;
    color: var(--gray-800);
  }
  .sidebar--index section ul {
    margin-left: -25px;
    margin-right: -25px;
  }
  .sidebar--index section ul li a {
    color: var(--gray-800);
    display: block;
    padding: 2px 0 2px 57px;
    border-width: 1px 0;
    border-style: solid;
    border-color: transparent;
  }
  .sidebar--index section ul li a:hover {
    text-decoration: none;
    color: var(--blue-500);
  }
  .sidebar--index section ul li a.new,
  .sidebar--index section ul li a.new:hover {
    text-decoration: underline;
  }
  .sidebar--index section ul li a small {
    color: #83898d;
    font-size: 0.75em;
    text-transform: uppercase;
    padding-left: 5px;
  }
  .sidebar--index section ul li a.active:not(.new),
  .sidebar--index section ul li a.active:not(.new):hover {
    color: var(--gray-800);
    border-color: var(--gray-200);
    background: #fdfdfe;
    box-shadow: 0 0 0;
  }
  .sidebar--index section.break {
    border-top: 1px solid var(--gray-200);
    margin-left: -25px;
    margin-right: -25px;
    padding: 25px 25px 0;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi {
    border: 1px solid #cfcfcf;
    border-radius: 0.125rem;
    color: #555;
    display: block;
    width: auto;
    vertical-align: top !important;
    margin: -1px 0 0;
    padding: 3px !important;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi.open[append-to-body="true"] {
    margin-top: 0;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    input.ui-select-search {
    border-width: 0;
    margin: 0;
    font-size: 14px;
    line-height: 18px;
    height: 28px;
    padding: 0 6px 1px;
    box-shadow: none;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    input.ui-select-search::placeholder {
    line-height: 20px;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item {
    background: #fff;
    border: 1px solid var(--gray-100);
    border-radius: 2px;
    color: #555;
    font-size: 14px;
    line-height: 16px;
    margin: 2px;
    padding: 3px;
    position: relative;
    text-align: left;
    top: 0;
    vertical-align: top;
    white-space: normal !important;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item:hover {
    border: 1px solid #e1e1e1;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item:hover
    span.close {
    opacity: 1 !important;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item:hover
    span.close:hover {
    color: var(--blue-500);
    opacity: 1 !important;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item:active {
    box-shadow: none;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item
    span.close {
    color: #c1c1c1;
    opacity: 1 !important;
    font-size: 16px !important;
    line-height: 12px !important;
    z-index: 10;
    text-shadow: none;
    margin-top: 0;
    order: 2;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item.btn--primary,
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item.redactor-modal-action-btn,
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item#buorgul {
    float: none;
    background-color: #fc888e;
    border-color: #fc888e;
    color: #fff;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item.btn--primary
    span.close,
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item.redactor-modal-action-btn
    span.close,
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item#buorgul
    span.close {
    color: #fff;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item.btn--primary
    span.close:hover,
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item.redactor-modal-action-btn
    span.close:hover,
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-match-item#buorgul
    span.close:hover {
    color: #fff;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-choices {
    border: 1px solid #cfcfcf;
    border-radius: 0.125rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    color: #555;
    font-size: 14px;
    margin-top: 0;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-choices
    .ui-select-choices-row
    a {
    color: #555;
    padding: 4px 18px 4px 5px;
    white-space: normal !important;
    line-height: 16px;
  }
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-choices
    .ui-select-choices-row:hover
    a,
  .ui-select-container.ui-select-multiple.ui-select-bootstrap.ck-select-multi
    .ui-select-choices
    .ui-select-choices-row.active
    a {
    background-color: #fc888e;
    color: #fff;
  }
  @keyframes shake {
    0% {
      transform: translate(0px, 0px);
    }
    20% {
      transform: translate(-4px, 0px);
    }
    40% {
      transform: translate(5px, 0px);
    }
    60% {
      transform: translate(-6px, 0px);
    }
    100% {
      transform: translate(0px, 0px);
    }
  }
  @keyframes andGrow {
    0% {
      height: 22px;
      margin-top: 22px;
      opacity: 0;
    }
    100% {
      height: 66px;
      margin-top: 0;
      opacity: 1;
    }
  }
  @keyframes andFadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .subtitle {
    font-family: Georgia, Times, serif;
    font-style: italic;
    color: #777;
  }
  .subtitle em {
    font-style: normal;
  }
  .subtitle--md {
    display: block;
    width: 70%;
  }
  .success-link {
    color: var(--gray-800);
    cursor: default;
    display: inline-block;
    margin-top: -5px;
    min-width: 87.5px;
  }
  .success-link:hover {
    color: var(--gray-800);
    text-decoration: none;
  }
  .success-link .animated-checkmark {
    margin-right: 6px;
  }
  .success-link span {
    animation: fadein 0.4s ease-in-out 0.4s forwards;
    opacity: 0;
  }
  @keyframes fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  .switch {
    width: 80px;
  }
  .switch input[type="checkbox"] {
    position: absolute;
    margin-left: -9999px;
    visibility: hidden;
  }
  .switch input[type="checkbox"] + label {
    display: block;
    position: relative;
    cursor: pointer;
    outline: none;
    user-select: none;
    margin: 0;
    padding: 2px;
    width: 100%;
    height: 30px;
    background-color: var(--gray-200);
    border-radius: 30px;
    transition: background 0.4s;
  }
  .switch input[type="checkbox"] + label::before,
  .switch input[type="checkbox"] + label::after {
    display: block;
    position: absolute;
    content: "";
  }
  .switch input[type="checkbox"] + label::before {
    top: 1px;
    left: 1px;
    bottom: 1px;
    right: 1px;
    background-color: #fff;
    border-radius: 30px;
    transition: background 0.4s;
  }
  .switch input[type="checkbox"] + label::after {
    top: 3px;
    left: 3px;
    bottom: 3px;
    width: 53px;
    background-color: var(--gray-200);
    border-radius: 46px;
    transition:
      margin 0.4s,
      background 0.4s;
    content: "paused";
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 22px;
    color: #fff;
  }
  .switch input[type="checkbox"]:checked + label {
    background-color: var(--green-500);
  }
  .switch input[type="checkbox"]:checked + label::after {
    background-color: var(--green-500);
    margin-left: 21px;
    content: "live";
  }
  .switch--toggle {
    width: 146px;
    margin: 0 auto;
    margin-bottom: 15px;
  }
  .switch--toggle input[type="checkbox"] + label {
    height: 32px;
    background-color: var(--gray-50);
    transition: background 200ms;
  }
  .switch--toggle input[type="checkbox"] + label::before,
  .switch--toggle input[type="checkbox"] + label::after {
    transition: background 200ms;
    width: 70px;
  }
  .switch--toggle input[type="checkbox"] + label::before {
    background-color: transparent;
    content: "add";
    top: 4px;
    left: 4px;
    bottom: 4px;
    transition: background 200ms;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    text-align: center;
    line-height: 22px;
    color: var(--gray-800);
  }
  .switch--toggle input[type="checkbox"] + label::after {
    content: "remove" !important;
    background-color: var(--blue-500);
    color: #fff;
    margin-left: 70px;
    line-height: 24px;
  }
  .switch--toggle input[type="checkbox"]:checked + label {
    background-color: var(--gray-50);
  }
  .switch--toggle input[type="checkbox"]:checked + label::before {
    background-color: var(--blue-500);
    color: #fff;
  }
  .switch--toggle input[type="checkbox"]:checked + label::after {
    background-color: transparent;
    color: var(--gray-800);
    margin-left: 70px;
  }
  .switch--split-paths input[type="checkbox"] + label::before {
    content: "yes/no" !important;
    width: 60px;
  }
  .switch--split-paths input[type="checkbox"] + label::after {
    content: "split path" !important;
    width: 80px;
    margin-left: 60px;
  }
  .switch--split-paths input[type="checkbox"]:checked + label::after {
    margin-left: 60px;
  }
  .switch--no-labels {
    width: 50px;
  }
  .switch--no-labels input[type="checkbox"] + label {
    height: 26px;
  }
  .switch--no-labels input[type="checkbox"] + label::after,
  .switch--no-labels input[type="checkbox"]:checked + label::after {
    content: "";
  }
  .switch--no-labels input[type="checkbox"] + label::after {
    left: 4px;
    width: 20px;
  }
  .switch--no-labels input[type="checkbox"]:checked + label::after {
    margin-left: 22px;
  }
  .table--reports {
    margin-top: 40px;
  }
  .table--reports > thead tr {
    border-top: 1px solid var(--gray-200);
  }
  .table--reports > tbody > tr {
    border-bottom: 1px solid var(--gray-200);
  }
  .table--reports > tbody > tr > td {
    vertical-align: middle;
  }
  .table--reports th:first-child,
  .table--reports td:first-child {
    padding-left: 40px !important;
  }
  .table--reports th:last-child,
  .table--reports td:last-child {
    padding-right: 40px !important;
  }
  .table--reports .table-gravatar {
    margin-right: 10px;
    opacity: 0.85;
  }
  .table--reports a {
    transition: all 150ms ease-out;
    align-items: center;
    display: flex;
  }
  .table--reports a * {
    transition: all 150ms ease-out;
  }
  .table--reports a:hover,
  .table--reports a:focus {
    text-decoration: none;
  }
  .table--reports a:hover *,
  .table--reports a:focus * {
    transition: all 150ms ease-out;
  }
  .table--reports a:hover .first-name,
  .table--reports a:focus .first-name {
    color: var(--blue-500);
  }
  .table--reports a:hover .table-gravatar,
  .table--reports a:focus .table-gravatar {
    opacity: 1;
  }
  .testimonial-quote {
    background: url(/assets/icon-quote-marks-d000aa49c0f01c9dc652b3a6cb2d74d3cae32f318cabf7d7bc4f83c58f49d593.svg)
      no-repeat center top;
    padding-top: 40px;
    margin-top: 60px;
  }
  .testimonial-quote p {
    font-size: 20px;
    text-align: center;
  }
  .testimonial-quote .byline {
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
  }
  .testimonial-quote .byline .avatar {
    border-radius: 50%;
    margin-right: 15px;
  }
  .testimonial-quote .byline .site {
    font-size: 12px;
  }
  .testimonial-quote--light {
    color: #fff;
    margin-top: 0;
    background: url(/assets/icon-quote-marks--white-9472a12a20591e94d31c68241793e24f4ddfdc45fe3099a8d8ddc1bc32bf0b8f.svg)
      no-repeat center top;
  }
  .testimonial-quote--sm .byline .avatar {
    width: 38px;
    height: 38px;
  }
  .tooltip.top .tooltip-arrow {
    border-top-color: var(--gray-800);
  }
  .tooltip.left .tooltip-arrow {
    border-left-color: var(--gray-800);
  }
  .tooltip-inner {
    background-color: var(--gray-800);
    font-weight: 400;
    padding: 5px 8px;
    max-width: 310px;
  }
  .user-roles input[type="radio"] {
    display: none;
  }
  .user-roles__wrapper {
    width: 48%;
  }
  .user-roles__wrapper label {
    margin: 0 !important;
  }
  input[type="radio"]:checked + .user-roles__item {
    border-color: var(--green-500);
  }
  .wistia-popover {
    position: relative;
  }
  .wistia-popover__overlay {
    width: 100%;
    height: 100%;
    background: rgba(var(--blue-500-rgb), 0.75);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .wistia-popover__overlay__play {
    width: 60px;
    height: 60px;
    background: #fff;
    margin: 0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
  }
  .wistia-popover__overlay__play svg {
    width: 22px;
    margin-left: 5px;
  }
  .wistia-popover__overlay__play svg .st0 {
    fill: var(--blue-500);
  }
  .wistia-popover__overlay:hover .wistia-popover__overlay__play {
    transform: scale(1.1);
  }
  .wistia-popover__overlay:hover .wistia-popover__overlay__play svg {
    margin-left: 4px;
  }
  .wistia-popover .wistia_responsive_wrapper {
    border-radius: 8px;
    overflow: hidden;
  }
  .broadcast-email-template {
    border-bottom: solid 1px #ddd;
    padding: 20px 0 10px;
  }
  .broadcast-email-template .select-wrap,
  .broadcast-email-template .select-wrap select {
    width: 100%;
  }
  .rss-draft-email_template {
    padding: 0 0 10px;
  }
  .rss-draft-email_template .select-wrap,
  .rss-draft-email_template .select-wrap select {
    width: 100%;
  }
  .stats-loading {
    background: #f5f5f5;
    display: inline-block;
    width: 75px;
    height: 13px;
    vertical-align: baseline;
    position: relative;
    bottom: -1px;
  }
  .broadcast-list {
    border-bottom: solid 1px var(--gray-200);
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .broadcast-list li {
    border-top: solid 1px var(--gray-200);
    padding: 15px 30px;
    position: relative;
  }
  .broadcast-list li .broadcast-action {
    background: #fff;
    text-align: center;
    width: 120px;
    margin-right: 0;
    margin-left: 20px;
  }
  .broadcast-list li.parent {
    padding-bottom: 0;
  }
  .broadcast-list li .broadcast_stats a.cumulative:hover {
    text-decoration: none;
  }
  .broadcast-list li .broadcasts {
    padding-top: 15px;
    margin: 0 -20px;
  }
  .broadcast-list li .broadcasts .broadcast {
    background: #fafafa;
    border-top: 1px solid var(--gray-200);
    padding: 15px 20px 15px 30px;
  }
  .broadcast-list li .broadcasts .broadcast h3 {
    font-size: 16px;
  }
  .broadcast-list li .broadcasts .broadcast:last-child {
    padding-bottom: 15px;
  }
  .broadcast-list li:first-of-type {
    border-top-width: 0;
  }
  .forms-builder {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    height: 100%;
  }
  .forms-builder__header {
    border-bottom: 1px solid var(--gray-200);
    flex: 0 0 54px;
  }
  .forms-link {
    color: #7d7d7d;
    text-decoration: underline;
  }
  .copyable {
    border: 1px solid var(--gray-200);
    border-radius: 0.125rem;
    padding: 12px;
  }
  .copyable-text {
    font-size: 12px;
    margin-bottom: 12px;
  }
  .copyable-link {
    color: #7d7d7d;
    cursor: pointer;
    font-size: 10px;
    text-decoration: underline;
  }
  body.guards {
    height: auto;
    background-color: #fff;
  }
  body.guards .content_wrapper {
    min-height: 0;
  }
  .confirmation__content.guards .g-recaptcha {
    margin-top: 24px;
  }
  .forms-preview__form {
    position: relative;
    justify-content: center;
    align-items: center;
    height: 100%;
  }
  .forms-preview__form > .seva-page h1,
  .forms-preview__form > .seva-page h2,
  .forms-preview__form > .seva-page h3,
  .forms-preview__form > .seva-page h4,
  .forms-preview__form > .seva-page h5,
  .forms-preview__form > .seva-page h6 {
    margin: 0;
  }
  .forms-preview__form > .seva-form {
    justify-content: center;
    margin: 60px auto;
  }
  .forms-preview__form [data-format="modal"] {
    display: flex !important;
  }
  .forms-preview__form [data-format="slide in"] {
    display: flex !important;
  }
  .forms-preview__form input {
    box-shadow: none;
    height: auto;
  }
  .forms-preview__form div[data-style="full"] [data-element="submit"] {
    width: auto;
  }
  div[data-template="image"] .forms-preview__form {
    padding-top: 80px;
  }
  div[data-template="image"] .forms-preview__form form {
    max-width: 65% !important;
  }
  .forms-settings-modal__trigger {
    display: flex;
  }
  .forms-settings-modal__trigger > input {
    flex: 0 0 auto;
    margin: 2px 8px 0 0;
  }
  .forms-settings-modal__trigger > div input {
    width: 45px;
    margin: 0 4px;
  }
  .forms-settings-modal__trigger p {
    line-height: 1.2;
  }
  .forms-settings-modal__occurrence label {
    display: flex;
    align-items: center;
  }
  .forms-settings-modal__occurrence input {
    flex: 0 0 45px;
    width: 45px;
    margin: 0 4px;
  }
  .forms-settings-slide-in__trigger {
    display: flex;
  }
  .forms-settings-slide-in__trigger > input {
    flex: 0 0 auto;
    margin: 2px 8px 0 0;
  }
  .forms-settings-slide-in__trigger > div input {
    width: 45px;
    margin: 0 4px;
  }
  .forms-settings-slide-in__trigger p {
    line-height: 1.2;
  }
  .forms-settings-slide-in__occurrence label {
    display: flex;
    align-items: center;
  }
  .forms-settings-slide-in__occurrence input {
    flex: 0 0 45px;
    width: 45px;
    margin: 0 4px;
  }
  .forms-settings-sticky-bar__trigger {
    display: flex;
  }
  .forms-settings-sticky-bar__trigger > input {
    flex: 0 0 auto;
    margin: 2px 8px 0 0;
  }
  .forms-settings-sticky-bar__trigger > div input {
    width: 45px;
    margin: 0 4px;
  }
  .forms-settings-sticky-bar__trigger p {
    line-height: 1.2;
  }
  .forms-settings-sticky-bar__occurrence label {
    display: flex;
    align-items: center;
  }
  .forms-settings-sticky-bar__occurrence input {
    flex: 0 0 45px;
    width: 45px;
    margin: 0 4px;
  }
  .form-styles {
    display: flex;
    flex-wrap: wrap;
    margin: -4px;
  }
  .form-style {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    width: 40%;
    margin: 4px;
  }
  .form-style > span {
    line-height: 24px;
  }
  [data-toggle-display] [data-show] {
    max-height: 0;
    opacity: 1;
    overflow: hidden;
    transition: all 300ms ease-in-out;
  }
  [data-toggle-display] [data-hide] {
    max-height: var(--max-height, 144px);
    opacity: 1;
    overflow: hidden;
    transition: all 300ms ease-in-out;
  }
  [data-toggle-display] [data-toggle]:checked ~ [data-show] {
    max-height: var(--max-height, 144px);
    opacity: 1;
  }
  [data-toggle-display] [data-toggle]:checked ~ [data-hide] {
    max-height: 0;
    opacity: 0;
  }
  .close {
    font-size: 36px;
    font-weight: 300;
    margin-top: -5px;
  }
  .ui-select-bootstrap > .ui-select-choices {
    min-width: 100%;
    width: auto !important;
  }

  html {
    font-size: 16px;
  }
  html ul,
  html ol {
    padding-left: 40px;
  }
  html ul {
    list-style: disc;
  }
  html ol {
    list-style: decimal;
  }
}

@layer utilities {
  workflow-add-button {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: ease all 150ms;
  }
  workflow-add-button .Anchor {
    cursor: default;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  workflow-add-button .workflow-add-button {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
    width: 28px;
    height: 28px;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    position: relative;
    z-index: 3;
    pointer-events: none;
  }
  workflow-add-button .workflow-add-button-border {
    width: 40px;
    height: 40px;
    background: var(--gray-200);
    opacity: 0.2;
    border-radius: 50%;
    position: absolute;
    left: 0;
    z-index: 1;
    pointer-events: none;
  }
  workflow-add-button .workflow-form label {
    cursor: default;
  }
  workflow-add-button:not(.disabled)[data-opened="true"] .workflow-add-button,
  workflow-add-button:not(.disabled):hover:not([data-extendable="false"])
    .workflow-add-button,
  workflow-add-button:not(.disabled):focus:not([data-extendable="false"])
    .workflow-add-button {
    transform: scale(1.25);
    transition: ease all 150ms;
  }
  workflow-add-button:not(.disabled)[data-opened="true"] .plus-icon::before,
  workflow-add-button:not(.disabled)[data-opened="true"] .plus-icon::after,
  workflow-add-button:not(.disabled):hover:not([data-extendable="false"])
    .plus-icon::before,
  workflow-add-button:not(.disabled):hover:not([data-extendable="false"])
    .plus-icon::after,
  workflow-add-button:not(.disabled):focus:not([data-extendable="false"])
    .plus-icon::before,
  workflow-add-button:not(.disabled):focus:not([data-extendable="false"])
    .plus-icon::after {
    border-color: #797e86;
  }
  workflow-add-button[data-type="sibling"]:not(.disabled):not(:focus):not(
      :hover
    ):not([data-opened="true"]):not([data-extendable="false"])
    > .workflow-add-button {
    opacity: 0.7;
  }
  workflow-add-button[data-type="sibling"]::before {
    content: "";
    width: 30px;
    height: 2px;
    position: absolute;
    background: var(--gray-200);
    left: -20px;
    z-index: -1;
    margin-top: 1px;
    top: calc(50% - 1px);
  }
  workflow-add-button[data-type="sibling"]:hover:not(.disabled),
  workflow-add-button[data-type="sibling"]:focus:not(.disabled) {
    opacity: 1;
  }
  .plus-icon {
    position: relative;
    width: 10px;
    height: 10px;
  }
  .plus-icon::before,
  .plus-icon::after {
    background: #94989e;
    width: 1px;
    height: 100%;
    border: 1px solid #94989e;
    border-radius: 5px;
    display: block;
    content: "";
    margin-left: 4px;
  }
  .plus-icon::after {
    transform: rotate(90deg);
    margin-top: -100%;
  }
  .workflow-card {
    transition: all 150ms ease-out;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid var(--gray-200);
    margin-bottom: 30px;
    color: var(--gray-700);
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    cursor: pointer;
  }
  .workflow-card:hover,
  .workflow-card:focus {
    transition: all 150ms ease-out;
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
    text-decoration: none;
  }
  .workflow-card__header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    padding-top: 15px;
  }
  .workflow-card__header-left {
    overflow: hidden;
  }
  .workflow-card__title {
    font-weight: 600;
    font-size: 1.2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 8px;
    color: var(--gray-800);
  }
  .workflow-card__paused-label {
    font-size: 0.8em;
  }
  .workflow-card__sub-title-old {
    text-transform: uppercase;
    font-size: 0.8em;
    font-weight: 600;
    line-height: 1em;
    margin-top: 10px;
    display: flex;
    align-items: center;
  }
  .workflow-card__sub-title {
    text-transform: uppercase;
    margin-top: 10px;
    align-items: center;
  }
  .workflow-card__badge {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--green-500);
    border-radius: 50%;
    margin-right: 5px;
  }
  .workflow-card__badge.paused {
    background: var(--gray-200);
  }
  .workflow-card__content {
    height: 500px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-top: 1px solid var(--gray-200);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
  }
  .workflow-card__content::after {
    content: "";
    width: 100%;
    height: 150px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.69) 49%,
      rgba(255, 255, 255, 0.7) 50%,
      rgba(255, 255, 255, 0.84) 68%,
      #fff 88%
    );
  }
  .workflow-card__actions .dropdown-menu {
    padding: 0;
    left: auto;
    right: 0;
    border-color: var(--gray-200);
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
  }
  .workflow-card__actions .dropdown-item {
    display: flex;
    align-items: center;
    padding: 10px;
    border-bottom: 1px solid var(--gray-100);
    color: var(--gray-700);
    line-height: 1em;
  }
  .workflow-card__actions .dropdown-item:last-child {
    border-bottom: none;
  }
  .workflow-card__actions .dropdown-item:hover,
  .workflow-card__actions .dropdown-item:focus {
    text-decoration: none;
    background: #fbfcfc;
    color: var(--gray-800);
  }
  .workflow-card__actions .dropdown-item .icon {
    margin-right: 14px;
    font-size: 1.2em;
    vertical-align: middle;
    opacity: 0.7;
  }
  .workflow-card__actions .dropdown-toggle {
    display: block;
    text-decoration: none;
    color: var(--gray-700);
    white-space: nowrap;
    letter-spacing: 1px;
    line-height: 1em;
  }
  .workflow-card__actions .dropdown-toggle:hover,
  .workflow-card__actions .dropdown-toggle:focus {
    color: var(--gray-800);
  }
  .core-card .workflow-card__paused-label {
    float: right;
    margin-top: -0.55em;
    margin-right: -0.75em;
  }
  .table .workflow-card__subscribers {
    min-width: 12em;
  }
  .table .workflow-card__paused-label {
    position: absolute;
    right: 1em;
    top: -0.55em;
  }
  workflow-connection,
  workflow-event-connection {
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    transform-origin: top left;
  }
  workflow-connection svg,
  workflow-event-connection svg {
    display: block;
    overflow: visible;
  }
  workflow-connection path,
  workflow-event-connection path {
    stroke: var(--gray-200);
    fill: none;
    stroke-width: 1;
  }
  workflow-dismissable-message {
    display: block;
  }
  workflow-dismissable-message[data-dismissed="true"] {
    display: none;
  }
  workflow-preview-graph workflow-end,
  workflow-graph .workflow-end {
    position: relative;
    flex: 0 0 auto;
    align-self: flex-end;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: rgba(255, 255, 255, 0.8);
    background: var(--gray-700);
    cursor: default;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    padding: 20px;
    margin: auto;
    width: auto;
  }
  workflow-preview-graph workflow-end {
    display: block;
  }
  workflow-error-box {
    position: fixed !important;
    z-index: 3;
    animation: 3s error-fadein-fadeout;
    animation-fill-mode: forwards;
    transition: top 0.3s ease-in-out;
  }
  workflow-error-box .close {
    float: right;
    margin-right: 10px;
    font-size: 17px;
  }
  @keyframes error-fadein-fadeout {
    0% {
      top: -100%;
    }
    10% {
      top: -10px;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  workflow-create,
  .workflow-form {
    display: flex;
    flex-direction: column;
    border-radius: 4px;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
    width: 420px;
    background: #fff;
  }
  workflow-create .btn--primary,
  workflow-create .redactor-modal-action-btn,
  workflow-create #buorgul,
  .workflow-form .btn--primary,
  .workflow-form .redactor-modal-action-btn,
  .workflow-form #buorgul {
    display: block;
    width: auto;
    margin-right: 15px;
    border-radius: 0 0 8px 0;
  }
  workflow-create .btn--icon,
  .workflow-form .btn--icon {
    display: flex;
    margin-left: 5px;
  }
  workflow-create .btn--icon i,
  .workflow-form .btn--icon i {
    padding-right: 5px;
  }
  workflow-create .delete-entry,
  .workflow-form .delete-entry {
    display: flex;
  }
  workflow-create .delete-entry + .tooltip.top,
  .workflow-form .delete-entry + .tooltip.top {
    margin-top: 3px;
  }
  workflow-create .entry-label,
  .workflow-form .entry-label {
    display: none;
  }
  workflow-create header,
  .workflow-form header {
    display: flex;
    justify-content: space-between;
    padding: 20px;
  }
  workflow-create header > button,
  .workflow-form header > button {
    flex: 0 0 31.5%;
  }
  workflow-create header > button:not([data-selected]),
  .workflow-form header > button:not([data-selected]) {
    background-color: var(--gray-50);
  }
  workflow-create header > button:not([data-selected]):not([disabled]):hover,
  .workflow-form header > button:not([data-selected]):not([disabled]):hover {
    background-color: var(--gray-100);
  }
  workflow-create header > button[data-kind="event"] i,
  .workflow-form header > button[data-kind="event"] i {
    color: var(--orange-600);
  }
  workflow-create header > button[data-kind="action"] i,
  .workflow-form header > button[data-kind="action"] i {
    color: var(--green-600);
  }
  workflow-create header > button[data-kind="condition"] i,
  .workflow-form header > button[data-kind="condition"] i {
    color: var(--blue-700);
  }
  workflow-create header > button[data-selected],
  .workflow-form header > button[data-selected] {
    color: #fff;
    background-color: var(--orange-600);
  }
  workflow-create header > button[data-selected] i,
  workflow-create header > button[data-selected] svg,
  .workflow-form header > button[data-selected] i,
  .workflow-form header > button[data-selected] svg {
    color: #fff;
  }
  workflow-create header > button[data-selected][data-kind="event"],
  .workflow-form header > button[data-selected][data-kind="event"] {
    background-color: var(--orange-600);
  }
  workflow-create header > button[data-selected][data-kind="action"],
  .workflow-form header > button[data-selected][data-kind="action"] {
    background-color: var(--green-600);
  }
  workflow-create header > button[data-selected][data-kind="condition"],
  .workflow-form header > button[data-selected][data-kind="condition"] {
    background-color: var(--blue-700);
  }
  workflow-create header > button[disabled],
  .workflow-form header > button[disabled] {
    color: #888;
    cursor: not-allowed;
    opacity: 0.75;
  }
  workflow-create header > button[disabled] i,
  workflow-create header > button[disabled] svg,
  .workflow-form header > button[disabled] i,
  .workflow-form header > button[disabled] svg {
    color: #888;
  }
  workflow-create header > button > i,
  .workflow-form header > button > i {
    cursor: pointer;
  }
  workflow-create header > button > [class^="icon-"],
  .workflow-form header > button > [class^="icon-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    margin-bottom: 10px;
  }

  workflow-create section .select-wrap,
  .workflow-form section .select-wrap {
    width: 100%;
  }
  workflow-create section .select-wrap:nth-of-type(2),
  .workflow-form section .select-wrap:nth-of-type(2) {
    margin-left: 10px;
  }
  workflow-create section select,
  .workflow-form section select {
    font-weight: 400;
    width: 100%;
  }
  workflow-create section select:focus,
  .workflow-form section select:focus {
    outline: none;
  }
  workflow-create section workflow-forms-condition-has-custom-field select,
  .workflow-form section workflow-forms-condition-has-custom-field select {
    font-size: 14px;
  }
  workflow-create section [data-hidden="true"],
  .workflow-form section [data-hidden="true"] {
    display: none;
  }
  .workflow-form footer {
    display: flex;
  }
  .workflow-form footer button i.icon-trash {
    pointer-events: none;
  }
  .workflow-form form .resource-warning,
  .workflow-form form .numericality-warning {
    display: none;
  }
  .workflow-form form .numericality-warning.display-numericality-warning {
    display: block;
  }
  .workflow-form form[data-resource-changing="true"] .resource-warning {
    display: block;
  }
  .workflow-form form[data-resource-changing="false"] .resource-warning {
    display: none;
  }
  workflow-create[data-kinds="form tag custom-field purchase"] header > button {
    flex: 0 0 32.3333%;
    padding: 10px;
  }
  workflow-create[data-kinds="form tag custom-field purchase"]
    header
    > button[data-kind="form"]
    label,
  workflow-create[data-kinds="form tag custom-field purchase"]
    header
    > button[data-kind="tag"]
    label {
    max-width: 80%;
  }
  workflow-create[data-kinds="form tag custom-field purchase"] .entry-label {
    display: block;
  }
  .workflow-form[data-kinds="form tag custom-field purchase"].purchases header {
    flex-wrap: wrap;
    padding-bottom: 0.75rem;
  }
  .workflow-form[data-kinds="form tag custom-field purchase"].purchases
    header
    > button {
    margin-bottom: 2%;
    flex-direction: row;
    padding: 15px;
    flex: 0 0 49%;
  }
  workflow-forms-action-add-delay form > div.delay {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  workflow-forms-action-add-delay form > div.delay > label {
    margin: 0 auto 0 0;
    width: auto;
  }
  workflow-forms-action-add-delay form > div.delay > input {
    width: 50px;
    margin: 0 10px;
  }
  workflow-forms-action-add-delay form > div.delay > input,
  workflow-forms-action-add-delay form > div.delay > .select-wrap,
  workflow-forms-action-add-delay form > div.delay > .select-wrap select {
    width: 80px;
  }
  workflow-row[data-new="true"] workflow-create,
  workflow-row[data-new="true"] .workflow-form {
    background: #fff;
    border: 1px solid var(--gray-200);
  }
  workflow-error-message[data-hidden="true"] {
    display: none;
  }
  .create-inner ul,
  .va-popover-list ul.buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .create-inner ul li,
  .va-popover-list ul.buttons li {
    width: calc(50% - 5px);
    margin-bottom: 10px;
  }
  .create-inner ul li:last-child,
  .va-popover-list ul.buttons li:last-child {
    margin-bottom: 0;
  }
  .create-inner ul li button,
  .va-popover-list ul.buttons li button {
    display: flex;
    align-items: center;
    padding: 15px;
    background-color: var(--gray-50);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    transition: ease all 150ms;
    width: 100%;
  }
  .create-inner ul li button:hover,
  .create-inner ul li button:focus,
  .va-popover-list ul.buttons li button:hover,
  .va-popover-list ul.buttons li button:focus {
    background: var(--gray-100);
    text-decoration: none;
    transition: ease all 150ms;
  }
  .create-inner ul li button:focus,
  .va-popover-list ul.buttons li button:focus {
    outline: none;
  }
  .create-inner ul li button.step--disabled,
  .va-popover-list ul.buttons li button.step--disabled {
    pointer-events: none;
    opacity: 0.75;
  }
  workflow-forms-sub-kind-move-subscriber.create-inner ul li {
    width: 100%;
  }
  workflow-forms-sub-kind-move-subscriber.create-inner ul li button {
    flex-direction: column;
    align-items: flex-start;
  }
  workflow-forms-sub-kind-move-subscriber.create-inner ul li button b {
    margin-bottom: 5px;
  }
  workflow-panel-open {
    cursor: pointer;
    display: block;
    text-align: left;
    font-weight: 400;
    color: var(--gray-800);
  }
  workflow-panel-open:hover {
    text-decoration: underline;
  }
  .create-inner ul.list-unstyled li,
  .create-inner .sidebar--index section ul li,
  .sidebar--index section .create-inner ul li,
  .create-inner .broadcast-list li ul.broadcasts li,
  .broadcast-list li .create-inner ul.broadcasts li {
    width: 100%;
  }
  .step-detail .custom-field-form #customFieldMatch {
    display: none;
    width: 100%;
  }
  .step-detail
    .custom-field-form.custom-field-event-form
    input[name="node[value]"] {
    width: 100%;
  }
  .step-detail .date:not(.input-group) input[type="text"] {
    text-align: center;
    border: 0;
    border-radius: 0;
    box-shadow: 0 0;
    margin-bottom: 20px;
    cursor: default;
    pointer-events: none;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    ul
    li:first-child {
    border: 1px solid var(--gray-200);
    border-bottom: 0;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    .datepicker-days
    thead {
    border-bottom: 1px solid var(--gray-100);
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    .datepicker-days
    thead
    tr:nth-child(2) {
    border-top: 1px solid var(--gray-100);
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    .datepicker-days
    td.day {
    border-right: 1px solid var(--gray-100);
    border-bottom: 1px solid var(--gray-100);
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    table
    td,
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    table
    th {
    border-radius: 0;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    table
    td
    span:hover,
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    table
    th
    span:hover {
    background: 0 0;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    table
    td
    span:focus,
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    table
    th
    span:focus {
    outline: none;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    table
    td
    a:hover,
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    table
    th
    a:hover {
    background: #f6f6f6;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    .timepicker-picker
    td
    a {
    padding: 6px 0;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    .timepicker-picker
    td
    a
    span {
    height: 10px;
    line-height: 10px;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    .timepicker-picker
    tr:nth-child(2)
    td {
    height: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    .timepicker-picker
    tr:nth-child(2)
    td
    span {
    height: 32px !important;
    line-height: 32px !important;
  }
  .step-detail
    .date:not(.input-group)
    .bootstrap-datetimepicker-widget
    .timepicker-picker
    tr:nth-child(2)
    td
    button {
    margin: 0;
    background: var(--blue-500);
    border: 0;
    border-radius: 0;
  }
  workflow-forms-event-product-purchased .select-wrap:nth-of-type(2) {
    margin-left: 0 !important;
  }
  .step-detail .set-custom-field-value-form input[type="text"] {
    width: 100%;
  }
  #TagForm {
    max-width: 700px;
    width: 80%;
    min-width: 400px;
    margin: 15vh auto auto;
    padding: 40px 40px 20px;
    border: 1px solid var(--gray-200);
    background-color: #fff;
  }
  #TagForm h3 {
    margin-top: 0;
    font-weight: 200;
  }
  workflow-forms-condition-has-custom-field
    input[name="node[custom_field_value]"] {
    transition: opacity ease-in 0.15s;
    width: 100%;
  }
  workflow-forms-condition-has-custom-field
    input[name="node[custom_field_value]"][data-hidden="true"] {
    opacity: 0;
  }
  workflow-graph {
    font-size: 12px;
    font-weight: 400;
    padding: 20px 0 60px;
    transition: transform 0.3s ease-out;
    position: relative;
  }
  workflow-graph > div {
    display: flex;
    flex-direction: column;
    flex: 1 auto;
    width: 100%;
  }
  .workflow-invalid {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1 auto;
    margin: auto;
  }
  .workflow-invalid h3 {
    margin-top: 0;
    margin-bottom: 15px;
  }
  .workflow-invalid__options {
    margin-top: 20px;
  }
  workflow-node,
  workflow-preview-node {
    transition: none;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
    margin: 30px;
    margin-top: 25px;
  }
  workflow-node .btn-edit,
  workflow-preview-node .btn-edit {
    position: absolute;
    top: 8px;
    right: 8px;
    padding: 4px 5px;
    font-size: 12px;
    visibility: hidden;
    opacity: 0;
  }
  workflow-node .btn-edit i,
  workflow-preview-node .btn-edit i {
    font-size: 10px;
  }
  workflow-node .btn-note,
  workflow-preview-node .btn-note {
    top: 8px;
    left: 8px;
    height: 27px;
    visibility: hidden;
    opacity: 0;
  }
  workflow-node[data-kind="condition"],
  workflow-preview-node[data-kind="condition"] {
    margin-top: 37.5px;
    margin-bottom: 80px;
  }
  workflow-node[data-kind="condition"] label span,
  workflow-preview-node[data-kind="condition"] label span {
    color: var(--blue-700);
  }
  workflow-node[data-kind="condition"] + [data-kind="condition"],
  workflow-preview-node[data-kind="condition"] + [data-kind="condition"] {
    margin-left: 320px;
  }
  workflow-node[data-kind="action"] label span,
  workflow-preview-node[data-kind="action"] label span {
    color: var(--green-600);
  }
  workflow-node[data-type="custom-field-changed"] label span,
  workflow-preview-node[data-type="custom-field-changed"] label span {
    color: var(--orange-600);
  }
  workflow-node .node-label-container {
    width: 240px;
    padding: 8px 12px;
  }
  workflow-node span.node-label,
  workflow-preview-node span.node-label {
    color: var(--gray-800);
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    word-wrap: break-word;
    margin-bottom: 0;
  }
  workflow-node workflow-add-button,
  workflow-preview-node workflow-add-button {
    position: absolute;
    top: calc(100% + 20px);
  }
  workflow-node workflow-add-button[data-condition="yes"],
  workflow-preview-node workflow-add-button[data-condition="yes"] {
    left: -52px;
    top: calc(100% + 60px);
  }
  workflow-node workflow-add-button[data-condition="no"],
  workflow-preview-node workflow-add-button[data-condition="no"] {
    top: calc(100% + 60px);
    right: -52px;
  }
  workflow-node workflow-add-button[data-condition_path],
  workflow-preview-node workflow-add-button[data-condition_path] {
    top: calc(100% + 60px);
  }
  workflow-node
    workflow-add-button:not([data-condition]):not([data-condition_path]),
  workflow-preview-node
    workflow-add-button:not([data-condition]):not([data-condition_path]) {
    left: calc(50% - 20px);
  }
  workflow-node span[data-condition],
  workflow-preview-node span[data-condition] {
    position: absolute;
    top: calc(100% + 25px);
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid var(--gray-200);
    color: #b0b8be;
    background: #fff;
    cursor: default;
    white-space: nowrap;
  }
  workflow-node span[data-condition][data-condition="yes"],
  workflow-preview-node span[data-condition][data-condition="yes"] {
    left: 40px;
  }
  workflow-node span[data-condition][data-condition="no"],
  workflow-preview-node span[data-condition][data-condition="no"] {
    right: 40px;
  }
  workflow-node .tooltip.top,
  workflow-preview-node .tooltip.top {
    margin-top: -7px;
  }
  workflow-node .tooltip-inner,
  workflow-preview-node .tooltip-inner {
    max-width: 240px;
  }
  workflow-node:not([data-kind="action"])
    .workflow-node__stats__stat:first-child,
  workflow-preview-node:not([data-kind="action"])
    .workflow-node__stats__stat:first-child,
  workflow-node[data-type="exit-automation"] .workflow-stats__stat:first-child,
  workflow-preview-node[data-type="exit-automation"]
    .workflow-stats__stat:first-child,
  workflow-node[data-type="exit-other-automation"]
    .workflow-stats__stat:first-child,
  workflow-preview-node[data-type="exit-other-automation"]
    .workflow-stats__stat:first-child,
  workflow-node[data-type="cancel-subscriber"]
    .workflow-stats__stat:first-child,
  workflow-preview-node[data-type="cancel-subscriber"]
    .workflow-stats__stat:first-child {
    display: none;
  }
  workflow-node .badge,
  workflow-preview-node .badge {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-top: -25px;
  }
  workflow-node .badge i,
  workflow-preview-node .badge i {
    position: relative;
    top: 1px;
  }
  workflow-node[data-kind="event"] .badge,
  workflow-preview-node[data-kind="event"] .badge {
    background-color: var(--orange-600);
    border-radius: 8px;
  }
  workflow-node[data-kind="action"] .badge,
  workflow-preview-node[data-kind="action"] .badge {
    background-color: var(--green-600);
    border-radius: 50%;
  }
  workflow-node[data-kind="condition"] .badge,
  workflow-preview-node[data-kind="condition"] .badge {
    background-color: var(--blue-700);
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-bottom: 5px;
    border-radius: 8px;
    transform: rotate(45deg);
  }
  workflow-node[data-kind="condition"] .badge i,
  workflow-preview-node[data-kind="condition"] .badge i {
    transform: rotate(-45deg);
  }
  workflow-node[data-type="form"] .badge i::before,
  workflow-preview-node[data-type="form"] .badge i::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M4.8 6.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm3.27-.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm1.77.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z'/%3E%3Cpath fill-rule='evenodd' d='M4 2.25A2.75 2.75 0 0 0 1.25 5v14A2.75 2.75 0 0 0 4 21.75h5a.75.75 0 0 0 0-1.5H4c-.69 0-1.25-.56-1.25-1.25V8.75h18.5V11a.75.75 0 0 0 1.5 0V5A2.75 2.75 0 0 0 20 2.25H4zm17.25 5H2.75V5c0-.69.56-1.25 1.25-1.25h16c.69 0 1.25.56 1.25 1.25v2.25z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M20.65 12.62a1.75 1.75 0 0 0-2.47 0l-5.56 5.56a1.75 1.75 0 0 0-.52 1.23V22c0 .41.34.75.75.75h2.59c.46 0 .9-.18 1.24-.51l5.56-5.56a1.75 1.75 0 0 0 0-2.48l-1.59-1.58zm-1.41 1.06a.25.25 0 0 1 .35 0l1.59 1.58a.25.25 0 0 1 0 .36l-5.56 5.56a.25.25 0 0 1-.18.07H13.6v-1.84a.25.25 0 0 1 .08-.17l5.56-5.56z' clip-rule='evenodd'/%3E%3C/svg%3E");
    position: absolute;
    left: 3px;
    top: 5px;
    color: var(--blue-700);
  }
  workflow-node[data-kind="event"][data-type="subscriber-added"]
    .badge
    i::before,
  workflow-preview-node[data-kind="event"][data-type="subscriber-added"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M4.8 6.25a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5zm3.27-.75a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0zm1.77.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5z'/%3E%3Cpath fill-rule='evenodd' d='M4 2.25A2.75 2.75 0 0 0 1.25 5v14A2.75 2.75 0 0 0 4 21.75h5a.75.75 0 0 0 0-1.5H4c-.69 0-1.25-.56-1.25-1.25V8.75h18.5V11a.75.75 0 0 0 1.5 0V5A2.75 2.75 0 0 0 20 2.25H4zm17.25 5H2.75V5c0-.69.56-1.25 1.25-1.25h16c.69 0 1.25.56 1.25 1.25v2.25z' clip-rule='evenodd'/%3E%3Cpath fill-rule='evenodd' d='M20.65 12.62a1.75 1.75 0 0 0-2.47 0l-5.56 5.56a1.75 1.75 0 0 0-.52 1.23V22c0 .41.34.75.75.75h2.59c.46 0 .9-.18 1.24-.51l5.56-5.56a1.75 1.75 0 0 0 0-2.48l-1.59-1.58zm-1.41 1.06a.25.25 0 0 1 .35 0l1.59 1.58a.25.25 0 0 1 0 .36l-5.56 5.56a.25.25 0 0 1-.18.07H13.6v-1.84a.25.25 0 0 1 .08-.17l5.56-5.56z' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  workflow-node[data-kind="event"][data-type="tag-added"] .badge i::before,
  workflow-node[data-kind="action"][data-type="add-tag"] .badge i::before,
  workflow-preview-node[data-kind="event"][data-type="tag-added"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="add-tag"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M16.5 14.063a.75.75 0 0 1 .75.75v.937h.938a.75.75 0 0 1 0 1.5h-.938v.938a.75.75 0 0 1-1.5 0v-.938h-.937a.75.75 0 0 1 0-1.5h.937v-.937a.75.75 0 0 1 .75-.75zm-.96-5.483c.622 0 1.122-.503 1.124-1.122v-.003A1.125 1.125 0 1 0 15.54 8.58z'/%3E%3Cpath fill-rule='evenodd' d='M11.495 3.086a2.849 2.849 0 0 1 2.016-.836h4.385a2.852 2.852 0 0 1 2.854 2.852v4.385c0 .758-.302 1.482-.836 2.018l-.577.577a5.25 5.25 0 1 1-7.255 7.255l-.578.577a2.852 2.852 0 0 1-4.033 0L3.086 15.53a2.852 2.852 0 0 1 0-4.033l8.409-8.41zm6.346 9.911a3.745 3.745 0 0 0-1.339-.247c-2.018-.002-3.752 1.73-3.752 3.75a3.743 3.743 0 0 0 .248 1.343A3.752 3.752 0 0 0 20.25 16.5c0-1.598-1-2.963-2.409-3.503zm1.011-2.552-.985.985a5.26 5.26 0 0 0-1.363-.18c-2.848-.002-5.254 2.402-5.254 5.25 0 .473.063.931.18 1.367l-.986.987a1.352 1.352 0 0 1-1.913 0l-4.385-4.385a1.352 1.352 0 0 1 0-1.913l8.411-8.41c.252-.253.596-.396.954-.396h4.385c.75 0 1.354.606 1.354 1.352v4.385c0 .358-.142.702-.398.958z' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  workflow-node[data-kind="event"][data-type="tag-removed"] .badge i::before,
  workflow-node[data-kind="action"][data-type="remove-tag"] .badge i::before,
  workflow-preview-node[data-kind="event"][data-type="tag-removed"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="remove-tag"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22%23ffffff%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.15%2022.286c-.25%200-.5-.05-.75-.15-.25-.1-.475-.25-.675-.45l-7.15-7.15c-.2-.2-.346-.421-.438-.663a2.064%202.064%200%200%201%200-1.487c.092-.25.238-.475.438-.675l7.8-7.825c.183-.184.4-.33.65-.438a1.93%201.93%200%200%201%20.775-.162h7.175c.55%200%201.02.196%201.412.587.392.392.588.863.588%201.413v7.175c0%20.196-.027.385-.081.567a5.959%205.959%200%200%200-1.919-.663v-7.08h-7.15L4%2013.136l7.15%207.15.942-.945a5.96%205.96%200%200%200%20.775%202.054l-.292.292c-.2.2-.425.35-.675.45-.25.1-.5.15-.75.15Z%22%20%2F%3E%3Cpath%20d%3D%22M15.475%2010.286c.417%200%20.77-.146%201.063-.438.291-.291.437-.646.437-1.062%200-.417-.146-.771-.438-1.063a1.447%201.447%200%200%200-1.062-.437c-.417%200-.77.146-1.063.437a1.446%201.446%200%200%200-.437%201.063c0%20.416.146.77.438%201.062.291.292.645.438%201.062.438ZM14.287%2018.998c.192.192.43.288.713.288h6c.283%200%20.52-.096.712-.288a.967.967%200%200%200%20.288-.712.968.968%200%200%200-.288-.713.968.968%200%200%200-.712-.287h-6a.968.968%200%200%200-.713.287.968.968%200%200%200-.287.713c0%20.283.096.52.287.712Z%22%20%2F%3E%3C%2Fsvg%3E");
  }
  workflow-node[data-kind="event"][data-type="product-purchased"]
    .badge
    i::before,
  workflow-preview-node[data-kind="event"][data-type="product-purchased"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1639 7.958c-.0021.6187-.5022 1.1225-1.125 1.1225-.6213 0-1.125-.5037-1.125-1.125 0-.6214.5037-1.125 1.125-1.125.6214 0 1.125.5036 1.125 1.125v.0026ZM12.2054 11.7941l-.0088-.0088-.3352-.3353a.3978.3978 0 0 0-.5266-.0323.3978.3978 0 0 0-.0961.5187l.0008.0012.813 1.358a1.899 1.899 0 0 1-2.7955 2.4729.7504.7504 0 0 1-1.019-1.0377 1.9311 1.9311 0 0 1-.29-1.6053.75.75 0 1 1 1.4507.3819.4308.4308 0 0 0 .1085.4109l.262.262a.7334.7334 0 0 1 .05.05l.3214.3214a.399.399 0 0 0 .624-.4872l-.8113-1.3551a1.8979 1.8979 0 0 1 2.7887-2.4786.7504.7504 0 0 1 1.0204 1.0373 1.9277 1.9277 0 0 1 .2919 1.6057.75.75 0 0 1-1.4506-.3819.427.427 0 0 0-.1078-.4073l-.2817-.2817-.0088-.0088Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9947 3.5863a2.849 2.849 0 0 1 2.016-.8363h4.3851c1.5767 0 2.854 1.2763 2.854 2.852v4.385c0 .7579-.3018 1.482-.8361 2.0177l-8.4096 8.4096c-1.1139 1.1139-2.9198 1.1139-4.0337 0l-4.385-4.385c-1.1139-1.1139-1.1139-2.9197 0-4.0336l8.4093-8.4094Zm2.016.6637c-.3578 0-.7017.1428-.9539.3957l-8.4107 8.4106c-.5281.5281-.5281 1.3843 0 1.9124l4.385 4.385c.528.5281 1.3842.5281 1.9123 0l8.4083-8.4084a1.3561 1.3561 0 0 0 .3981-.9583V5.602c0-.7463-.6048-1.352-1.354-1.352h-4.3851Z' fill='%23ffffff'/%3E%3C/svg%3E");
  }
  workflow-node[data-kind="event"][data-type="product-refunded"]
    .badge
    i::before,
  workflow-preview-node[data-kind="event"][data-type="product-refunded"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1639 7.958c-.0021.6187-.5022 1.1225-1.125 1.1225-.6213 0-1.125-.5037-1.125-1.125 0-.6214.5037-1.125 1.125-1.125.6214 0 1.125.5036 1.125 1.125v.0026ZM12.2054 11.7941l-.0088-.0088-.3352-.3353a.3978.3978 0 0 0-.5266-.0323.3978.3978 0 0 0-.0961.5187l.0008.0012.813 1.358a1.899 1.899 0 0 1-2.7955 2.4729.7504.7504 0 0 1-1.019-1.0377 1.9311 1.9311 0 0 1-.29-1.6053.75.75 0 1 1 1.4507.3819.4308.4308 0 0 0 .1085.4109l.262.262a.7334.7334 0 0 1 .05.05l.3214.3214a.399.399 0 0 0 .624-.4872l-.8113-1.3551a1.8979 1.8979 0 0 1 2.7887-2.4786.7504.7504 0 0 1 1.0204 1.0373 1.9277 1.9277 0 0 1 .2919 1.6057.75.75 0 0 1-1.4506-.3819.427.427 0 0 0-.1078-.4073l-.2817-.2817-.0088-.0088Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9947 3.5863a2.849 2.849 0 0 1 2.016-.8363h4.3851c1.5767 0 2.854 1.2763 2.854 2.852v4.385c0 .7579-.3018 1.482-.8361 2.0177l-8.4096 8.4096c-1.1139 1.1139-2.9198 1.1139-4.0337 0l-4.385-4.385c-1.1139-1.1139-1.1139-2.9197 0-4.0336l8.4093-8.4094Zm2.016.6637c-.3578 0-.7017.1428-.9539.3957l-8.4107 8.4106c-.5281.5281-.5281 1.3843 0 1.9124l4.385 4.385c.528.5281 1.3842.5281 1.9123 0l8.4083-8.4084a1.3561 1.3561 0 0 0 .3981-.9583V5.602c0-.7463-.6048-1.352-1.354-1.352h-4.3851Z' fill='%23ffffff'/%3E%3C/svg%3E");
  }
  workflow-node[data-kind="event"][data-type="date-occurred"] .badge i::before,
  workflow-preview-node[data-kind="event"][data-type="date-occurred"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M8 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm6-5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm6-5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M8.75 2a.75.75 0 0 0-1.5 0v1.25H5A2.75 2.75 0 0 0 2.25 6v13A2.75 2.75 0 0 0 5 21.75h14A2.75 2.75 0 0 0 21.75 19V6A2.75 2.75 0 0 0 19 3.25h-2.25V2a.75.75 0 0 0-1.5 0v1.25h-6.5V2zm-1.5 2.75V6a.75.75 0 0 0 1.5 0V4.75h6.5V6a.75.75 0 0 0 1.5 0V4.75H19c.69 0 1.25.56 1.25 1.25v2.25H3.75V6c0-.69.56-1.25 1.25-1.25h2.25zm-3.5 5V19c0 .69.56 1.25 1.25 1.25h14c.69 0 1.25-.56 1.25-1.25V9.75H3.75z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
  }
  workflow-node[data-kind="action"][data-type="add-sequence"] .badge i::before,
  workflow-preview-node[data-kind="action"][data-type="add-sequence"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.28a.75.75 0 1 0 0 1.5h8a.75.75 0 0 0 0-1.5H8ZM6 5.28a.75.75 0 0 0 0 1.5h12a.75.75 0 0 0 0-1.5H6Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.79 8.28a2.54 2.54 0 0 0-2.54 2.54V19.04A2.75 2.75 0 0 0 5 21.78h14a2.75 2.75 0 0 0 2.75-2.75V10.82c0-1.4-1.14-2.54-2.54-2.54H4.8ZM3.75 19.03v-5.85l3.6 2.44-3.59 3.58-.01-.17ZM5 20.28l-.18-.01 3.8-3.8.7.49a4.78 4.78 0 0 0 5.36 0l.7-.48 3.8 3.79H5Zm15.25-1.25-.01.17-3.59-3.58 3.6-2.44v5.85Zm-16.5-8.21c0-.58.47-1.04 1.04-1.04H19.2a1.04 1.04 0 0 1 .58 1.9l-5.95 4.03a3.28 3.28 0 0 1-3.68 0l-5.95-4.03c-.29-.2-.46-.52-.46-.86Z' fill='%23ffffff'/%3E%3C/svg%3E");
  }
  workflow-node[data-kind="action"][data-type="add-sequence"][data-repeat-sequence="true"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="add-sequence"][data-repeat-sequence="true"]
    .badge
    i::before {
    margin-left: -10px;
  }
  workflow-node[data-kind="action"][data-type="add-sequence"][data-repeat-sequence="true"]
    .badge
    i:after,
  workflow-preview-node[data-kind="action"][data-type="add-sequence"][data-repeat-sequence="true"]
    .badge
    i:after {
    position: absolute;
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M13.03 2.97a.75.75 0 1 0-1.06 1.06l1.22 1.22H9A6.75 6.75 0 0 0 2.25 12a6.735 6.735 0 0 0 2.575 5.299.75.75 0 1 0 .93-1.178A5.235 5.235 0 0 1 3.75 12C3.75 9.1 6.1 6.75 9 6.75h4.19l-1.22 1.22a.75.75 0 0 0 1.06 1.06l2.5-2.5a.747.747 0 0 0 0-1.06l-2.5-2.5zm6.144 3.731a.75.75 0 1 0-.928 1.178A5.235 5.235 0 0 1 20.25 12c0 2.9-2.35 5.25-5.25 5.25h-4.19l1.22-1.22a.75.75 0 1 0-1.06-1.06l-2.5 2.5a.747.747 0 0 0 .002 1.062l2.498 2.498a.75.75 0 1 0 1.06-1.06l-1.22-1.22H15A6.75 6.75 0 0 0 21.75 12a6.735 6.735 0 0 0-2.576-5.299z'%3E%3C/path%3E%3C/svg%3E");
    margin-left: -14px;
    margin-top: -5px;
    padding: 2px;
    border-radius: 14px;
    background-color: var(--green-600);
    font-size: 14px;
  }
  workflow-node[data-kind="action"][data-type="add-delay"] .badge i::before,
  workflow-preview-node[data-kind="action"][data-type="add-delay"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.25 3a.75.75 0 0 1 .75-.75h4a.75.75 0 0 1 0 1.5h-4A.75.75 0 0 1 9.25 3ZM12.75 10a.75.75 0 0 0-1.5 0v4a.75.75 0 0 0 1.5 0v-4Z' fill='%23ffffff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.6951 8.3656 20 7.0606l.4697.4697a.75.75 0 0 0 1.0606-1.0607l-2-2a.75.75 0 0 0-1.0606 1.0607L18.9393 6l-1.3049 1.3049c-3.4378-2.8998-8.5831-2.7305-11.8216.508-3.417 3.417-3.417 8.9572 0 12.3743 3.4171 3.4171 8.9573 3.4171 12.3744 0 3.2384-3.2385 3.4077-8.3838.5079-11.8216Zm-11.8216.5079c2.8313-2.8313 7.4217-2.8313 10.253 0 2.8313 2.8313 2.8313 7.4217 0 10.253-2.8313 2.8313-7.4217 2.8313-10.253 0-2.8313-2.8313-2.8313-7.4217 0-10.253Z' fill='%23ffffff'/%3E%3C/svg%3E");
    position: relative;
    top: -1px;
  }
  workflow-node[data-kind="action"][data-type="delay-custom-field"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="delay-custom-field"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M8 13a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm6-5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2zm6-5a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm-1 5a1 1 0 1 0 0-2 1 1 0 0 0 0 2z'%3E%3C/path%3E%3Cpath fill-rule='evenodd' d='M8.75 2a.75.75 0 0 0-1.5 0v1.25H5A2.75 2.75 0 0 0 2.25 6v13A2.75 2.75 0 0 0 5 21.75h14A2.75 2.75 0 0 0 21.75 19V6A2.75 2.75 0 0 0 19 3.25h-2.25V2a.75.75 0 0 0-1.5 0v1.25h-6.5V2zm-1.5 2.75V6a.75.75 0 0 0 1.5 0V4.75h6.5V6a.75.75 0 0 0 1.5 0V4.75H19c.69 0 1.25.56 1.25 1.25v2.25H3.75V6c0-.69.56-1.25 1.25-1.25h2.25zm-3.5 5V19c0 .69.56 1.25 1.25 1.25h14c.69 0 1.25-.56 1.25-1.25V9.75H3.75z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
  }
  workflow-node[data-kind="action"][data-type="exit-automation"] .badge i,
  workflow-node[data-kind="action"][data-type="exit-other-automation"] .badge i,
  workflow-node[data-kind="action"][data-type="automation-added"] .badge i,
  workflow-node[data-kind="event"][data-type="automation-added"] .badge i,
  workflow-node[data-kind="action"][data-type="add-automation"] .badge i,
  workflow-preview-node[data-kind="action"][data-type="exit-automation"]
    .badge
    i,
  workflow-preview-node[data-kind="action"][data-type="exit-other-automation"]
    .badge
    i,
  workflow-preview-node[data-kind="action"][data-type="automation-added"]
    .badge
    i,
  workflow-preview-node[data-kind="event"][data-type="automation-added"]
    .badge
    i,
  workflow-preview-node[data-kind="action"][data-type="add-automation"]
    .badge
    i {
    margin-left: 3px;
  }
  workflow-node[data-kind="action"][data-type="exit-automation"]
    .badge
    i::before,
  workflow-node[data-kind="action"][data-type="exit-other-automation"]
    .badge
    i::before,
  workflow-node[data-kind="action"][data-type="automation-added"]
    .badge
    i::before,
  workflow-node[data-kind="event"][data-type="automation-added"]
    .badge
    i::before,
  workflow-node[data-kind="action"][data-type="add-automation"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="exit-automation"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="exit-other-automation"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="automation-added"]
    .badge
    i::before,
  workflow-preview-node[data-kind="event"][data-type="automation-added"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="add-automation"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M6.69 4.75c-.79 0-1.41.63-1.41 1.39v11.73c0 .76.63 1.38 1.41 1.38l4.17-.02a.75.75 0 0 1 0 1.5l-4.16.02a2.9 2.9 0 0 1-2.92-2.88V6.13a2.9 2.9 0 0 1 2.9-2.88H11a.75.75 0 0 1 0 1.5H6.69z'/%3E%3Cpath d='M9.11 12a.75.75 0 0 1 .75-.75h8.33l-2.72-2.72a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H9.86a.75.75 0 0 1-.75-.75z'/%3E%3C/svg%3E");
  }
  workflow-node[data-kind="action"][data-type="set-custom-field-value"]
    .badge
    i::before,
  workflow-node[data-kind="event"][data-type="custom-field-changed"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="set-custom-field-value"]
    .badge
    i::before,
  workflow-preview-node[data-kind="event"][data-type="custom-field-changed"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M5 3.25a.75.75 0 0 0 0 1.5h1c.69 0 1.25.56 1.25 1.25v1.25H4A1.75 1.75 0 0 0 2.25 9v6c0 .966.784 1.75 1.75 1.75h3.25V18c0 .69-.56 1.25-1.25 1.25H5a.75.75 0 0 0 0 1.5h1c.788 0 1.499-.331 2-.862.501.53 1.212.862 2 .862h1a.75.75 0 0 0 0-1.5h-1c-.69 0-1.25-.56-1.25-1.25v-1.25H20A1.75 1.75 0 0 0 21.75 15V9A1.75 1.75 0 0 0 20 7.25H8.75V6c0-.69.56-1.25 1.25-1.25h1a.75.75 0 0 0 0-1.5h-1c-.788 0-1.499.331-2 .862a2.742 2.742 0 0 0-2-.862H5zm-1 5.5h3.25v6.5H4a.25.25 0 0 1-.25-.25V9A.25.25 0 0 1 4 8.75zm4.75 0v6.5H20a.25.25 0 0 0 .25-.25V9a.25.25 0 0 0-.25-.25H8.75z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
  }
  workflow-node[data-kind="action"][data-type="cancel-subscriber"]
    .badge
    i::before,
  workflow-preview-node[data-kind="action"][data-type="cancel-subscriber"]
    .badge
    i::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M6.69 4.75c-.79 0-1.41.63-1.41 1.39v11.73c0 .76.63 1.38 1.41 1.38l4.17-.02a.75.75 0 0 1 0 1.5l-4.16.02a2.9 2.9 0 0 1-2.92-2.88V6.13a2.9 2.9 0 0 1 2.9-2.88H11a.75.75 0 0 1 0 1.5H6.69z'/%3E%3Cpath d='M9.11 12a.75.75 0 0 1 .75-.75h8.33l-2.72-2.72a.75.75 0 0 1 1.06-1.06l4 4a.75.75 0 0 1 0 1.06l-4 4a.75.75 0 1 1-1.06-1.06l2.72-2.72H9.86a.75.75 0 0 1-.75-.75z'/%3E%3C/svg%3E");
  }
  workflow-node[data-kind="condition"] .badge i::before,
  workflow-preview-node[data-kind="condition"] .badge i::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath fill-rule='evenodd' d='M12 2.25a.75.75 0 0 1 .75.75v1.25h4.43c.51 0 1 .22 1.32.6l1.32 1.5c.57.66.57 1.64 0 2.3l-1.32 1.5a1.75 1.75 0 0 1-1.31.6h-4.44v1.5h4.75c.96 0 1.75.78 1.75 1.75v3a1.75 1.75 0 0 1-1.75 1.75h-4.75V21a.75.75 0 0 1-1.5 0v-2.25H6.81a1.75 1.75 0 0 1-1.31-.6l-1.32-1.5a1.74 1.74 0 0 1 0-2.3l1.32-1.5c.33-.38.8-.6 1.31-.6h4.44v-1.5H6.5A1.75 1.75 0 0 1 4.75 9V6c0-.97.78-1.75 1.75-1.75h4.75V3a.75.75 0 0 1 .75-.75zm5.5 15a.25.25 0 0 0 .25-.25v-3a.25.25 0 0 0-.25-.25H6.8a.25.25 0 0 0-.18.09l-1.32 1.5a.24.24 0 0 0 0 .32l1.31 1.5a.25.25 0 0 0 .2.09H17.5zm-.32-8a.25.25 0 0 0 .2-.09l1.31-1.5a.24.24 0 0 0 0-.32l-1.32-1.5a.25.25 0 0 0-.19-.09H6.5a.25.25 0 0 0-.25.25v3c0 .14.11.25.25.25h10.69z' clip-rule='evenodd'/%3E%3C/svg%3E");
  }
  workflow-node .workflow-node.has-warning .badge i::before,
  workflow-preview-node .workflow-node.has-warning .badge i::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffffff'%3E%3Cpath d='M12 22.882q-.4 0-.762-.15a2.3 2.3 0 0 1-.663-.425L2.55 14.282q-.275-.3-.425-.662t-.15-.763.15-.775.425-.65l8.025-8.025q.3-.3.663-.437.361-.138.762-.138c.401 0 .525.046.775.138q.375.137.65.437l8.025 8.025q.3.275.438.65a2.23 2.23 0 0 1 0 1.538 1.9 1.9 0 0 1-.438.662l-8.025 8.025a1.9 1.9 0 0 1-.65.425q-.375.15-.775.15m0-2 8.025-8.025L12 4.832l-8.025 8.025zm0-7.025q.424 0 .713-.287a.97.97 0 0 0 .287-.713v-4a.97.97 0 0 0-.287-.712.97.97 0 0 0-.713-.288.97.97 0 0 0-.712.288.97.97 0 0 0-.288.712v4q0 .426.288.713a.97.97 0 0 0 .712.287m0 3q.424 0 .713-.287a.97.97 0 0 0 .287-.713.97.97 0 0 0-.287-.712.97.97 0 0 0-.713-.288.97.97 0 0 0-.712.288.97.97 0 0 0-.288.712q0 .425.288.713a.97.97 0 0 0 .712.287' /%3E%3C/svg%3E");
  }

  workflow-node::before,
  workflow-preview-node::before {
    transition: all 150ms ease-out;
    content: "";
    position: absolute;
    top: -25px;
    left: calc(50% - 25px);
    height: 50px;
    width: 50px;
    z-index: -1;
    border-radius: 8px;
    box-shadow: 0 1px 6px 0 rgba(210, 214, 220, 0.3);
  }
  workflow-node[data-kind="action"]::before,
  workflow-preview-node[data-kind="action"]::before {
    border-radius: 50%;
  }
  workflow-node[data-kind="condition"]::before,
  workflow-preview-node[data-kind="condition"]::before {
    width: 40px;
    height: 40px;
    transform: rotate(45deg);
  }
  workflow-node:not(.disabled):hover::before,
  workflow-node:not(.disabled):focus::before,
  workflow-preview-node:hover::before,
  workflow-preview-node:focus::before {
    transition: all 150ms ease-out;
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
  }
  workflow-node[data-root="true"][data-type="automation-added"]:hover::before,
  workflow-node[data-root="true"][data-type="automation-added"]:focus::before {
    transition: none;
    box-shadow: none;
  }
  workflow-node[data-root="true"][data-type="automation-added"] label {
    cursor: default;
  }
  workflow-node[data-root="true"][data-type="automation-added"] .badge {
    cursor: help;
  }
  workflow-node[data-root="true"][data-type="automation-added"]
    .workflow-node:hover {
    cursor: default;
    transition: none;
    box-shadow: none;
  }
  workflow-node[data-root="true"][data-type="automation-added"]
    .workflow-node:hover
    .btn-edit {
    transition: none;
    visibility: hidden;
    opacity: 0;
  }
  workflow-node[data-root="true"]
    workflow-forms-event-tag-added
    workflow-dismissable-message {
    display: none;
  }
  workflow-node[data-kind="event"] workflow-add-button[data-type="sibling"] {
    position: absolute;
    right: -60px;
    left: initial;
    top: 45px;
  }
  workflow-node[data-kind="event"]:not([data-root="true"]),
  workflow-preview-node[data-kind="event"]:not([data-root="true"]) {
    margin-top: 90px;
  }
  workflow-node[data-kind="event"]:not([data-root="true"]):only-of-type,
  workflow-preview-node[data-kind="event"]:not(
      [data-root="true"]
    ):only-of-type {
    margin-top: 45px;
  }
  workflow-node[data-unstarted="true"],
  workflow-preview-node[data-unstarted="true"] {
    margin-bottom: 120px;
  }
  workflow-node[data-unstarted="true"] workflow-add-button,
  workflow-preview-node[data-unstarted="true"] workflow-add-button {
    top: calc(100% + 10rem);
  }
  workflow-node[data-unstarted="true"][data-kind="condition"],
  workflow-preview-node[data-unstarted="true"][data-kind="condition"] {
    margin-bottom: 180px;
  }
  workflow-node[data-unstarted="true"][data-kind="condition"]
    span[data-condition],
  workflow-preview-node[data-unstarted="true"][data-kind="condition"]
    span[data-condition] {
    top: calc(100% + 120px);
  }
  workflow-node[data-unstarted="true"][data-kind="condition"]
    workflow-add-button,
  workflow-preview-node[data-unstarted="true"][data-kind="condition"]
    workflow-add-button {
    top: calc(100% + 16rem);
  }
  .workflow-node {
    transition: all 150ms ease-out;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1 0 auto;
    width: 240px;
    min-height: 100px;
    background-color: #fff;
    border-radius: 4px;
    border: 1px solid var(--gray-200);
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.3px;
    cursor: pointer;
  }
  .workflow-node.has-warning {
    border: 2px solid var(--red-600);
  }
  workflow-node:not(.disabled) .workflow-node:hover {
    transition: all 150ms ease-out;
    box-shadow: 0 2px 9px 0 rgba(210, 214, 220, 0.45);
  }
  workflow-node:not(.disabled) .workflow-node:hover .btn-edit {
    transition: all 150ms ease-out;
    visibility: visible;
    opacity: 1;
  }
  workflow-node:not(.disabled) .workflow-node:hover .btn-note {
    transition: all 150ms ease-out;
    visibility: visible;
    opacity: 1;
  }
  workflow-node:not(.disabled)
    .workflow-node:hover
    button[data-notes][data-note-body]:not([data-note-body=""]) {
    border-color: var(--gray-200);
  }
  workflow-node:not(.disabled) .workflow-node .btn-note.active {
    visibility: visible;
    opacity: 1;
  }
  .workflow-node button[data-notes] span.btn-note-indicator {
    height: 10px;
    width: 10px;
    margin-left: -7px;
    margin-top: 1px;
    border-radius: 10px;
    display: none;
    opacity: 0;
  }
  .workflow-node button[data-notes][data-note-body]:not([data-note-body=""]) {
    visibility: visible;
    opacity: 1;
    border-color: transparent;
  }
  .workflow-node
    button[data-notes][data-note-body]:not([data-note-body=""])
    span.btn-note-indicator {
    display: inline;
    opacity: 1;
  }
  .workflow-node
    button[data-notes][data-note-body]:not([data-note-body=""]):hover
    span.btn-note-indicator {
    display: none;
    opacity: 0;
  }
  .workflow-node
    button[data-notes][data-note-body]:not([data-note-body=""])
    span.btn-note-text:after {
    content: "edit notes";
  }
  .workflow-node button[data-notes] span.btn-note-text {
    display: none;
    opacity: 0;
  }
  .workflow-node button[data-notes] span.btn-note-text:after {
    content: "add notes";
  }
  .workflow-node button[data-notes]:hover span.btn-note-text {
    display: inline;
    opacity: 1;
  }
  .workflow-node button[data-notes].active {
    background-color: var(--gray-200);
  }
  .workflow-node button[data-notes].active span.btn-note-text {
    display: inline;
    opacity: 1;
  }
  .workflow-node
    button[data-notes].active[data-note-body]:not([data-note-body=""])
    span.btn-note-indicator {
    display: none;
    opacity: 0;
  }
  .ui-tooltip {
    background: rgba(0, 0, 0, 0.8);
    border: 0 !important;
    box-shadow: 0 0 0;
    color: #fff;
    text-align: center;
  }
  .ui-tooltip::before {
    z-index: -1;
    position: absolute;
    bottom: -10px;
    left: calc(50% - 10px);
    content: "";
    width: 0;
    height: 0;
    border-top: solid 10px rgba(0, 0, 0, 0.8);
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
  }
  workflow-unstarted-subscribers {
    background: darkgrey;
    border-radius: 4px;
    color: #fff;
    cursor: default;
    font-size: 14px;
    max-width: 240px;
    padding: 12px 20px;
    text-align: center;
    width: 100%;
    margin-top: 30px;
    cursor: pointer;
  }
  workflow-graph workflow-unstarted-subscribers {
    margin-top: 10px;
  }

  workflow-preview-node .workflow-node {
    min-height: 80px;
  }
  workflow-preview-node.new-template-preview .workflow-node {
    border: 1px solid var(--gray-200);
  }
  workflow-preview-node.new-template-preview .workflow-stats {
    background-color: var(--orange-50);
  }
  workflow-node[data-panel-open="true"][data-kind="action"] .workflow-node {
    border: 2px solid var(--green-600);
  }
  workflow-node[data-panel-open="true"][data-kind="event"] .workflow-node {
    border: 2px solid var(--orange-600);
  }
  workflow-node[data-condition-order="no-yes"]
    workflow-add-button[data-condition="yes"] {
    right: -52px;
    left: auto;
  }
  workflow-node[data-condition-order="no-yes"]
    workflow-add-button[data-condition="no"] {
    left: -52px;
    right: auto;
  }
  workflow-node[data-condition-order="no-yes"]
    span[data-condition][data-condition="yes"] {
    right: 40px;
    left: auto;
  }
  workflow-node[data-condition-order="no-yes"]
    span[data-condition][data-condition="no"] {
    left: 40px;
    right: auto;
  }
  workflow-node[data-popover-open="true"] {
    z-index: 1;
  }
  workflow-add-button[data-type="merge"] {
    position: absolute;
    top: -75px;
  }
  workflow-end workflow-add-button[data-type="merge"] {
    position: absolute;
    top: calc(-100% + 10px);
    left: calc(50% - 20px);
  }
  workflow-panel {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--gray-100);
    transition: width 0.3s ease-out;
  }
  workflow-panel .close-panel {
    width: calc(100vw - 300px);
    height: 0;
  }
  @media all and (min-width: 1500px) {
    workflow-panel .close-panel {
      width: 80vw;
    }
  }
  workflow-panel iframe {
    position: absolute;
    left: 0;
    top: -67px;
    bottom: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
  workflow-passthrough {
    position: relative;
    flex: 0 0 240px;
    min-height: 132px;
    margin: 30px;
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  workflow-passthrough .add-button-spacer {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(100% + 20px);
  }
  workflow-preview-row workflow-passthrough {
    min-height: 80px;
  }
  workflow-preview-graph {
    font-weight: 400;
    font-size: 12px;
    padding-top: 40px;
    transform-origin: left top;
    display: block;
  }
  workflow-preview-graph:not([data-new-template-preview]) {
    left: 50%;
  }
  workflow-preview-graph:not([data-new-template-preview])[data-width="1"] {
    transform: scale(0.9) translateX(-50%);
    padding-top: 10px;
  }
  workflow-preview-graph:not([data-new-template-preview])[data-width="2"] {
    transform: scale(0.5) translateX(-50%);
  }
  workflow-preview-graph:not([data-new-template-preview])[data-width="3"] {
    transform: scale(0.34) translateX(-50%);
  }
  workflow-preview-graph:not([data-new-template-preview])[data-width="4"] {
    transform: scale(0.25) translateX(-50%);
  }
  workflow-preview-graph:not([data-new-template-preview])[data-width="5"] {
    transform: scale(0.2) translateX(-50%);
  }
  workflow-preview-graph:not([data-new-template-preview])[data-width="6"] {
    transform: scale(0.19) translateX(-50%);
  }
  workflow-preview-graph:not([data-new-template-preview])[data-width="7"] {
    transform: scale(0.14) translateX(-50%);
  }
  workflow-preview-graph:not([data-new-template-preview])[data-width="8"],
  workflow-preview-graph:not([data-new-template-preview])[data-width="9"],
  workflow-preview-graph:not([data-new-template-preview])[data-width="10"],
  workflow-preview-graph:not(
      [data-new-template-preview]
    )[data-width-greater-than="10"] {
    transform: scale(0.1) translateX(-50%);
  }
  workflow-share-preview-dialog workflow-preview-graph {
    margin: 0 !important;
  }
  workflow-share-preview-dialog workflow-preview-graph[data-width="2"] {
    transform: scale(0.9) translateX(-50%);
  }
  workflow-share-preview-dialog workflow-preview-graph[data-width="3"] {
    transform: scale(0.9) translateX(-50%);
  }
  workflow-share-preview-dialog workflow-preview-graph[data-width="4"] {
    transform: scale(0.9) translateX(-50%);
  }
  workflow-share-preview-dialog workflow-preview-graph[data-width="5"] {
    transform: scale(0.8) translateX(-50%);
  }
  workflow-share-preview-dialog workflow-preview-graph[data-width="6"] {
    transform: scale(0.78) translateX(-50%);
  }
  workflow-share-preview-dialog workflow-preview-graph[data-width="7"] {
    transform: scale(0.6) translateX(-50%);
  }
  workflow-share-preview-dialog workflow-preview-graph[data-width="8"],
  workflow-share-preview-dialog workflow-preview-graph[data-width="9"],
  workflow-share-preview-dialog workflow-preview-graph[data-width="10"],
  workflow-share-preview-dialog
    workflow-preview-graph[data-width-greater-than="10"] {
    transform: scale(0.5) translateX(-50%);
  }
  workflow-library-overlay workflow-preview-graph[data-width="1"] {
    transform: scale(0.45) translateX(-50%);
  }
  workflow-library-overlay workflow-preview-graph[data-width="2"] {
    transform: scale(0.32) translateX(-50%);
  }
  workflow-library-overlay workflow-preview-graph[data-width="3"] {
    transform: scale(0.22) translateX(-50%);
  }
  workflow-library-overlay workflow-preview-graph[data-width="4"] {
    transform: scale(0.16) translateX(-50%);
  }
  workflow-library-overlay workflow-preview-graph[data-width="5"] {
    transform: scale(0.13) translateX(-50%);
  }
  workflow-library-overlay workflow-preview-graph[data-width="6"],
  workflow-library-overlay workflow-preview-graph[data-width="7"],
  workflow-library-overlay workflow-preview-graph[data-width="8"],
  workflow-library-overlay workflow-preview-graph[data-width="9"],
  workflow-library-overlay workflow-preview-graph[data-width="10"],
  workflow-library-overlay
    workflow-preview-graph[data-width-greater-than="10"] {
    transform: scale(0.1) translateX(-50%);
  }
  workflow-preview-node {
    transition: none;
  }
  workflow-preview-node .workflow-node:hover {
    box-shadow: none;
  }
  workflow-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 20px 0 35px;
    min-height: 227px;
  }
  workflow-row[data-multiple-condition-targets="true"]
    workflow-add-button[data-condition="yes"] {
    left: -190px;
  }
  workflow-row[data-multiple-condition-targets="true"]
    workflow-add-button[data-condition="no"] {
    right: -190px;
  }
  workflow-row div.Container {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    width: 100%;
    justify-content: center;
  }
  workflow-row > workflow-add-button {
    margin: 30px 0 20px;
  }
  workflow-preview-row {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 10px 0 40px;
    min-height: 120px;
  }
  workflow-preview-row div.Container {
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    width: 100%;
    justify-content: center;
  }
  workflow-share {
    position: relative;
    display: flex;
    align-items: center;
  }
  workflow-share-dialog {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: calc(100% + 10px);
    left: initial;
    right: -50px;
    z-index: 200;
    padding: 20px;
    font-size: 14px;
    width: 440px;
    border: 1px solid var(--gray-200);
    box-shadow: 0 1px 6px 0 var(--gray-100);
    border-radius: 8px;
    background-color: #fff;
  }
  workflow-share-dialog .Triangle {
    left: initial;
    right: 52px;
  }
  workflow-share-dialog header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 0 10px;
  }
  workflow-share-dialog header h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
  }
  workflow-share-dialog section p {
    margin-bottom: 0;
    margin-top: 5px;
  }
  workflow-share-dialog footer.url {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    height: auto;
    transition: height 0.3s ease-in;
    padding: 20px;
    padding-bottom: 0;
    border-top: 1px solid var(--gray-200);
    margin: 20px -20px 0;
  }
  workflow-share-dialog footer.url button {
    font-size: 16px;
    word-break: break-word;
    margin-right: 5px;
  }
  workflow-share-dialog footer.url button,
  workflow-share-dialog footer.url button:hover,
  workflow-share-dialog footer.url button:active {
    color: var(--gray-800);
  }
  workflow-share-dialog footer.url button.copy {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    font-size: 11px;
    font-style: italic;
    margin-left: 5px;
    opacity: 0.75;
    height: 22px;
    min-width: 0;
  }
  workflow-share-dialog footer.url button.copy:not(.success-link) {
    cursor: pointer;
  }
  workflow-share-dialog footer.url button.copy .animated-checkmark {
    top: 0;
  }
  workflow-share-dialog footer.loading {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  workflow-share-dialog footer.loading div.spinner {
    margin: auto;
    width: 40px;
    height: 40px;
    background: url(/assets/spinner-gray-light-med-b45f925c220183c61e5ac5b263746c0b71fd1fc79765b11d76d7e576b6c38851.gif)
      no-repeat left center;
  }
  workflow-share-dialog.error h3 {
    color: #f36547;
  }
  workflow-share-dialog.error footer {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  workflow-share-preview-overlay,
  workflow-library-overlay,
  workflow-library-preview-overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: var(--blue-500);
    overflow: scroll;
    z-index: 50; /* must be below 51 to not conflict with preview modal */
  }
  workflow-share-preview-overlay > button,
  workflow-library-overlay > button,
  workflow-library-preview-overlay > button {
    position: fixed;
    top: 20px;
    right: 20px;
    background: 0 0;
    border: none;
    outline: none;
  }
  @media all and (max-width: 900px) {
    workflow-share-preview-overlay > button,
    workflow-library-overlay > button,
    workflow-library-preview-overlay > button {
      top: 10px;
      right: 10px;
    }
    workflow-share-preview-overlay > button img,
    workflow-library-overlay > button img,
    workflow-library-preview-overlay > button img {
      width: 20px;
    }
  }
  workflow-library-overlay,
  workflow-library-preview-overlay {
    background: rgba(0, 0, 0, 0.85);
  }
  workflow-share-preview-dialog {
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin: 70px;
    width: calc(100% - 140px);
    max-width: 100%;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
  }
  workflow-share-preview-dialog workflow-preview-graph {
    position: relative;
  }
  workflow-share-preview-dialog workflow-preview-graph workflow-preview-node,
  workflow-share-preview-dialog workflow-preview-graph workflow-passthrough {
    width: 240px;
  }
  workflow-share-preview-dialog
    workflow-preview-graph
    workflow-preview-node
    .workflow-node,
  workflow-share-preview-dialog
    workflow-preview-graph
    workflow-preview-node
    label,
  workflow-share-preview-dialog workflow-preview-graph workflow-end {
    cursor: default;
  }
  @media all and (max-width: 991px) {
    workflow-share-preview-dialog {
      width: 100%;
      margin: 0;
      margin-top: 50px;
      border-radius: 0;
    }
  }
  workflow-share-preview-dialog header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--gray-200);
  }
  workflow-share-preview-dialog header.modal-header {
    padding: 25px 40px;
  }
  workflow-share-preview-dialog header.modal-header:before,
  workflow-share-preview-dialog header.modal-header:after {
    display: none;
  }
  workflow-share-preview-dialog header h4 {
    font-size: 22px;
    font-weight: 600;
  }
  @media all and (max-width: 767px) {
    workflow-share-preview-dialog header {
      flex-direction: column;
    }
    workflow-share-preview-dialog header h4 {
      margin-bottom: 20px;
    }
  }
  workflow-share-preview-dialog section {
    background-color: var(--gray-100);
  }
  workflow-empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    width: 430px;
    left: -95px;
  }
  workflow-empty[data-template-library-enabled="false"] {
    width: 210px;
    left: 0;
  }
  workflow-empty[data-template-library-enabled="false"] workflow-library {
    display: none;
  }
  workflow-start,
  workflow-library {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
  }
  .workflow-start-form {
    position: absolute;
    top: 45px;
    left: -75px;
  }
  .workflow-stats {
    align-items: center;
    justify-contents: center;
    width: 100%;
    margin-top: auto;
  }
  .workflow-stats__flex {
    display: flex;
  }
  .workflow-stats__stat {
    color: #4d4d4d;
    display: flex;
    text-align: center;
    flex-direction: column;
    flex-grow: 1;
    font-size: 13px;
    font-weight: 400;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
  .workflow-stats__stat {
    width: 50%;
    padding: 8px;
    background: rgba(var(--gray-200-rgb), 0.4);
    font-size: 12px;
  }
  workflow-node:not(.disabled) .workflow-stats__stat:hover {
    background: rgba(var(--gray-200-rgb), 0.8);
  }
  .workflow-stats__stat__label {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #7d7d7d;
    margin-bottom: 5px;
    width: 100%;
  }
  .workflow-stats__stat .finished-count,
  .workflow-stats__stat .current-count,
  .workflow-stats__stat .paused-count {
    padding-right: 5px;
  }
  .workflow-stats__stat .placeholder {
    background: #fff;
    height: 10px;
    width: 70%;
    display: inline-block;
    margin-bottom: 8px;
  }
  .workflow-stats__held_stat {
    background: var(--orange-600);
    font-weight: 400;
    padding: 6px;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    color: #fff;
    cursor: default;
  }
  .workflow-stats__async-container {
    width: 100%;
  }
  workflow-node[data-kind="event"] .workflow-stats__stat .placeholder,
  workflow-preview-node[data-kind="event"] .workflow-stats__stat .placeholder {
    width: 38%;
  }
  workflow-node:not([data-kind="action"]) .workflow-stats__stat:first-child,
  workflow-preview-node:not([data-kind="action"])
    .workflow-stats__stat:first-child,
  workflow-node[data-type="exit-automation"] .workflow-stats__stat:first-child,
  workflow-node[data-type="add-automation"] .workflow-stats__stat:first-child,
  workflow-preview-node[data-type="exit-automation"]
    .workflow-stats__stat:first-child,
  workflow-preview-node[data-type="add-automation"]
    .workflow-stats__stat:first-child {
    display: none;
  }
  workflow-supervisor {
    display: grid;
    gap: 0;
    position: relative;
    max-width: 100vw;
    overflow-x: auto;
  }
  workflow-supervisor::before {
    position: absolute;
    content: " ";
    top: -60px;
    bottom: 0;
    left: 0;
    width: 300px;
    transition: opacity 0.1s ease;
    opacity: 0;
    z-index: -1;
  }
  @media all and (min-width: 1500px) {
    workflow-supervisor::before {
      width: 20vw;
    }
  }
  workflow-supervisor[data-panel="true"] {
    grid-template-columns: 300px 1fr;
    height: calc(100vh - 250px);
  }
  workflow-supervisor[data-panel="true"] > :not(:first-child):not(:last-child) {
    display: none;
  }
  workflow-supervisor[data-panel="true"]::before {
    background: #fff;
    opacity: 1;
  }
  workflow-supervisor:not(workflow-supervisor[data-panel="true"])
    workflow-graph {
    min-height: calc(100vh + 120px);
  }
  workflow-supervisor[data-panel="true"] workflow-graph {
    padding-top: 40px;
    overflow-y: auto;
    transform-origin: left top;
    height: fit-content;
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="1"] {
    transform: scale(0.9);
    margin-left: 0;
    padding-top: 10px;
    max-height: calc((100vh - 250px) / 0.9);
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="2"] {
    transform: scale(0.5);
    max-height: calc((100vh - 250px) / 0.5);
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="3"] {
    transform: scale(0.34);
    max-height: calc((100vh - 250px) / 0.34);
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="4"] {
    transform: scale(0.25);
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="5"] {
    transform: scale(0.2);
    max-height: calc((100vh - 250px) / 0.2);
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="6"] {
    transform: scale(0.19);
    max-height: calc((100vh - 250px) / 0.19);
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="7"] {
    transform: scale(0.14);
    max-height: calc((100vh - 250px) / 0.14);
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="8"],
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="9"],
  workflow-supervisor[data-panel="true"] workflow-graph[data-width="10"],
  workflow-supervisor[data-panel="true"]
    workflow-graph[data-width-greater-than="10"] {
    transform: scale(0.1);
    max-height: calc((100vh - 250px) / 0.1);
  }
  workflow-supervisor[data-panel="true"] workflow-graph[data-roots="[]"] {
    transform-origin: center top;
  }
  workflow-supervisor[data-panel="true"]
    workflow-graph
    workflow-add-button[data-type="sibling"] {
    display: none;
  }
  workflow-supervisor[data-panel="true"] workflow-graph workflow-node .btn-edit,
  workflow-supervisor[data-panel="true"]
    workflow-graph
    workflow-node
    button[data-notes] {
    display: none;
  }
  workflow-supervisor[data-panel="true"] workflow-panel {
    position: relative;
    z-index: 200;
    overflow-y: hidden;
  }
  workflow-supervisor[data-panel="true"] workflow-panel iframe {
    min-width: 500px;
    border-left: solid 1px var(--gray-200);
  }
  workflow-supervisor [data-component="WorkflowTemplates"] {
    display: none;
  }
  workflow-svg {
    pointer-events: none;
  }
  .Triangle {
    width: 25px;
    height: 25px;
    position: absolute;
    top: -25px;
    overflow: hidden;
  }
  .Triangle::after {
    border: 1px solid var(--gray-200);
    content: "";
    position: absolute;
    width: 25px;
    height: 25px;
    background: #fff;
    transform: rotate(45deg);
    top: 20px;
    left: 0;
  }
  .workflow-visual-debugger--container {
    position: fixed;
    background: #fff;
    padding: 5px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    top: 200px;
    left: 0;
    z-index: 10;
    min-width: 230px;
  }
  .workflow-visual-debugger--container[data-hidden-forever="true"] {
    display: none;
  }
  .workflow-visual-debugger--container[data-visible="false"] {
    left: -230px;
  }
  .workflow-visual-debugger {
    display: flex;
    justify-content: space-between;
  }
  .workflow-visual-debugger input[type="checkbox"] {
    margin-right: 5px;
  }
  .workflow-visual-debugger[data-visible="false"] .icon-left-arrow-bold:before {
    transform: rotate(180deg);
  }
  .workflow-debugger--tab {
    align-self: center;
    position: relative;
    right: -20px;
    background: #fff;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 2px;
    border: 1px solid #f0f0f0;
    border-left: none;
    cursor: pointer;
  }
  .workflow-debugger--tab .icon-left-arrow-bold:before {
    display: inline-block;
  }
  .workflows-edit .react-datepicker-popper {
    z-index: 20;
  }
  h5.alt {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.3px;
  }
  h5.alt .label {
    left: 8px;
    position: relative;
    top: -2px;
  }
  .up-label {
    font-size: 11px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: var(--gray-700);
  }
  .content_wrapper {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 73px);
  }
  .page {
    height: auto;
  }
  .page .landing_page_url_label {
    display: inline;
  }
  .page form {
    margin-bottom: 0;
  }
  .form-control:focus {
    border-color: var(--blue-500);
    box-shadow: 0 2px 9px 0 rgba(var(--blue-500-rgb), 0.3);
  }
  .style_picker {
    list-style: none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 650px;
  }
  .style_picker li {
    float: left;
    font-weight: 700;
    margin: 7px 24px 7px 0;
    text-align: left;
    width: 190px;
  }
  .style_picker li input {
    margin: -1px 5px 0 2px;
  }
  .style_picker li img {
    border: solid #ccc 1px;
    border-radius: 5px;
    margin-bottom: 10px;
  }
  .style_picker.landing_page_picker li {
    width: 138px;
  }
  .form_options {
    border: solid #e4e4e4 1px;
    background: #f5f5f5;
    padding: 15px 30px 30px;
    border-radius: 3px;
  }
  .form_options ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
  }
  .form_options code {
    white-space: normal;
    background: #fefefe;
    padding: 10px;
  }
  .form_options .radio-scroll input[type="radio"],
  .form_options .radio-timing input[type="radio"] {
    margin-top: 10px;
  }
  .form_options .radio-scroll > strong,
  .form_options .radio-timing > strong {
    margin-top: -10px;
    display: inline-block;
  }
  .page_title {
    font-size: 24px;
    font-weight: 600;
    color: var(--gray-800);
    float: left;
    margin-top: 25px;
  }
  .filter-links {
    float: left;
    margin: 30px 0 0 10px;
    color: #777;
  }
  .filter-links li {
    float: left;
    list-style: none;
    padding: 0 2px;
  }
  .create_button {
    float: right;
    margin-top: 25px;
  }
  .style_picker_popover {
    width: 270px;
    max-width: 270px;
    position: absolute;
  }
  .style_picker_popover h3 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0 5px;
  }
  .style_picker_popover .style_list {
    margin: 0;
    padding: 0 5px;
    list-style: none;
  }
  .style_picker_popover .style_list li {
    float: left;
    clear: both;
    height: 40px;
  }
  .style_picker_popover .style_list li .style_title {
    display: block;
    width: 170px;
    float: left;
    font-weight: 700;
    line-height: 30px;
  }
  .style_picker_popover .style_list li .style_sample {
    outline: none;
    border: 1px solid #888;
    width: 60px;
    height: 30px;
    background: #ccc;
    display: block;
    border-radius: 3px;
    float: right;
    padding: 0;
    opacity: 1;
  }
  .style_picker_popover .style_list.patterns li {
    height: 60px;
  }
  .style_picker_popover .style_list.patterns li .style_sample {
    width: 230px;
    height: 50px;
    background-color: rgba(204, 204, 204, 0.5);
  }
  .style_picker_popover .style_list.patterns li img {
    height: 40px;
    margin: 5px 95px;
    position: absolute;
    width: 40px;
    z-index: -1;
  }
  .style_picker_popover .popover-content {
    position: relative;
    overflow-x: hidden;
  }
  .style_picker_popover .panels {
    width: 600px;
    position: relative;
  }
  .style_picker_popover .primary_panel {
    float: left;
    width: 300px;
  }
  .style_picker_popover .secondary_panel {
    float: left;
    background: #fff;
    width: 300px;
    display: none;
    max-height: 450px;
  }
  .style_picker_popover .secondary_panel .back_to_styles {
    cursor: pointer;
  }
  .style_picker_popover .secondary_panel .no-style {
    cursor: pointer;
    position: relative;
    margin-top: -30px;
    margin-right: 64px;
    text-decoration: underline;
    float: right;
  }
  .stats {
    list-style: none;
    margin: 0;
    padding: 10px 0 0;
    overflow: hidden;
  }
  .stats li {
    float: left;
    width: 150px;
    margin-right: 35px;
  }

  .stats li.form-stat {
    /* This change is only for new forms.
   * This scope was added so legacy landing page stats retain their style.
   * New form stats are using tailwind for specific styling.
   */
    width: 100%;
  }

  .stats li strong {
    font-size: 30px;
    font-weight: 700;
    color: var(--blue-500);
  }
  .stats li .statsLabel {
    display: block;
    color: #777;
    text-transform: uppercase;
  }
  .stats li p {
    margin-top: 20px;
    font-size: 12px;
    color: #999;
    border-top: solid 1px #ddd;
    padding-top: 20px;
  }
  #landing_page_reports .referrer_heading {
    margin-top: 50px;
    border-top: solid 1px #ddd;
    padding: 50px 0 0;
    clear: both;
  }
  #landing_page_reports #top_referrers li,
  #landing_page_reports #report_sources li {
    padding: 3px 0;
    word-wrap: break-word;
  }
  #landing_page_reports #top_referrers li .count,
  #landing_page_reports #report_sources li .count {
    color: #888;
  }
  #landing_page_reports #import_upload_form #file {
    margin-bottom: 10px;
    padding: 10px;
    border: solid #eee 1px;
    line-height: 30px;
    width: 240px;
  }
  #landing_page_reports #import_upload_form .form-label p {
    font-size: 12px;
  }
  #landing_page_reports #import_upload_form .btn,
  #landing_page_reports #import_upload_form #buorgul,
  #landing_page_reports #import_upload_form #buorgig {
    width: 100%;
  }
  .side_tabs_container {
    width: 300px;
    float: left;
    padding-bottom: 100px;
  }
  ul.ui-sortable#email_templates,
  ul.ui-sortable#course_email_templates {
    overflow: visible;
  }
  #editLandingPage {
    padding: 20px 40px;
    overflow: hidden;
  }
  #editLandingPage input[type="text"],
  #editLandingPage textarea {
    border: dotted 1px #999;
    border-radius: 0;
  }
  #editLandingPage #landing_page_title {
    font-size: 40px;
    color: #444;
    text-align: center;
    padding: 15px 0;
    width: 100%;
    font-weight: 400;
    line-height: 40px;
    height: auto;
  }
  #editLandingPage #landing_page_subtitle {
    font-size: 24px;
    color: #999;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
    height: auto;
  }
  #editLandingPage .landingPageContent {
    width: 520px;
    float: left;
  }
  #editLandingPage .landingPageContent #landing_page_heading {
    font-size: 30px;
    font-weight: 400;
    width: 498px;
    padding: 10px;
    line-height: 30px;
    height: auto;
  }
  #editLandingPage .landingPageContent #cke_1_contents {
    height: 400px !important;
  }
  #editLandingPage .landingPageContent #landing_page_subheading {
    font-size: 18px;
    font-family: Georgia, Times, serif;
    font-style: italic;
    color: #999;
    width: 498px;
    padding: 10px;
    height: auto;
  }
  #editLandingPage .landingPageContent #landing_page_content {
    padding: 10px;
    width: 480px;
  }
  #editLandingPage #subscriptionForm {
    width: 340px;
    padding: 0 20px 20px;
    float: right;
    background: #eee;
    border: solid 1px #ddd;
    border-radius: 5px;
    margin-bottom: 40px;
  }
  #editLandingPage
    #subscriptionForm
    #landing_page_subscription_form_attributes_title {
    font-size: 20px;
    color: #565656;
    font-weight: 700;
    padding: 8px 10px;
    width: 318px;
  }
  #editLandingPage #subscriptionForm .sample_fields {
    margin-left: -60px;
    color: #999;
    clear: both;
    padding-top: 10px;
  }
  #editLandingPage #subscriptionForm .sample_fields input {
    cursor: default;
  }
  #editLandingPage #subscriptionForm .course_opt_in_container {
    position: relative;
    clear: both;
  }
  #editLandingPage
    #subscriptionForm
    .course_opt_in_container
    .opt_in_checkbox_sample {
    position: absolute;
    top: -5px;
    left: 0;
    cursor: default;
    width: 24px;
    height: 24px;
  }
  #editLandingPage
    #subscriptionForm
    .course_opt_in_container
    #landing_page_subscription_form_attributes_course_opt_in_prompt {
    width: 300px;
    height: 60px;
    margin-left: 25px;
    resize: none;
  }
  #editLandingPage
    #subscriptionForm
    #landing_page_subscription_form_attributes_description {
    width: 155px;
    margin-left: 10px;
    padding: 10px;
    float: right;
    height: 150px;
    max-width: 320px;
  }
  #editLandingPage #subscriptionForm .signup_button_container {
    background: #e4e4e4;
    padding: 10px;
    border: solid 1px #ddd;
    border-radius: 5px;
    clear: both;
  }
  #editLandingPage
    #subscriptionForm
    .signup_button_container
    #landing_page_subscription_form_attributes_sign_up_button_text {
    text-align: center;
    font-weight: 700;
    width: 308px;
    margin: 0;
    color: #555;
    padding: 8px 5px;
    font-size: 18px;
  }
  #editLandingPage.form_only {
    position: relative;
  }
  #editLandingPage.form_only #subscriptionForm {
    float: none;
    margin: 35px auto 40px;
  }
  #editLandingPage.form_only .help_content {
    list-style: none;
  }
  #editLandingPage.form_only .help_content li {
    position: absolute;
    width: 200px;
    color: #777;
  }
  #editLandingPage.form_only .help_content li:after {
    display: block;
    content: " ";
    position: absolute;
    width: 100px;
    height: 100px;
    background: url(/assets/arrows-db518607d5ca7ceac73bbe10c5a5a8aece5d725cac8ad99a3afa0c620266216d.png)
      no-repeat;
  }
  #editLandingPage.form_only .help_content .title_help {
    left: 40px;
    top: 30px;
  }
  #editLandingPage.form_only .help_content .title_help:after {
    width: 150px;
    left: 135px;
    height: 50px;
    background-position: -200px -20px;
    top: 75px;
  }
  #editLandingPage.form_only .help_content .upload_help {
    left: 40px;
    top: 300px;
  }
  #editLandingPage.form_only .help_content .upload_help:after {
    top: -80px;
    width: 120px;
    left: 140px;
    height: 70px;
  }
  #editLandingPage.form_only .help_content .detail_help {
    left: 740px;
    top: 120px;
  }
  #editLandingPage.form_only .help_content .detail_help:after {
    width: 100px;
    left: -35px;
    height: 120px;
    background-position: -110px 0;
    top: 50px;
  }
  #editLandingPage .actions {
    border-top: solid 1px #ddd;
    padding: 30px 40px 10px;
    clear: both;
    width: 920px;
    margin-left: -40px;
  }
  .customize_message {
    padding: 5px 0 30px;
    text-align: center;
  }
  .image_upload {
    width: 150px;
    height: 210px;
    text-align: center;
    float: left;
    position: relative;
  }
  .image_upload .link_image {
    text-align: center;
    background: #eee;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: solid 1px #bbb;
    font-size: 18px;
    line-height: 30px;
  }
  .image_upload .link_image:hover {
    background: #fff;
  }
  .image_upload .remove_image {
    text-align: center;
    background: #fff;
    cursor: pointer;
    position: absolute;
    top: -7px;
    right: -4px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    border: solid 1px #bbb;
    font-size: 12px;
    line-height: 20px;
  }
  .image_upload .remove_image:hover {
    color: red;
  }
  .image_upload .browse_images {
    cursor: pointer;
    text-align: center;
    width: 140px;
    height: 170px;
    padding-top: 60px;
    background: #d5d5d5;
    border: solid 1px #bbb;
    font-size: 32px;
    color: #555;
  }
  .image_upload .browse_images:hover {
    background: #ddd;
    color: #0f8ad5;
  }
  .image_upload .uploading {
    width: 140px;
    height: 170px;
    background: #d5d5d5;
    border: solid 1px #bbb;
    position: relative;
  }
  .image_upload .uploading .status {
    text-align: center;
    padding-top: 60px;
    position: relative;
    z-index: 10;
  }
  .image_upload .uploading .status .percentage {
    display: block;
    font-size: 24px;
  }
  .image_upload .uploading .status .file_name {
    font-weight: 700;
    font-size: 14px;
    padding-top: 10px;
    display: block;
  }
  .image_upload .uploading .upload_progress {
    position: absolute;
    height: 170px;
    background: #5da8d7;
    top: 0;
    z-index: 5;
  }
  .written_confirmation_field {
    font-size: 50px !important;
    width: 100%;
    height: 81px !important;
  }
  .modal-footer {
    text-align: inherit !important;
  }
  .modal-narrow {
    width: 430px;
  }
  .course_form #course_name,
  .course_form .course_email_subject_field {
    width: 100%;
    padding: 10px;
    font-size: 16px;
    height: auto;
  }
  .course_form .list-group-item label {
    float: none;
  }
  .course_form .hint {
    float: right;
  }
  .course_form .actions {
    width: 700px;
    margin: 30px 0 0 -39px;
    padding: 30px 40px 10px;
  }
  .course_form .delivery_time {
    font-size: 16px;
    padding-bottom: 15px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 0;
  }
  .course_form .delivery_time input[type="text"] {
    width: 55px;
    text-align: center;
    font-size: 18px;
    margin-top: 7px;
  }
  .course_form .delivery_time input[type="number"] {
    width: 54px;
    text-align: center;
    font-size: 18px;
    margin-top: 7px;
    padding: 3px 12px 3px 8px;
    -moz-appearance: textfield;
  }
  .course_form .delivery_time input::-webkit-outer-spin-button,
  .course_form .delivery_time input::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  .course_form .delivery_time select {
    width: 150px;
    margin-top: 7px;
  }
  .course_form .email_template_subject {
    margin-bottom: 20px;
  }
  .page.container.course_reports,
  .page.course_reports.page_header_content {
    display: flex;
  }
  .page.container.course_reports .sidebar,
  .page.course_reports.page_header_content .sidebar {
    border-right: solid 1px #e1e1e1;
    padding: 30px 40px 50px 0;
  }
  .page.container.course_reports #course_summary_stats,
  .page.course_reports.page_header_content #course_summary_stats {
    list-style: none;
    padding-left: 30px;
  }
  .page.container.course_reports #course_summary_stats li,
  .page.course_reports.page_header_content #course_summary_stats li {
    position: relative;
    padding-left: 120px;
  }
  .page.container.course_reports #course_summary_stats li h4,
  .page.course_reports.page_header_content #course_summary_stats li h4 {
    margin-bottom: 0;
  }
  .page.container.course_reports #course_summary_stats li strong,
  .page.course_reports.page_header_content #course_summary_stats li strong {
    display: block;
    position: absolute;
    width: 100px;
    top: 7px;
    left: 0;
    text-align: right;
    font-size: 22px;
    font-weight: 400;
    color: #69c380;
  }
  .page.container.course_reports #course_summary_stats li a.small_link,
  .page.course_reports.page_header_content
    #course_summary_stats
    li
    a.small_link,
  .page.container.course_reports #course_summary_stats li span,
  .page.course_reports.page_header_content #course_summary_stats li span {
    font-size: 11px;
  }
  .page.container.course_reports #email_stats,
  .page.course_reports.page_header_content #email_stats {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .page.container.course_reports #email_stats a,
  .page.course_reports.page_header_content #email_stats a {
    text-decoration: none;
  }
  .page.container.course_reports #email_stats a:last-child li,
  .page.course_reports.page_header_content #email_stats a:last-child li {
    border-bottom: 0 !important;
  }
  .page.container.course_reports #email_stats li,
  .page.course_reports.page_header_content #email_stats li {
    border-bottom: solid 1px #eee;
    padding: 20px 400px 20px 20px;
    overflow: hidden;
    position: relative;
  }
  @media all and (max-width: 767px) {
    .page.container.course_reports #email_stats li,
    .page.course_reports.page_header_content #email_stats li {
      padding: 20px;
    }
  }
  .page.container.course_reports #email_stats li h4,
  .page.course_reports.page_header_content #email_stats li h4 {
    width: 300px;
    margin: 0;
    max-width: 100%;
  }
  .page.container.course_reports #email_stats li .subscription_info,
  .page.course_reports.page_header_content #email_stats li .subscription_info {
    color: #888;
    font-size: 12px;
    width: 300px;
    max-width: 100%;
  }
  .page.container.course_reports #email_stats li .subscription_info strong,
  .page.course_reports.page_header_content
    #email_stats
    li
    .subscription_info
    strong {
    font-weight: 400;
    color: #555;
  }
  .page.container.course_reports #email_stats li .stats,
  .page.course_reports.page_header_content #email_stats li .stats {
    width: 475px;
    list-style: none;
    position: absolute;
    right: 0;
    top: 8px;
    max-width: 100%;
  }
  @media all and (max-width: 767px) {
    .page.container.course_reports #email_stats li .stats,
    .page.course_reports.page_header_content #email_stats li .stats {
      position: relative;
    }
  }
  .page.container.course_reports #email_stats li .stats li,
  .page.course_reports.page_header_content #email_stats li .stats li {
    float: left;
    width: 80px;
    border: none;
    padding: 0;
    margin-right: 10px;
  }
  .page.container.course_reports #email_stats li .stats li .percent,
  .page.course_reports.page_header_content #email_stats li .stats li .percent {
    font-size: 18px;
    color: #333;
  }
  .page.container.course_reports #email_stats li .stats li .stat_label,
  .page.course_reports.page_header_content
    #email_stats
    li
    .stats
    li
    .stat_label {
    color: #999;
    text-transform: uppercase;
    font-size: 10px;
    display: block;
  }
  .email_template_reports .course-report-link {
    margin-top: -20px;
    margin-bottom: 20px;
  }
  .public {
    border-top: solid 3px #000;
    background: #eee;
    background-image: radial-gradient(circle, #fff, #eee);
    background-repeat: no-repeat;
  }
  .public .header {
    background: #fff;
    height: 65px;
    padding: 10px;
  }
  .public .header .header_content {
    max-width: 1000px;
    margin: 0 auto;
  }
  .public .header .header_content .company_name {
    color: #222;
    font-weight: 400;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    padding: 10px 0;
  }
  .public .title_container {
    background-color: #dfdfdf;
    padding: 80px 0 100px;
  }
  .public .title_container h2.title {
    text-align: center;
    font-size: 48px;
    font-weight: 300;
    line-height: 50px;
    max-width: 1000px;
    margin: 0 auto 10px;
  }
  .public .title_container h3.subtitle {
    text-align: center;
    font-size: 24px;
    color: #555;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    font-family: var(--font-ui);
    font-style: normal;
    font-weight: 300;
    max-width: 1000px;
    margin: 0 auto;
  }
  .public .page {
    max-width: 1000px;
    margin: 0 auto 30px;
    padding: 0 10px;
  }
  .public .page .clear {
    clear: both;
  }
  .public .page .content {
    float: left;
    width: 50%;
    margin-top: 50px;
  }
  .public .page .content .content_heading {
    color: #222;
    font-size: 36px;
    font-weight: 400;
  }
  .public .page .content .content_subheading {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    font-style: italic;
    font-family: Georgia, Times, serif;
  }
  .public .page .content .content_area {
    line-height: 1.7em;
    color: #474747;
  }
  .public .page .subscription_form {
    float: right;
    width: 320px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    border-radius: 5px;
    padding: 30px 40px 40px;
    margin-top: -40px;
  }
  .public .page .subscription_form .subscription_form_title {
    color: #222;
    margin-top: 0;
    padding: 0;
    font-weight: 400;
    font-size: 22px;
  }
  .public .page .subscription_form .image_placeholder {
    width: 150px;
    height: 140px;
    text-align: center;
    float: left;
  }
  .public .page .subscription_form .subscription_description {
    float: left;
    margin-left: 18px;
    width: 150px;
  }
  .public .page .subscription_form .subscribe_button {
    width: 100%;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 18px;
  }
  .public .page .subscription_form .guarantee {
    color: #777;
    font-size: 13px;
  }
  @media all and (max-width: 850px) and (min-width: 700px) {
    .public .page .content {
      width: 40%;
    }
  }
  @media all and (max-width: 700px) and (min-width: 640px) {
    .public .page .content {
      width: 40%;
    }
    .public .page .subscription_form {
      padding: 15px 20px;
    }
  }
  @media all and (max-width: 640px) {
    .public .page .content {
      width: 100%;
      float: none;
    }
    .public .page .subscription_form {
      float: none;
      padding: 15px 20px;
      margin-top: 20px;
    }
  }
  .public .footer {
    clear: both;
    text-align: center;
    background: #222;
    padding: 40px 0 0;
    padding-top: 20px;
    margin-top: 50px;
    margin-bottom: 30px;
    color: #777;
    border-top: 0;
    height: 100px;
  }
  .public .footer a {
    color: #ddd;
    text-decoration: none;
    font-weight: 300;
    font-size: 12px;
  }
  .public .footer a strong {
    color: #fff;
    display: block;
    font-weight: 400;
    font-size: 18px;
  }
  .public.subscribe_form_page {
    background: 0 0;
  }
  .public.subscribe_form_page .subscription_form {
    float: none;
    margin: 100px auto;
  }
  .blank_layout .ck_form {
    margin: 50px;
  }
  input.has-error {
    color: #a94442;
    border: 1px solid #a94442;
  }
  .redactor-disabled {
    pointer-events: none;
  }
  .redactor-disabled .redactor-editor {
    -moz-user-modify: read-only;
    -webkit-user-modify: read-only;
    user-modify: read-only;
  }
  .automation-link-truncate {
    max-width: 520px;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .redactor-dropdown-box-fontSize {
    min-width: 100px;
  }
  .table-responsive {
    overflow: scroll;
  }
  .new-tag-input {
    margin-bottom: 10px;
  }
  .table-responsive {
    overflow: scroll;
  }
  .link {
    text-decoration: none !important;
  }
  .link[disabled] {
    color: #777;
    pointer-events: none;
  }
  .scrollable-menu {
    height: auto;
    max-height: 350px;
    overflow-x: hidden;
  }
  .upgrade-link {
    font-size: 13px;
    display: block;
    padding-top: 5px;
  }
  .width-80 {
    width: 80%;
  }
  .full-width {
    width: 100%;
  }
  .float-right {
    float: right;
  }
  .edit-link,
  .confirm-link {
    cursor: pointer;
    transition: all 500ms ease-out;
  }

  .alert,
  .alert-no-hide,
  .accept-invite-notice {
    max-width: 1000px;
    margin: 10px auto;
  }
  .main-alert {
    position: absolute;
    top: -15px;
  }
  .main-alert,
  .ngn {
    width: 1000px;
    left: 50%;
    margin-left: -500px;
    padding: 15px 15px 10px;
    border-radius: 0 0 5px 5px;
    font-size: 14px;
    text-align: left;
    border-width: 0;
  }
  .main-alert .close,
  .main-alert .ngn-dismiss,
  .ngn .close,
  .ngn .ngn-dismiss {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    background: 0 0;
    box-shadow: none;
    position: relative;
    right: 0;
    height: auto;
    width: auto;
  }
  .ngn {
    top: -5px;
  }
  .ngn-info,
  .main-alert.alert-info,
  .main-alert.accept-invite-notice {
    background-color: rgba(217, 237, 247, 0.95);
    color: #31708f;
    border-color: #bce8f1;
    box-shadow: 0 1px 7px rgba(49, 112, 143, 0.6);
  }
  .ngn-danger,
  .main-alert.alert-danger {
    background-color: rgba(242, 222, 222, 0.95);
    color: #a94442;
    border-color: #ebccd1;
    box-shadow: 0 1px 7px rgba(169, 68, 66, 0.6);
  }
  .ngn-success,
  .main-alert.alert-success {
    background-color: rgba(223, 240, 216, 0.95);
    color: #3c763d;
    border-color: #d6e9c6;
    box-shadow: 0 1px 7px rgba(60, 118, 61, 0.6);
  }
  .ngn-warning,
  .main-alert.alert-warning {
    background-color: rgba(252, 248, 227, 0.95);
    color: #8a6d3b;
    border-color: #faebcc;
    box-shadow: 0 1px 7px rgba(138, 109, 59, 0.6);
  }
  #main_settings label {
    display: block;
  }
  .edit_broadcast .form-group {
    margin-bottom: 25px;
  }
  .select-email-address {
    width: 640px !important;
  }
  table.ck-table {
    border-collapse: separate;
    margin: 0;
    width: 100%;
  }
  table.ck-table th,
  table.ck-table td {
    border-color: #ded9d3;
    border-style: solid;
    border-width: 1px 0 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  table.ck-table th:first-of-type,
  table.ck-table td:first-of-type {
    padding-left: 20px;
  }
  table.ck-table thead th {
    background: #f9f9f9;
    border-top-width: 0;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 400;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: left;
    text-transform: uppercase;
  }
  table.ck-table thead th:first-of-type {
    border-top-left-radius: 2px;
  }
  table.ck-table thead th:last-of-type {
    border-top-right-radius: 2px;
  }
  table.ck-table tbody tr:first-of-type td {
    border-top-width: 0;
  }
  table.ck-table tbody tr:last-of-type td:first-of-type {
    border-bottom-left-radius: 2px;
  }
  table.ck-table tbody tr:last-of-type td:last-of-type {
    border-bottom-right-radius: 2px;
  }
  table.ck-table tbody td {
    border-top-color: #eee;
    padding-bottom: 15px;
    padding-top: 15px;
    vertical-align: top;
  }
  .add-row input {
    height: auto;
    line-height: 14px;
    padding: 4px 6px;
    width: 100% !important;
  }
  .add-row .btn,
  .add-row #buorgul,
  .add-row #buorgig {
    line-height: 19px;
    margin-left: 10px;
    padding: 4px 20px;
  }
  body:not(.courses-show):not(.sequences-edit):not(.sequences-new) .side-tab a {
    padding-left: 75px;
  }
  body:not(.courses-show):not(.sequences-edit):not(.sequences-new)
    .side-tab
    a
    .icon {
    left: 30px;
  }
  @media all and (max-width: 991px) {
    body:not(.courses-show):not(.sequences-edit):not(.sequences-new)
      .side-tab
      a
      .icon {
      top: 15px;
    }
  }
  body.angular {
    overflow-x: hidden;
  }
  body.email_layout_templates {
    background-color: #fff;
  }
  @media all and (max-width: 991px) {
    body.account_settings .page_nav li a,
    body.accounts-edit .page_nav li a,
    body.email_layout_templates .page_nav li a {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    body.account_settings .page_nav li a span,
    body.accounts-edit .page_nav li a span,
    body.email_layout_templates .page_nav li a span {
      display: block;
    }
    body.account_settings .page_nav li a .icon,
    body.accounts-edit .page_nav li a .icon,
    body.email_layout_templates .page_nav li a .icon {
      margin-right: 5px;
    }
    body.account_settings .address-row,
    body.accounts-edit .address-row,
    body.email_layout_templates .address-row {
      width: 100%;
    }
    body.email_layout_templates-edit h2 {
      display: block;
    }
    body.landing_pages-edit .page_header .edit-name-inline,
    body.landing_pages-settings .page_header .edit-name-inline,
    body.landing_pages-reports .page_header .edit-name-inline {
      width: 100%;
    }
    body.landing_pages-edit .page_header .edit-name-inline h2,
    body.landing_pages-edit .page_header .edit-name-inline input[type="text"],
    body.landing_pages-settings .page_header .edit-name-inline h2,
    body.landing_pages-settings
      .page_header
      .edit-name-inline
      input[type="text"],
    body.landing_pages-reports .page_header .edit-name-inline h2,
    body.landing_pages-reports
      .page_header
      .edit-name-inline
      input[type="text"] {
      padding-right: 110px;
      margin-right: 0;
    }
    body.landing_pages-edit .page_header .view_page_button,
    body.landing_pages-settings .page_header .view_page_button,
    body.landing_pages-reports .page_header .view_page_button {
      position: relative;
      top: -40px;
      padding: 2px 6px !important;
      left: calc(50% - 35px);
      margin-right: 0;
      float: none;
      margin-bottom: -37px;
      display: inline-flex !important;
      align-items: center;
    }
    body.landing_pages-edit .page_header .view_page_button .icon,
    body.landing_pages-settings .page_header .view_page_button .icon,
    body.landing_pages-reports .page_header .view_page_button .icon {
      position: relative !important;
      top: initial !important;
      left: initial !important;
    }
    body.landing_pages-edit .page_header #style_button,
    body.landing_pages-settings .page_header #style_button,
    body.landing_pages-reports .page_header #style_button {
      padding: 6px !important;
      border: 1px solid var(--gray-100);
      border-radius: 5px;
      height: auto;
      margin-left: 0;
      margin-right: 10px;
    }
  }
  .edit .styled_field {
    border: none;
    background: 0 0;
    box-shadow: none;
    height: auto;
  }
  .edit .styled_field::placeholder {
    color: #a2a2a2;
  }
  .edit .styled_field:hover {
    background: rgba(0, 0, 0, 0.03);
  }
  .edit .styled_field:focus {
    background: rgba(0, 0, 0, 0.03);
    outline: none;
  }
  .edit .title_container h2.title .redactor-box,
  .edit .title_container h2.title .redactor-editor {
    background: 0 0;
    border: none;
    margin: 0;
    padding: 0;
    font-weight: 300;
    line-height: 50px;
    max-width: 1000px;
  }
  .edit .title_container h2.title .redactor-editor p,
  .edit .title_container h2.title input {
    font-family: var(--font-ui);
    text-align: center;
    line-height: 48px;
    line-height: 50px;
    width: auto;
    margin: 0 auto 10px;
    font-size: 48px;
  }
  .edit .title_container h3.subtitle input {
    text-align: center;
    font-size: 24px;
    color: #555;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 400;
    font-family: var(--font-ui);
    font-style: normal;
    font-weight: 300;
    margin: 0 auto;
    width: auto;
  }
  .edit .subscribe_container .content_heading input {
    font-size: 25px;
    width: 390px;
  }
  .edit .subscribe_container .content_heading {
    margin-bottom: 0;
  }
  .edit .subscribe_container .content_subheading {
    margin-top: 0;
  }
  .edit .subscribe_container .content_subheading input {
    font-size: 17.5px;
    width: 390px;
  }
  .edit .form_show_button {
    margin-bottom: 20px;
  }
  .edit .landing-page-edit-form {
    margin-bottom: 30px;
    text-align: center;
  }
  .form_hide_button {
    transition: all 150ms ease-out;
  }
  .form_hide_button:hover,
  .form_hide_button:focus {
    transition: all 150ms ease-out;
    border-color: #444;
    color: #444;
  }
  .edit .footer {
    margin-bottom: 0;
  }
  .edit .default_form #subscriptionForm {
    overflow: hidden;
    font-family:
      helvetica neue,
      Helvetica,
      Arial,
      Verdana,
      sans-serif;
    font-size: 14px;
    border: 1px solid #d8d8d8;
    background-color: #f6f4f5;
    box-shadow:
      0 1px 5px rgba(0, 0, 0, 0.1),
      inset 0 1px 0 #fff;
    color: #383838;
    clear: left;
    margin-top: 30px;
    border-radius: 5px;
  }
  .edit .default_form.horizontal #subscriptionForm {
    width: 598px;
    background: #f6f4f5
      url(/assets/embed_divider-7f1d79fd37bc0c2878a34187bf90d36c3369c703fbd48cbbc253841a2d650e4c.gif)
      repeat-y -50px 0;
  }
  .edit .default_form.vertical #subscriptionForm {
    width: 348px;
  }
  .edit .default_form #subscriptionForm .embed_form_content {
    padding: 30px;
  }
  .edit .default_form.horizontal #subscriptionForm .embed_form_content {
    float: left;
    width: 300px;
  }
  .edit .default_form.vertical #subscriptionForm .embed_form_content {
    border-bottom: 1px solid #e4e4e4;
    box-shadow: 0 1px 0 #fff;
    overflow: hidden;
  }
  .edit .default_form.vertical #subscriptionForm .image_upload {
    height: 170px;
    width: 140px;
  }
  .edit .default_form.horizontal #subscriptionForm .subscribe_form {
    padding: 25px 30px 30px;
    float: right;
    width: 295px;
  }
  .edit .default_form.vertical #subscriptionForm .subscribe_form {
    padding: 25px 30px 30px;
    clear: both;
  }
  .edit .form-group {
    margin-left: 0;
    margin-right: 0;
  }
  .edit .default_form.horizontal .form-group .firstNameField,
  .edit .default_form.horizontal .form-group .emailField {
    width: 100%;
  }
  .edit .default_form #subscriptionForm .subscribe_form .control-label {
    text-align: left;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 12px;
    color: #565656;
  }
  .edit
    .default_form.horizontal
    #subscriptionForm
    .subscribe_form
    .control-label {
    float: none;
  }
  .edit
    .default_form.vertical
    #subscriptionForm
    .subscribe_form
    .control-label {
    text-align: right;
    width: 100px;
    padding-top: 12px;
  }
  .edit .default_form.horizontal #subscriptionForm .subscribe_form .controls {
    margin-left: 0;
  }
  .edit .default_form.vertical #subscriptionForm .subscribe_form .controls {
    margin-left: 110px;
  }
  .edit
    .default_form.vertical
    #subscriptionForm
    .subscribe_form
    .controls
    input {
    padding: 10px 13px;
    width: 175px;
  }
  .edit
    .default_form.horizontal
    #subscriptionForm
    .subscribe_form
    .controls
    input {
    padding: 10px 13px;
  }
  .edit .default_form #subscriptionForm .form_title {
    margin-top: 0;
  }
  .edit .default_form #subscriptionForm .form_title input {
    color: #222;
    margin-top: 0;
    font-weight: 400;
    font-size: 24px;
  }
  .edit .default_form.horizontal #subscriptionForm .form_title input {
    width: 230px;
  }
  .edit .default_form #subscriptionForm .image_upload {
    margin-right: 0;
    float: left;
  }
  .edit .default_form #subscriptionForm .embed_form_content .redactor-box {
    float: left;
    margin-top: 20px;
  }
  .edit
    .default_form.vertical
    #subscriptionForm
    .embed_form_content
    .redactor-box {
    margin-top: 0;
    width: 138px;
    margin-left: 5px;
  }
  .edit
    .default_form.vertical
    #subscriptionForm
    .embed_form_content
    .redactor-box
    .redactor_editor {
    min-height: 170px;
  }
  .edit .course_opt_in_container {
    overflow: hidden;
    position: relative;
  }
  .edit .course_opt_in_container .opt_in_checkbox_sample {
    position: absolute;
    top: -5px;
    left: 0;
    cursor: default;
    width: 24px;
    height: 24px;
  }
  .edit #subscriptionForm .course_opt_in_container .redactor-box {
    height: 60px;
    margin: 0 0 20px 25px;
  }
  .edit .default_form .signup_button_container {
    margin: 0;
    padding: 10px 5px;
    border: 1px solid rgba(200, 200, 200, 0.5);
    border-radius: 4px;
    -moz-background-clip: padding;
    background-clip: padding-box;
    background-color: #0d6db8;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.33);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMCIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgogICA8L2xpbmVhckdyYWRpZW50PgoKPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCIgaGVpZ2h0PSIxMDAiIGZpbGw9InVybCgjaGF0MCkiIC8+Cjwvc3ZnPg==);
    background-image: linear-gradient(
      bottom,
      rgba(0, 0, 0, 0.1) 0%,
      rgba(255, 255, 255, 0.1) 100%
    );
  }
  .edit .default_form .signup_button_container input {
    text-align: center;
    font-size: 18px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.43);
    width: 90%;
    margin: 0 auto;
    display: block;
  }
  .ck_converted_content {
    display: none;
    padding: 5%;
    background: #fff;
  }
  #send_as_edit input {
    padding: 5px;
    width: 268px;
  }
  #incentive_email #send_as_edit input {
    width: 197px;
  }
  .nowrap {
    white-space: nowrap;
  }
  .input-day-of-week {
    text-align: center;
    border: 1px solid #e1e1e1;
    border-radius: 3px 3px 0 0;
    margin-bottom: 10px;
    padding: 7px 10px !important;
  }
  .input-day-of-week + .input-time-of-day {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-top-width: 0;
    margin: -10px 0 10px;
  }
  .input-time-of-day {
    border: 1px solid #e1e1e1;
    border-radius: 3px;
    padding: 7px 10px;
  }
  .input-time-of-day select {
    width: auto;
    vertical-align: baseline;
    margin: 0 4px;
  }
  .input-time-of-day .ui-select-match-text {
    width: 100%;
    overflow: hidden;
  }
  .datetimepicker .active.active,
  .bootstrap-datetimepicker-widget table td.active,
  .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: var(--blue-500) !important;
    background-image: none;
    text-shadow: none;
  }
  .email-address-name[contenteditable="true"] {
    border-bottom: 1px solid var(--blue-500);
    outline: none;
  }
  .email-address-name + .edit-link {
    text-decoration: none;
  }
  .email-address-name + .edit-link + .confirm-link {
    text-decoration: none;
  }
  .email-address-name + .edit-link + .confirm-link i {
    color: var(--green-500);
  }
  .recharts-tooltip-wrapper {
    z-index: 1;
  }
  .edit_page {
    background-color: #fff;
  }
  #landing_page_form h3,
  #landing_page_form h4 {
    margin-left: 20px;
  }
  #landing_page_form .form-label {
    color: #aaa;
    letter-spacing: -1px;
  }
  #landing_page_form #landing_page_title {
    font-size: 40px;
    color: #444;
    font-weight: 400;
    line-height: 40px;
    height: auto;
  }
  #landing_page_form #landing_page_subtitle {
    font-size: 24px;
    color: #999;
    height: auto;
  }
  #landing_page_form #landing_page_heading {
    font-size: 30px;
    font-weight: 400;
    line-height: 30px;
    height: auto;
  }
  #landing_page_form #landing_page_subheading {
    font-size: 18px;
    font-family: Georgia, Times, serif;
    font-style: italic;
    color: #999;
    height: auto;
  }
  #landing_page_form #subscription_form_title {
    font-size: 20px;
    color: #565656;
    font-weight: 700;
  }
  .controls .image_upload {
    position: relative;
    width: 150px;
    height: 170px;
    text-align: center;
  }
  .controls .image_upload .image_label {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: small;
    color: #aaa;
  }
  .controls .image_upload .image_preview {
    width: 100%;
    height: 100%;
    background-color: #d5d5d5;
  }
  .controls .image_upload .image_preview img {
    max-width: 100%;
    max-height: 100%;
  }
  .controls .image_upload .image_picker {
    display: table-cell;
    cursor: pointer;
    text-align: center;
    width: 150px;
    height: 170px;
    vertical-align: middle;
    background: #d5d5d5;
    border: solid 1px #bbb;
    font-size: 32px;
    color: #555;
  }
  .controls .image_upload .image_picker:hover {
    background: #ddd;
    color: #0f8ad5;
  }
  .controls .image_upload .link_image {
    text-align: center;
    background: #eee;
    cursor: pointer;
    position: absolute;
    top: 8px;
    right: 15px;
    width: 30px;
    height: 30px;
    border-radius: 15px;
    border: solid 1px #bbb;
    font-size: 18px;
    line-height: 30px;
  }
  .controls .image_upload .link_image:hover {
    background: #fff;
  }
  .controls .image_upload .remover {
    text-align: center;
    background: #fff;
    cursor: pointer;
    position: absolute;
    top: -9px;
    right: -9px;
    width: 20px;
    height: 20px;
    border-radius: 15px;
    border: solid 1px #bbb;
    font-size: 12px;
    line-height: 20px;
  }
  .controls .image_upload .remover:hover {
    color: red;
  }
  .controls .image_upload .destroyer {
    display: none;
  }
  .controls .image_upload .browse_images {
    cursor: pointer;
    text-align: center;
    width: 140px;
    height: 100px;
    padding-top: 70px;
    background: #d5d5d5;
    border: solid 1px #bbb;
  }
  .controls .image_upload .browse_images:hover {
    background: #ddd;
  }
  .controls .image_upload .uploading {
    position: absolute;
    top: 0;
    display: table-cell;
    cursor: pointer;
    text-align: center;
    width: 150px;
    height: 170px;
    vertical-align: middle;
    background: #d5d5d5;
    outline: 4px solid #d5d5d5;
  }
  .controls .image_upload .uploading .status {
    text-align: center;
    padding-top: 60px;
    position: relative;
    z-index: 10;
  }
  .controls .image_upload .uploading .status .percentage {
    display: block;
    font-size: 24px;
  }
  .controls .image_upload .uploading .status .file_name {
    font-weight: 700;
    font-size: 14px;
    padding-top: 10px;
    display: block;
  }
  .controls .image_upload .uploading .bar {
    text-align: center;
    height: 170px;
    vertical-align: middle;
    outline: 4px solid #5da8d7;
    background: #5da8d7;
    position: absolute;
    top: 0;
    z-index: 5;
  }
  .accounts-edit label,
  .account_settings label {
    display: block;
  }
  .account_settings-email label {
    display: inline-block !important;
  }
  .account_settings-account_info .account_info {
    background: var(--gray-50);
  }
  .account_settings-account_notifications .account_notifications {
    background: var(--gray-50);
  }
  .account_settings-email .email {
    background: var(--gray-50);
  }
  .account_settings-custom_domains .custom_domains {
    background: var(--gray-50);
  }
  .account_settings-payouts .payouts {
    background: var(--gray-50);
  }
  .account_settings-billing .billing {
    background: var(--gray-50);
  }
  .account_settings-team .team {
    background: var(--gray-50);
  }
  .account_settings-referrals .referrals {
    background: var(--gray-50);
  }
  .account_settings-privacy .privacy {
    background: var(--gray-50);
  }
  .account_settings-admin .admin {
    background: var(--gray-50);
  }
  .account_settings-advanced_settings .advanced_settings {
    background: var(--gray-50);
  }
  .account_settings-creator_profile .creator_profile {
    background: var(--gray-50);
  }
  .user-card {
    width: calc(25% - 50px);
    margin-right: 50px;
    margin-bottom: 50px;
    word-wrap: break-word;
  }
  .user-card:nth-child(4n) {
    margin-right: 0;
  }
  .user-card * {
    max-width: 100%;
  }
  .invalid-input input,
  .invalid-input input:focus {
    border-color: var(--red-500);
  }
  .trial-days-remaining button {
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
    font-style: italic;
    margin-top: -3px;
    margin-right: 10px;
  }
  .trial-days-remaining button:hover,
  .trial-days-remaining button:focus {
    color: #fff;
    text-decoration: none;
  }
  @media all and (max-width: 1180px) {
    .trial-days-remaining button {
      display: none;
    }
  }
  nav.navbar .navbar-nav > li > .dropdown-menu > li > button.dropdown-billing {
    cursor: pointer;
    width: 190px;
    white-space: normal;
    align-items: flex-start;
  }
  nav.navbar
    .navbar-nav
    > li
    > .dropdown-menu
    > li
    > button.dropdown-billing
    span {
    display: flex;
  }
  nav.navbar
    .navbar-nav
    > li
    > .dropdown-menu
    > li
    > button.dropdown-billing
    i {
    margin-top: 4px;
    font-size: 16px;
    margin-right: 6px;
  }
  .billing-period-info {
    margin-bottom: 0 !important;
    margin-top: 22px;
  }
  .broadcast_steps .broadcast_subject,
  .campaign_steps .broadcast_subject {
    margin-bottom: 10px;
  }
  .broadcast_steps collection-filter-edit .edit-filter,
  .broadcast_steps collection-filter-edit .show-filter,
  .campaign_steps collection-filter-edit .edit-filter,
  .campaign_steps collection-filter-edit .show-filter {
    width: 240px;
    transition: all 150ms;
  }
  .broadcast_steps collection-filter-edit .edit-filter[collection="location"],
  .broadcast_steps collection-filter-edit .edit-filter[collection="region"],
  .broadcast_steps collection-filter-edit .show-filter[collection="location"],
  .broadcast_steps collection-filter-edit .show-filter[collection="region"],
  .campaign_steps collection-filter-edit .edit-filter[collection="location"],
  .campaign_steps collection-filter-edit .edit-filter[collection="region"],
  .campaign_steps collection-filter-edit .show-filter[collection="location"],
  .campaign_steps collection-filter-edit .show-filter[collection="region"] {
    width: 450px;
    transition: all 150ms;
  }
  .broadcast-step-loading {
    color: #c1c1c1;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    margin: auto;
    text-align: center;
    width: 100%;
  }
  .broadcast-step-loading::before {
    background: url(/assets/spinner-gray-light-med-b45f925c220183c61e5ac5b263746c0b71fd1fc79765b11d76d7e576b6c38851.gif)
      no-repeat center center;
    background-size: 100%;
    content: "";
    display: block;
    height: 48px;
    left: -54px;
    position: absolute;
    width: 48px;
    margin: auto;
    position: inherit;
  }
  .broadcasts-show .sidebar .btn,
  .broadcasts-show .sidebar #buorgul,
  .broadcasts-show .sidebar #buorgig {
    margin-bottom: 10px;
  }
  .broadcasts-show .sidebar .btn-flat .icon {
    font-size: 17px;
  }
  .broadcasts-show .sidebar .btn.half,
  .broadcasts-show .sidebar .half#buorgul,
  .broadcasts-show .sidebar .half#buorgig {
    float: left;
    margin: 0;
    width: calc(50% - 5px);
  }
  .broadcasts-show .sidebar .btn.half.first,
  .broadcasts-show .sidebar .half.first#buorgul,
  .broadcasts-show .sidebar .half.first#buorgig {
    margin-right: 10px;
  }
  .designers-edit div[data-template="union"] .formkit-page-header {
    min-height: calc(100vh - 255px);
  }
  .designers-edit .formkit-video iframe {
    pointer-events: none;
  }
  .designers-edit div[data-template="hawthorne"] .formkit-fields {
    flex-direction: column;
  }
  .designers-edit div[data-template="hawthorne"] .formkit-field {
    width: 100%;
  }
  .designers-edit div[data-template="hawthorne"] .formkit-form {
    box-shadow: 0 0 0;
  }
  .designers-edit div[data-template="princeton"] .forms-custom-fields {
    box-shadow: 0 0 0;
  }
  .designers-edit
    div[data-template="princeton"]
    .forms-custom-fields__line
    > span {
    border-top-color: rgba(51, 51, 51, 0.6) !important;
  }
  .designers-edit
    div[data-template="princeton"]
    .forms-custom-fields
    .ck-button {
    color: #333;
    border-color: rgba(51, 51, 51, 0.6);
  }
  .registrations .form-control.error,
  .surveys .form-control.error,
  .passwords .form-control.error,
  .user_invitations .form-control.error {
    box-shadow: 0 0 !important;
  }
  .registrations label.error,
  .registrations .alert-error,
  .surveys label.error,
  .surveys .alert-error,
  .passwords label.error,
  .passwords .alert-error,
  .user_invitations label.error,
  .user_invitations .alert-error {
    background: #f36547;
    border-radius: 3px;
    color: #fff;
    display: block;
    padding: 5px 10px;
    width: 100%;
    z-index: 25;
  }
  .registrations input + .error,
  .registrations select + .error,
  .surveys input + .error,
  .surveys select + .error,
  .passwords input + .error,
  .passwords select + .error,
  .user_invitations input + .error,
  .user_invitations select + .error {
    border-radius: 0 0 3px 3px;
    margin-top: -3px;
  }
  .registrations .page,
  .surveys .page,
  .passwords .page,
  .user_invitations .page {
    background: #fff;
  }
  .registrations .page .content_wrapper,
  .surveys .page .content_wrapper,
  .passwords .page .content_wrapper,
  .user_invitations .page .content_wrapper {
    min-height: 100vh;
  }
  .registrations .btn--primary,
  .registrations .redactor-modal-action-btn,
  .registrations #buorgul,
  .surveys .btn--primary,
  .surveys .redactor-modal-action-btn,
  .surveys #buorgul,
  .passwords .btn--primary,
  .passwords .redactor-modal-action-btn,
  .passwords #buorgul,
  .user_invitations .btn--primary,
  .user_invitations .redactor-modal-action-btn,
  .user_invitations #buorgul {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 0.4px;
    text-transform: uppercase;
  }
  .registrations .ck-checkbox [type="checkbox"]:not(:checked) + label::before,
  .surveys .ck-checkbox [type="checkbox"]:not(:checked) + label::before,
  .passwords .ck-checkbox [type="checkbox"]:not(:checked) + label::before,
  .user_invitations
    .ck-checkbox
    [type="checkbox"]:not(:checked)
    + label::before {
    border-color: #ccc;
  }
  .registrations .testimonial-quote p,
  .surveys .testimonial-quote p,
  .passwords .testimonial-quote p,
  .user_invitations .testimonial-quote p {
    font-size: 17px;
    color: var(--gray-800);
  }
  .sessions-new #new_admin_user,
  .sessions-new .btn--oauth {
    margin-top: 15px;
  }

  .duplicates-show {
    background-color: var(--warm-white-100);
    font-family: var(--font-ui);
    font-size: 16px;
  }

  .duplicates-show .btn {
    font-weight: 600;
    line-height: 1.375;
    border-radius: 10px;
    transition-property:
      background-color, border-color, color, fill, stroke, opacity, box-shadow,
      transform;
    transition-duration: 200ms;
    vertical-align: middle;
    text-align: center;
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    display: inline-flex;
    color: #fff;
    background-color: var(--black);
  }

  .duplicates-show .share-va-cta .btn:hover,
  .duplicates-show .share-va-cta .btn:focus {
    text-decoration: none;
  }

  .duplicates-show .share-va-cta .btn:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    outline-color: var(--blue-500);
  }

  .duplicates-show .share-va-cta .btn:hover {
    background-color: var(--gray-800);
  }

  .share-va-footer {
    width: calc(100% - 140px);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }

  .share-va-footer .share-va-logo-container {
    width: 54px;
  }

  @media all and (max-width: 991px) {
    .share-va-footer {
      width: 100%;
      padding: 0 30px;
    }
  }

  .duplicates-show .share-va-content {
    width: calc(100% - 140px);
    padding: 60px 0 60px;
    margin: 0 auto;
  }
  @media all and (max-width: 991px) {
    .duplicates-show .share-va-content {
      border-radius: 0;
      width: 100%;
      padding: 30px;
    }
  }
  .duplicates-show .share-va-content__intro {
    padding-bottom: 0;
  }
  .duplicates-show .share-va-content__intro h1 {
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 30px;
    line-height: 48px;
  }
  @media all and (max-width: 991px) {
    .duplicates-show .share-va-content__intro h1 {
      font-size: 28px;
      margin-top: 30px;
    }
  }
  .duplicates-show .share-va-content__intro p {
    font-size: 16px;
    margin-bottom: 16px;
  }
  .duplicates-show .share-va-content__intro .btn {
    margin-right: 20px;
  }
  .duplicates-show .share-va-content__intro .col-sm-7 {
    padding-left: 45px;
  }
  @media all and (max-width: 991px) {
    .duplicates-show .share-va-content__intro .col-sm-7 {
      padding-left: 15px;
    }
    .duplicates-show .share-va-content__intro .col-sm-7 span {
      display: block;
      margin-top: 20px;
    }
  }
  .duplicates-show .share-va-content__intro__button {
    display: flex;
    align-items: center;
    margin-top: 32px;
  }
  .duplicates-show .share-va-content__intro__button span {
    cursor: default;
  }
  .duplicates-show .share-va-content__intro__button img {
    width: 42px;
    margin-left: 8px;
  }
  .duplicates-show .share-va-content__intro__button h3 {
    font-size: 20px;
  }
  .duplicates-show .share-va-preview {
    width: 100%;
    max-height: 630px;
    border: 16px solid var(--blue-200);
    border-radius: 10px;
    background: var(--gray-50);
    overflow: hidden;
  }
  .duplicates-show .share-va-preview img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
  }
  .duplicates-show .simple-footer {
    padding-top: 60px;
    padding-bottom: 40px;
    color: var(--gray-700);
  }
  .duplicates-show .simple-footer__links a {
    color: var(--gray-700);
    padding-left: 20px;
    transition: ease all 0.3s;
  }
  .duplicates-show .simple-footer__links a:hover,
  .duplicates-show .simple-footer__links a:focus {
    color: var(--blue-500);
  }
  .duplicates-show .simple-footer img {
    width: 120px;
  }

  .duplicates-show .share-va-cta {
    padding: 30px;
    margin: 0;
    margin-top: 40px;
    width: 100%;
    border: 1px solid var(--blue-500);
    border-radius: 10px;
    color: var(--gray-800);
  }
  @media all and (max-width: 480px) {
    .duplicates-show .share-va-cta {
      display: inline-block;
      text-align: center;
    }
  }
  .duplicates-show .share-va-cta h3 {
    margin-top: 0;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 15px;
  }

  .duplicates-show .share-va-cta .btn {
    margin-top: 10px;
  }

  body.email-beta .edit_broadcast .content {
    padding: 0;
  }
  body.email-beta .broadcast-section {
    padding: 30px;
    position: relative;
  }
  body.email-beta .broadcast-section:first-of-type {
    border-bottom: 1px solid var(--gray-200);
  }
  #email_settings tr > td:first-child,
  #email_settings tr > td:nth-child(2) {
    max-width: 180px;
    word-wrap: break-word;
  }
  body.preview[class*="preview-"] .preview-content {
    background-image: linear-gradient(to bottom, #f4f4f4 0%, #f4f4f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF4F4F4',endColorstr='#FFF4F4F4',GradientType=0);
    background-repeat: repeat-x;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 0;
    color: #555;
  }
  body.preview[class*="preview-"] .preview-content h1 {
    background-image: linear-gradient(to bottom, #2a79be 0%, #2976b9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF2A79BE',endColorstr='#FF2976B9',GradientType=0);
    background-repeat: repeat-x;
    color: #fff;
    border-top: solid 3px #212a38;
    height: 50px;
    line-height: 45px;
    font-weight: 100;
    font-size: 17px;
    padding: 0 15px;
    margin: 0 0 15px;
  }
  body.preview[class*="preview-"] .preview-content h2 {
    font-size: 16px;
    margin: 0 15px 5px;
    font-weight: 600;
  }
  body.preview[class*="preview-"] .preview-content p {
    margin: 0 15px 15px;
  }
  body.preview[class*="preview-"] .redirection-preview {
    background: #fff;
    border: 10px solid #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    margin-bottom: 30px;
  }
  body.preview[class*="preview-"] .redirection-preview .redirection-url {
    color: #555;
    padding-bottom: 10px;
    border-bottom: 1px solid #e1e1e1;
    margin-bottom: 10px;
  }
  body.preview[class*="preview-"] .redirection-preview iframe {
    border-width: 0;
    width: 100%;
    height: 800px;
  }
  body.fullwidth .page,
  body.fullwidth .content_wrapper {
    flex: 1 auto;
  }
  body.fullwidth .container,
  body.fullwidth .page_header_content,
  body.fullwidth .page_header_content {
    max-width: none;
  }
  .landing_pages-settings #landing_page_custom_css {
    font-family: Courier, sans-serif;
    width: 620px;
  }
  .landing_pages-settings
    #landing_page_subscription_form_attributes_success_message {
    width: 400px;
    height: 150px;
  }
  .landing_pages-settings #select_course_form {
    font-size: 16px;
    width: 400px;
  }
  .landing_pages-settings .prefilled_url {
    position: relative;
    margin-left: 20px;
  }
  .landing_pages-settings .prefilled_url .landing_page_url_label {
    position: absolute;
    top: 9px;
    text-align: right;
    width: 255px;
    overflow: hidden;
    color: #999;
    font-size: 12px;
    white-space: nowrap;
    padding-right: 5px;
  }
  .landing_pages-settings .prefilled_url #landing_page_url_path {
    width: 390px;
    padding-left: 250px;
  }
  .landing_pages-settings .email-wrapper {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    padding: 0 10px;
    width: 400px;
  }
  .landing_pages-settings .signup_incentive {
    position: relative;
    margin-bottom: 30px;
  }
  .landing_pages-settings .signup_incentive .incentive-type {
    list-style: none;
    margin: 0;
    overflow: auto;
    padding: 0;
  }
  .landing_pages-settings .signup_incentive .incentive-type li {
    float: left;
    margin: 7px 24px 7px 0;
  }
  .landing_pages-settings .signup_incentive .incentive-type li input {
    margin: -1px 5px 0 2px;
  }
  .landing_pages-settings .signup_incentive .controls {
    margin-bottom: 10px;
    position: relative;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    input#landing_page_subscription_form_attributes_reward_url,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    input#landing_page_subscription_form_attributes_reward_url {
    height: 42px;
    width: 400px;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .incentive-file-upload,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .incentive-file-upload {
    background: #ededed;
    border: dashed 2px #cdcdcd;
    border-radius: 5px;
    color: #777;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 42px;
    padding: 8px 0;
    text-align: center;
    width: 250px;
    margin-right: 5px;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .incentive-file-upload:hover,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .incentive-file-upload:hover {
    background: #e8e7e7;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .incentive-file-upload.uploaded,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .incentive-file-upload.uploaded {
    display: none;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .incentive-file-upload
    .fa-upload,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .incentive-file-upload
    .fa-upload {
    display: inline-block;
    font-size: 24px;
    margin: 0 10px;
    vertical-align: middle;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .view_incentive,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .view_incentive {
    display: block;
    height: 42px;
    padding: 2px 0;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .view_incentive
    .incentive-file,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .view_incentive
    .incentive-file {
    background: #f5f5f5;
    border-radius: 5px;
    display: inline-block;
    margin-right: 5px;
    padding: 8px 12px;
    vertical-align: middle;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .view_incentive
    .icon,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .view_incentive
    .icon {
    font-size: 16px;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .view_incentive
    #incentiveUrl,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .view_incentive
    #incentiveUrl {
    display: inline-block;
    font-weight: 600;
    max-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
  .landing_pages-settings .signup_incentive .controls .incentive_url .uploading,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .uploading {
    background: #d5d5d5;
    border: solid 1px #bbb;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    padding: 10px 0;
    position: relative;
    text-align: center;
    width: 250px;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .uploading
    .status,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .uploading
    .status {
    text-align: center;
    position: relative;
    z-index: 10;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .uploading
    .status
    .file_name,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .uploading
    .status
    .file_name {
    font-weight: 700;
    font-size: 14px;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .uploading
    .status
    .file_name
    .stage,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .uploading
    .status
    .file_name
    .stage {
    font-weight: 400;
    font-size: 12px;
  }
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_url
    .uploading
    .upload_progress,
  .landing_pages-settings
    .signup_incentive
    .controls
    .incentive_file
    .uploading
    .upload_progress {
    background: #5da8d7;
    height: 41px;
    position: absolute;
    top: 0;
    z-index: 5;
  }
  .landing_pages-settings .form-label {
    font-size: 16px;
  }
  .landing_pages-settings input[type="text"].input-wide {
    width: 400px;
    padding: 10px;
  }
  .landing_pages-settings .help-block {
    color: #aaa;
  }
  .landing_pages-settings #incentive_email textarea {
    background: 0 0;
    border-radius: 0;
    border-width: 0;
    box-shadow: none;
    padding: 15px 0;
    resize: none;
    width: 378px;
  }
  .landing_pages-settings #incentive_email .subscribe_button_container {
    background: #88c7f0;
    border: solid 1px #60b0e4;
    border-radius: 5px;
    padding: 5px 10px;
    margin: 5px 0;
  }
  .landing_pages-settings #incentive_email .subscribe_button_container input {
    border: solid #60b0e4 1px;
    font-size: 18px;
    font-weight: 700;
    margin: 0;
    text-align: center;
    width: 100%;
  }
  .landing_pages-settings #integrations_settings textarea {
    height: 20px;
    width: 500px;
  }
  .pattern-bg,
  .pages-confirm,
  .pages-preferences,
  .email_links-unsubscribe,
  .email_links-unsubscribe_index,
  .email_links-resubscribe,
  .landing_pages-captcha,
  .landing_pages-subscribeByIdEmbed,
  .gdpr_consents-show,
  .preferences-edit,
  .preferences-update,
  .preferences-preview,
  .accounts-closed,
  .unsubscribe-show,
  .unsubscribe-unsubscribe,
  .unsubscribe-resubscribe,
  .recoveries-show {
    background: #fff;
    background-image: url(/assets/icon-fade-bg-94329f689936ff7aad0c05aa3ee20eb6b5711ad6073fa90ed946803ed4508590.png);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
  }
  .report-recipients-subscribers-table-wrap,
  .report-opened-subscribers-table-wrap {
    margin: -30px;
  }
  .report-recipients-subscribers-table-wrap .report-title,
  .report-opened-subscribers-table-wrap .report-title {
    margin: 0;
    float: left;
    line-height: 1.7em;
  }
  .report-recipients-subscribers-table-wrap.bulk-actions--disabled
    .subscriber-actions,
  .report-opened-subscribers-table-wrap.bulk-actions--disabled
    .subscriber-actions {
    display: none;
  }
  .report-recipients-subscribers-table-wrap.bulk-actions--disabled
    input[type="checkbox"],
  .report-opened-subscribers-table-wrap.bulk-actions--disabled
    input[type="checkbox"] {
    display: none;
  }
  .report-recipients-subscribers-table-wrap.bulk-actions--disabled
    td:first-of-type,
  .report-recipients-subscribers-table-wrap.bulk-actions--disabled
    th:first-of-type,
  .report-opened-subscribers-table-wrap.bulk-actions--disabled td:first-of-type,
  .report-opened-subscribers-table-wrap.bulk-actions--disabled
    th:first-of-type {
    width: 15px !important;
  }
  form[name="sendAddressForm"]:before,
  form[name="sendAddressForm"]:after {
    display: table;
    content: " ";
  }
  form[name="sendAddressForm"]:after {
    clear: both;
  }
  form[name="sendAddressForm"] label {
    margin-right: 5px;
    float: left;
    line-height: 34px;
  }
  form[name="sendAddressForm"] .select-wrap {
    float: left;
    max-width: calc(100% - 140px);
    width: auto;
  }
  form[name="sendAddressForm"] .select-wrap select {
    width: auto;
  }
  .errors {
    color: #a94442;
  }
  .subscribers .content .form-wrap h3,
  .products .content .form-wrap h3 {
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 25px;
  }
  .subscribers .content .form-wrap h4,
  .products .content .form-wrap h4 {
    font-size: 18px;
    font-weight: 600;
  }

  .courses-reports .sidebar--sm {
    width: 300px;
  }

  .emails img.sendgrid-logo {
    width: 20px;
    padding-left: 5px;
  }

  /*!* Datetimepicker for Bootstrap 3
* version : 4.17.47
* https://github.com/Eonasdan/bootstrap-datetimepicker/*/
  .bootstrap-datetimepicker-widget {
    list-style: none;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
  }
  @media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em;
    }
  }
  @media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em;
    }
  }
  @media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
      width: 38em;
    }
  }
  .bootstrap-datetimepicker-widget.dropdown-menu:before,
  .bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: "";
    display: inline-block;
    position: absolute;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    top: -6px;
    left: 8px;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    bottom: -6px;
    left: 7px;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
  }
  .bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
  }
  .bootstrap-datetimepicker-widget .list-unstyled,
  .bootstrap-datetimepicker-widget .sidebar--index section ul,
  .sidebar--index section .bootstrap-datetimepicker-widget ul,
  .bootstrap-datetimepicker-widget .broadcast-list li .broadcasts,
  .broadcast-list li .bootstrap-datetimepicker-widget .broadcasts {
    margin: 0;
  }
  .bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
  }
  .bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
  }
  .bootstrap-datetimepicker-widget .timepicker-hour,
  .bootstrap-datetimepicker-widget .timepicker-minute,
  .bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0;
  }
  .bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
  }
  .bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after,
  .bootstrap-datetimepicker-widget
    [data-action="incrementHours"]#buorgul::after,
  .bootstrap-datetimepicker-widget
    [data-action="incrementHours"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
  }
  .bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after,
  .bootstrap-datetimepicker-widget
    [data-action="incrementMinutes"]#buorgul::after,
  .bootstrap-datetimepicker-widget
    [data-action="incrementMinutes"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
  }
  .bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after,
  .bootstrap-datetimepicker-widget
    [data-action="decrementHours"]#buorgul::after,
  .bootstrap-datetimepicker-widget
    [data-action="decrementHours"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
  }
  .bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after,
  .bootstrap-datetimepicker-widget
    [data-action="decrementMinutes"]#buorgul::after,
  .bootstrap-datetimepicker-widget
    [data-action="decrementMinutes"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
  }
  .bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after,
  .bootstrap-datetimepicker-widget [data-action="showHours"]#buorgul::after,
  .bootstrap-datetimepicker-widget [data-action="showHours"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
  }
  .bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after,
  .bootstrap-datetimepicker-widget [data-action="showMinutes"]#buorgul::after,
  .bootstrap-datetimepicker-widget [data-action="showMinutes"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
  }
  .bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after,
  .bootstrap-datetimepicker-widget [data-action="togglePeriod"]#buorgul::after,
  .bootstrap-datetimepicker-widget [data-action="togglePeriod"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
  }
  .bootstrap-datetimepicker-widget .btn[data-action="clear"]::after,
  .bootstrap-datetimepicker-widget [data-action="clear"]#buorgul::after,
  .bootstrap-datetimepicker-widget [data-action="clear"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
  }
  .bootstrap-datetimepicker-widget .btn[data-action="today"]::after,
  .bootstrap-datetimepicker-widget [data-action="today"]#buorgul::after,
  .bootstrap-datetimepicker-widget [data-action="today"]#buorgig::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
  }
  .bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
  }
  .bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
  }
  .bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
  }
  .bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
  }
  .bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
  }
  .bootstrap-datetimepicker-widget table td,
  .bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
  }
  .bootstrap-datetimepicker-widget table th {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }
  .bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
  }
  .bootstrap-datetimepicker-widget table th.disabled,
  .bootstrap-datetimepicker-widget table th.btn--loading,
  .bootstrap-datetimepicker-widget table th.disabled:hover,
  .bootstrap-datetimepicker-widget table th.btn--loading:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
  }
  .bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
  }
  .bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
  }
  .bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
  }
  .bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eee;
  }
  .bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
  }
  .bootstrap-datetimepicker-widget table td.cw {
    font-size: 0.8em;
    height: 20px;
    line-height: 20px;
    color: #777;
  }
  .bootstrap-datetimepicker-widget table td.day {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }
  .bootstrap-datetimepicker-widget table td.day:hover,
  .bootstrap-datetimepicker-widget table td.hour:hover,
  .bootstrap-datetimepicker-widget table td.minute:hover,
  .bootstrap-datetimepicker-widget table td.second:hover {
    background: #eee;
    cursor: pointer;
  }
  .bootstrap-datetimepicker-widget table td.old,
  .bootstrap-datetimepicker-widget table td.new {
    color: #777;
  }
  .bootstrap-datetimepicker-widget table td.today {
    position: relative;
  }
  .bootstrap-datetimepicker-widget table td.today:before {
    content: "";
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
  }
  .bootstrap-datetimepicker-widget table td.active,
  .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
  }
  .bootstrap-datetimepicker-widget table td.disabled,
  .bootstrap-datetimepicker-widget table td.btn--loading,
  .bootstrap-datetimepicker-widget table td.disabled:hover,
  .bootstrap-datetimepicker-widget table td.btn--loading:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
  }
  .bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
  }
  .bootstrap-datetimepicker-widget table td span:hover {
    background: #eee;
  }
  .bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  }
  .bootstrap-datetimepicker-widget table td span.old {
    color: #777;
  }
  .bootstrap-datetimepicker-widget table td span.disabled,
  .bootstrap-datetimepicker-widget table td span.btn--loading,
  .bootstrap-datetimepicker-widget table td span.disabled:hover,
  .bootstrap-datetimepicker-widget table td span.btn--loading:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed;
  }
  .bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
  }
  .bootstrap-datetimepicker-widget.wider {
    width: 21em;
  }
  .bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
  }
  .input-group.date .input-group-addon,
  #redactor-modal .date.input-group.automation-links .input-group-addon {
    cursor: pointer;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
  }
  body.workflows .page-header,
  body.workflows .page_header {
    z-index: 3;
  }
  body.workflows .content-wrap {
    flex: 1 0 auto;
  }
  body.workflows-index .inner-header {
    padding-top: 20px;
  }
  body.workflows-index .inner-header ul {
    padding-left: 30px;
  }
  body.workflows-index .inner-header .btn,
  body.workflows-index .inner-header #buorgul,
  body.workflows-index .inner-header #buorgig {
    margin-right: 30px;
  }
  body.workflows-index .content {
    background: 0 0;
    padding-top: 20px;
  }
  @media all and (max-width: 991px) {
    body.workflows-index .filter-links {
      display: none;
    }
    body.workflows-index .inner-header {
      padding-left: 30px;
      padding-right: 30px;
    }
  }

  /*
 * TODO: These tooltip styles are temporary.
 * We should fix this in the tooltip component (another PR).
 */
  .tooltip-arrow,
  [data-reach-tooltip] {
    z-index: 10000 !important;
  }

  /* 16px is the "default" font size for iOS. In case the font is smaller, Safari assumes it's too small and automatically zooms in */
  /* https: //defensivecss.dev/tip/input-zoom-safari */
  @supports (-webkit-touch-callout: none) {
    input,
    input.design-input {
      font-size: 16px !important; /* Unfortunately we use !important on the default style for this class so we need to use it here too */
    }
  }
}