@charset "UTF-8";
@font-face {
  font-family: Robotolight;
  src: url("../fonts/Robotolight.woff") format("woff"); }

@font-face {
  font-family: Roboto;
  src: url("../fonts/Roboto.woff") format("woff"); }

@font-face {
  font-family: Robotobold;
  src: url("../fonts/Robotobold.woff") format("woff"); }

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }

abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: 0 0; }

a:-webkit-any-link {
  cursor: pointer;
  text-decoration: underline; }

.stretch {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.header {
  background-color: #fff;
  height: 68px;
  min-width: 1300px; }
  .header .header-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    height: 100%; }
    .header .header-wrapper .header-left, .header .header-wrapper .header-right {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
    .header .header-wrapper .header-left .logo {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      text-decoration: none;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      overflow: hidden;
      width: calc(44px + 12px + 125px);
      height: -webkit-fill-available;
      margin-right: 70px; }
      .header .header-wrapper .header-left .logo .logo__img {
        background-image: url(../img/logo1.svg);
        width: 24px;
        height: 24px;
        background-repeat: no-repeat;
        background-size: cover; }
      .header .header-wrapper .header-left .logo .logo__text {
        font-size: 24px;
        color: #e30611;
        font-family: Robotobold !important;
        left: 12px;
        position: relative; }
    .header .header-wrapper .header-left .tabs {
      position: relative;
      height: 68px;
      text-decoration: none;
/*      left: 100px; */}
      .header .header-wrapper .header-left .tabs .tab {
        font-size: 14px;
        padding: 2px 8px;
        margin-right: 12px;
        vertical-align: bottom;
        display: inline-block;
        height: 68px;
        line-height: 68px;
        margin-left: 12px;
        -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
        transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
        border-bottom: 2px solid transparent; }
        .header .header-wrapper .header-left .tabs .tab .tab-title {
          font-size: 16px;
          color: #9198a0;
          cursor: pointer;
          display: block;
          height: -webkit-fill-available;
          vertical-align: -webkit-baseline-middle;
          text-decoration: none; }
        .header .header-wrapper .header-left .tabs .tab--active {
          font-weight: 700;
          border-bottom: 2px solid #e30611; }
          .header .header-wrapper .header-left .tabs .tab--active .tab-title {
            color: #e30611; }
        .header .header-wrapper .header-left .tabs .tab--dropdown {
          position: relative; }
          .header .header-wrapper .header-left .tabs .tab--dropdown:hover .tab-dropdown-content {
            opacity: 1;
            visibility: visible;
            z-index: 9999;
            pointer-events: auto; }
          .header .header-wrapper .header-left .tabs .tab--dropdown .tab-dropdown-content {
            display: block;
            position: absolute;
            top: 68px;
            left: 0;
            -webkit-transform: translateX(-30%);
            transform: translateX(-30%);
            z-index: 1000;
            -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
            transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
            opacity: 0;
            pointer-events: none; }
            .header .header-wrapper .header-left .tabs .tab--dropdown .tab-dropdown-content .tab-dropdown {
              width: 276px;
              position: relative;
              list-style-type: none;
              margin-top: 30px;
              -webkit-box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1);
                      box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1); }
              .header .header-wrapper .header-left .tabs .tab--dropdown .tab-dropdown-content .tab-dropdown-item {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                min-height: 40px;
                font-weight: 400;
                font-style: normal;
                font-stretch: normal;
                background-color: #fff;
                cursor: pointer;
                position: relative;
                z-index: 1000; }
                .header .header-wrapper .header-left .tabs .tab--dropdown .tab-dropdown-content .tab-dropdown-item:hover {
                  background-color: #ffe4e9; }
                .header .header-wrapper .header-left .tabs .tab--dropdown .tab-dropdown-content .tab-dropdown-item a {
                  display: inline-block;
                  padding: 14px 32px;
                  text-decoration: none; }
                  .header .header-wrapper .header-left .tabs .tab--dropdown .tab-dropdown-content .tab-dropdown-item a .dropdown-item-title {
                    color: #001424;
                    margin-bottom: 5px;
                    font-size: 16px;
                    line-height: 1.38; }
                  .header .header-wrapper .header-left .tabs .tab--dropdown .tab-dropdown-content .tab-dropdown-item a .dropdown-item-desc {
                    font-size: 14px;
                    color: #9198a0;
                    line-height: 1.42; }
              .header .header-wrapper .header-left .tabs .tab--dropdown .tab-dropdown-content .tab-dropdown:before {
                content: '';
                display: block;
                width: 20px;
                height: 20px;
                background-color: #fff;
                position: absolute;
                top: -8px;
                left: 44%;
                -webkit-transform: rotate(84rad);
                transform: rotate(84rad); }
      .header .header-wrapper .header-left .tabs :first-child {
        margin-left: 0; }
    .header .header-wrapper .header-right {
      cursor: pointer;
      position: relative; }
      .header .header-wrapper .header-right .tabs {
        position: relative;
        height: 68px;
        text-decoration: none;
        /*      left: 100px; */}
        .header .header-wrapper .header-right .tabs .tab {
          font-size: 14px;
          padding: 2px 8px;
          margin-right: 12px;
          vertical-align: bottom;
          display: inline-block;
          height: 68px;
          line-height: 68px;
          margin-left: 12px;
          -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
          transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
          border-bottom: 2px solid transparent; }
          .header .header-wrapper .header-right .tabs .tab .tab-title {
            font-size: 16px;
            color: #9198a0;
            cursor: pointer;
            display: block;
            height: -webkit-fill-available;
            vertical-align: -webkit-baseline-middle;
            text-decoration: none; }
            .header .header-wrapper .header-right .tabs .tab--active {
              font-weight: 700;
              border-bottom: 2px solid #e30611; }
              .header .header-wrapper .header-right .tabs .tab--active .tab-title {
                color: #e30611; }
      .header .header-wrapper .header-right .profile-icon {
        width: 40px;
        height: 40px;
        border-radius: 50px;
        margin: 0 4px;
        vertical-align: initial; }
      .header .header-wrapper .header-right .money {
        line-height: 14px;
        font-size: 14px;
        color: #4B4949;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center; }
        .header .header-wrapper .header-right .money img {
          padding-right: 8px; }


.main-body .tabs {
  position: relative;
  text-decoration: none;
}
.main-body .tabs .tab {
  font-size: 12px;
  vertical-align: bottom;
  display: inline-block;
  line-height: 32px;
  margin-left: 8px;
  -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  border-bottom: 2px solid transparent; }
.main-body .tabs .tab .tab-title {
  font-size: 14px;
  color: #9198a0;
  cursor: pointer;
  display: block;
  height: -webkit-fill-available;
  vertical-align: -webkit-baseline-middle;
  text-decoration: none; }
.main-body .tabs .tab--active {
  border-bottom: 2px solid #e30611; }
.main-body .tabs .tab--active .tab-title {
  color: #e30611; }


.main-body {
  margin-bottom: 5rem;
  min-height: calc(100vh - 630px); }
  .main-body .container {
    background-color: #f8f8f8;
    padding: 5rem 5rem 8rem; }
    .main-body .container .main-content {
      border-right: 10px solid #f8f8f8; }
    .main-body .container .heading-over {
      line-height: 24px;
      font-size: 16px;
      color: #9198a0;
      margin-left: .5rem; }
    .main-body .container .heading-below {
      display: block;
      line-height: 24px;
      font-size: 16px;
      color: #001424;
      margin-bottom: 2.4rem;
      margin-left: .5rem; }
    .main-body .container h1.heading-1 {
      margin-left: .5rem;
      line-height: 44px;
      font-size: 32px;
      color: #001424;
      font-weight: 700; }
    .main-body .container h2.heading-nav {
      font-size: 16px;
      color: #001424; }
    .main-body .container .sub-nav {
      line-height: 16px;
      font-size: 12px;
      color: #838E99;
      padding-bottom: 8px;
      padding-top: 6px;
      display: block; }
    .main-body .container .campaign-nav__wrapper {
      background-color: #fff; }
      .main-body .container .campaign-nav__wrapper li {
        list-style-type: none; }
        .main-body .container .campaign-nav__wrapper li .header-left-menu {
          height: 72px;
          background-color: #fff;
          cursor: move;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          padding-left: 24px;
          position: relative;
          -webkit-box-shadow: inset 0px -2px 0px #E5E2EB;
                  box-shadow: inset 0px 1px 0px #E5E2EB; }
          .main-body .container .campaign-nav__wrapper li .header-left-menu.no-draggable {
            cursor: pointer; }
          .main-body .container .campaign-nav__wrapper li .header-left-menu .name-nav {
            line-height: 24px;
            font-size: 16px;
            color: #001424;
            display: block; }
          .main-body .container .campaign-nav__wrapper li .header-left-menu .drop-down-icon {
            position: absolute;
            right: 20px;
            cursor: pointer;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);}
          .main-body .container .campaign-nav__wrapper li .header-left-menu .drop-down-icon.active {
            -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);}
          .main-body .container .campaign-nav__wrapper li .header-left-menu .drag-right-icon {
            position: absolute;
            right: 20px;
            cursor: move;}
        .main-body .container .campaign-nav__wrapper li .header-content-menu {
          -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
          overflow: hidden;
          display: none;
          padding: 0 24px 16px 24px;
          -webkit-box-sizing: border-box;
                  box-sizing: border-box; }
          .main-body .container .campaign-nav__wrapper li .header-content-menu.active {
            display: block;
            font-size: 13px;
            color: #838E99;}
        .main-body .container .campaign-nav__wrapper li .header-right-menu {
          background-color: #fff;
          cursor: default;
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -ms-flex-align: center;
          align-items: center;
          padding-left: 24px;
          position: relative;
          -webkit-box-shadow: inset 0px -2px 0px #E5E2EB;
          box-shadow: inset 0px 1px 0px #E5E2EB; }
          .main-body .container .campaign-nav__wrapper li .header-right-menu .name-keywords {
            line-height: 24px;
            font-size: 16px;
            padding: 12px 56px 12px 0;
            color: #001424;
            display: block; }
          .main-body .container .campaign-nav__wrapper li .header-right-menu .drop-down-icon {
            position: absolute;
            right: 16px;
            cursor: pointer;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            z-index: 2; }

.grid, .grid-noGutter {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap; }
  .grid .col, .grid-noGutter .col {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 1rem 1rem;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
            flex: 1 1 0%; }
  .grid .col-p, .grid-noGutter .col-p {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 1rem 1rem; }
  .grid .col-1, .grid-noGutter .col-1 {
    -ms-flex-preferred-size: 8.33333%;
        flex-basis: 8.33333%;
    max-width: 8.33333%; }
  .grid .col-1_5, .grid-noGutter .col-1_5 {
    -ms-flex-preferred-size: 12.5%;
        flex-basis: 12.5%;
    max-width: 12.5%; }
  .grid .col-2, .grid-noGutter .col-2 {
    -ms-flex-preferred-size: 16.66667%;
        flex-basis: 16.66667%;
    max-width: 16.66667%; }
  .grid .col-3, .grid-noGutter .col-3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%; }
  .grid .col-4, .grid-noGutter .col-4 {
    -ms-flex-preferred-size: 33.33333333%;
        flex-basis: 33.33333333%;
    max-width: 33.33333333%; }
  .grid .col-5, .grid-noGutter .col-5 {
    -ms-flex-preferred-size: 41.666667%;
        flex-basis: 41.666667%;
    max-width: 41.666667%; }
  .grid .col-6, .grid-noGutter .col-6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%; }
  .grid .col-8, .grid-noGutter .col-8 {
    -ms-flex-preferred-size: 66.66666667%;
        flex-basis: 66.66666667%;
    max-width: 66.66666667%; }
  .grid .col-9, .grid-noGutter .col-9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%; }
  .grid .col-10, .grid-noGutter .col-10 {
    -ms-flex-preferred-size: 83.33333333%;
        flex-basis: 83.33333333%;
    max-width: 83.33333333%; }
  .grid .col-12, .grid-noGutter .col-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%; }
  .grid .col-right, .grid-noGutter .col-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .grid .col-middle, .grid-noGutter .col-middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .grid .col-bottom, .grid-noGutter .col-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end; }

.mr-4 {
  margin-right: 4px !important; }

.ml-4 {
  margin-left: 4px !important; }

.mt-4 {
  margin-top: 4px !important; }

.mb-4 {
  margin-bottom: 4px !important; }

.m-4 {
  margin: 4px !important; }

.pr-4 {
  padding-right: 4px !important; }

.pl-4 {
  padding-left: 4px !important; }

.pt-4 {
  padding-top: 4px !important; }

.pb-4 {
  padding-bottom: 4px !important; }

.p-4 {
  padding: 4px !important; }

.mr-8 {
  margin-right: 8px !important; }

.ml-8 {
  margin-left: 8px !important; }

.mt-8 {
  margin-top: 8px !important; }

.mb-8 {
  margin-bottom: 8px !important; }

.m-8 {
  margin: 8px !important; }

.pr-8 {
  padding-right: 8px !important; }

.pl-8 {
  padding-left: 8px !important; }

.pt-8 {
  padding-top: 8px !important; }

.pb-8 {
  padding-bottom: 8px !important; }

.p-8 {
  padding: 8px !important; }

.mr-12 {
  margin-right: 12px !important; }

.ml-12 {
  margin-left: 12px !important; }

.mt-12 {
  margin-top: 12px !important; }

.mb-12 {
  margin-bottom: 12px !important; }

.m-12 {
  margin: 12px !important; }

.pr-12 {
  padding-right: 12px !important; }

.pl-12 {
  padding-left: 12px !important; }

.pt-12 {
  padding-top: 12px !important; }

.pb-12 {
  padding-bottom: 12px !important; }

.p-12 {
  padding: 12px !important; }

.mr-16 {
  margin-right: 16px !important; }

.ml-16 {
  margin-left: 16px !important; }

.mt-16 {
  margin-top: 16px !important; }

.mb-16 {
  margin-bottom: 16px !important; }

.m-16 {
  margin: 16px !important; }

.pr-16 {
  padding-right: 16px !important; }

.pl-16 {
  padding-left: 16px !important; }

.pt-16 {
  padding-top: 16px !important; }

.pb-16 {
  padding-bottom: 16px !important; }

.p-16 {
  padding: 16px !important; }

.mr-24 {
  margin-right: 24px !important; }

.ml-24 {
  margin-left: 24px !important; }

.mt-24 {
  margin-top: 24px !important; }

.mb-24 {
  margin-bottom: 24px !important; }

.m-24 {
  margin: 24px !important; }

.pr-24 {
  padding-right: 24px !important; }

.pl-24 {
  padding-left: 24px !important; }

.pt-24 {
  padding-top: 24px !important; }

.pb-24 {
  padding-bottom: 24px !important; }

.p-24 {
  padding: 24px !important; }

.mr-32 {
  margin-right: 32px !important; }

.ml-32 {
  margin-left: 32px !important; }

.mt-32 {
  margin-top: 32px !important; }

.mb-32 {
  margin-bottom: 32px !important; }

.m-32 {
  margin: 32px !important; }

.pr-32 {
  padding-right: 32px !important; }

.pl-32 {
  padding-left: 32px !important; }

.pt-32 {
  padding-top: 32px !important; }

.pb-32 {
  padding-bottom: 32px !important; }

.p-32 {
  padding: 32px !important; }

.mr--4 {
  margin-right: -4px !important; }

.ml--4 {
  margin-left: -4px !important; }

.mt--4 {
  margin-top: -4px !important; }

.mb--4 {
  margin-bottom: -4px !important; }

.m--4 {
  margin: -4px !important; }

.pr--4 {
  padding-right: -4px !important; }

.pl--4 {
  padding-left: -4px !important; }

.pt--4 {
  padding-top: -4px !important; }

.pb--4 {
  padding-bottom: -4px !important; }

.p--4 {
  padding: -4px !important; }

.mr--8 {
  margin-right: -8px !important; }

.ml--8 {
  margin-left: -8px !important; }

.mt--8 {
  margin-top: -8px !important; }

.mb--8 {
  margin-bottom: -8px !important; }

.m--8 {
  margin: -8px !important; }

.pr--8 {
  padding-right: -8px !important; }

.pl--8 {
  padding-left: -8px !important; }

.pt--8 {
  padding-top: -8px !important; }

.pb--8 {
  padding-bottom: -8px !important; }

.p--8 {
  padding: -8px !important; }

.mr--12 {
  margin-right: -12px !important; }

.ml--12 {
  margin-left: -12px !important; }

.mt--12 {
  margin-top: -12px !important; }

.mb--12 {
  margin-bottom: -12px !important; }

.m--12 {
  margin: -12px !important; }

.pr--12 {
  padding-right: -12px !important; }

.pl--12 {
  padding-left: -12px !important; }

.pt--12 {
  padding-top: -12px !important; }

.pb--12 {
  padding-bottom: -12px !important; }

.p--12 {
  padding: -12px !important; }

.mr--16 {
  margin-right: -16px !important; }

.ml--16 {
  margin-left: -16px !important; }

.mt--16 {
  margin-top: -16px !important; }

.mb--16 {
  margin-bottom: -16px !important; }

.m--16 {
  margin: -16px !important; }

.pr--16 {
  padding-right: -16px !important; }

.pl--16 {
  padding-left: -16px !important; }

.pt--16 {
  padding-top: -16px !important; }

.pb--16 {
  padding-bottom: -16px !important; }

.p--16 {
  padding: -16px !important; }

.mr--24 {
  margin-right: -24px !important; }

.ml--24 {
  margin-left: -24px !important; }

.mt--24 {
  margin-top: -24px !important; }

.mb--24 {
  margin-bottom: -24px !important; }

.m--24 {
  margin: -24px !important; }

.pr--24 {
  padding-right: -24px !important; }

.pl--24 {
  padding-left: -24px !important; }

.pt--24 {
  padding-top: -24px !important; }

.pb--24 {
  padding-bottom: -24px !important; }

.p--24 {
  padding: -24px !important; }

.mr--32 {
  margin-right: -32px !important; }

.ml--32 {
  margin-left: -32px !important; }

.mt--32 {
  margin-top: -32px !important; }

.mb--32 {
  margin-bottom: -32px !important; }

.m--32 {
  margin: -32px !important; }

.pr--32 {
  padding-right: -32px !important; }

.pl--32 {
  padding-left: -32px !important; }

.pt--32 {
  padding-top: -32px !important; }

.pb--32 {
  padding-bottom: -32px !important; }

.p--32 {
  padding: -32px !important; }

.top-block {
  padding-top: 20px !important;
  padding-bottom: 25px !important; }

.grid-middle {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.grid-noGutter {
  margin: 0; }

.smart-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 24px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch; }

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.flex-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1; }

.placeholder {
  color: #cccccc; }

/* scenario style */
.item-speech {
  -webkit-box-shadow: inset 0px 0px 2px 0px #E5E2EB;
  box-shadow: inset 0px 1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 12px;
  padding: 6px 28px 6px 8px;
  position: relative;
  color: #707b87;
  background-color: #FFFAFA;
}
  .item-speech .item-speech-name .speech {
    font-size: 14px;
    color: #001424; }

  .item-speech .delete-icon {
    position: absolute;
    background-repeat: no-repeat;
    top: 6px;
    right: 6px;}
  .speech-input {
    background: #FFFFFF;
    border: 1px solid #E2E5EB;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    padding: 8px 16px;
    font-size: 14px;
    min-width: 100%;
    color: #666;
    line-height: 20px; }
  .icon-play {
      position: absolute;
      right: 3px;
      margin-top: 10px;
      background-color: #FFFFFF!important;
      border-left: 6px solid;
      border-color: #FFFFFF!important; }

.scenarios-wrap.edit .scenarios-block {
  display: none; }
  .scenarios-wrap.edit .scenarios-block.edit-form {
    display: block;
    border: 2px solid #ffe4e9;}

.scenarios-wrap.upload .scenarios-block {
  display: none; }
.scenarios-wrap .scenarios-block.upload-form {
  display: none; }
.scenarios-wrap.upload .scenarios-block.upload-form {
  display: block; }

.scenarios-wrap .scenarios-block {
  width: 100%;
  background-color: #fff;
  position: relative;
  margin-bottom: 8px;
  cursor: all-scroll; }
  .scenarios-wrap .scenarios-block.edit-form {
    display: none; }
  .scenarios-wrap .scenarios-block .scenarios-step {
    line-height: 16px;
    color: #838E99;
    display: block;
    font-size: 12px;
    padding: 16px 32px 7px; }
    .scenarios-wrap .scenarios-block .scenarios-step .scenarios-heading {
      -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
              box-shadow: inset 0px -1px 0px #E5E2EB;
      padding-bottom: 14PX;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
  .scenarios-wrap .scenarios-block .scenarios-child-step {
    line-height: 16px;
    color: #838E99;
    display: block;
    font-size: 12px;
    padding: 16px 32px 7px; }
    .scenarios-wrap .scenarios-block .scenarios-child-step .scenarios-heading {
      -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
      box-shadow: inset 0px -1px 0px #E5E2EB;
      padding-bottom: 14PX;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
  .scenarios-wrap .scenarios-block .form-new-task {
    padding: 5px 32px 28px; }
  .scenarios-wrap .scenarios-block .scenarios-name {
    padding: 0 32px; }
    .scenarios-wrap .scenarios-block .scenarios-name .scenarios-speech {
      font-family: Robotobold; }
  .scenarios-wrap .scenarios-block .get-url-params {
    padding: 7px 32px;
    font-size: 12px;
    color: #838E99;
    cursor: default; }
.scenarios-wrap .scenarios-block .get-url-params .mini-param {
  background: #ffffff;
  border: 1px solid #0077DB;
  color: #0077DB;
  font-size: 10px;
  text-align: center;
  padding: 1px 4px 2px;
  display: inline;
  white-space: pre-wrap;
  border-radius: 2px; }

  .scenarios-wrap .scenarios-block .go-step {
    line-height: 16px;
    padding: 7px 32px 23px;
    font-size: 12px;
    color: #838E99;
    cursor: default; }
    .scenarios-wrap .scenarios-block .go-step a {
      color: #838E99;
      text-decoration: none;
      border-bottom: 1px dashed #838E99; }
  .scenarios-wrap .scenarios-block .go-step.blur .no-click {
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 4px;
    height: 40px;
    background: rgba(255, 255, 255, 0.6);
    z-index: 4; }
  .scenarios-wrap .scenarios-block .skill-step {
    line-height: 16px;
    padding: 7px 32px 23px;
    font-size: 12px;
    color: #838E99;
    cursor: default; }
    .scenarios-wrap .scenarios-block .skill-step.active {
      line-height: 16px;
      padding: 7px 32px 23px;
      font-size: 12px;
      color: #838E99;
      cursor: default;
      background-color: #E2E5EB;
    }
      .scenarios-wrap .scenarios-block .skill-step .btn-icon{
        display: none;
      }
      .scenarios-wrap .scenarios-block .skill-step.active .btn-icon{
        display: block;
      }
.scenarios-wrap .scenarios-block .scenarios-menu {
    position: absolute;
    background-repeat: no-repeat;
    width: 16px;
    height: 4px;
    top: 8px;
    right: 34px; }


.scenarios-block .scenarios-child-block.blur .no-click-top {
  position: absolute;
  left: -1px;
  right: -1px;
  top: 4px;
  height: 40px;
  background: rgba(255, 255, 255, 0.6);
  z-index: 4; }
.scenarios-wrap .scenarios-block .list-intent {
  -webkit-box-shadow: inset 0px 1px 0px #E5E2EB;
  box-shadow: inset 0px 1px 0px #E5E2EB;
  cursor: default;}
  .scenarios-wrap .scenarios-block .list-intent .go-child-step.blur .no-click-top {
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: 4px;
    height: 38px;
    background: rgba(255, 255, 255, 0.6);
    z-index: 4; }
    .scenarios-wrap .scenarios-block .list-intent.blur > .item-intent:not(.active):after {
      content: "";
      position: absolute;
      background: rgba(255, 255, 255, 0.8);
      width: 100%;
      height: calc(100% - 2px);
      left: 0;
      top: 1px; }
    .scenarios-wrap .scenarios-block .list-intent .item-intents {
      -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
      box-shadow: inset 0px -1px 0px #E5E2EB;
      line-height: 24px;
      font-size: 16px;
      padding: 12px 32px;
      position: relative;
      color: #000000;
      cursor: pointer;
      background-color: #E2E5EB; }
      .scenarios-wrap .scenarios-block .list-intent .item-intents .drop-down-icon {
        position: absolute;
        right: 20px;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .scenarios-wrap .scenarios-block .list-intent .item-intents .drop-down-icon.active {
          -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); }
  .scenarios-wrap .scenarios-block .list-intent .item-intent {
    -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
    box-shadow: inset 0px -1px 0px #E5E2EB;
    line-height: 24px;
    font-size: 14px;
    padding: 12px 32px;
    position: relative;
    color: #838E99; }
    .scenarios-wrap .scenarios-block .list-intent .item-intent.blur .no-click {
      position: absolute;
      left: -1px;
      right: -1px;
      top: -1px;
      bottom: -1px;
      background: rgba(255, 255, 255, 0.8);
      border-bottom: 1px solid #E5E2EB;
      border-top: 1px solid #E5E2EB;
      z-index: 4; }
    .scenarios-wrap .scenarios-block .list-intent .item-intent-name {
      color: #0077DB;
      cursor: pointer; }
    .scenarios-wrap .scenarios-block .list-intent .item-intent-new {
      -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
      box-shadow: inset 0px -1px 0px #E5E2EB;
      line-height: 24px;
      font-size: 14px;
      padding: 12px 32px;
      position: relative;
      color: #838E99; }
      .scenarios-wrap .scenarios-block .list-intent .item-intent-new .rule-heading {
        -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
        box-shadow: inset 0px -1px 0px #E5E2EB;
        padding-bottom: 14px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between; }
      .scenarios-wrap .scenarios-block .list-intent .item-intent-new.blur .no-click {
        position: absolute;
        left: -1px;
        right: -1px;
        top: -1px;
        bottom: -1px;
        background: rgba(255, 255, 255, 0.8);
        border-bottom: 1px solid #E5E2EB;
        border-top: 1px solid #E5E2EB;
        z-index: 4; }
    .scenarios-wrap .scenarios-block .list-intent .item-intent-new-name {
      color: #000000;
      cursor: default; }
      .scenarios-wrap .scenarios-block .list-intent .item-intent .drop-down-icon {
        position: absolute;
        right: 20px;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      .scenarios-wrap .scenarios-block .list-intent .item-intent .drop-down-icon.active {
        -webkit-transform: translateY(-50%) rotate(180deg);
        transform: translateY(-50%) rotate(180deg); }
      .scenarios-wrap .scenarios-block .list-intent .item-intent .item-intent-description {
        color: #707b87;
        cursor: pointer;
        border-bottom: 1px dashed #838E99; }
      .scenarios-wrap .scenarios-block .list-intent .item-intent .item-entity-tag {
        color: #FFFFFF;
        cursor: default;
        background-color: #0077DB;
        padding: 2px 2px 2px 4px;
        border-radius: 2px;
        font-size: 12px; }
      .scenarios-wrap .scenarios-block .list-intent .item-intent .item-intent-tag.active {
        color: #000000;
        cursor: default;
        background-color: #E2E5EB;
        padding: 8px;
        border: none;
        border-radius: 2px; }
      .scenarios-wrap .scenarios-block .list-intent .item-intent .item-intent-tag {
        color: #000000;
        cursor: default;
        background-color: #FFFFFF;
        border: 2px solid #E2E5EB;
        padding: 8px;
        border-radius: 4px; }
        .scenarios-wrap .scenarios-block .list-intent .item-intent .item-intent-tag .btn-icon.active {
          -webkit-transform: translateY(-50%) rotate(180deg);
          transform: translateY(-50%) rotate(180deg); }

    .scenarios-wrap .scenarios-block .list-intent .item-intent-form {
      display: none;
      padding: 16px 32px 24px; }
      .scenarios-wrap .scenarios-block .list-intent .item-intent-form.active {
        display: block; }

  .scenarios-wrap .scenarios-block .list-task {
    margin-top: 12px;
    -webkit-box-shadow: inset 0px 1px 0px #E5E2EB;
            box-shadow: inset 0px 1px 0px #E5E2EB;
    cursor: default; }
  .scenarios-wrap .scenarios-block .list-task.blur > .item-task:not(.active):after {
      content: "";
      position: absolute;
      background: rgba(255, 255, 255, 0.8);
      width: 100%;
      height: calc(100% - 2px);
      left: 0;
      top: 1px; }
    .scenarios-wrap .scenarios-block .list-task .item-task {
      -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
              box-shadow: inset 0px -1px 0px #E5E2EB;
      line-height: 24px;
      font-size: 14px;
      padding: 12px 32px;
      position: relative;
      color: #707b87; }
      .scenarios-wrap .scenarios-block .list-task .item-task-name {
        color: #0077DB;
        cursor: pointer; }
      .scenarios-wrap .scenarios-block .list-task .item-task-new-name {
        color: #000000;
        cursor: pointer; }
      .scenarios-wrap .scenarios-block .list-task .item-task .drop-down-icon {
        position: absolute;
        right: 20px;
        cursor: pointer;
        top: 50%;
        -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        .scenarios-wrap .scenarios-block .list-task .item-task .drop-down-icon.active {
          -webkit-transform: translateY(-50%) rotate(180deg);
                  transform: translateY(-50%) rotate(180deg); }
      .scenarios-wrap .scenarios-block .list-task .item-task .item-task-description {
        color: #707b87;
        cursor: pointer;
        border-bottom: 1px dashed #838E99; }
    .scenarios-wrap .scenarios-block .list-task .item-task-form {
      display: none;
      padding: 16px 32px 24px;}
      .scenarios-wrap .scenarios-block .list-task .item-task-form.active {
        display: block;
        -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
                box-shadow: inset 0px -1px 0px #E5E2EB;}

.form-rule-settings {
  position: relative;
  color: #707b87;  }
  .form-rule-settings .row {
    -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
    box-shadow: inset 0px 1px 0px #E5E2EB;
    padding-top: 16px;
    position: relative;
    color: #707b87;
  }
  .form-rule-settings .name-settings {
    color: #0077DB;
    font-family: Robotobold;
    cursor: pointer;  }
  .form-rule-settings .row .blur {}
  .form-rule-settings .row .blur.active{
    content: "";
    position: absolute;
    background: rgba(255, 255, 255, 0.6);
    width: 100%;
    height: calc(100%);
    left: 0;
    top: 1px;  }
  .form-rule-settings .row .arrow-down {
    position: absolute;
    right: 20px;
    top: 80%;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out; }
  .form-rule-settings .row .arrow-down.active {
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg); }

.rule-phrases-page {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #bbc1c7;
  cursor: pointer; }
.rule-phrases-page:hover, .rule-phrases-page.active {
  background-color: #001424; }


.new-rule-close {
  display: none; }
.new-rule-close.active {
  display: block; }
.new-rule-edit {
  display: none; }
.new-rule-edit.active {
  display: block; }

/* tags style */
.div_input{
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  -webkit-transition: border-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), padding 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: border-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), padding 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-smoothing: antialiased;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #FFFFFF;
  border: 2px solid #E2E5EB;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 8px 16px;
  font: 500 1.1em/1.3em 'Roboto', 'Arial', sans-serif;
  min-height: 89px;
  word-wrap: break-word;
  white-space: pre-wrap;
  overflow-wrap: break-word;
  overflow-y: auto;
}
.input_cursor{
   width:1px !important;
   height:30px !important;
   padding: 0px !important;
   border:0px !important;
   box-shadow: none !important;
   outline: none !important;
   font-size: 100% !important;
 }
.input_synonym{
  width:10px !important;
  padding: 0px !important;
  border:0px !important;
  box-shadow: none !important;
  outline: none !important;
  font-size: 100% !important;
}
.span_blue {
  background: #0077DB;
  border-radius: 2px;
  line-height: 16px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 8px 3px;
  display: inline;
  white-space: pre-wrap;
  line-height: 2;
}
.span_green {
  background: #00A277;
  border-radius: 2px;
  line-height: 16px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 8px 3px;
  display: inline;
  white-space: pre-wrap;
  line-height: 2;
}

.add-gray-icon {
  cursor: pointer;
  background-color: #FFFFFF!important;
  border-left: 6px solid;
  border-color: #FFFFFF!important;
  font-size: 20px;
  color: #707b87; }
.add-red-icon {
  cursor: pointer;
  color: #e30611;
  font-size: 30px;
  margin-right: 7px; }

  /* entity style */
.header-entity-color {
  background-repeat: no-repeat;
  border-radius: 15%;
  width: 13px; }
.dropdown-entity-icon {
  position: absolute;
  background-repeat: no-repeat;
  width: 32px;
  right: 16px; }
.entity-nav {
  max-width: 175px;
}
.header-right-add-icon {
  position: relative;
  border: none;
  background: transparent;
  overflow: visible;
  cursor: pointer;
  color: #e30611;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  line-height: 1;
  font-size: 30px;
  left: 10px;
  top: 2px; }

.entity-body {}

.entity-body .form {}

.entity-body .form .heading-over {
  line-height: 24px;
  font-size: 16px;
  color: #9198a0;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  justify-content: space-between;}
.entity-body .form .heading-below {
  display: block;
  line-height: 24px;
  font-size: 16px;
  color: #001424;
  margin-bottom: 2.4rem;
  margin-left: .5rem; }
.entity-body .form h1.heading-1 {
  line-height: 44px;
  font-size: 32px;
  color: #001424;
  font-weight: 700; }
.entity-body .form .grid {
  line-height: 24px;
  font-size: 16px;
  color: #001424;
  margin-bottom: 2.4rem;
  margin-left: .5rem;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  justify-content: space-between;}


.main-body .container .campaign-nav__wrapper li .header-entity-menu {
  height: 72px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 24px;
  position: relative;
  -webkit-box-shadow: inset 0px -2px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB; }
.main-body .container .campaign-nav__wrapper li .header-entity-menu .hide {
  display: none;  }
.main-body .container .campaign-nav__wrapper li .header-entity-menu .header-right-add-icon {
  position: absolute;
  right: 18px;
  cursor: pointer;
  top: 50%;
  color: #bbc1c7;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 10px;
  line-height: 1;
  font-family: Robotobold;
  font-size: 27px;
  color: #bbc1c7;  }
.main-body .container .campaign-nav__wrapper li .header-entity-menu .name-nav {
  line-height: 24px;
  font-size: 16px;
  color: #001424;
  display: block;
  z-index: 1; }
.main-body .container .campaign-nav__wrapper li .header-entity-menu .drop-down-icon {
  position: absolute;
  right: 16px;
  cursor: pointer;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2; }
.main-body .container .campaign-nav__wrapper li .header-entity-menu .drop-down-icon.active {
  -webkit-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg); }
.main-body .container .campaign-nav__wrapper li .header-entity-menu .header-right-icon {
  position: absolute;
  right: 8px;
  cursor: pointer;
  top: 50%;
  color: #bbc1c7;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 10px;
  line-height: 1;
  font-family: Robotobold;
  font-size: 27px;
  color: #bbc1c7;
  z-index: 3; }
.synonym-group {
  margin-bottom: 15px;
  margin-left:20px;
  width: 60%; }
.entity-value-add-task {
  font-size: 16px;
  padding: 0px 0px 20px 0px;
  color: #707b87; }
.entity-value-add-task-name {
  font-size: 14px;
  color: #0077DB;
  font-family: Robotobold;
  cursor: pointer; }
.value-icon {
  position: relative;
  background-repeat: no-repeat;
  top: -25px;
  right: -472px; }

/* intent style */
.main-body .container .campaign-nav__wrapper li .header-intent-menu {
  height: 72px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 32px;
  position: relative;
  -webkit-box-shadow: inset 0px -2px 0px #E5E2EB;
  margin-bottom: 8px;
  box-shadow: inset 0px -2px 0px #E5E2EB; }
.main-body .container .campaign-nav__wrapper li .header-intent-menu .header-right-icon {
  position: absolute;
  right: 9px;
  cursor: pointer;
  top: 50%;
  color: #bbc1c7;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 10px;
  line-height: 1;
  font-family: Robotobold;
  font-size: 27px;
  color: #bbc1c7;
  z-index: 3; }

/* phrases style */
.scenarios-wrap .scenarios-block .phrases-icon {
  position: absolute;
  background-repeat: no-repeat;
  top: 11px;
  right: 2px; }
.scenarios-wrap .scenarios-block .list-task.blur .item-intent:not(.active):after {
  content: "";
  position: absolute;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: calc(100% - 2px);
  left: 0;
  top: 1px; }
.scenarios-wrap .scenarios-block .list-task .item-intent {
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 14px;
  padding: 12px 32px;
  position: relative;
  color: #707b87; }
.scenarios-wrap .scenarios-block .list-task .item-intent-name {
  color: #0077DB;
  font-family: RobotoBold;
  cursor: pointer; }
.scenarios-wrap .scenarios-block .list-task .item-phrase-new {
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  line-height: 24px;
  padding: 12px 0px 0px 0px;
  font-size: 13px;
  position: relative; }
.scenarios-wrap .scenarios-block .list-task .item-phrase {
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 14px;
  padding: 12px 20px 12px 0px;
  position: relative;
  color: #707b87; }
.scenarios-wrap .scenarios-block .list-task .item-intent-form {
  display: none;
  padding: 16px 32px 24px; }
.scenarios-wrap .scenarios-block .list-task .item-intent-form .item-intent-form.active {
  display: block;
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB;
  padding: 0px 30px 0px 30px;  }
.scenarios-wrap .scenarios-block .list-task .item-task-form .item-phrase-form.active {
  display: block;
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB;
  padding: 0px 30px 0px 30px;  }
.intent-add-form {
  display: none; }
.intent-add-form.active {
  display: block; }
.file-add-form {
  display: none; }
.file-add-form.active {
  display: block; }
.item-phrase {
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 14px;
  padding: 12px 20px 12px 0px;
  position: relative;
  color: #707b87;
  cursor: default;}
.item-phrase.blur .no-click {
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background: rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid #E5E2EB;
  border-top: 1px solid #E5E2EB;
  z-index: 4; }
.item-phrase-new {
  font-size: 13px; }
.phrases-icon {
  position: absolute;
  background-repeat: no-repeat;
  top: 11px;
  right: 2px; }
.list_tags {
  display: none; }
.list_tags.active {
  display: block;
  background-color: #F8F8F8;
  font-size: 12px; }
.list_tags .table tbody {
  background-color: #FFFFFF; }
.list_tags .table tbody .table__row {
  position: relative;
  border-bottom: 1px solid #E5E2EB; }
.list_tags .row-tag {
  padding: 6px 0;
  border-bottom: 1px solid #E5E2EB;}
.list_tags .row_tag .tag {
  text-align: left;
  padding: 6px 0;
  padding-right: 5px; }
.list_tags .table tbody .table__row__cell {
  position: relative;
  text-align: left;
  padding: 5px 0;
  padding-left: 5px;
  font-size: 12px;
  color: #707b87;
  font-weight: normal;
  line-height: 16px;
  border-top: 1px solid #E5E2EB;}
.list_tags .table tbody .table__row__cell:first-child.blur .no-click {
  border-left: 1px solid #E5E2EB; }
.list_tags .table tbody .table__row__cell:last-child.blur .no-click {
  border-right: 1px solid #E5E2EB; }
.list_tags .table tbody .table__row__cell.blur .no-click {
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background: rgba(255, 255, 255, 0.8);
  border-bottom: 1px solid #E5E2EB;
  border-top: 1px solid #E5E2EB;
  z-index: 999; }
.list_tags .table tbody .table__row__content {
  display: none;
  border-bottom: 1px solid #E5E2EB;
  border-top: 1px solid #E5E2EB; }
.list_tags .table tbody .table__row__content.active {
  display: table-row;
  cursor: default; }
.list_tags .table tbody .table__row__content .settings {
  width: 100%;
  padding: 0 20px 0px 34px;
  margin: 0; }
.list_tags .table tbody .table__row__content .results {
  width: 100%;
  padding: 0 20px 20px 34px;
  margin: 0; }
.list_tags .table tbody .table__row__content .content-main_name {
  color: #001424;
  font-family: Robotobold;
  font-size: 16px;
  line-height: 24px;
  padding: 20px 20px 10px 34px;
  display: block; }
.list_tags .table tbody .table__row__content .content-header {
  display: block;
  color: #838E99;
  line-height: 16px;
  font-size: 14px; }
.list_tags .table tbody .table__row__content .content-footer {
  display: block;
  line-height: 24px;
  font-size: 14px;
  color: #001424; }
.list_tags .table tbody .drop-down-icon {
  width: 16px;
  height: 10px;
  cursor: pointer; }


.tab-dropdown-entity-heading {
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 14px;
  padding: 12px 16px;
  position: relative;
  color: #707b87;
  cursor: default;
  background-color: #f8f8f8;}
.map-heading {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;}

.tab-dropdown-entity-content {
  display: none; }
.tab-dropdown-entity-content.active {
  opacity: 1;
  visibility: visible;
  z-index: 5;
  display: block;
  position: absolute;
  border: 1px solid #E5E2EB; }
.tab-dropdown-entity-content .tab-dropdown {
  width: 280px;
  position: relative;
  list-style-type: none;
  margin-top: -1px;
  -webkit-box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1);
  box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1); }
.tab-dropdown-entity-content .tab-dropdown .tab-dropdown-entity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  background-color: #fff;
  cursor: default;
  position: relative; }
.tab-dropdown-entity-content .tab-dropdown .tab-dropdown-entity:hover {
  background-color: #ffe4e9; }
.tab-dropdown-entity-content .tab-dropdown .tab-dropdown-entity.selected {
  background-color: #ffe4e9; }
.tab-dropdown-entity-content .tab-dropdown .tab-dropdown-entity a {
  display: inline-block;
  padding: 14px 16px;
  text-decoration: none; }
.tab-dropdown-entity-content .tab-dropdown .tab-dropdown-entity .dropdown-entity-name {
  color: #001424;
  margin-left: 15px;
  font-size: 16px;
  line-height: 1.38; }
.tab-dropdown-entity-content .tab-dropdown .tab-dropdown-entity a .dropdown-entity-value {
  font-size: 14px;
  color: #9198a0;
  line-height: 1.42; }
.tab-dropdown-entity-content .tab-dropdown:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-color: #f8f8f8;
  border: 1px solid #E5E2EB;
  position: absolute;
  top: -4px;
  left: 8%;
  -webkit-transform: rotate(84rad);
  transform: rotate(84rad);
    -webkit-box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1);
  box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1); }
.tab-dropdown-entity-footer {
  -webkit-box-shadow: inset 0px 1px 0px #E5E2EB;
  box-shadow: inset 0px 1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 14px;
  padding: 12px 16px;
  position: relative;
  color: #707b87;
  cursor: default;
  background-color: #f8f8f8;}


.tab-dropdown-value-content {
  display: none; }
.tab-dropdown-value-content.active {
  opacity: 1;
  visibility: visible;
  z-index: 5;
  display: block;
  position: absolute;
  cursor: pointer;
  width: 280px;
  left: 260px; }
.tab-dropdown-value-content:hover {
  background-color: #ffe4e9; }
.tab-dropdown-value-content .tab-dropdown {
  width: 300px;
  position: relative;
  list-style-type: none;
  margin-top: -1px;
  -webkit-box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1);
  box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1);
  border: 1px solid #E5E2EB;
  max-height: 450px;
  overflow-y: scroll; }
.tab-dropdown-value-content .tab-dropdown .tab-dropdown-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  background-color: #fff;
  cursor: pointer;
  position: relative;
  z-index: 7; }
.tab-dropdown-value-content .tab-dropdown .tab-dropdown-value:hover {
  background-color: #ffe4e9; }
.tab-dropdown-value-content .tab-dropdown .tab-dropdown-value.selected {
  background-color: #ffe4e9; }
.tab-dropdown-value-content .tab-dropdown .tab-dropdown-value .dropdown-value-name {
  color: #001424;
  margin-left: 15px;
  font-size: 16px;
  line-height: 1.38; }
.tab-dropdown-value-content .tab-dropdown .tab-dropdown-value a .dropdown-value-value {
  font-size: 14px;
  color: #9198a0;
  line-height: 1.42; }
.tab-dropdown-value-content .tab-dropdown:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-color: #fff;
  top: 44%;
  left: -4px;}
.tab-dropdown-value-footer {
  -webkit-box-shadow: inset 0px 1px 0px #E5E2EB;
  box-shadow: inset 0px 1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 14px;
  padding: 0px 0px 0px 16px;
  position: relative;
  color: #707b87;
  cursor: default;
  background-color: #f8f8f8;}

.map-footer {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;}


/* chat style */
.from {
  line-height: 20px;
  word-wrap: break-word;
  display: block;
  font-size: 13px;}
.from .date-wrapper {
  right:10px;}
.from .msg {
  background: url(../img/btn_chat_right-arrow.svg) no-repeat right;}
.from .msg .text {
  background: #fff0f0;
  color: #5f5f5f;
  margin: 0px 8px 0px 0px;
  padding: 4px 8px 6px 6px;
  border-radius: 4px;}

.to {
  line-height: 20px;
  word-wrap: break-word;
  display: block;
  font-size: 13px; }
.to .date-wrapper {
  left: 10px;}
.to .msg {
  background: url(../img/btn_chat_left-arrow.svg) no-repeat left;  }
.to .msg .text {
  background: #F8F8F8;
  color: #5f5f5f;
  margin: 0px 0px 0px 8px;
  padding: 4px 6px 6px 8px;
  border-radius: 4px;}

.chat-right-block-sticky {
  width: 100%; }
.chat-right-block-sticky .inner-wrapper-sticky {
  width: 293px !important;
  left: 1007px !important; }

.chat-right-block {
  width: 300px;
  background-color: #fff;
  position: absolute;  }
.chat-right-block.arrow {
  border: 1px solid #E5E2EB; }
.chat-right-block .chat-content {
  position: relative;
  padding: 0px 32px 32px 32px; }
.chat-right-block .chat-content .form-group {
  margin: 16px 0px 16px 0px; }
.chat-right-block .chat-content .chat-name {
  font-family: Robotlight, sans-serif;
  display: block;
  font-size: 16px;
  color: #001424; }
.chat-right-block .chat-content .chat-description {
  line-height: 16px;
  font-size: 12px;
  color: #838E99; }
.chat-right-block .chat-slider-content {
  border-top: 1px solid #bbc1c7;
  padding-top: 2rem;
  margin-top: 4rem; }
.chat-right-block .chat-slider-content .chat-slider-head {
  font-size: 3.2rem;
  margin-bottom: 1rem; }
.chat-right-block .chat-slider-content .chat-slider-description div {
  min-height: 190px;
  max-height: 224px;
  overflow: hidden;
  display: none;
  -webkit-transition: all .8s;
  transition: all .8s;
  font-size: 1.4rem;
  font-family: Robotlight, sans-serif;
  line-height: 2rem; }
.chat-right-block .chat-slider-content .chat-slider-page {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #bbc1c7;
  cursor: pointer; }
.chat-right-block .chat-slider-content .chat-slider-page:hover, .chat-right-block .chat-slider-content .chat-slider-page.active {
  background-color: #001424; }



.chatField
{
  background:#fff;
  overflow-y: scroll;
  height: 290px;
  font-family: Robotolight;
  font-size: 12px;
}
.chatField .row
{
  overflow: hidden;
  margin: 10px 0 10px 0;
  position: relative;
}
.chatField .row .msg
{
  float:right;
}
.chatField .row .msg .text
{
  display: block;
  padding: 7px;
  width: 180px;
  position: relative;
  border-radius: 5px;
  word-wrap: break-word;
}

.chatField .row .date-wrapper
{
  position: absolute;
  height: 100%;
}
.chatField .row .date-wrapper .date
{
  display:-moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  zoom:1;
  color:#d0cfcf;
  font-size: 12px;
}
.chatField .row .date-wrapper .push
{
  display:-moz-inline-box;
  display: inline-block;
  vertical-align: middle;
  zoom:1;
  height: 100%;
  width: 0px;
}
.chatField .from
{

}
.chatField .from .date-wrapper
{
  right:10px;
}
.chatField .from .msg
{
  background: url('btn_chat_right-arrow.svg') no-repeat right;
  margin: 0 0 0 10px;
  float:left;
}
.chatField .from .msg .text
{
  background: #fff0f0;
  color: #5f5f5f;
  margin: 0 7px 0 0;
}
.chatField .to
{

}
.chatField .to .date-wrapper
{
  left: 10px;
}
.chatField .to .msg
{
  background: url('btn_chat_left-arrow.svg') no-repeat left;
  margin: 0 10px 0 0;
  float: right;
}
.chatField .to .msg .text
{
  background: #f8f8f8;
  color: #5f5f5f;
  margin: 0 0 0 7px;
}

#buttonField
{
  width: max-content;
}
#buttonField .button
{
  padding: 4px 16px;
  font-size: 12px;
  position: relative;
  border-radius: 5px;
  word-wrap: break-word;
  border: 1px solid #a1a0a04d;
  background: #f8f8f8;
  color: #5f5f5f;
  margin: 6px 6px 6px 0px;
  font-family: 'Verdana';
  cursor: pointer;
}

/* slots style */
.tab-dropdown-slots {
  display: none; }
.tab-dropdown-slots.active {
  opacity: 1;
  visibility: visible;
  z-index: 5;
  display: block;
  position: absolute;
  left: 50px;
  width: 272px;
  border: 1px solid #E5E2EB; }
.tab-dropdown-slots .tab-dropdown {
  width: 270px;
  max-height: 370px;
  position: relative;
  list-style-type: none; }
.tab-dropdown-slots .tab-dropdown .tab-dropdown-slots-heading {
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 14px;
  padding: 12px 16px;
  position: relative;
  color: #707b87;
  cursor: default;
  background-color: #f8f8f8; }
.tab-dropdown-slots .tab-dropdown .tab-dropdown-slot {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: 40px;
font-weight: 400;
font-style: normal;
font-stretch: normal;
background-color: #fff;
cursor: default;
position: relative; }
.tab-dropdown-slots .tab-dropdown .tab-dropdown-slot:hover {
background-color: #ffe4e9; }
.tab-dropdown-slots .tab-dropdown .tab-dropdown-slot.selected {
background-color: #ffe4e9; }
.tab-dropdown-slots .tab-dropdown .tab-dropdown-slot a {
display: inline-block;
padding: 14px 32px;
text-decoration: none; }
.tab-dropdown-slots .tab-dropdown .tab-dropdown-slot .dropdown-slot-name {
color: #001424;
margin-left: 15px;
font-size: 16px;
line-height: 1.38; }
.tab-dropdown-slots .tab-dropdown .tab-dropdown-slot a .dropdown-slot-name {
font-size: 14px;
color: #9198a0;
line-height: 1.42; }
.tab-dropdown-slots .tab-dropdown:before {
content: '';
display: block;
width: 20px;
height: 20px;
background-color: #f8f8f8;
border: 1px solid #E5E2EB;
position: absolute;
top: -4px;
left: 5px;
-webkit-transform: rotate(84rad);
transform: rotate(84rad);
-webkit-box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1);
box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1); }
.tab-dropdown-slots .tab-dropdown-slots-footer {
  line-height: 24px;
  font-size: 14px;
  padding: 8px 0px;
  position: relative;
  color: #707b87;
  cursor: default;
  background-color: #ffffff;
  border-top: 1px solid #E5E2EB; }
.tab-dropdown-slots .tab-dropdown-slots-footer .dropdown-footer-name {
  background: #FFFFFF;
  border: 1px solid #E2E5EB;
  border-radius: 4px;
  width: 180px;
  padding: 4px 4px 4px 4px;}


/* rules style */
.rule-body {
}

.rule-body .form {}

.rule-body .form .heading-over {
  line-height: 24px;
  font-size: 16px;
  color: #9198a0;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  justify-content: space-between;}
.rule-body .form .heading-below {
  display: block;
  line-height: 24px;
  font-size: 16px;
  color: #001424;
  margin-bottom: 2.4rem;
  margin-left: .5rem; }
.rule-body .form h1.heading-1 {
  line-height: 44px;
  font-size: 32px;
  color: #001424;
  font-weight: 700; }
.rule-body .form .grid {
  line-height: 24px;
  font-size: 16px;
  color: #001424;
  margin-bottom: 2.4rem;
  margin-left: .5rem;
  display: flex;
  -webkit-box-align: center;
  -webkit-box-pack: justify;
  justify-content: space-between;}



.rule-modal-component {
  display: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }
.rule-modal-component .modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 10000; }
.rule-modal-component .modal {
  -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  background-color: #fff;
  position: fixed;
  top: 50%;
  left: 49%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  border-radius: 2px;
  text-align: left;
  z-index: 10001;
  max-height: 95%;
  overflow-y: auto;
  overflow-x: hidden;}
.rule-modal-component .modal .section {
  width: 495px; }
.rule-modal-component .modal .section .desk {
  width: 514px;
  font-size: 16px;
  line-height: 31px;
  margin-bottom: 56px; }
.rule-modal-component .modal .section .desk .format {
  display: inline-block;
  padding: 0 15px;
  border-radius: 4px;
  background-color: #e5e2eb; }
.rule-modal-component .modal .section .lh-22 {
  line-height: 22px; }
.rule-modal-component .modal .close-button {
  font-size: 31px;
  color: #fff;
  position: absolute;
  top: -4px;
  right: -40px;
  cursor: pointer; }
.rule-modal-component .modal .close-button:hover {
  color: #9198a0; }
.rule-modal-component .modal .title {
  font-family: Robotobold;
  font-size: 24px;
  color: #001424;
  margin-bottom: 16px; }
.rule-modal-component.active {
  display: block;
  opacity: 1; }


.tab-dropdown-rules {
  display: none; }
.tab-dropdown-rules.active {
  opacity: 1;
  visibility: visible;
  z-index: 5;
  display: block;
  position: absolute;
  margin: 16px 0 0 -200px;
  border: 1px solid #E5E2EB; }
.tab-dropdown-rules .tab-dropdown {
  width: 270px;
  max-height: 280px;
  position: relative;
  list-style-type: none; }
.tab-dropdown-rules .tab-dropdown .tab-dropdown-rules-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: inset 0px -1px 0px #E5E2EB;
  box-shadow: inset 0px -1px 0px #E5E2EB;
  line-height: 24px;
  font-size: 14px;
  padding: 12px 16px;
  position: relative;
  color: #707b87;
  cursor: default;
  background-color: #f8f8f8; }
.tab-dropdown-rules .tab-dropdown .tab-dropdown-value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 40px;
  font-weight: 400;
  font-style: normal;
  font-stretch: normal;
  background-color: #fff;
  cursor: pointer;
  position: relative; }
.tab-dropdown-rules .tab-dropdown .tab-dropdown-value:hover {
  background-color: #ffe4e9; }
.tab-dropdown-rules .tab-dropdown .tab-dropdown-value.selected {
  background-color: #ffe4e9; }
.tab-dropdown-rules .tab-dropdown .tab-dropdown-value a {
  display: inline-block;
  padding: 14px 32px;
  text-decoration: none; }
.tab-dropdown-rules .tab-dropdown .tab-dropdown-value .dropdown-value-name {
  color: #001424;
  margin-left: 15px;
  font-size: 16px;
  line-height: 1.38; }
.tab-dropdown-rules .tab-dropdown .tab-dropdown-value a .dropdown-value-name {
  font-size: 14px;
  color: #9198a0;
  line-height: 1.42; }
.tab-dropdown-rules .tab-dropdown:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  background-color: #f8f8f8;
  border: 1px solid #E5E2EB;
  position: absolute;
  top: -5px;
  left: 200px;
  -webkit-transform: rotate(84rad);
  transform: rotate(84rad);
  -webkit-box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1);
  box-shadow: 0 18px 30px 0 rgba(128, 128, 128, 0.1); }
.tab-dropdown-rules .tab-dropdown-rules-footer {
  line-height: 24px;
  font-size: 14px;
  padding: 8px 0px;
  position: relative;
  color: #707b87;
  cursor: default;
  background-color: #ffffff;
  border-top: 1px solid #E5E2EB; }
.tab-dropdown-rules .tab-dropdown-rules-footer .dropdown-footer-name {
  background: #FFFFFF;
  border: 1px solid #E2E5EB;
  border-radius: 4px;
  width: 180px;
  padding: 4px 4px 4px 4px;}


.rule-entities-table {
  font-size: 14px;
}
.rule-entities-table .table-wrap {
  width: 100%; }
.rule-entities-table .table-wrap .table {
  width: 100%;
  min-width: 100%; }
.rule-entities-table .table-wrap .table.drop-table tbody .table__row {
  cursor: pointer; }
.rule-entities-table .table-wrap .table .opacity {
  opacity: 0.5; }
.rule-entities-table .table-wrap .table thead .table__row {
  position: relative; }
.rule-entities-table .table-wrap .table thead .table__row__cell {
  text-align: left;
  font-weight: 500;
  font-size: 13px;
  color: #838E99;
  padding-left: 15px; }
.rule-entities-table .table-wrap .rule-entities-table {
  background-color: #FFFFFF;
  border: 1px solid #E5E2EB;
  border-bottom: none; }
.rule-entities-table .table-wrap .rule-entities-table .table__row {
  position: relative; }
.rule-entities-table .table-wrap .rule-entities-table .table__row__cell {
  word-break: break-word;
  position: relative;
  text-align: left;
  vertical-align: middle;
  padding: 8px 0px 0px 15px;
  color: #001424;
  font-size: 14px;
  font-weight: normal;
  line-height: 16px; }
.rule-entities-table .table-wrap .rule-entities-table .table__row__cell:first-child.blur .no-click {
  border-left: 1px solid #E5E2EB; }
.rule-entities-table .table-wrap .rule-entities-table .table__row__cell:last-child.blur .no-click {}
.rule-entities-table .table-wrap .rule-entities-table .table__row__cell.blur .no-click {
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999; }
.rule-entities-table .table-wrap .rule-entities-table .table__row__move {
  padding: 8px 0px 0px 14px;
  cursor: move;
  color: #838E99;
  font-size: 18px; }
.rule-entities-table .table-wrap .rule-entities-table .table__row__move.blur .no-click {
  position: absolute;
  left: 1px;
  width: 24px;
  top: 1px;
  bottom: 1px;
  cursor: default;
  background: rgba(255, 255, 255, 0.6);
  z-index: 999; }
.rule-entities-table .table-wrap .rule-entities-table .table__row__content {
  display: none; }
.rule-entities-table .table-wrap .rule-entities-table .table__row__content.active {
  display: block;
  cursor: default;
  border-top: 1px solid #E5E2EB; }
.rule-entities-table .table-wrap .rule-entities-table.drop-down-icon {
  width: 16px;
  height: 10px;
  cursor: pointer; }


/* hide points style */
.rule-edit {
  display: none; }
.rule-edit.active {
  margin-bottom: 25px;
  display: block; }
.action-edit {
  display: none; }
.action-edit.active {
  margin-bottom: 25px;
  display: block; }
.transfer-go {
  display: none; }
.transfer-go.active {
  display: block; }


.left-toggle-menu {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .left-toggle-menu.active {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.left-draggable-menu {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);}

.scenarios-container .drop-table {
  display: none; }
  .scenarios-container .drop-table.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.grid-templates {
  margin-left: -12px;
  margin-right: -12px; }
  .grid-templates .grid-templates-item {
    margin: 12px;
    width: calc(25% - 24px); }

.campaigns-menu {
  background-image: url(../img/menu-scenarios.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 8px;
  cursor: pointer; }

.drop-toggle-menu {
  -webkit-transform: rotate(0);
          transform: rotate(0);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }
  .drop-toggle-menu.active {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg); }

.campaign-nav-wrapper {
  background-color: #fff; }
  .campaign-nav-wrapper .campaign-nav {
    position: relative;
    padding: 4.3rem 2.4rem; }
    .campaign-nav-wrapper .campaign-nav li {
      display: block;
      position: relative;
      margin-left: 4rem;
      line-height: 1.2;
      counter-increment: step-counter;
      pointer-events: none;
      z-index: 2;
      margin-bottom: 3.4rem; }
      .campaign-nav-wrapper .campaign-nav li .campaign-nav-upper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        margin-bottom: 1rem;
        margin-right: 2rem;
        color: #bbc1c7; }
      .campaign-nav-wrapper .campaign-nav li .campaign-nav-description {
        line-height: 17px;
        font-size: 14px;
        color: #38384A; }
      .campaign-nav-wrapper .campaign-nav li.active .campaign-nav-upper {
        font-weight: 700;
        color: #001424; }
      .campaign-nav-wrapper .campaign-nav li.completed .campaign-nav-upper {
        color: #26cd58; }
      .campaign-nav-wrapper .campaign-nav li:before {
        content: counter(step-counter);
        color: #bbc1c7;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        border: 2px solid #bbc1c7;
        border-radius: 50px;
        position: absolute;
        top: -3px;
        left: -37px;
        width: 2.4rem;
        height: 2.4rem;
        z-index: 2;
        background-color: #fff;
        font-size: 14px; }
      .campaign-nav-wrapper .campaign-nav li.active:before {
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        border-radius: 50px;
        top: -3px;
        left: -37px;
        width: 2.4rem;
        height: 2.4rem;
        border: 2px solid #e30611;
        background-color: #e30611; }
      .campaign-nav-wrapper .campaign-nav li.completed:before {
        content: '';
        color: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        position: absolute;
        background: url(../img/campaigns/checked.svg) 0 0/contain no-repeat;
        border-radius: 0;
        top: 0;
        left: -30px;
        border: none;
        z-index: 999;
        width: 20px;
        height: 20px; }
      .campaign-nav-wrapper .campaign-nav li:not(:last-child):after {
        content: '';
        display: block;
        position: absolute;
        width: 2px;
        left: calc(-35px + 12px - 1px);
        top: -3px;
        z-index: 1;
        height: calc(100% + 3.4rem);
        background-color: #ebecee; }
      .campaign-nav-wrapper .campaign-nav li.completed:after {
        top: calc(10px + 6px);
        height: calc(100% + 3.4rem); }

.right-border {
  border-right: 20px solid #f8f8f8; }

.campaign-bg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  min-height: 100%; }

.campaign-bottom, .campaign-top {
  padding: 3.2rem;
  background-color: #fff; }

.campaign-date-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .campaign-date-wrap .campaign-date-separator {
    padding: 40px 12px;
    font-size: 16px;
    color: #B3B3B3; }

.helper-right-block-campaign {
  width: 100%;
  background-color: #fff; }
  .helper-right-block-campaign .helper-content-campaign {
    position: relative;
    padding: 3.2rem; }
    .helper-right-block-campaign .helper-content-campaign .helper-name-campaign {
      font-family: Robotobold;
      display: block;
      line-height: 24px;
      font-size: 24px;
      color: #333333;
      padding-bottom: 10px; }
    .helper-right-block-campaign .helper-content-campaign .helper-description-campaign {
      display: block;
      line-height: 16px;
      font-size: 12px;
      color: #838E99; }
    .helper-right-block-campaign .helper-content-campaign .helper-information {
      margin: 63px -3.2rem;
      background: #E5E2EB;
      padding: 14px;
      text-align: center;
      line-height: 24px;
      font-size: 16px;
      color: #001424; }

.helper-right-block-rule{
  position: fixed;
  background-color: #fff;
  z-index: 5;
  top: 0;
  width: 640px;
}
  .helper-right-block-rule .item-rule-form .item-rule-form-content{
    padding: 24px 32px 32px 32px;
    height: 800px;
  }
    .helper-right-block-rule .item-rule-form .item-rule-form-content .item-rule-form-settings{
      height: 500px;
    }

.footer {
  position: relative; }
  .footer .content {
    color: #fff;
    background-color: #aeb0b3;
    min-width: 1300px; }
    .footer .content .cards {
      padding: 40px 0 30px;
      text-align: left; }
      .footer .content .cards .card-footer {
        height: 100%;
        padding: 16px 17px;
        border: 1px solid #bbc1c7; }
        .footer .content .cards .card-footer .card-body .title {
          font-size: 16px;
          font-weight: 700;
          line-height: 18px;
          padding: 0;
          text-align: left; }
        .footer .content .cards .card-footer .card-body .text {
          font-size: 12px;
          line-height: 18px;
          padding: 6px 0;
          text-align: left; }
      .footer .content .cards .menu-col .menu-title {
        font-weight: 700;
        font-size: 20px;
        line-height: 24px; }
      .footer .content .cards .menu-col .menu {
        list-style: none;
        color: #fff;
        font-size: 16px;
        line-height: 24px; }
        .footer .content .cards .menu-col .menu li {
          padding: 7px 0;
          cursor: pointer; }
          .footer .content .cards .menu-col .menu li a {
            color: #fff;
            text-decoration: none; }
      .footer .content .cards .menu-col .big-phone {
        height: 50px; }
        .footer .content .cards .menu-col .big-phone .phone-number {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
              -ms-flex-align: center;
                  align-items: center;
          font-size: 32px;
          font-weight: 400; }
          .footer .content .cards .menu-col .big-phone .phone-number .phone-icon {
            margin-right: 10px;
            width: 32px;
            height: 32px;
            background-image: url(../img/phone-icon.svg); }
          .footer .content .cards .menu-col .big-phone .phone-number a {
            text-decoration: none;
            color: #fff; }
        .footer .content .cards .menu-col .big-phone .phone-sub {
          font-size: 14px;
          font-weight: 500;
          display: block;
          padding: 10px 40px; }
  .footer .edge {
    position: absolute;
    top: -50px;
    left: 0;
    width: 100%;
    min-width: 1300px;
    height: 50px;
    background: url(../img/edge-footer.png) 50% bottom/contain repeat-x; }
  .footer .separator-line {
    opacity: .31;
    height: 1px;
    background-color: #bbc1c7; }
  .footer .big-title {
    font-weight: 700;
    font-size: 24px;
    letter-spacing: 1px;
    text-align: left; }
  .footer .title {
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    padding: 18px 0 0;
    text-align: left; }

.teams-component {
  display: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }
.teams-component .modal-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1; }
.teams-component .modal {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-100%, -50%);
  width: auto;
  text-align: left;
  z-index: 2; }
.teams-component .modal .section {
  width: 380px; }
.teams-component .modal .section .desk {
  width: 314px;
  font-size: 16px;
  line-height: 31px;
  margin-bottom: 56px; }
.teams-component .modal .section .desk .format {
  display: inline-block;
  padding: 0 15px;
  border-radius: 4px;
  background-color: #e5e2eb; }
.teams-component .modal .section .lh-22 {
  line-height: 22px; }
.teams-component .modal .close-button {
  font-size: 31px;
  color: #fff;
  position: absolute;
  top: -4px;
  right: -40px;
  cursor: pointer; }
.teams-component .modal .close-button:hover {
  color: #9198a0; }
.teams-component .modal .title {
  font-family: Robotobold;
  font-size: 24px;
  color: #001424;
  margin-bottom: 16px; }
.teams-component.active {
  display: block;
  opacity: 1; }



.base-modal-component {
  display: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }
  .base-modal-component .modal-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000; }
  .base-modal-component .modal {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    border-radius: 8px;
    text-align: left;
    z-index: 10001; }
    .base-modal-component .modal .section {
      width: 380px; }
      .base-modal-component .modal .section .desk {
        width: 314px;
        font-size: 16px;
        line-height: 31px;
        margin-bottom: 56px; }
        .base-modal-component .modal .section .desk .format {
          display: inline-block;
          padding: 0 15px;
          border-radius: 4px;
          background-color: #e5e2eb; }
      .base-modal-component .modal .section .lh-22 {
        line-height: 22px; }
    .base-modal-component .modal .close-button {
      font-size: 31px;
      color: #fff;
      position: absolute;
      top: -4px;
      right: -40px;
      cursor: pointer; }
      .base-modal-component .modal .close-button:hover {
        color: #9198a0; }
    .base-modal-component .modal .title {
      font-family: Robotobold;
      font-size: 24px;
      color: #001424;
      margin-bottom: 16px; }
  .base-modal-component.active {
    display: block;
    opacity: 1; }


.middle-modal-component {
  display: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }
  .middle-modal-component .modal-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000; }
  .middle-modal-component .modal {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    border-radius: 2px;
    text-align: left;
    z-index: 10001;
    max-height: 95%;
    overflow-y: auto;
    overflow-x: hidden;}
    .middle-modal-component .modal .section {
      width: 680px; }
      .middle-modal-component .modal .section .desk {
        width: 514px;
        font-size: 16px;
        line-height: 31px;
        margin-bottom: 56px; }
        .middle-modal-component .modal .section .desk .format {
          display: inline-block;
          padding: 0 15px;
          border-radius: 4px;
          background-color: #e5e2eb; }
      .middle-modal-component .modal .section .lh-22 {
        line-height: 22px; }
    .middle-modal-component .modal .close-button {
      font-size: 31px;
      color: #fff;
      position: absolute;
      top: -4px;
      right: -40px;
      cursor: pointer; }
      .middle-modal-component .modal .close-button:hover {
        color: #9198a0; }
    .middle-modal-component .modal .title {
      font-family: Robotobold;
      font-size: 24px;
      color: #001424;
      margin-bottom: 16px; }
  .middle-modal-component.active {
    display: block;
    opacity: 1; }


.wide-modal-component {
  display: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }
  .wide-modal-component .modal-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 10000; }
  .wide-modal-component .modal {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    position: fixed;
    top: 50%;
    left: 49%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: auto;
    border-radius: 2px;
    text-align: left;
    z-index: 10001;
    max-height: 95%;
    overflow-y: auto;
    overflow-x: hidden;}
    .wide-modal-component .modal .section {
      width: 800px; }
      .wide-modal-component .modal .section .desk {
        width: 514px;
        font-size: 16px;
        line-height: 31px;
        margin-bottom: 56px; }
        .wide-modal-component .modal .section .desk .format {
          display: inline-block;
          padding: 0 15px;
          border-radius: 4px;
          background-color: #e5e2eb; }
      .wide-modal-component .modal .section .lh-22 {
        line-height: 22px; }
    .wide-modal-component .modal .close-button {
      font-size: 31px;
      color: #fff;
      position: absolute;
      top: -4px;
      right: -40px;
      cursor: pointer; }
    .wide-modal-component .modal .close-button:hover {
      color: #9198a0; }
    .wide-modal-component .modal .title {
      font-family: Robotobold;
      font-size: 24px;
      color: #001424;
      margin-bottom: 16px; }
  .wide-modal-component.active {
    display: block;
    opacity: 1; }

.extra-wide-modal-component {
  display: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  opacity: 0; }
  .extra-wide-modal-component .modal-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 50; }
  .extra-wide-modal-component .modal {
    -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
    background-color: #fff;
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
    border-radius: 2px;
    text-align: left;
    z-index: 51;
    height: 800px;
    overflow-y: auto;
    overflow-x: hidden;}
    .extra-wide-modal-component .modal .section {
      width: 1050px;
      height: fit-content;
      overflow-y: auto;
      overflow-x: hidden;}
      .extra-wide-modal-component .modal .section .desk {
        width: 514px;
        font-size: 16px;
        line-height: 31px;
        margin-bottom: 56px; }
        .extra-wide-modal-component .modal .section .desk .format {
          display: inline-block;
          padding: 0 15px;
          border-radius: 4px;
          background-color: #e5e2eb; }
      .extra-wide-modal-component .modal .section .lh-22 {
        line-height: 22px; }
    .extra-wide-modal-component .modal .title {
      font-family: Robotobold;
      font-size: 24px;
      color: #001424;
      margin-bottom: 16px; }
  .extra-wide-modal-component.active {
    display: block;
    opacity: 1; }


#modal-sender-name-requirement .section {
  width: 663px; }
  #modal-sender-name-requirement .section .desk {
    width: 100%;
    font-size: 16px;
    line-height: 20px;
    color: #001424; }
    #modal-sender-name-requirement .section .desk .text-bold {
      font-family: Robotobold; }

.btn {
  display: inline-block;
  text-decoration: none;
  text-align: center;
  padding: .8rem 3.6rem;
  font-size: 1.4rem;
  border-radius: 4px;
  height: 48px;
  outline: 0;
  cursor: pointer; }

.btn-link-default {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none !important; }

.btn-template {
  padding: .8rem 2.5rem !important; }

.template-button-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 188px;
  color: #001424;
  text-decoration: none; }

.icons-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.btn-red {
  background-color: #e30611;
  color: #fff !important;
  border: 1px solid #e30611;
  cursor: pointer;
  -webkit-transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1); }
  .btn-red:hover {
    background-color: #c90000;
    border: 1px solid #c90000; }

.btn-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1rem;
  text-decoration: none;
  -webkit-transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  background: transparent;
  color: #0069bd !important;
  font-size: 100%;
  cursor: pointer; }
  .btn-link:hover {
    color: #004d8a;
    text-decoration: underline; }

.btn-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto !important; }

.btn-white {
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 4px;
  -webkit-transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  text-align: center;
  color: #6e7782; }
  .btn-white:hover {
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff; }

.btn-transparent {
  border: 1px solid #E2E5EB;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  -webkit-transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  text-align: center;
  color: #838E99;
  background-color: transparent; }
  .btn-transparent:hover {
    background-color: transparent;
    color: #5e666e;
    border: 1px solid #b2b5bc; }

.btn-transparent-red {
  border: 1px solid #c90000;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  -webkit-transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  text-align: center;
  color: #c90000;
  background-color: transparent; }
  .btn-transparent-red:hover {
    background-color: #c90000;
    color: #fff !important;
    border: 1px solid #c90000; }

.btn-none-border {
  border: transparent; }
  .btn-none-border:hover {
    border: transparent; }

.btn-link {
  padding: 0;
  border-radius: 0;
  height: auto;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 1rem;
  text-decoration: none;
  -webkit-transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: color, background, border 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  color: #0069bd;
  cursor: pointer; }
  .btn-link:hover {
    color: #004d8a;
    text-decoration: underline; }

.btn-full-width {
  width: 100%;
  outline: none !important;}

.btn-icon {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  cursor: pointer;
  vertical-align: middle;
  height: 32px;
  width: 32px;
  background-repeat: no-repeat;
  background-position: center;
  outline: none !important;}
  .btn-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
    border: 0px !important;}
.btn-icon[data-icon='checkbox_bubble'] {
  background-image: url(../img/menu/messages.png);
  outline: none !important;}
.btn-icon[data-icon='checkbox_phone'] {
  background-image: url(../img/menu/calls.png);
  opacity: 0.7;
  outline: none !important;}
  .btn-icon[data-icon='message'] {
    background-image: url(../img/menu/sms2.png);
    opacity: 0.4;
    outline: none !important;}
  .btn-icon[data-icon='menuIntent'] {
    background-image: url(../img/menu/menu2.png);
    opacity: 0.4;
    outline: none !important;}
  .btn-icon[data-icon='getUrl'] {
    background-image: url(../img/menu/url2.png);
    opacity: 0.4;
    outline: none !important;}
  .btn-icon[data-icon='transfer'] {
    background-image: url(../img/menu/transfer_fix2.png);
    opacity: 0.4;
    outline: none !important;}
  .btn-icon[data-icon='end'] {
    background-image: url(../img/menu/end2.png);
    opacity: 0.4;
    outline: none !important;}


.btn-icon[data-icon='printer'] {
    background-image: url(../img/my/printer-icon.svg);
  outline: none !important;}
  .btn-icon[data-icon='settings'] {
    background-image: url(../img/my/settings-icon.svg);
    outline: none !important;}
  .btn-icon[data-icon='edit'] {
    background-image: url(../img/my/edit-gray-icon.svg);
    outline: none !important;}
  .btn-icon[data-icon='delete-red'] {
    background-image: url(../img/my/delete-red-icon.svg);
    outline: none !important;}
  .btn-icon[data-icon='delete-gray'] {
    background-image: url(../img/my/delete-gray-icon.svg);
    outline: none !important;}
  .btn-icon[data-icon='microphone'] {
    background-image: url(../img/my/mic-icon.svg);
    outline: none !important;}
  .btn-icon[data-icon='mute-microphone'] {
    background-image: url(../img/my/no-mic-icon.svg);
    outline: none !important;}
  .btn-icon[data-icon='close'] {
    background-image: url(../img/close-icon.svg);
    width: 20px;
    height: 20px;
    outline: none !important;}
  .btn-icon[data-icon='refresh'] {
    background-image: url(../img/refresh.svg);
    opacity: 0.3;
    outline: none !important;}
  .btn-icon[data-icon='close-delete-white'] {
    background-image: url(../img/close-delete.svg);
    width: 14px;
    height: 14px;
    margin-top: -1px;
    outline: none !important;}
  .btn-icon[data-icon='close-delete-blue'] {
    background-image: url(../img/close-delete-dark.svg);
    width: 14px;
    height: 14px;
    margin-top: -1px;
    outline: none !important;}
  .btn-icon[data-icon='add-gray'] {
    background-image: url(../img/close-icon.svg);
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(90deg);
      transform: rotate(90deg);
    outline: none !important;}
  .btn-icon[data-icon='add-blue'] {
    background-image: url(../img/my/circle-add-blue.svg);
    width: 22px;
    height: 22px;
    outline: none !important;}
  .btn-icon[data-icon='cloud-upload'] {
    height: 40px;
    width: 44px;
    background-image: url(../img/my/cloud-upload_red.svg);
    outline: 0 none !important; }
    .btn-icon[data-icon='cloud-upload']:visited, .btn-icon[data-icon='cloud-upload']:focus, .btn-icon[data-icon='cloud-upload']:active, .btn-icon[data-icon='cloud-upload']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='success-check'] {
    height: 25px;
    width: 25px;
    background-image: url(../img/upload/checkmark.svg);
    outline: 0 none !important; }
    .btn-icon[data-icon='success-check']:visited, .btn-icon[data-icon='success-check']:focus, .btn-icon[data-icon='success-check']:active, .btn-icon[data-icon='success-check']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='helper'] {
    height: 14px;
    width: 14px;
    background-image: url(../img/campaigns/helper.svg);
    outline: 0 none !important; }
    .btn-icon[data-icon='helper']:visited, .btn-icon[data-icon='helper']:focus, .btn-icon[data-icon='helper']:active, .btn-icon[data-icon='helper']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='dialog-error'] {
    height: 56px;
    width: 56px;
    background-image: url(../img/dialog-error.svg);
    outline: 0 none !important; }
    .btn-icon[data-icon='dialog-error']:visited, .btn-icon[data-icon='dialog-error']:focus, .btn-icon[data-icon='dialog-error']:active, .btn-icon[data-icon='dialog-error']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='dialog-success'] {
    height: 64px;
    width: 64px;
    background-image: url(../img/dialog-success.svg);
    outline: 0 none !important; }
    .btn-icon[data-icon='dialog-success']:visited, .btn-icon[data-icon='dialog-success']:focus, .btn-icon[data-icon='dialog-success']:active, .btn-icon[data-icon='dialog-success']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='server-error'] {
    height: 142px;
    width: 105px;
    background-image: url(../img/server-error-icon.svg);
    outline: 0 none !important; }
    .btn-icon[data-icon='server-error']:visited, .btn-icon[data-icon='server-error']:focus, .btn-icon[data-icon='server-error']:active, .btn-icon[data-icon='server-error']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='drop-menu'] {
    background-image: url(../img/menu-scenarios.svg);
    background-repeat: no-repeat;
    background-position: center;
    outline: 0 none !important; }
    .btn-icon[data-icon='drop-menu']:visited, .btn-icon[data-icon='drop-menu']:focus, .btn-icon[data-icon='drop-menu']:active, .btn-icon[data-icon='drop-menu']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='search'] {
    height: 14px;
    width: 14px;
    background-image: url(../img/search.svg);
    background-repeat: no-repeat;
    background-position: center;
    outline: 0 none !important; }
    .btn-icon[data-icon='search']:visited, .btn-icon[data-icon='search']:focus, .btn-icon[data-icon='search']:active, .btn-icon[data-icon='search']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='calendar'] {
    height: 24px;
    width: 24px;
    background-image: url(../img/calendar.svg);
    background-repeat: no-repeat;
    background-position: center;
    outline: 0 none !important; }
    .btn-icon[data-icon='calendar']:visited, .btn-icon[data-icon='calendar']:focus, .btn-icon[data-icon='calendar']:active, .btn-icon[data-icon='calendar']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='pause'] {
    background-size: 100%;
    height: 20px;
    width: 20px;
    background-image: url(../img/pause.svg);
    background-repeat: no-repeat;
    background-position: center;
    outline: 0 none !important; }
    .btn-icon[data-icon='pause']:visited, .btn-icon[data-icon='pause']:focus, .btn-icon[data-icon='pause']:active, .btn-icon[data-icon='pause']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='play'] {
    background-size: 100%;
    height: 20px;
    width: 20px;
    background-image: url(../img/play.svg);
    background-repeat: no-repeat;
    background-position: center;
    outline: 0 none !important; }
    .btn-icon[data-icon='play']:visited, .btn-icon[data-icon='play']:focus, .btn-icon[data-icon='play']:active, .btn-icon[data-icon='play']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='download-c'] {
    height: 25px;
    width: 25px;
    background-image: url(../img/download.svg);
    background-repeat: no-repeat;
    background-position: center;
    outline: 0 none !important; }
    .btn-icon[data-icon='download-c']:visited, .btn-icon[data-icon='download-c']:focus, .btn-icon[data-icon='download-c']:active, .btn-icon[data-icon='download-c']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='clear-doc'] {
    height: 24px;
    width: 24px;
    background-image: url(../img/clear-doc.svg);
    background-repeat: no-repeat;
    background-position: center;
    outline: 0 none !important; }
    .btn-icon[data-icon='clear-doc']:visited, .btn-icon[data-icon='clear-doc']:focus, .btn-icon[data-icon='clear-doc']:active, .btn-icon[data-icon='clear-doc']:hover {
      outline: 0 none !important; }

  .btn-icon.btn-8 {
    height: 8px;
    width: 8px;
    background-size: 100%; }
  .btn-icon.btn-12 {
    height: 12px;
    width: 12px;
    background-size: 100%; }
  .btn-icon.btn-16 {
    height: 16px;
    width: 16px;
    background-size: 100%; }
  .btn-icon.btn-20 {
    height: 20px;
    width: 20px;
    background-size: 100%; }
  .btn-icon.btn-22 {
    height: 22px;
    width: 22px;
    background-size: 100%; }
  .btn-icon.btn-24 {
    height: 24px;
    width: 24px;
    background-size: 100%; }
  .btn-icon[data-icon='arrow-down'] {
    background-image: url(../img/drop-down-arrow.svg);
    height: 10px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    outline: 0 none !important;
    -webkit-transform: rotate(0);
            transform: rotate(0);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    margin-left: 10px; }
    .btn-icon[data-icon='arrow-down'].active {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg); }
    .btn-icon[data-icon='arrow-down']:visited, .btn-icon[data-icon='arrow-down']:focus, .btn-icon[data-icon='arrow-down']:active, .btn-icon[data-icon='arrow-down']:hover {
      outline: 0 none !important; }
  .btn-icon[data-icon='download'] {
    background-image: url(../img/download-arrow.svg);
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    outline: none !important;}
  .btn-icon[data-icon='upload'] {
    background-image: url(../img/download-arrow.svg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    background-repeat: no-repeat;
    background-position: center;
    outline: none !important;}

  .btn-icon[data-icon='arrow-left'], .btn-icon[data-icon='arrow-right'] {
    background-image: url(../img/arrow-left.svg);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 90% 90%; }
  .btn-icon[data-icon='arrow-right'] {
    -webkit-transform: scaleX(-1);
            transform: scaleX(-1); }
  .btn-icon[data-icon='remove'] {
    background-image: url(../img/remove.svg);
    height: 15px;
    width: 15px;
    background-repeat: no-repeat;
    background-position: center;
    outline: none !important;}
  .btn-icon[data-icon='notification'] {
    background-image: url(../img/my/notification_gray_fill.svg);
    height: 24px;
    width: 24px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    outline: none !important;}
    .btn-icon[data-icon='notification'].active:after {
      content: "";
      position: absolute;
      top: -1px;
      right: -1px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #E30613;
      border: 2px solid #FFFFFF;
      outline: none !important;}
  .btn-icon[data-icon='duplicate'] {
    background-image: url(../img/my/duplicate_gray.svg);
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    outline: none !important;}
  .btn-icon[data-icon='move'] {
    background-image: url(../img/move.svg);
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    background-position: center;
    outline: none !important;}

.form-group {
  margin-bottom: 16px; }

.label {
  font-family: Roboto, 'Arial', sans-serif;
  font-size: .9em;
  line-height: 1.3em;
  display: block;
  padding: 0 0 .6em;
  -webkit-transition: color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  color: #666; }

.input, .textarea, .select {
  background: #FFFFFF;
  border: 2px solid #E2E5EB;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  padding: 8px 16px;
  font: 500 1.1em/1.3em 'Roboto', 'Arial', sans-serif;
  min-height: 48px; }

.input, .textarea {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  -webkit-transition: border-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), padding 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: border-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), padding 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-smoothing: antialiased;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  .input:focus, .textarea:focus {
    border-color: #dadbdd; }
  .input::-webkit-input-placeholder, .textarea::-webkit-input-placeholder {
    color: #cccccc; }
  .input:-ms-input-placeholder, .textarea:-ms-input-placeholder {
    color: #cccccc; }
  .input::-ms-input-placeholder, .textarea::-ms-input-placeholder {
    color: #cccccc; }
  .input::placeholder, .textarea::placeholder {
    color: #cccccc; }

.searchintent {
  background: #FFFFFF;
  border: 1px solid #E2E5EB;
  width: 85%;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 8px 16px;
  font-size: 14px;
  min-width: 85%;
  outline: none; }
.searchintent::placeholder {
  color: #cccccc; }

.input-white {
  background: #FFFFFF;
  border: none;
  padding: 8px 16px 8px 0px;
  min-width: 90%;
  font: 500 1.0em/1.0em 'Roboto', 'Arial', sans-serif;
  outline: none; }
.input-white::placeholder {
  color: #cccccc; }


.icon-searchintent {
  position: absolute;
  right: 60px;
  top: 24px;
  outline: none !important;}

.icon-try-phrase-close {
  position: absolute;
  bottom: 46px;
  left: 235px;
  background-color: #FFFFFF!important;
  border-left: 6px solid;
  border-color: #FFFFFF!important;
  outline: none !important;}

.icon-attention {
  height: 16px;
  width: 16px;
  background-color: #e30611;
  color: #fff;
  border: none;
  padding: 0px;
  border-radius: 50%;
  font-size: 14px;
  font-family: serif;
  font-weight: 700;
  outline: none !important;}

.icon-add-blue {
  height: 20px;
  width: 20px;
  color: #0077DB;
  border: 2px solid #0077DB;
  border-radius: 50%;
  outline: none !important;}

.ui-datepicker-trigger {
  position: absolute;
  right: 10px;
  top: 12px;
  outline: none !important;}

fieldset {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.textarea {
  resize: none; }

.select {
  font: 500 1.1em/1.3em 'Roboto', 'Arial', sans-serif;
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  -webkit-transition: border-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), padding 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: border-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), padding 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-smoothing: antialiased;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: white url(../img/drop-down-arrow.svg) no-repeat calc(100% - 16px) center;
  cursor: pointer; }

.radiobutton {
  padding-right: 24px; }
  .radiobutton-input {
    display: none; }
    .radiobutton-input:checked + .radiobutton-circle:after {
      content: "";
      position: absolute;
      width: 11px;
      height: 11px;
      top: 50%;
      left: 50%;
      border-radius: 50%;
      background: #e30613;
      -webkit-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%); }
  .radiobutton-circle {
    position: relative;
    width: 20px;
    height: 20px;
    -webkit-transition: border-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: border-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    border: 1px solid #bbb;
    border-radius: 50%;
    background: white;
    display: inline-block; }
  .radiobutton-name {
    position: relative;
    display: inline;
    vertical-align: top;
    padding-left: 4px;
    cursor: pointer;
    font-size: 14px;
    color: #001424;
    line-height: 1.5; }

.checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 24px;
  font-size: 14px;
  color: #001424; }
  .checkbox input[type=checkbox] {
    display: none; }
  .checkbox input[type=checkbox]:checked + .checkbox-tumbler {
    background: #26CD58;
    border: 2px solid transparent; }
    .checkbox input[type=checkbox]:checked + .checkbox-tumbler:after {
      background: #FFFFFF;
      left: 24px; }
  .checkbox-tumbler {
    background: #FFFFFF;
    border: 2px solid #E2E5EB;
    margin: 0 12px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border-radius: 31px;
    width: 46px;
    height: 24px;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in; }
    .checkbox-tumbler:after {
      position: absolute;
      content: '';
      background: #E2E5EB;
      width: 16px;
      height: 16px;
      border-radius: 50%;
      top: 50%;
      left: 2px;
      -webkit-transform: translateY(-50%);
              transform: translateY(-50%);
      -webkit-transition: all 0.3s ease-in;
      transition: all 0.3s ease-in; }

.dropdown {
  position: relative;
  display: inline-block;
  cursor: pointer; }
  .dropdown-content {
    display: none;
    -webkit-box-shadow: 0 4px 4px #E4E2EA;
            box-shadow: 0 4px 4px #E4E2EA;
    border-radius: 5px;
    position: absolute;
    background-color: #fff;
    padding: 0;
    min-width: 230px;
    right: 0;
    z-index: 15; }
    .dropdown-content button {
      margin-right: 12px; }
    .dropdown-content.active {
      display: block;
      z-index: 15; }
    .dropdown-content a {
      color: #707781;
      font-family: Roboto;
      line-height: 24px;
      font-size: 15px;
      padding: 15px 17px;
      text-decoration: none;
      display: block; }
      .dropdown-content a:hover {
        background-color: #f1f1f1; }
      .dropdown-content a:not(:last-child) {
        border-bottom: 1px solid #E4E2EA; }

.copy-span {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 'Roboto', 'Arial', sans-serif;
  padding: 0.5em 1.0em;
  cursor: pointer;
  -webkit-transition: color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  transition: color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
  color: #666;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  text-decoration: none; }
  .copy-span:hover {
    color: black;
    background-color: #f7f7f7; }
  .copy-span img {
    padding: 0 0.4em 0 0;
    width: 30px;
    height: 30px; }

.segment-control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .segment-control-item {
    cursor: pointer;
    line-height: 24px;
    font-size: 17px;
    padding: 12px 33px;
    text-align: center;
    color: #A2A8AF;
    background: #FFFFFF;
    border: 2px solid #E2E5EB;
    border-right: none; }
    .segment-control-item:last-child {
      border-right: 2px solid #E2E5EB; }
    .segment-control-item.active:first-child {
      border: none; }
    .segment-control-item.active {
      color: #FFFFFF;
      background: #E30613;
      border: none;
      border-left: 2px solid #E2E5EB; }

.card {
  background: #FFFFFF;
  width: 100%;
  padding: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .card-subtitles {
    line-height: 24px;
    font-size: 14px;
    color: #838E99;
    margin-bottom: 12px; }
  .card-heading {
    line-height: 24px;
    font-size: 20px;
    font-family: Robotobold;
    color: #001424; }

.profile-nav {
  background: #FFFFFF;
  width: 100%;
  padding: 1.2em 0 1.2em 0; }
  .profile-nav-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font: 500 1.1em/1.3em 'Roboto', 'Arial', sans-serif;
    padding: 1.1em 1.5em;
    cursor: pointer;
    -webkit-transition: color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1), background-color 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    color: #666;
    background-color: transparent;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    text-decoration: none; }
    .profile-nav-item.active {
      color: black !important;
      background-color: #f7f7f7 !important; }
    .profile-nav-item:visited {
      text-decoration: none;
      color: #666; }
    .profile-nav-item:active {
      text-decoration: none;
      color: #666; }
    .profile-nav-item:link {
      text-decoration: none;
      color: #666; }
    .profile-nav-item:hover {
      color: black;
      background-color: #f7f7f7; }
    .profile-nav-item img {
      padding: 0 0.4em 0 0;
      width: 30px;
      height: 30px; }

.profile-content {
  background: #ffffff;
  width: 100%;
  padding: 2em; }
  .profile-content h1 {
    font-size: 2.5em;
    line-height: 1.3em;
    font-family: Robotolight;
    padding: 0 0 0.75em 0; }

.main-body .history-container .history-item-id, .main-body .history-container .history-item-zone, .main-body .history-container .history-item-date {
  min-width: 170px; }

.main-body .history-container .history-item-price {
    min-width: 80px; }

.main-body .history-container .form-group {
  margin-bottom: 0; }
  .main-body .history-container .form-group input#search {
    width: 385px;
    padding: .7em 1.7em .7em .7em;
    position: relative; }
  .main-body .history-container .form-group .selectric-select {
    width: 200px;
    background-color: #FFFFFF; }
  .main-body .history-container .form-group .icon-search {
    position: absolute;
    right: 12px;
    top: 17px; }

.main-body .history-container h1.heading-1 {
  margin-bottom: 0; }

.main-body .history-container .history-form {
  margin-top: 18px;
  margin-bottom: 5px;
  display: none; }
  .main-body .history-container .history-form.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

.table-wrap {
  width: 100%; }
  .table-wrap .table {
    width: 100%;
    min-width: 100%; }
    .table-wrap .table.drop-table tbody .table__row {
      cursor: pointer; }
    .table-wrap .table .opacity {
      opacity: 0.5; }
    .table-wrap .table thead .table__row {
      position: relative; }
      .table-wrap .table thead .table__row__cell {
        text-align: left;
        font-weight: 500;
        font-size: 14px;
        color: #838E99;
        padding: 15px 0;
        padding-left: 30px;
        line-height: 24px; }
    .table-wrap .table tbody {
      background-color: #FFFFFF;
      border: 1px solid #E5E2EB; }
      .table-wrap .table tbody .table__row {
        position: relative;
        border-bottom: 1px solid #E5E2EB; }
        .table-wrap .table tbody .table__row__cell {
          position: relative;
          text-align: left;
          vertical-align: middle;
          padding: 20px 0;
          padding-left: 30px;
          color: #001424;
          font-weight: normal;
          line-height: 24px; }
          .table-wrap .table tbody .table__row__cell:first-child.blur .no-click {
            border-left: 1px solid #E5E2EB; }
          .table-wrap .table tbody .table__row__cell:last-child.blur .no-click {
            border-right: 1px solid #E5E2EB; }
          .table-wrap .table tbody .table__row__cell.blur .no-click {
            position: absolute;
            left: -1px;
            right: -1px;
            top: -1px;
            bottom: -1px;
            background: rgba(255, 255, 255, 0.8);
            border-bottom: 1px solid #E5E2EB;
            border-top: 1px solid #E5E2EB;
            z-index: 999; }
        .table-wrap .table tbody .table__row__content {
          display: none;
          border-bottom: 1px solid #E5E2EB;
          border-top: 1px solid #E5E2EB; }
          .table-wrap .table tbody .table__row__content.active {
            display: table-row;
            cursor: default; }
          .table-wrap .table tbody .table__row__content .settings {
            width: 100%;
            padding: 0 20px 0px 34px;
            margin: 0; }
          .table-wrap .table tbody .table__row__content .results {
            width: 100%;
            padding: 0 20px 20px 34px;
            margin: 0; }
          .table-wrap .table tbody .table__row__content .content-main_name {
            color: #001424;
            font-family: Robotobold;
            font-size: 16px;
            line-height: 24px;
            padding: 20px 20px 10px 34px;
            display: block; }
          .table-wrap .table tbody .table__row__content .content-header {
            display: block;
            color: #838E99;
            line-height: 16px;
            font-size: 14px; }
          .table-wrap .table tbody .table__row__content .content-footer {
            display: block;
            line-height: 24px;
            font-size: 14px;
            color: #001424; }
      .table-wrap .table tbody .drop-down-icon {
        width: 16px;
        height: 10px;
        cursor: pointer; }

h2.heading-2 {
  font-size: 2.4rem;
  font-weight: 400;
  color: #001424; }

.sub-heading {
  display: block;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #9198a0;
  margin-bottom: 2.4rem;
  margin-top: .7rem;
  max-width: 50rem; }

.ui-datepicker {
  font: normal 13px/1 'Roboto', 'Arial', sans-serif;
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #e4e4e4;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  padding: 4px;
  z-index: 6 !important; }
  .ui-datepicker .ui-datepicker-header {
    color: #333;
    font-weight: 400;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #e7e7e7;
    background-color: #fff; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
      background-image: url(../img/arrow-prev.svg);
      width: 6px;
      height: 10px; }
    .ui-datepicker .ui-datepicker-header .ui-icon {
      background-position: 0 0; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
      background-image: url(../img/arrow-next.svg);
      width: 6px;
      height: 10px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev, .ui-datepicker .ui-datepicker-header .ui-datepicker-next,
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
      white-space: nowrap;
      text-align: center;
      min-width: 32px;
      top: 22px;
      background-color: #FFFFFF;
      outline: none;
      border: none;
      border-radius: 0;
      cursor: pointer; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
      left: 2px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
      right: 2px; }
    .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
      height: 60px;
      line-height: 60px;
      font-size: 18px;
      color: #333; }
  .ui-datepicker-calendar thead {
    border-bottom: 1px solid #e7e7e7; }
    .ui-datepicker-calendar thead th {
      text-align: center;
      font-weight: 700;
      height: 29px;
      text-transform: uppercase;
      vertical-align: middle;
      font-size: 12px;
      color: #666; }
  .ui-datepicker-calendar tbody .ui-state-default {
    border: none;
    min-width: 28px;
    text-align: center;
    vertical-align: middle;
    background: none;
    padding: 0;
    height: 28px;
    line-height: 28px;
    color: #666; }
  .ui-datepicker-calendar tbody .ui-state-active {
    color: #fff; }
  .ui-datepicker-calendar tbody .ui-state-hover {
    color: #e30613; }
  .ui-datepicker-calendar tbody .ui-datepicker-current-day {
    background-color: #e30613;
    color: #fff;
    border-radius: 4px; }

.load-file-block #modal-error-type-file .add-new-file {
  color: #001424; }

.load-file-block .text-gray-light {
  font-size: 14px;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.load-file-block .dropzone {
  display: block;
  min-height: 240px;
  width: 100%;
  border: 2px dashed #bbc1c7;
  border-radius: 4px;
  position: relative; }
  .load-file-block .dropzone .dz-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
    margin: 0;
    position: absolute;
    top: 30%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%); }
  .load-file-block .dropzone .input-upload {
    display: none; }
  .load-file-block .dropzone .upload-button {
    cursor: pointer; }

.load-file-block .loaded-files-block table {
  margin-top: 40px;
  width: 100%; }
  .load-file-block .loaded-files-block table thead th {
    font-size: 10px;
    text-align: right;
    color: #9198a0;
    pointer-events: auto; }
    .load-file-block .loaded-files-block table thead th:first-child {
      text-align: left; }
  .load-file-block .loaded-files-block table tbody td {
    font-size: 14px;
    text-align: right;
    font-weight: 400;
    vertical-align: middle;
    color: #001424;
    padding: 20px 0; }
    .load-file-block .loaded-files-block table tbody td:first-child {
      text-align: left;
      font-weight: 700; }

.load-file-block .loaded-files-block .delete-button:before {
  height: 30px;
  width: 30px;
  font-size: 25px;
  content: '×';
  color: #6e7782;
  cursor: pointer; }

.load-file-block .loaded-files-block .common-count-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .load-file-block .loaded-files-block .common-count-block .delete-all-button {
    position: relative;
    font-size: 14px;
    color: #6e7782;
    cursor: pointer; }
    .load-file-block .loaded-files-block .common-count-block .delete-all-button:before {
      position: absolute;
      height: 12px;
      width: 12px;
      top: -8px;
      left: -17px;
      font-size: 25px;
      content: '×';
      color: #6e7782; }

.load-file-block .loaded-files-block .notification-block {
  margin-top: 2.4rem;
  font-family: Roboto;
  font-size: 14px;
  color: #e30611;
  line-height: 20px;
  padding-left: 25px;
  position: relative; }
  .load-file-block .loaded-files-block .notification-block .icon {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 6px;
    left: 0;
    background-color: #e30611;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    font-size: 14px;
    font-family: serif;
    font-weight: 700; }

.load-file-block .loaded-files-block .moderation-agreement {
  margin-bottom: 3.2rem;
  margin-top: 3.2rem; }

.load-file-block #tpl {
  display: none; }

.select-tab-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .select-tab-wrap input {
    display: none; }
  .select-tab-wrap div {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background: #FFFFFF;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    padding: 14px 8px;
    color: #ADB0B3;
    cursor: pointer;
    border: 0.5px solid #D0D6DA; }
    .select-tab-wrap div.select-tab-first {
      border-bottom-left-radius: 6px;
      border-top-left-radius: 6px; }
    .select-tab-wrap div.select-tab-last {
      border-bottom-right-radius: 6px;
      border-top-right-radius: 6px; }
    .select-tab-wrap div.active {
      background: #E30613;
      border: none;
      color: #FFFFFF; }

.select-tab-border-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .select-tab-border-wrap input {
    display: none; }
  .select-tab-border-wrap div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #FFFFFF;
    line-height: 20px;
    font-size: 16px;
    text-align: center;
    padding: 14px 8px;
    padding-left: 16px;
    color: #ADB0B3;
    cursor: pointer;
    border: 0.5px solid #D0D6DA; }
    .select-tab-border-wrap div.active {
       background: #FFFFFF;
       border: 1px solid #E30613;
       color: #E30613; }
    .select-tab-border-wrap div.select-tab-first {
       border-bottom-left-radius: 6px;
       border-top-left-radius: 6px; }
    .select-tab-border-wrap div.select-tab-last {
       border-bottom-right-radius: 6px;
       border-top-right-radius: 6px; }

.select-tab-border-wrap-short {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .select-tab-border-wrap-short div {
     background: #FFFFFF;
     padding: 4px 8px;
     color: #ADB0B3;
     cursor: pointer;
     border: none; }
    .select-tab-border-wrap-short div.active {
      background: #FFFFFF;
      color: #E30613; }
    .select-tab-border-wrap-short div.select-tab-first {
      text-align: left; }
    .select-tab-border-wrap-short div.select-tab-last {
      text-align: left; }

.select-tab-border-wrap-entity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .select-tab-border-wrap-entity div {
    color: #ADB0B3;
    cursor: pointer;
    border: none; }
    .select-tab-border-wrap-entity div.active {
      background: #FFFFFF;
      color: #E30613; }
    .select-tab-border-wrap-entity div.select-tab-first {
      text-align: left; }
    .select-tab-border-wrap-entity div.select-tab-last {
    text-align: left; }


.app-checker-component .checker-container {
  display: block;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.4rem;
  line-height: 18px; }
  .app-checker-component .checker-container .moderation-offer {
    text-decoration: underline; }
  .app-checker-component .checker-container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    padding: 0;
    margin: 0; }
    .app-checker-component .checker-container input:checked ~ .white-check-mark {
      background-color: #e30611;
      border-color: #e30611; }
      .app-checker-component .checker-container input:checked ~ .white-check-mark:after {
        display: block;
        left: 5px;
        top: 1px;
        width: 6px;
        height: 10px;
        border: solid #fff;
        border-width: 0 2px 2px 0;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg); }
  .app-checker-component .checker-container .white-check-mark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    border: 1px solid #e5e2eb;
    -webkit-transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    transition: all 0.3s cubic-bezier(0.64, 0.09, 0.08, 1);
    border-radius: 2px; }
    .app-checker-component .checker-container .white-check-mark:after {
      content: '';
      position: absolute;
      display: none;
      -webkit-box-sizing: inherit;
              box-sizing: inherit; }

.helper-right-block-sticky {
  position: absolute;
  z-index: 5; }
  .helper-right-block-sticky .inner-wrapper-sticky {
    width: 293px !important;
    left: 1007px !important; }

.helper-right-block {
  max-width: 300px;
  min-height: 100px;
  background-color: #fff;
  position: absolute;  }
  .helper-right-block.arrow {
    border: 2px solid #E5E2EB; }
    .helper-right-block.arrow:after {
      content: "";
      width: 25px;
      height: 35px;
      background-image: url(../img/arrow-help-block.png);
      position: absolute;
      left: -25px;
      top: 30px; }
  .helper-right-block .helper-content {
    position: relative;
    padding: 3.2rem; }
    .helper-right-block .helper-content .helper-name {
      font-family: Robotobold;
      display: block;
      line-height: 24px;
      font-size: 16px;
      color: #001424; }
    .helper-right-block .helper-content .helper-description {
      display: block;
      line-height: 16px;
      font-size: 12px;
      color: #838E99; }
    .helper-right-block .helper-content .helper-intent {
      line-height: 16px;
      font-size: 14px;
      color: #838E99; }
  .helper-right-block .helper-slider-content {
    border-top: 1px solid #bbc1c7;
    padding: 3.2rem;
    padding-bottom: 2rem; }
    .helper-right-block .helper-slider-content .helper-slider-head {
      font-size: 3.2rem;
      margin-bottom: 1rem; }
    .helper-right-block .helper-slider-content .helper-slider-description div {
      min-height: 190px;
      max-height: 224px;
      overflow: hidden;
      display: none;
      -webkit-transition: all .8s;
      transition: all .8s;
      font-size: 1.4rem;
      font-family: Robotlight, sans-serif;
      line-height: 2rem; }
    .helper-right-block .helper-slider-content .helper-slider-page {
      display: inline-block;
      width: 8px;
      height: 8px;
      margin-right: 5px;
      border-radius: 50%;
      background-color: #bbc1c7;
      cursor: pointer; }
      .helper-right-block .helper-slider-content .helper-slider-page:hover, .helper-right-block .helper-slider-content .helper-slider-page.active {
        background-color: #001424; }

.helper-right-block-menu {
  width: 290px;
  position: absolute;
  margin-left: 896px !important;
  z-index: 4;
  }
  .helper-right-block-menu-content {
    height: 500px;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .helper-right-block-menu .helper-right-block-menu-content .menu-nav {
    font-size: 12px;
    color: #838E99;
    padding-top: 8px;
    display: block;
    cursor: pointer;
  }
  .helper-right-block-menu .helper-right-block-menu-content .menu-nav:hover {
    color: #e30611;}
    .helper-right-block-menu .helper-right-block-menu-content .menu-nav.active {
      color: #e30611;}
    .helper-right-block-menu .helper-right-block-menu-content .menu-nav.next {
      color: #e30611;
      font-weight: bolder;
      font-size: 14px;}

  .helper-right-block-menu .helper-right-block-menu-content .rule-nav {
    font-size: 11px;
    color: #0077DB;
    padding-top: 8px;
    display: block;
    cursor: pointer;
  }
  .helper-right-block-menu .helper-right-block-menu-content .rule-nav:hover {
    font-weight: bolder;
    color: #000000;}
    .helper-right-block-menu .helper-right-block-menu-content .rule-nav.active {
      color: #000000;
      font-weight: bolder;
      font-size: 13px;}
    .helper-right-block-menu .helper-right-block-menu-content .rule-nav.next {
      color: #0077DB;
      font-weight: bolder;
      font-size: 13px;}
    .helper-right-block-menu .helper-right-block-menu-content .rule-nav.sub.active {
      color: #000000;
      font-weight: bolder;
      font-size: 13px;}

.history-tags {
  min-width: 250px;
  max-height: 580px;
  overflow-y: scroll; }

.people-say-block-sticky {
  width: 100%;
  padding-top: 15px;}
.people-say-block-sticky .inner-wrapper-sticky {
  width: 293px !important;
  left: 1007px !important; }

.people-say-block {
  min-width: 520px;
  background-color: #fff;
  position: absolute;  }
.people-say-block .helper-content {
  position: relative;
  padding: 2.2rem; }
.people-say-block .helper-content .helper-name {
  font-family: Robotobold;
  display: block;
  line-height: 24px;
  font-size: 16px;
  color: #001424; }
.people-say-block .helper-content .helper-description {
  display: block;
  line-height: 16px;
  font-size: 12px;
  color: #838E99; }
.people-say-block .helper-slider-content {
  border-top: 1px solid #bbc1c7;
  padding: 3.2rem;
  padding-bottom: 2rem; }
.people-say-block .helper-slider-content .helper-slider-head {
  font-size: 3.2rem;
  margin-bottom: 1rem; }
.people-say-block .helper-slider-content .helper-slider-description div {
  min-height: 190px;
  max-height: 224px;
  overflow: hidden;
  display: none;
  -webkit-transition: all .8s;
  transition: all .8s;
  font-size: 1.4rem;
  font-family: Robotlight, sans-serif;
  line-height: 2rem; }
.people-say-block .helper-slider-content .helper-slider-page {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background-color: #bbc1c7;
  cursor: pointer; }
.people-say-block .helper-slider-content .helper-slider-page:hover, .helper-right-block .helper-slider-content .helper-slider-page.active {
  background-color: #001424; }


.page-input {
  height: 28px;
  width: 32px;
  margin-top: -6px;
  font-size: 16px;
  color: #e30613;
  text-align: center;
}

.pagination-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px 0; }
  .pagination-wrap.pagination-center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .pagination-wrap.pagination-right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end; }
  .pagination-wrap .pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .pagination-wrap .pagination div {
      padding: 0 8px;
      color: #333333;
      cursor: pointer; }
      .pagination-wrap .pagination div.active {
        color: #e30613; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 62.5%; }

body {
  line-height: 1;
  font-family: Roboto;
  background-color: #f8f8f8;
  font-size: 1.6rem;
  min-height: 100vh;
  overflow: auto;
  overflow-x: hidden; }

* {
  font-family: Roboto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

hr {
  display: block;
  border: 0;
  border-top: 1px solid #bbc1c7;
  padding: 0;
  height: 2px;
  background-color: #fff;
  opacity: .3;
  margin: 0; }

.container {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 5rem;
  min-width: 1180px; }

.btn-tag {
  border-radius: 2px;
  line-height: 12px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 0px 3px;
  display: inline;
  white-space: pre-wrap; }

.tag {
  border-radius: 2px;
  line-height: 24px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 8px 3px;
  display: inline;
  white-space: pre-wrap; }
  .tag-blue {
    background: #0077DB;
    border: 1px solid #0077DB}
  .tag-green {
    background: #00A277; }
  .tag-gray {
    background: #BBC1C7; }
  .tag-red {
    background: #E30611; }
  .tag-yellow {
    background-color: #ffae00;}
  .tag-border {
    background: #ffffff;
    border: 1px solid #B3B3B3;
    color: #000000; }
  .tag-border-blue {
    background: #ffffff;
    border: 1px solid #0077DB;
    color: #0077DB; }
  .tag-border-red {
    background: #ffffff;
    border: 1px solid #E30611;
    color: #E30611; }
  .tag-border-green {
    background: #ffffff;
    border: 1px solid #00A277;
    color: #000000; }

.param {
  border-radius: 2px;
  line-height: 16px;
  font-size: 12px;
  color: #FFFFFF;
  text-align: center;
  padding: 2px 8px 3px;
  display: inline;
  white-space: pre-wrap;
  line-height: 2; }
.tag-blue {
  background: #0077DB; }
.tag-border {
  background: #ffffff;
  border: 1px solid #B3B3B3;
  color: #000000; }
.tag-border-blue {
  background: #ffffff;
  border: 1px solid #0077DB;
  color: #0077DB; }
.tag-border-red {
  background: #ffffff;
  border: 1px solid #E30611;
  color: #E30611; }
.tag-border-green {
  background: #ffffff;
  border: 1px solid #00A277;
  color: #000000; }

.text-left {
  text-align: left !important; }

.text-center {
  text-align: center !important; }

.text-right {
  text-align: right !important; }

.text-blue {
  color: #0077DB !important; }

.text-black {
  color: #001424 !important; }

.text-green {
  color: #26cd58 !important; }

.text-gray {
  color: #808080 !important; }
  .text-gray-light {
    color: #9198a0 !important; }
  .text-gray-raven {
    color: #6e7782 !important; }

.text-red {
  color: #E30611 !important; }

.drop-down-icon {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/drop-down-arrow.svg); }

.drag-right-icon {
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  background-position: center center;
  background-image: url(../img/drop-down-arrow.svg); }

.section {
  position: relative;
  padding: 3.2rem; }

.bg-white {
  background-color: #fff; }

a {
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in; }
  a:link, a:visited {
    text-decoration: none;
    color: #0077DB; }
  a:hover {
    text-decoration: none;
    color: #0077DB;
    opacity: 0.8; }
  a:active {
    color: #0F6CB6; }

.hide {
  display: none; }

.item-task-description a{color: #707b87;}