@charset "UTF-8";
@font-face {
  font-family: 'icomoon';
  src: url("/static/fonts/icomoon.eot?-84zhg6&c5bd3a2042fb");
  src: url("/static/fonts/icomoon.eot?&c5bd3a2042fb#iefix-84zhg6") format("embedded-opentype"), url("/static/fonts/icomoon.ttf?-84zhg6&c5bd3a2042fb") format("truetype"), url("/static/fonts/icomoon.woff?-84zhg6&c5bd3a2042fb") format("woff"), url("/static/fonts/icomoon.svg?-84zhg6&c5bd3a2042fb#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

i {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1; }
  i.inline {
    display: inline-block;
    vertical-align: top;
    line-height: inherit; }
    i.inline ~ .inline {
      margin-left: 17px; }

.with-icon:before {
  font-family: 'icomoon';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none; }

.icon-spin {
  -webkit-animation: icon-spin 2s infinite linear;
  animation: icon-spin 2s infinite linear; }

@-webkit-keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

@keyframes icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }

.icon-reply_all:before {
  content: ""; }

.icon-star_half:before {
  content: ""; }

.icon-star_border:before {
  content: ""; }

.icon-star:before {
  content: ""; }

.icon-payment:before {
  content: ""; }

.icon-warning:before {
  content: ""; }

.icon-import:before {
  content: ""; }

.icon-ipad:before {
  content: ""; }

.icon-iphone:before {
  content: ""; }

.icon-android:before {
  content: ""; }

.icon-arrow_right:before {
  content: ""; }

.icon-event:before {
  content: ""; }

.icon-clear:before {
  content: ""; }

.icon-dropdown_arrow:before {
  content: ""; }

.icon-arrow_left:before {
  content: ""; }

.icon-menu:before {
  content: ""; }

.icon-dot:before {
  content: ""; }

.icon-minus:before {
  content: ""; }

.icon-dots:before {
  content: ""; }

.icon-search:before {
  content: ""; }

.icon-export:before {
  content: ""; }

.icon-strike:before {
  content: ""; }

.icon-stop:before,
.icon-status-paused:before {
  content: ""; }

.icon-refresh:before {
  content: ""; }

.icon-braces:before {
  content: ""; }

.icon-bold:before {
  content: ""; }

.icon-italic:before {
  content: ""; }

.icon-list_bulleted:before {
  content: ""; }

.icon-list_numbered:before {
  content: ""; }

.icon-underline:before {
  content: ""; }

.icon-link:before {
  content: ""; }

.icon-never-reply:before {
  content: ""; }

.icon-trash:before {
  content: ""; }

.icon-group-move:before {
  content: ""; }

.icon-fullscreen:before {
  content: ""; }

.icon-fullscreen_exit:before {
  content: ""; }

.icon-pause:before {
  content: ""; }

.icon-play_arrow:before,
.icon-status-in_progress:before {
  content: ""; }

.icon-volume_down:before {
  content: ""; }

.icon-volume_mute:before {
  content: ""; }

.icon-volume_off:before {
  content: ""; }

.icon-volume_up:before {
  content: ""; }

.icon-check_circle:before {
  content: ""; }

.icon-do_not_disturb_alt:before {
  content: ""; }

.icon-remove_circle:before {
  content: ""; }

.icon-download:before {
  content: ""; }

.icon-upload:before {
  content: ""; }

.icon-spinner:before {
  content: ""; }

.icon-group-add:before {
  content: ""; }

.icon-contacts:before {
  content: ""; }

.icon-send:before,
.icon-status-performed:before {
  content: ""; }

.icon-company:before {
  content: ""; }

.icon-group:before {
  content: ""; }

.icon-person:before {
  content: ""; }

.icon-add:before {
  content: ""; }

.icon-filter_list:before {
  content: ""; }

.icon-reply:before {
  content: ""; }

.icon-reply:before {
  content: ""; }

.icon-forward {
  transform: scaleX(-1); }
  .icon-forward:before {
    content: ""; }

.icon-sort:before {
  content: ""; }

.icon-edit:before,
.icon-status-draft:before {
  content: ""; }

.icon-done:before {
  content: ""; }

.icon-companies:before {
  content: ""; }

.icon-skype:before {
  content: ""; }

.icon-date:before {
  content: ""; }

.icon-time:before,
.icon-status-scheduled:before {
  content: "!"; }

.time-date {
  padding: 15px;
  font-size: 14px;
  margin-top: -10px;
  margin-left: -15px;
  width: 380px; }
  .time-date.active {
    position: absolute;
    background: white;
    width: 476px;
    box-shadow: 0 3px 4px 0 rgba(4, 5, 5, 0.24);
    border-radius: 2px;
    z-index: 2; }
  .time-date[disabled] .full-title {
    cursor: default; }
  .time-date .control {
    width: 100%;
    position: relative; }
  .time-date .full-title {
    position: relative;
    cursor: pointer; }
    .time-date .full-title > .icon-event {
      font-size: 30px;
      color: #a0a6a9;
      position: absolute;
      display: block;
      width: 40px;
      height: 40px;
      padding: 7px 3px 0; }
    .time-date .full-title div {
      margin-left: 42px;
      font-size: 16px;
      text-transform: capitalize; }
      .time-date .full-title div.time {
        color: #60686c;
        font-weight: 400;
        line-height: 16px; }
  .time-date .list-actions {
    position: absolute;
    right: 8px !important;
    top: 8px !important; }
    .time-date .list-actions .md-button {
      height: 32px;
      line-height: 32px;
      font-size: 15px;
      padding: 0 6px;
      margin-left: 10px; }
  .time-date .title {
    margin-top: 36px;
    padding: 0 20px; }
    .time-date .title select {
      border: none;
      background: none;
      color: #60686c;
      font-weight: 500;
      -moz-appearance: none;
      -webkit-appearance: none;
      cursor: pointer;
      width: 90px;
      z-index: 1; }
      .time-date .title select + ng-md-icon {
        position: absolute;
        top: 1px;
        left: 70px;
        z-index: -1; }
        .time-date .title select + ng-md-icon path {
          fill: #4555a5; }
  .time-date .date-control {
    font-weight: 500;
    text-align: center; }
    .time-date .date-control .nav-button {
      width: 30px;
      height: 30px;
      background: transparent !important;
      box-shadow: none !important;
      margin-right: 12px; }
      .time-date .date-control .nav-button + .nav-button {
        margin-right: -5px; }
    .time-date .date-control ng-md-icon path {
      fill: #a0a6a9; }
    .time-date .date-control .headers {
      color: #a0a6a9;
      padding-top: 20px; }
    .time-date .date-control .days {
      overflow: hidden;
      height: 276px; }
      .time-date .date-control .days > div {
        position: relative; }
        .time-date .date-control .days > div.scrollable {
          transition: top 0.5s; }
    .time-date .date-control .day-cell {
      flex: 0 0 14.28571%;
      margin-bottom: 6px; }
      .time-date .date-control .day-cell .md-button {
        position: relative;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        padding: 0; }
        .time-date .date-control .day-cell .md-button:not([disabled]):HOVER, .time-date .date-control .day-cell .md-button:not([disabled]).active {
          background: #02bdd5;
          color: white !important;
          font-weight: 600; }
        .time-date .date-control .day-cell .md-button:not([disabled]).another-month {
          color: #a0a6a9; }
        .time-date .date-control .day-cell .md-button[disabled] {
          color: #a0a6a9;
          opacity: 0.35; }
        .time-date .date-control .day-cell .md-button span {
          display: block;
          width: 40px; }

body {
  background: #f4f7f9;
  font-family: "omnes-pro",sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  letter-spacing: 0.045em;
  color: #212121;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

button, body, html, input, select, textarea {
  font-family: "omnes-pro",sans-serif; }

* {
  outline: none !important; }

a {
  transition: all .3s ease; }

md-content {
  background: transparent !important; }

h1, h2 {
  margin: 0;
  letter-spacing: 0.05em; }

h1 {
  font-size: 30px;
  line-height: 150px; }
  h1 span {
    color: #60686c;
    font-weight: 500; }

h2 {
  font-weight: 500; }

md-checkbox {
  margin: 0;
  padding-bottom: 55px;
  position: relative;
  width: 100%;
  max-width: 230px; }
  md-checkbox.wide {
    max-width: 9999px; }
  md-checkbox.no-help {
    padding-bottom: 0; }
    md-checkbox.no-help:AFTER {
      display: none; }
  md-checkbox .md-icon {
    border-color: #cbd3d8;
    border-radius: 3px; }
  md-checkbox.md-default-theme.md-checked .md-icon::after {
    border-color: white; }
  md-checkbox .md-label {
    margin-left: 25px;
    border: none;
    font-size: 16px; }
  md-checkbox:AFTER {
    content: attr(aria-label);
    position: absolute;
    left: 44px;
    margin-top: -2px;
    display: block;
    color: #60686c;
    font-weight: 400;
    font-size: 16px;
    line-height: 1em; }

md-switch {
  margin: 0; }

textarea {
  padding: 82px 3px 10px;
  width: 100%;
  min-height: 56px;
  resize: none;
  border: none;
  border-bottom: 1px solid #cbd3d8;
  background: none;
  font-size: 24px;
  line-height: 1.2em;
  letter-spacing: 0.0575em; }
  textarea::-webkit-input-placeholder {
    color: #b6b7b7;
    opacity: 1; }
  textarea:-moz-placeholder {
    color: #b6b7b7;
    opacity: 1; }
  textarea::-moz-placeholder {
    color: #b6b7b7;
    opacity: 1; }
  textarea:-ms-input-placeholder {
    color: #b6b7b7;
    opacity: 1; }
  textarea:FOCUS {
    border-bottom: 5px solid #02bdd5; }
    textarea:FOCUS + h3,
    textarea:FOCUS + .actions {
      border-top-color: transparent; }

md-select-menu {
  background: white; }

.md-select-menu-container {
  font-weight: 500; }

md-autocomplete {
  width: 400px;
  max-width: calc(100% - 50px);
  box-shadow: none;
  height: 34px;
  position: absolute;
  background: transparent; }
  md-autocomplete ~ * {
    z-index: 2; }
  md-autocomplete + i {
    height: 34px !important; }
  md-autocomplete md-autocomplete-wrap {
    display: none; }
  md-autocomplete input {
    padding: 0;
    height: 34px; }
  md-autocomplete ul {
    margin-left: -15px;
    border-radius: 3px; }
    md-autocomplete ul li {
      background: white;
      font-size: 24px;
      line-height: 34px;
      font-weight: 400; }
      md-autocomplete ul li:FIRST-CHILD {
        border-top: none; }

path {
  fill: white; }

ng-md-icon.inline,
[ng-md-icon].inline {
  display: -webkit-inline-flex;
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  vertical-align: top;
  margin-right: 12px;
  margin-left: 20px; }
  ng-md-icon.inline:FIRST-CHILD, [hide-sm] + ng-md-icon.inline,
  [ng-md-icon].inline:FIRST-CHILD, [hide-sm] + [ng-md-icon].inline {
    margin-left: 0px; }
  ng-md-icon.inline path,
  [ng-md-icon].inline path {
    fill: #4e5559; }

.hidden {
  visibility: hidden !important; }

.uv-icon.uv-bottom-right {
  right: 20px !important;
  bottom: 15px !important;
  width: 50px;
  height: 50px; }
  .uv-icon.uv-bottom-right svg {
    width: 50px;
    height: 50px; }

.uv-popover.uv-scale-left {
  margin-top: 130px; }
  .uv-popover.uv-scale-left .uv-popover-tail {
    margin-top: -130px; }

.md-raised:not([disabled]):ACTIVE {
  background: #4555a5 !important; }

.md-raised:not([disabled]) {
  box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24); }

button::-moz-focus-inner {
  border: 0; }

.md-button.md-default-theme.md-fab {
  padding: 0 !important;
  box-shadow: none; }
  .md-button.md-default-theme.md-fab ng-md-icon {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .md-button.md-default-theme.md-fab svg {
    display: block; }
  .btn-activator:HOVER .md-button.md-default-theme.md-fab {
    box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24); }

.md-link {
  background: transparent !important; }
  .md-link:HOVER, .md-link:FOCUS, .md-link:ACTIVE {
    text-decoration: underline;
    background: transparent !important; }

.md-green {
  color: white !important;
  background: #4caf50 !important; }
  .md-green:not([disabled]):HOVER, .md-green:not([disabled]):FOCUS {
    background: #4caf50 !important; }
  .md-green[disabled] {
    background: #cbd3d8 !important; }

.md-red.md-default-theme {
  color: white !important;
  background: #f85b45 !important; }
  .md-red.md-default-theme:not([disabled]):HOVER, .md-red.md-default-theme:not([disabled]):FOCUS {
    background: #f85b45 !important; }
  .md-red.md-default-theme[disabled] {
    background: #cbd3d8 !important;
    box-shadow: none; }

.md-button.md-default-theme.md-fab.add-button,
.md-button.md-default-theme.md-raised.add-button {
  color: white;
  background: #cbd3d8; }
  .md-button.md-default-theme.md-fab.add-button.hidden,
  .md-button.md-default-theme.md-raised.add-button.hidden {
    visibility: hidden; }
  .btn-activator:HOVER .md-button.md-default-theme.md-fab.add-button, .btn-activator.active .md-button.md-default-theme.md-fab.add-button, .md-button.md-default-theme.md-fab.add-button:HOVER, .btn-activator:HOVER .md-button.md-default-theme.md-raised.add-button, .btn-activator.active .md-button.md-default-theme.md-raised.add-button,
  .md-button.md-default-theme.md-raised.add-button:HOVER {
    background: #02bdd5; }

.md-button.md-default-theme.edit-button {
  background: #cbd3d8;
  color: white; }
  .btn-activator:HOVER .md-button.md-default-theme.edit-button:not([disabled]), .btn-activator.active .md-button.md-default-theme.edit-button:not([disabled]), .md-button.md-default-theme.edit-button:HOVER:not([disabled]) {
    background: #60686c; }
  .md-button.md-default-theme.edit-button[disabled] {
    background: #cbd3d8;
    color: white !important; }
  .md-button.md-default-theme.edit-button[disabled] {
    box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24); }

.md-button.md-default-theme.clear-button {
  background: #cbd3d8;
  color: white; }
  .btn-activator:HOVER .md-button.md-default-theme.clear-button:not([disabled]), .btn-activator.active .md-button.md-default-theme.clear-button:not([disabled]), .md-button.md-default-theme.clear-button:HOVER:not([disabled]) {
    background: #60686c; }
  .md-button.md-default-theme.clear-button[disabled] {
    background: #cbd3d8;
    color: white !important; }

.md-button.md-default-theme.delete-button {
  background: #cbd3d8;
  color: white; }
  .btn-activator:HOVER .md-button.md-default-theme.delete-button:not([disabled]), .btn-activator.active .md-button.md-default-theme.delete-button:not([disabled]), .md-button.md-default-theme.delete-button:HOVER:not([disabled]) {
    background: #f85b45; }
  .md-button.md-default-theme.delete-button[disabled] {
    background: #cbd3d8;
    color: white !important;
    box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24); }

.md-button.md-default-theme.md-fab.include-button {
  background: #cbd3d8; }
  .md-button.md-default-theme.md-fab.include-button:not(.active) ng-md-icon[icon=done], .md-button.md-default-theme.md-fab.include-button:not(.active) ng-md-icon[icon=minus], .md-button.md-default-theme.md-fab.include-button.active:HOVER ng-md-icon[icon=done], .md-button.md-default-theme.md-fab.include-button.active:not(:HOVER) ng-md-icon[icon=minus], .md-button.md-default-theme.md-fab.include-button.active ng-md-icon[icon=add] {
    display: none; }
  .md-button.md-default-theme.md-fab.include-button svg {
    top: 0 !important; }
  .md-button.md-default-theme.md-fab.include-button[disabled] {
    box-shadow: none; }
    .md-button.md-default-theme.md-fab.include-button[disabled] ng-md-icon:not([icon="do_not_disturb_alt"]) {
      display: none; }
  .btn-activator:HOVER .md-button.md-default-theme.md-fab.include-button:not(.active):not([disabled]), .md-button.md-default-theme.md-fab.include-button:not(.active):HOVER:not([disabled]) {
    background: #02bdd5; }
  .md-button.md-default-theme.md-fab.include-button.active:not([disabled]) {
    background: #4caf50; }
    .md-button.md-default-theme.md-fab.include-button.active:not([disabled]):HOVER {
      background: #f85b45; }

.md-button.md-default-theme.md-fab.exclude-button {
  background: #cbd3d8; }
  .md-button.md-default-theme.md-fab.exclude-button [icon="do_not_disturb_alt"] ~ [icon="minus"] {
    display: none; }
  .btn-activator:HOVER .md-button.md-default-theme.md-fab.exclude-button, .md-button.md-default-theme.md-fab.exclude-button:HOVER {
    background: #f85b45; }
    .btn-activator:HOVER .md-button.md-default-theme.md-fab.exclude-button [icon="do_not_disturb_alt"], .md-button.md-default-theme.md-fab.exclude-button:HOVER [icon="do_not_disturb_alt"] {
      display: none; }
    .btn-activator:HOVER .md-button.md-default-theme.md-fab.exclude-button [icon="minus"], .md-button.md-default-theme.md-fab.exclude-button:HOVER [icon="minus"] {
      display: flex !important; }

.md-button.md-default-theme.md-fab.exclude-button {
  background: #cbd3d8; }
  .md-button.md-default-theme.md-fab.exclude-button [icon="do_not_disturb_alt"] ~ [icon="minus"] {
    display: none; }
  .btn-activator:HOVER .md-button.md-default-theme.md-fab.exclude-button, .md-button.md-default-theme.md-fab.exclude-button:HOVER {
    background: #f85b45; }
    .btn-activator:HOVER .md-button.md-default-theme.md-fab.exclude-button [icon="do_not_disturb_alt"], .md-button.md-default-theme.md-fab.exclude-button:HOVER [icon="do_not_disturb_alt"] {
      display: none; }
    .btn-activator:HOVER .md-button.md-default-theme.md-fab.exclude-button [icon="minus"], .md-button.md-default-theme.md-fab.exclude-button:HOVER [icon="minus"] {
      display: flex !important; }

.input-wrapper {
  display: block;
  position: relative;
  color: #212121;
  border-bottom: 1px solid #cbd3d8;
  margin-left: 200px;
  padding: 45px 50px 45px 0;
  line-height: 34px; }
  .input-wrapper + .input-wrapper {
    border-top: none; }
  .input-wrapper.vertical-label {
    padding-top: 14px;
    padding-bottom: 14px; }
    .input-wrapper.vertical-label > span {
      display: block;
      line-height: 24px; }
  form.view-mode .input-wrapper .icon-edit {
    visibility: hidden; }
  .input-wrapper > span {
    position: relative;
    font-size: 18px;
    width: 180px;
    padding: 0;
    display: inline-block;
    vertical-align: top; }
    .input-wrapper > span + span {
      width: auto;
      font-size: 24px;
      font-weight: 400;
      color: #212121; }
  .input-wrapper input {
    font-size: 24px;
    line-height: inherit;
    font-weight: 400;
    color: #212121;
    background: transparent;
    border: none !important;
    padding: 0;
    min-width: 0;
    max-width: calc(100% - 230px);
    vertical-align: top; }
    .input-wrapper input[disabled]::-webkit-input-placeholder {
      color: transparent; }
    .input-wrapper input[disabled]:-moz-placeholder {
      color: transparent; }
    .input-wrapper input[disabled]::-moz-placeholder {
      color: transparent; }
    .input-wrapper input[disabled]:-ms-input-placeholder {
      color: transparent; }
    .input-wrapper input[disabled] ~ .icon-edit {
      visibility: hidden; }
  .input-wrapper .help {
    margin: 10px 0 0;
    font-size: 0.8em;
    font-weight: 500;
    color: #60686c;
    margin-left: 180px; }
  .input-wrapper .icon-edit {
    font-size: 18px;
    line-height: inherit;
    color: #60686c;
    margin-left: 20px;
    display: inline-block;
    vertical-align: top; }

md-dialog.md-confirmation-theme {
  max-width: 536px;
  min-width: 360px; }
  md-dialog.md-confirmation-theme md-content {
    padding: 0 55px !important; }
    md-dialog.md-confirmation-theme md-content > div:LAST-CHILD {
      padding: 0; }
  md-dialog.md-confirmation-theme h1 {
    line-height: 60px !important;
    padding: 40px 0;
    border-bottom: none !important; }
  md-dialog.md-confirmation-theme p {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    margin: 0; }
    md-dialog.md-confirmation-theme p + p {
      margin-top: 10px; }

.dialog md-content {
  padding: 30px 0 0 75px; }

.dialog .wysiwyg-container {
  padding-right: 75px; }

.dialog .wysiwyg {
  word-break: normal; }

.dialog h1 {
  font-size: 30px;
  font-weight: 400;
  margin: 0;
  line-height: 50px;
  padding: 25px 40px 25px 0;
  border-bottom: 2px solid #f0f4f6; }
  .dialog h1 b {
    overflow: hidden;
    white-space: nowrap;
    max-width: 400px;
    display: inline-block;
    text-overflow: ellipsis;
    vertical-align: top; }

.dialog .md-actions {
  position: absolute;
  top: 0;
  right: 0; }
  .dialog .md-actions button {
    color: #60686c !important;
    font-size: 15px; }

.dialog .groups-wrapper {
  max-height: 400px;
  min-height: 102px;
  overflow-y: auto; }

.dialog md-checkbox {
  font-size: 24px;
  font-weight: 500;
  margin: 0;
  height: 100px;
  max-width: 9999px;
  border-bottom: 1px solid #cbd3d8;
  position: relative;
  padding: 0; }
  .dialog md-checkbox .md-container {
    position: absolute;
    right: 55px;
    top: 50%;
    margin-top: -9px; }
  .dialog md-checkbox .md-label {
    margin: 0;
    line-height: 100px;
    width: 100%; }
  .dialog md-checkbox:AFTER {
    display: none; }

.dialog .dlg-actions {
  height: 120px;
  padding-right: 45px; }
  .dialog .dlg-actions .md-button {
    font-size: 14px;
    line-height: 43px;
    padding: 0 24px; }
    .dialog .dlg-actions .md-button:not(.md-accent) {
      background: #60686c;
      color: white; }
    .dialog .dlg-actions .md-button + .md-button {
      margin-left: 20px;
      padding: 0 35px; }

.import-dlg {
  max-width: 700px !important; }
  .import-dlg input[type="file"] {
    position: fixed;
    left: -9999px; }
  .import-dlg p.error {
    background: #f85b45;
    color: white;
    border-radius: 3px;
    line-height: 1.8em;
    padding: 0 10px; }
  .import-dlg md-input-container {
    padding-bottom: 6px; }
  .import-dlg md-select {
    margin: 0; }
    .import-dlg md-select md-select-label {
      padding: 0;
      padding-bottom: 7px;
      padding-right: 32px;
      line-height: inherit;
      height: 34px; }
      .import-dlg md-select md-select-label span:FIRST-CHILD {
        font-weight: 500; }
        .import-dlg md-select md-select-label span:FIRST-CHILD:empty:BEFORE {
          content: attr(data-placeholder);
          color: #60686c; }
  .import-dlg .dlg-actions .md-button {
    font-size: 18px !important; }

md-toolbar {
  box-shadow: none;
  min-height: 100px;
  z-index: 21; }
  md-toolbar .md-toolbar-tools {
    height: auto;
    max-height: none;
    padding: 0 !important; }
  md-toolbar .nav-show {
    display: none; }
  md-toolbar .logo {
    display: block;
    margin: 8px 0 0 54px;
    fill: #fff;
    z-index: 2; }
    md-toolbar .logo:hover, md-toolbar .logo:focus, md-toolbar .logo:active {
      fill: #02bdd5; }
    md-toolbar .logo path {
      fill: inherit; }

.menu {
  position: absolute;
  left: 380px;
  top: 0;
  font-size: 0;
  letter-spacing: 0;
  background-color: #31429b;
  z-index: 2; }

.menu-item {
  box-shadow: 0 0 transparent inset;
  display: inline-block;
  padding: 0 40px;
  height: 100px;
  line-height: 100px;
  letter-spacing: 0.025em;
  border-radius: 0 !important;
  font-size: 19.2px !important;
  font-weight: 500 !important;
  text-transform: none;
  color: white;
  transition: all .3s ease;
  vertical-align: top; }
  .menu-item.active {
    background: none !important;
    box-shadow: 0px -4px white inset;
    color: white;
    cursor: default !important; }
  .menu-item:hover:not(.active):not([disabled]), .menu-item:focus:not(.active):not([disabled]) {
    background: none !important;
    color: #02bdd5 !important; }
  .menu-item.inactive {
    color: rgba(255, 255, 255, 0.5) !important; }
    .menu-item.inactive:hover:not([disabled]), .menu-item.inactive:focus:not([disabled]) {
      color: #02bdd5 !important; }

md-toolbar .md-ripple-container .md-ripple {
  background: #fff !important;
  border-color: #fff !important; }

.create-campaign-button {
  align-items: center;
  align-self: stretch;
  border-radius: 0 !important;
  display: flex;
  margin: 0;
  padding: 16px 32px;
  transition-property: box-shadow, transform, color; }
  .create-campaign-button + .create-campaign-button {
    display: none; }
  .create-campaign-button span {
    font-size: 16.67px !important;
    font-weight: 500 !important;
    margin-right: 15px;
    line-height: 32px;
    display: inline-block;
    vertical-align: top; }
  .create-campaign-button:hover, .create-campaign-button:active, .create-campaign-button:focus {
    background: none !important;
    color: #02bdd5 !important; }
  .create-campaign-button[disabled] {
    opacity: 0.5;
    color: white !important; }
    .create-campaign-button[disabled] .md-button.md-fab {
      background-color: #02bdd5; }
  .create-campaign-button .md-button.md-fab {
    width: 32px !important;
    height: 32px !important;
    transition-property: -webkit-transform,box-shadow,background;
    transition-property: transform,box-shadow,background;
    background-color: #02bdd5; }
  .create-campaign-button:hover:not([disabled]) .md-button.md-fab, .create-campaign-button:focus:not([disabled]) .md-button.md-fab {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4);
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0); }
  .create-campaign-button:active:not([disabled]) .md-button.md-fab {
    background: #4555a5 !important; }

.create-account-button {
  text-transform: none; }

.user-button {
  text-transform: none;
  box-shadow: none !important;
  line-height: normal;
  background: #2c3b8c;
  box-shadow: 0 -4px transparent inset;
  padding: 0 77px 0 25px;
  position: relative;
  text-align: left; }
  .user-button:hover, .user-button:focus {
    background: #02bdd5 !important;
    color: white !important; }
  .user-button div + div {
    font-size: 15px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 600; }
  .user-button ng-md-icon {
    position: absolute;
    right: 34px;
    top: 50%;
    display: block;
    margin-top: -11px; }
  .user-button ng-md-icon[icon="dots"] {
    display: none; }

.user-menu {
  display: none;
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 20px;
  min-width: 250px;
  background: white;
  border-radius: 2px;
  box-shadow: 1px 1px 2px 0px rgba(6, 7, 7, 0.2);
  z-index: 21; }
  .user-button:HOVER + .user-menu, .user-menu:HOVER {
    display: block; }
  .user-menu .md-button {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px !important;
    height: 26px !important;
    padding: 3px;
    background: #c0c9cf !important;
    box-shadow: none !important; }
    .user-menu .md-button:HOVER {
      box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24) !important; }
    .user-menu .md-button svg {
      display: block; }
  .user-menu .md-tile-left {
    width: 70px !important;
    height: 70px !important;
    margin: 25px auto 15px; }
  .user-menu h2 {
    font-size: 26px;
    line-height: 40px;
    padding: 10px 0;
    color: #60686c;
    text-align: center; }
  .user-menu .campaign-sidenav-btn {
    opacity: 1;
    display: block;
    line-height: 40px;
    font-size: 17px;
    border: none;
    margin: 0;
    color: #212121 !important; }
    .user-menu .campaign-sidenav-btn:BEFORE {
      left: auto !important;
      right: 0 !important; }
    .user-menu .campaign-sidenav-btn:HOVER {
      color: #02bdd5 !important; }

.subscription-info {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding: 42px 60px; }
  .subscription-info div {
    line-height: 46px;
    font-size: 20px;
    color: #60686c;
    text-align: center; }
  .subscription-info .md-button {
    padding: 0;
    width: 100%;
    display: block;
    font-size: 15px;
    line-height: 53px; }

.message {
  position: relative;
  line-height: 30px;
  color: white;
  font-size: 15px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  padding: 15px 0; }
  .message.message-process {
    background: #02bdd5; }
  .message.message-info, .message.message-success {
    background: #4caf50; }
  .message.message-error {
    background: #f85b45; }
  .message.message-warning {
    background: #60686c; }
  .with-sidenav > .message {
    margin-left: 380px;
    width: auto;
    text-align: left;
    padding: 15px 50px 15px 100px; }
  .message .icon-spinner {
    font-size: 1.2em;
    margin-right: 5px; }
  .message a {
    color: inherit; }
  .message .md-button {
    color: white !important;
    background: rgba(255, 255, 255, 0.05);
    padding: 0 20px;
    line-height: 40px;
    position: absolute;
    right: 30px;
    top: 10px;
    box-shadow: none; }
  .message .browser-logo {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    vertical-align: bottom; }

#skype_not_logged {
  display: none; }
  body[data-skype-login="false"] #skype_not_logged {
    display: block; }

.login {
  max-width: 400px;
  width: 100%;
  padding: 15px; }
  .login .logo {
    width: 130px;
    text-decoration: none; }
    .login .logo svg {
      height: 63px;
      width: 100%; }
      .login .logo svg path, .login .logo svg circle {
        fill: #cbd3d8; }
    .login .logo.path1 svg #path1, .login .logo.path2 svg #path2, .login .logo.circle svg #circle {
      fill: #31429b !important; }
    .login .logo span {
      display: none; }
  .login .logo.active svg path {
    fill: #31429b; }
  .login .login-input {
    margin: 13px 0 8px;
    border: 2px solid #dfe3e6;
    color: #60686c;
    width: 100%;
    font-size: 23.38px;
    font-weight: 400;
    line-height: 29px;
    padding: 16px 22px;
    border-radius: 5px;
    opacity: 0.99999 !important;
    /* Firefox 19+ */
    /* Firefox 18- */ }
    .login .login-input:FOCUS {
      border-color: #ccd3d8; }
    .login .login-input::-webkit-input-placeholder {
      color: #a7a8a8; }
    .login .login-input::-moz-placeholder {
      color: #a7a8a8; }
    .login .login-input:-moz-placeholder {
      color: #a7a8a8; }
    .login .login-input:-ms-input-placeholder {
      color: #a7a8a8; }
    .login .login-input[disabled] {
      background: transparent; }
  .login md-checkbox {
    max-width: 9999px;
    font-weight: 500;
    padding: 0; }
    .login md-checkbox .md-label {
      max-width: 320px;
      pointer-events: auto; }
  .login a {
    text-decoration: none;
    color: #02bdd5; }
    .login a:HOVER {
      text-decoration: underline; }
  .login .login-button {
    margin-top: 26px;
    line-height: 54px;
    padding: 0 43px; }
  .login p {
    margin: 60px 0 0;
    font-size: 16px;
    font-weight: 500;
    color: #60686c; }
    .login p .md-button {
      padding: 0;
      text-transform: none; }
  .login h1 {
    margin: 0;
    padding: 0;
    line-height: 76px;
    font-size: 24px;
    margin-bottom: 12px; }
  .login .hidden-input {
    position: fixed;
    left: -9999px; }

.login .faq {
  line-height: 40px;
  position: relative;
  margin-top: 35px;
  cursor: pointer; }
  .login .faq .video-preview {
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    margin: 0; }
    .login .faq .video-preview:BEFORE {
      width: 40px;
      height: 40px;
      top: 0;
      left: 0;
      margin: 0; }
  .login .faq > span {
    line-height: 40px;
    margin-left: 10px;
    font-size: 15px;
    font-weight: 400; }

/*
   Checkboxes
   ========================================================================== */
md-checkbox.md-default-theme .md-icon {
  border-color: #CBD4D9; }

.reg-form {
  margin-top: 85px;
  position: relative; }
  .reg-form h2 {
    font-size: 20px;
    line-height: 50px;
    font-weight: 600;
    color: #b6b7b7;
    margin: 0;
    display: block;
    position: relative;
    width: 100%; }
  .reg-form label {
    color: #b6b7b7;
    font-size: 19.5px;
    line-height: 1.5em;
    font-weight: 400;
    width: 100%;
    margin-top: 7px; }
    .reg-form label + input {
      margin-top: 0 !important; }
  .reg-form .md-button.md-raised {
    width: 100%;
    padding: 0;
    line-height: 60px;
    margin-bottom: 20px; }

.reg-button {
  position: absolute;
  top: 115px;
  left: -125px; }
  .reg-button .md-button {
    width: 34px !important;
    height: 34px !important;
    display: inline-block;
    vertical-align: middle; }
  .reg-button > span {
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    vertical-align: middle;
    padding-left: 10px; }
  .reg-button.reg-next-button, .reg-button.reg-submit-button {
    left: auto;
    right: -125px; }
    .reg-button.reg-next-button > span, .reg-button.reg-submit-button > span {
      padding-right: 10px;
      padding-left: 0; }
  .reg-button path {
    fill: white; }

.help-button {
  cursor: help;
  position: absolute;
  right: 0;
  top: 0; }
  .help-button > span {
    position: absolute;
    right: 30px;
    top: 0;
    display: block;
    width: 300px;
    font-size: 15.12px;
    font-weight: 600;
    color: #b6b7b7;
    text-align: right; }
  .help-button:HOVER > span {
    color: #212121; }
  .help-button .btn {
    line-height: 19px;
    width: 20px;
    height: 20px;
    background: #e5e9eb;
    color: #b6b7b7;
    font-weight: 600;
    text-align: center;
    letter-spacing: 0;
    cursor: pointer;
    border-radius: 50%;
    position: relative;
    right: 0;
    top: 15px; }
  .help-button.help-button-show .btn {
    background: white;
    color: #02bdd5;
    z-index: 2; }
  .help-button:HOVER:not(.help-button-show) .btn {
    background: #02bdd5;
    color: white; }
  .help-button .tooltip {
    display: none; }
  .help-button.help-button-show .tooltip {
    position: absolute;
    right: -10px;
    top: -10px;
    margin-top: 10px;
    display: block;
    width: 270px;
    padding: 50px 20px 20px;
    border-radius: 3px;
    color: white;
    background: #02bdd5;
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    z-index: 1; }
  .help-button.help-button-show .tooltip ~ span {
    color: white !important;
    z-index: 2; }

.extension-block {
  min-width: 500px; }
  .extension-block h4 {
    text-align: center;
    font-weight: 500;
    margin: 0;
    line-height: 32px; }
    .extension-block h4 img {
      display: inline-block;
      vertical-align: middle;
      margin-right: 15px; }
    .extension-block h4 span {
      display: inline-block;
      vertical-align: middle; }
  .extension-block > div {
    margin: 20px 0; }
  .extension-block .md-button {
    display: block;
    text-decoration: none !important; }
  .extension-block a > img {
    display: block; }
  .extension-block .skype-login-required {
    display: none; }

body[data-skype-login="false"] .skype-login-required {
  display: block !important; }

body[data-skype-login="false"] .skype-login-in_progress {
  display: none; }

.statistics {
  background: #4555a5;
  color: white; }
  .statistics > div {
    max-width: 1270px;
    margin: 0 auto;
    min-height: 55vh;
    padding: 0 35px; }
  .statistics .statistic {
    text-align: center;
    margin: 100px 0;
    max-width: 250px;
    position: relative; }
    .statistics .statistic p {
      font-size: 20px;
      line-height: 20px;
      margin: 0; }
    .statistics .statistic h2 {
      font-size: 100px;
      font-weight: 600;
      margin: 0 0 60px;
      line-height: 1.5; }
    .statistics .statistic .md-button {
      display: block;
      width: 250px;
      max-width: 25vw;
      font-weight: 500;
      line-height: 1;
      color: #fff;
      font-size: 16px;
      padding: 18px; }
      .statistics .statistic .md-button strong {
        font-weight: 500; }
      .statistics .statistic .md-button[disabled] {
        background: #02bdd5 !important;
        color: white !important;
        opacity: 0.5; }

.new-contacts {
  height: 100px;
  background: white;
  text-decoration: none; }
  .new-contacts h2 {
    font-size: 22px;
    color: #212121;
    margin-right: 42px; }
  .new-contacts ng-pluralize {
    font-weight: 600; }
  .new-contacts .md-tile-left {
    width: 40px;
    height: 40px;
    min-width: 40px; }
    .new-contacts .md-tile-left > div {
      max-height: 17px; }
    .new-contacts .md-tile-left svg {
      width: 30px;
      display: block;
      margin: 0 auto; }
    .new-contacts .md-tile-left + .md-tile-left {
      margin-left: 11px; }
    .new-contacts .md-tile-left.show-more {
      min-width: 40px;
      width: auto;
      border-radius: 20px;
      padding: 0 10px; }
      .new-contacts .md-tile-left.show-more div {
        font-size: 17px;
        line-height: 17px;
        font-weight: 600; }

.dashboard {
  max-width: 1270px;
  margin: 0 auto;
  padding: 65px 35px 50px; }
  .dashboard .list {
    width: calc(50% - 50px);
    padding: 0; }
    .dashboard .list > div {
      border-bottom: 2px solid #cbd3d8; }
      .dashboard .list > div a {
        font-size: 22px;
        line-height: 22px;
        padding: 27px 0;
        margin: 0;
        text-decoration: none;
        text-transform: none;
        color: #212121 !important; }
        .dashboard .list > div a:HOVER {
          text-decoration: underline; }
        .dashboard .list > div a + a {
          font-size: 16px; }
    .dashboard .list .md-tile-content {
      width: 100%;
      overflow: hidden; }
      .dashboard .list .md-tile-content h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap !important; }
    .dashboard .list md-item:first-child .md-tile-content {
      border-top: none !important; }
    .dashboard .list p {
      color: #60686c; }

md-sidenav {
  width: 380px !important;
  max-width: 9999px !important;
  box-shadow: 0 0 3px 2px rgba(49, 66, 155, 0.25);
  position: fixed !important;
  top: 100px !important;
  bottom: 0;
  z-index: 1; }
  md-sidenav ng-md-icon {
    margin-right: 20px; }
    md-sidenav ng-md-icon svg {
      margin-bottom: -3px; }
  md-sidenav .add-button-wrapper {
    background: #4555a5;
    height: 150px; }
    md-sidenav .add-button-wrapper .md-button {
      width: 260px;
      line-height: 60px;
      height: 60px;
      padding: 0;
      font-size: 16px; }
      md-sidenav .add-button-wrapper .md-button[disabled] {
        background: #02bdd5 !important;
        color: white !important;
        opacity: 0.5; }
      md-sidenav .add-button-wrapper .md-button + .md-button {
        display: none; }
  md-sidenav .campaign-sidenav-btn.with-icon {
    border: none;
    margin-left: 0;
    padding-left: 60px;
    color: #212121 !important; }
    md-sidenav .campaign-sidenav-btn.with-icon span {
      border-bottom: 1px solid #f1f5f8;
      display: block; }
    md-sidenav .campaign-sidenav-btn.with-icon:HOVER span {
      border-bottom-color: #cbd3d8; }
    md-sidenav .campaign-sidenav-btn.with-icon:BEFORE {
      display: none !important; }
    md-sidenav .campaign-sidenav-btn.with-icon input {
      border: none;
      border-bottom: 1px solid #f1f5f8;
      font-weight: 600;
      letter-spacing: 1px;
      padding: 20px 15px 20px 0;
      width: 100%; }
      md-sidenav .campaign-sidenav-btn.with-icon input::-webkit-input-placeholder {
        color: #4e5559;
        font-weight: 500; }
      md-sidenav .campaign-sidenav-btn.with-icon input:-moz-placeholder {
        color: #4e5559;
        font-weight: 500; }
      md-sidenav .campaign-sidenav-btn.with-icon input::-moz-placeholder {
        color: #4e5559;
        font-weight: 500; }
      md-sidenav .campaign-sidenav-btn.with-icon input:-ms-input-placeholder {
        color: #4e5559;
        font-weight: 500; }
      md-sidenav .campaign-sidenav-btn.with-icon input:FOCUS + ng-md-icon[icon="search"] path, md-sidenav .campaign-sidenav-btn.with-icon input + ng-md-icon[icon="search"].active path {
        fill: #60686c !important; }
    md-sidenav .campaign-sidenav-btn.with-icon ng-md-icon, md-sidenav .campaign-sidenav-btn.with-icon i {
      position: absolute;
      left: 20px;
      top: 50%;
      display: block;
      width: 18px;
      height: 18px;
      margin-top: -11px;
      background: transparent;
      color: #60686c !important; }
      md-sidenav .campaign-sidenav-btn.with-icon ng-md-icon svg, md-sidenav .campaign-sidenav-btn.with-icon i svg {
        display: block; }
      md-sidenav .campaign-sidenav-btn.with-icon ng-md-icon path, md-sidenav .campaign-sidenav-btn.with-icon i path {
        fill: #60686c !important; }
      md-sidenav .campaign-sidenav-btn.with-icon ng-md-icon[icon="search"] path, md-sidenav .campaign-sidenav-btn.with-icon i[icon="search"] path {
        fill: #cbd3d8 !important; }
    md-sidenav .campaign-sidenav-btn.with-icon.active, md-sidenav .campaign-sidenav-btn.with-icon:HOVER {
      color: #02bdd5 !important; }
      md-sidenav .campaign-sidenav-btn.with-icon.active i, md-sidenav .campaign-sidenav-btn.with-icon:HOVER i {
        color: #02bdd5 !important; }
      md-sidenav .campaign-sidenav-btn.with-icon.active path, md-sidenav .campaign-sidenav-btn.with-icon:HOVER path {
        fill: #02bdd5 !important; }

.list {
  padding-left: 100px;
  position: relative; }
  .list.with-sidenav {
    margin-left: 380px; }
  .list > .md-tile-left:FIRST-CHILD {
    position: absolute;
    top: 34px;
    left: 100px; }
    .list > .md-tile-left:FIRST-CHILD + h1 {
      padding-left: 115px; }
  .list .list-actions {
    position: absolute;
    right: 50px;
    top: 50px; }
    .list .list-actions.list-actions-top {
      right: 30px;
      top: 0; }
  .list md-list {
    padding: 0; }
  .list md-list > md-item:FIRST-CHILD .md-tile-content,
  .list md-list > div:FIRST-CHILD > md-item:FIRST-CHILD .md-tile-content {
    border-top: 2px solid #cbd3d8; }
  .list .md-tile-content {
    position: relative; }
    .list .md-tile-content .md-tile-actions {
      position: absolute;
      right: 50px;
      top: 50%;
      transform: translateY(-50%);
      width: 116px; }
    .list .md-tile-content .md-fab {
      position: relative;
      width: 50px;
      height: 50px; }
      .list .md-tile-content .md-fab path {
        fill: white;
        opacity: 1; }
      .list .md-tile-content .md-fab i {
        color: white;
        font-size: 24px;
        display: block;
        height: 50px;
        line-height: 50px;
        width: 50px; }
  .list.new-contacts-list .action {
    right: 50px; }

.list--3-actions .md-tile-content {
  padding-right: 320px; }

.list--2-actions .md-tile-content {
  padding-right: 190px; }

.list--1-action .md-tile-content {
  padding-right: 120px; }

.md-tile-left {
  background: #4555a5 center center no-repeat;
  background-size: cover;
  margin: 0;
  width: 83px;
  height: 83px;
  overflow: hidden;
  border-radius: 50%;
  text-align: center;
  font-size: 26px;
  line-height: 26px;
  font-weight: 500;
  color: white; }
  .md-tile-left div + div,
  .md-tile-left i + div {
    font-size: 16px;
    line-height: 16px;
    opacity: 0.5;
    font-weight: 600; }
  .md-tile-left svg {
    width: 52px; }
    .md-tile-left svg path, .md-tile-left svg circle {
      fill: rgba(255, 255, 255, 0.2); }
  .md-tile-left.company-icon path {
    fill: rgba(255, 255, 255, 0.3); }
  .md-tile-left.campaign-icon i + div {
    opacity: 1; }
  .md-tile-left.campaign-icon i {
    font-size: 26px;
    display: block;
    color: rgba(244, 247, 249, 0.6);
    margin-top: -5px; }
    .md-tile-left.campaign-icon i.icon-play_arrow {
      font-size: 30px; }
    .md-tile-left.campaign-icon i.icon-edit {
      color: rgba(255, 255, 255, 0.6); }
  .md-tile-left.campaign-icon.performed-status {
    background: #02bdd5; }
  .md-tile-left.campaign-icon.in_progress-status, .md-tile-left.campaign-icon.paused-status {
    position: relative;
    background: #4daf50; }
    .md-tile-left.campaign-icon.in_progress-status:BEFORE, .md-tile-left.campaign-icon.in_progress-status:AFTER, .md-tile-left.campaign-icon.paused-status:BEFORE, .md-tile-left.campaign-icon.paused-status:AFTER {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border: 6px solid rgba(255, 255, 255, 0.25);
      border-radius: 50%; }
    .md-tile-left.campaign-icon.in_progress-status:AFTER, .md-tile-left.campaign-icon.paused-status:AFTER {
      border-width: 7px;
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #4daf50;
      transform: rotate(-45deg); }

md-item .md-tile-content {
  margin-left: 32px;
  padding: 32px 0;
  border-bottom: 1px solid #cbd3d8; }
  md-item .md-tile-content h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 24px;
    margin: 0;
    word-break: break-all; }
    md-item .md-tile-content h3 > a {
      text-decoration: none;
      color: inherit; }
      md-item .md-tile-content h3 > a:HOVER, md-item .md-tile-content h3 > a:FOCUS, md-item .md-tile-content h3 > a:ACTIVE {
        text-decoration: underline; }
  md-item .md-tile-content h4 {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin: 0; }
    md-item .md-tile-content h4 a {
      color: #02bdd5 !important;
      text-decoration: none;
      position: relative;
      display: inline-block; }
      md-item .md-tile-content h4 a:hover, md-item .md-tile-content h4 a:focus {
        text-decoration: underline; }
      md-item .md-tile-content h4 a ng-md-icon {
        margin-left: 0; }
      md-item .md-tile-content h4 a path, md-item .md-tile-content h4 a circle {
        fill: #02bdd5; }
    md-item .md-tile-content h4 i.big {
      font-size: 1.4em;
      margin-right: 12px; }
    md-item .md-tile-content h4 ng-pluralize + ng-pluralize:BEFORE {
      content: "\00a0–\00a0"; }
  md-item .md-tile-content h3 + h4 {
    margin-top: 8px; }
  md-item .md-tile-content h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 8px 0 0;
    vertical-align: top;
    line-height: 24px; }
    md-item .md-tile-content h5 i {
      color: #60686c;
      opacity: 0.6;
      font-size: 20px; }
      md-item .md-tile-content h5 i.big {
        opacity: 1;
        font-size: 1.4em; }
  md-item .md-tile-content p {
    font-size: 15px;
    font-weight: 500;
    color: #4e5559;
    margin-top: 14px; }

md-item .md-tile-content--half {
  padding-right: 65px; }
  md-item .md-tile-content--half h5 {
    margin: 8px 0 0; }

md-item .md-tile-content--2-lines h5 {
  margin: 8px 0 0; }

.add-to-group-button {
  line-height: 46px;
  margin-top: 2px;
  margin-left: 26px;
  padding: 0 18px 0 14px;
  min-width: 187px;
  font-size: 14px;
  box-shadow: none !important; }
  .btn-activator:HOVER .add-to-group-button {
    box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24) !important; }
  .add-to-group-button ng-md-icon {
    margin-right: 7px; }
  .add-to-group-button path {
    fill: white !important; }
  .add-to-group-button.md-green:not(:HOVER) > div {
    display: none; }
  .add-to-group-button.md-green:HOVER {
    background: #02bdd5; }
    .add-to-group-button.md-green:HOVER ng-pluralize {
      display: none; }
  .add-to-group-button.md-green:disabled > div {
    display: none; }
  .add-to-group-button.md-green:disabled ng-pluralize {
    display: block; }

.md-button.show-for-unsubscribed {
  display: none; }

.unsubscribed {
  color: #60686c; }
  .unsubscribed .inline path {
    fill: #60686c !important; }
  .unsubscribed .md-button.show-for-subscribed {
    display: none; }
  .unsubscribed .md-button.show-for-unsubscribed {
    display: block; }

.never-replied-button {
  position: relative;
  overflow: visible; }
  .never-replied-button span {
    position: relative; }
  .never-replied-button div {
    display: none; }
  .never-replied-button .question {
    position: absolute;
    right: 20px;
    top: 15px;
    line-height: 19px;
    width: 20px;
    height: 20px;
    background: white;
    color: #02bdd5;
    font-weight: 600;
    text-align: center;
    border-radius: 50%;
    z-index: 2; }
  .never-replied-button .tooltip {
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% + 44px);
    padding: 12px 21px 18px;
    border-radius: 3px;
    background: #02bdd5;
    box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24);
    white-space: normal;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2em;
    letter-spacing: 0.7px;
    text-transform: none;
    text-align: left; }
    .never-replied-button .tooltip h6 {
      font-size: 16px;
      line-height: 20px;
      margin: 0 0 14px; }
  .never-replied-button:HOVER[disabled] div, .never-replied-button.active div {
    display: block; }
  .never-replied-button:not([disabled]) {
    background: #60686c !important; }

.list-actions .action {
  overflow: hidden;
  font-size: 15px;
  padding: 10px;
  height: 54px;
  width: 123px;
  margin-right: 0;
  z-index: 1; }
  .list-actions .action.with-dropdown {
    width: 193px; }
    .list-actions .action.with-dropdown:HOVER, .list-actions .action.with-dropdown.active {
      height: auto;
      width: 193px;
      box-shadow: 3px 3px 3px 0 #cbd3d8;
      border-radius: 3px;
      background: white;
      z-index: 21; }
      .list-actions .action.with-dropdown:HOVER button, .list-actions .action.with-dropdown.active button {
        display: block;
        margin-top: 5px; }
    .list-actions .action.with-dropdown:LAST-CHILD a {
      text-align: right !important; }
  .list-actions .action.action-export {
    width: auto; }
    .list-actions .action.action-export + .action-export {
      margin-left: 35px; }
  .list-actions .action button:not(.md-raised) {
    display: none;
    color: #abb3b7; }
    .list-actions .action button:not(.md-raised).action-danger, .list-actions .action button:not(.md-raised).action-danger:hover, .list-actions .action button:not(.md-raised).action-danger::before {
      color: #f85b45 !important; }
    .list-actions .action button:not(.md-raised):HOVER {
      color: #212121; }
    .list-actions .action button:not(.md-raised).with-icon::before {
      position: absolute;
      right: 10px;
      line-height: 21px; }
    .list-actions .action button:not(.md-raised).with-icon:hover::before, .list-actions .action button:not(.md-raised).active.with-icon::before {
      color: #02bdd5; }
    .list-actions .action button:not(.md-raised):not(.with-icon):hover::before, .list-actions .action button:not(.md-raised).active:not(.with-icon)::before {
      content: "";
      position: absolute;
      right: 10px;
      top: 50%;
      width: 12px;
      height: 12px;
      margin-top: -6px;
      border-radius: 50%;
      background: #02bdd5; }
  .list-actions .action a:not(.md-raised) {
    color: #60686c !important; }
    .list-actions .action a:not(.md-raised) span {
      line-height: 22px;
      vertical-align: top; }
    .list-actions .action a:not(.md-raised) i {
      margin-left: 18px;
      font-size: 22px;
      line-height: 22px; }

.list-actions .action-button {
  width: auto;
  padding: 0;
  height: 43px;
  overflow: visible; }
  .list-actions .action-button + .action-button {
    margin-left: 20px; }
  .list-actions .action-button .md-raised {
    display: block;
    padding: 0 23px;
    line-height: 43px;
    height: 44px;
    font-size: 14px;
    min-width: 154px; }

.list-actions > .md-fab {
  width: 50px;
  height: 50px; }

/* General dialog styles */
.md-dialog-container {
  left: 380px !important;
  top: 100px !important;
  right: 0;
  bottom: 0;
  width: auto !important;
  height: auto !important; }

.md-dialog-backdrop {
  background-color: rgba(0, 0, 0, 0) !important; }

.md-dialog-backdrop:AFTER {
  content: "";
  display: block;
  position: absolute;
  left: 380px !important;
  top: 100px !important;
  bottom: 0;
  right: 0;
  background-color: rgba(0, 0, 0, 0.12); }

body.wide-backdrop .md-dialog-container {
  left: 0 !important; }

body.wide-backdrop .md-dialog-backdrop:AFTER {
  left: 0 !important;
  top: 100px !important; }

.md-dialog-container.wide {
  left: 0 !important; }

.md-dialog-backdrop.wide:AFTER {
  left: 0 !important;
  top: 100px !important; }

md-dialog {
  max-width: 930px;
  width: 80%;
  min-width: 860px;
  max-height: 90%;
  box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24); }
  md-dialog md-content {
    padding: 0; }

.dlg-content .dlg-top {
  height: 260px;
  position: relative;
  overflow: hidden;
  background: #4555a5; }
  .dlg-content .dlg-top.with-avatar {
    background: black; }

.dlg-content .avatar-background {
  position: absolute;
  top: -20px;
  bottom: -20px;
  left: -20px;
  right: -20px;
  background: #4555a5 center center no-repeat;
  background-size: cover;
  opacity: 0.8;
  -webkit-filter: blur(50px);
  -moz-filter: blur(50px);
  -o-filter: blur(50px);
  -ms-filter: blur(50px);
  filter: url(/static/img/blur.svg?c5bd3a2042fb#svg-blur);
  filter: blur(50px); }

.dlg-content .md-actions {
  position: absolute;
  right: 20px;
  top: 20px;
  padding: 0;
  z-index: 1;
  border-top: none !important; }
  .dlg-content .md-actions .md-button {
    color: white !important;
    font-size: 15px;
    font-weight: 600;
    margin-left: 29px; }

.dlg-content md-item, .dlg-content md-item-content {
  width: 100%;
  height: 100%; }

.dlg-content .md-tile-left {
  margin-left: 68px;
  width: 140px;
  height: 140px; }
  .dlg-content .md-tile-left.no-avatar {
    border: 1px solid rgba(255, 255, 255, 0.2); }

.dlg-content .md-tile-content {
  height: 100%;
  max-width: calc(100% - 268px);
  margin-left: 60px;
  padding: 0;
  border-bottom: none;
  color: white; }
  .dlg-content .md-tile-content path {
    fill: white; }
  .dlg-content .md-tile-content .name-wrapper {
    width: 100%;
    padding-right: 50px; }
    .dlg-content .md-tile-content .name-wrapper h2 {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap !important;
      color: white !important;
      font-size: 44px;
      line-height: 62px;
      font-weight: 400;
      padding: 0;
      margin: 0; }
  .dlg-content .md-tile-content h5 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    font-size: 22px;
    line-height: 35px;
    letter-spacing: 0.062em;
    font-weight: 500;
    padding-bottom: 32px;
    padding-right: 50px;
    margin: 0;
    width: 100%;
    border-bottom: 2px solid white; }
    .dlg-content .md-tile-content h5 ng-md-icon {
      height: 35px !important;
      margin-top: 1px; }
  .dlg-content .md-tile-content h6 {
    font-size: 16px;
    line-height: 26px;
    margin: 0;
    padding: 25px 0; }
    .dlg-content .md-tile-content h6 ng-md-icon {
      height: 26px !important; }
  .dlg-content .md-tile-content h5 ~ .md-button {
    font-size: 14px;
    line-height: 42px;
    padding: 0 20px;
    margin: 17px 0; }

.dlg-content .dlg-bottom .input-wrapper {
  margin-left: 268px; }
  .dlg-content .dlg-bottom .input-wrapper input {
    max-width: calc(100% - 50px); }

.export-dlg .dlg-content {
  padding: 0 60px 90px 60px; }
  .export-dlg .dlg-content .md-actions button {
    background: none !important;
    color: #60686c !important; }
    .export-dlg .dlg-content .md-actions button:hover, .export-dlg .dlg-content .md-actions button:focus {
      text-decoration: underline; }

.export-dlg h1 {
  line-height: 120px; }

.export-dlg h2 {
  line-height: 100px; }

.export-dlg div {
  width: 600px;
  margin: 0 auto; }

.export-dlg a {
  text-decoration: none !important;
  color: #212121 !important;
  font-size: 24px;
  font-weight: 500;
  text-align: center; }

.export-dlg .services a {
  width: 140px;
  height: 175px;
  margin: 20px 10px; }
  .export-dlg .services a img {
    transition: all .25s ease; }
  .export-dlg .services a:hover img, .export-dlg .services a:focus img {
    transform: scale(1.1); }

.export-dlg .files {
  padding-left: 35px; }
  .export-dlg .files a {
    line-height: 64px; }
    .export-dlg .files a + a {
      margin-left: 60px; }
    .export-dlg .files a:hover span, .export-dlg .files a:focus span {
      transform: scale(1.1); }
  .export-dlg .files span {
    display: inline-block;
    margin-right: 27px;
    width: 60px;
    height: 60px;
    line-height: 57px;
    border-radius: 50%;
    background: #4e5559;
    color: white;
    font-size: 18.8px;
    transition: all .25s ease; }

.import-results .item,
.import-results-head {
  position: relative;
  padding-left: 50px;
  font-size: 18px;
  border-bottom: 1px solid #cbd3d8;
  background: white; }
  .import-results .item > span,
  .import-results .item > input,
  .import-results .item > md-select,
  .import-results-head > span,
  .import-results-head > input,
  .import-results-head > md-select {
    width: 14.28%;
    display: block;
    padding: 0;
    padding-right: 5px;
    margin: 0;
    border: none;
    overflow: hidden;
    text-overflow: ellipsis;
    background: transparent;
    z-index: 1; }
  .import-results .item > span.ignore,
  .import-results-head > span.ignore {
    color: #cbd3d8; }
  .import-results .item md-select md-select-label,
  .import-results-head md-select md-select-label {
    padding-top: 0;
    padding-bottom: 0;
    line-height: inherit;
    font-size: inherit; }
    .import-results .item md-select md-select-label span:FIRST-CHILD,
    .import-results-head md-select md-select-label span:FIRST-CHILD {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap !important; }
      .import-results .item md-select md-select-label span:FIRST-CHILD:EMPTY:BEFORE,
      .import-results-head md-select md-select-label span:FIRST-CHILD:EMPTY:BEFORE {
        content: attr(data-placeholder);
        color: #60686c; }
  .import-results .item md-checkbox, .import-results .item i,
  .import-results-head md-checkbox,
  .import-results-head i {
    position: absolute;
    left: 15px;
    padding: 0;
    max-width: 0;
    width: auto; }
  .import-results .item i,
  .import-results-head i {
    color: #60686c;
    font-size: 20px;
    line-height: 49px; }

.import-results-head {
  border-top: 2px solid #cbd3d8;
  padding-right: 15px;
  line-height: 54px;
  color: #60686c;
  font-weight: 600; }

.import-results .item {
  font-weight: 400;
  height: 50px;
  line-height: 49px;
  z-index: 1; }
  .import-results .item:HOVER {
    background: transparent; }
  .import-results .item md-select-label, .import-results .item input {
    border-bottom: 2px solid transparent; }
    .import-results .item md-select-label:not([disabled]).changed:not(.ng-invalid), .import-results .item input:not([disabled]).changed:not(.ng-invalid) {
      border-bottom-color: #02bdd5 !important; }
    .import-results .item md-select-label:not([disabled]).ng-invalid, .import-results .item input:not([disabled]).ng-invalid {
      border-bottom-color: #f85b45 !important; }
    .import-results .item md-select-label[disabled]::-webkit-input-placeholder, .import-results .item input[disabled]::-webkit-input-placeholder {
      color: transparent; }
    .import-results .item md-select-label[disabled]:-moz-placeholder, .import-results .item input[disabled]:-moz-placeholder {
      color: transparent; }
    .import-results .item md-select-label[disabled]::-moz-placeholder, .import-results .item input[disabled]::-moz-placeholder {
      color: transparent; }
    .import-results .item md-select-label[disabled]:-ms-input-placeholder, .import-results .item input[disabled]:-ms-input-placeholder {
      color: transparent; }

.before-start-wrapper {
  margin: 0 auto; }

.before-start {
  position: relative;
  max-width: 910px;
  margin-top: 130px;
  padding: 0 10px;
  color: #60686c; }
  .before-start img {
    display: block;
    position: absolute;
    left: 7px;
    top: -14px; }
  .before-start h2, .before-start p {
    margin-left: 210px; }
  .before-start h2 {
    font-size: 32px; }
  .before-start p {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    margin-top: 8px;
    margin-bottom: 0; }
    .before-start p + p {
      margin-top: 22px;
      margin-bottom: 26px; }
  .before-start .actions {
    width: 100%;
    height: 143px; }
  .before-start textarea {
    font-size: 28px;
    background: white;
    padding: 30px 20px;
    margin-top: 24px;
    min-height: 175px;
    color: #60686c; }
  .before-start .md-button {
    padding: 0 52px;
    line-height: 63px;
    font-size: 16.67px;
    margin-left: 288px; }

.list-form {
  position: relative;
  flex: 0 0 calc(50% - 100px); }
  .list-form ~ md-list {
    flex: 0 0 50%;
    padding-left: 100px; }
  .list-form .md-tile-left {
    position: absolute;
    left: -6px;
    top: 8px; }
    .list-form .md-tile-left + input[type="text"] {
      padding-left: 99px; }
  .list-form input[type="text"] {
    font-size: 32px;
    line-height: 50px;
    letter-spacing: 0.064em;
    border: none;
    border-bottom: 1px solid #cbd3d8;
    background: none;
    padding: 20px 25px 32px 0;
    width: 100%; }
    .list-form input[type="text"]::-webkit-input-placeholder {
      color: #b6b7b7;
      opacity: 1; }
    .list-form input[type="text"]:-moz-placeholder {
      color: #b6b7b7;
      opacity: 1; }
    .list-form input[type="text"]::-moz-placeholder {
      color: #b6b7b7;
      opacity: 1; }
    .list-form input[type="text"]:-ms-input-placeholder {
      color: #b6b7b7;
      opacity: 1; }
  .list-form h3 {
    font-size: 19.57px;
    margin: 0 0 16px;
    padding-top: 31px;
    width: 100%; }
  .list-form .actions {
    width: 100%;
    height: 156px;
    border-bottom: none;
    padding-right: 50px;
    padding-left: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .list-form .actions .md-button {
      line-height: 52px;
      margin-top: 0;
      padding: 0 26px;
      font-size: 16.67px;
      box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24); }
    .list-form .actions ng-md-icon {
      line-height: 52px;
      display: inline-block;
      margin-left: 5px; }
      .list-form .actions ng-md-icon svg {
        margin-bottom: -3px; }
    .list-form .actions path {
      fill: white; }
    .list-form .actions .save-group-button {
      background: #60686c !important;
      color: white; }
  .list-form[flex="50"] .actions {
    padding-right: 0; }

h2.action-title {
  position: absolute !important;
  top: 55px;
  font-size: 28px;
  margin: 0;
  margin-left: 50px;
  left: 50%; }

.selection-list .contact-company-switcher .md-label {
  display: none; }

.selection-list .contact-company-switcher .md-container {
  width: 15px;
  margin-right: 22px; }

.contact-company-switcher {
  position: absolute;
  right: 40px;
  top: 62px;
  width: 300px;
  color: #a0a6a9; }
  .contact-company-switcher span {
    cursor: pointer; }
  .contact-company-switcher md-switch {
    margin: 0;
    margin-left: 7px; }
  .contact-company-switcher .md-checked {
    color: #212121; }
  .contact-company-switcher .md-container {
    margin-right: 1px; }
  .contact-company-switcher .md-bar {
    width: 25px;
    height: 10px;
    top: 8px; }
  .contact-company-switcher .md-thumb-container {
    margin-top: 3px; }
  .contact-company-switcher .md-thumb {
    background-color: #4555a5 !important;
    width: 14px;
    height: 14px; }
  .contact-company-switcher .md-label {
    margin-right: 6px; }

.search-contacts .md-tile-content {
  align-items: center;
  display: flex;
  padding: 35px 0;
  margin: 0;
  width: 100%; }

.search-contacts label.md-tile-content {
  cursor: text;
  border-bottom-width: 2px; }

.search-contacts .icon-search {
  margin-left: 6px;
  margin-right: 20px;
  color: #cbd3d8;
  font-size: 18; }

.search-contacts ng-md-icon[icon="search"] {
  margin-left: 6px;
  margin-right: 20px; }
  .search-contacts ng-md-icon[icon="search"] path {
    fill: #cbd3d8; }

.search-contacts input {
  padding: 0;
  border: none;
  background: none;
  font-weight: 500;
  color: #212121;
  font-size: 18.28px;
  letter-spacing: 0.06em;
  width: 100%; }
  .search-contacts input::-webkit-input-placeholder {
    color: #60686c;
    opacity: 1; }
  .search-contacts input:-moz-placeholder {
    color: #60686c;
    opacity: 1; }
  .search-contacts input::-moz-placeholder {
    color: #60686c;
    opacity: 1; }
  .search-contacts input:-ms-input-placeholder {
    color: #60686c;
    opacity: 1; }
  .search-contacts input + a {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    right: 41px;
    color: #60686c;
    display: inline-block;
    line-height: 50px;
    text-decoration: none; }
    .search-contacts input + a:HOVER {
      text-decoration: underline; }
    .search-contacts input + a .md-button {
      vertical-align: top;
      margin-left: 5px; }
      .search-contacts input + a .md-button i {
        font-size: 22px; }

.list .md-tile-content .md-fab.include-button, .list .md-tile-content .md-fab.exclude-button {
  width: 32px;
  height: 32px; }

.list .md-tile-content .md-fab.contact-button {
  width: 32px;
  height: 32px;
  margin-right: 10px; }

[name="campaignForm"] {
  padding-right: 0; }
  [name="campaignForm"] > div {
    border-bottom: 1px solid #cbd3d8; }
    [name="campaignForm"] > div:FIRST-CHILD {
      border-bottom: none; }
  [name="campaignForm"] input, [name="campaignForm"] textarea {
    padding-right: 50px !important; }

.campaign-sidenav-btn {
  padding: 0;
  margin-left: 60px;
  line-height: 68px;
  font-size: 18.28px;
  font-weight: 500;
  text-decoration: none !important;
  color: #cbd3d8 !important;
  border-bottom: 1px solid #f4f7f9;
  position: relative; }
  .add-button-wrapper + .campaign-sidenav-btn {
    border-top: none;
    margin-top: 2px; }
  .campaign-sidenav-btn + .campaign-sidenav-btn:LAST-CHILD {
    border-bottom: none; }
  .campaign-sidenav-btn.active, .campaign-sidenav-btn:not(.disabled):HOVER {
    color: #60686c !important;
    border-bottom-color: #cbd3d8; }
    .campaign-sidenav-btn.active:BEFORE, .campaign-sidenav-btn:not(.disabled):HOVER:BEFORE {
      content: "";
      position: absolute;
      left: -34px;
      top: 50%;
      display: block;
      width: 10px;
      height: 10px;
      margin-top: -3px;
      background: #02bdd5;
      border-radius: 50%; }
  .campaign-sidenav-btn i {
    position: absolute;
    left: -39px;
    top: 0 !important;
    margin: 0 !important;
    font-size: 18px;
    line-height: inherit;
    height: auto !important; }
  .campaign-sidenav-btn ng-md-icon {
    position: absolute;
    left: -39px;
    top: 50%;
    display: block;
    width: 22px;
    height: 22px;
    margin-top: -11px;
    padding: 2px;
    background: #cbd3d8;
    border-radius: 50%; }
    .campaign-sidenav-btn ng-md-icon svg {
      display: block; }
  .campaign-sidenav-btn.done:HOVER ng-md-icon {
    background: #02bdd5; }

.exclude-wrapper,
.schedule-wrapper {
  position: relative;
  width: calc(50% - 20px);
  min-height: 161px; }
  .exclude-wrapper .contact-company-switcher,
  .schedule-wrapper .contact-company-switcher {
    right: 0;
    top: 49px;
    padding: 0; }
  .exclude-wrapper h3,
  .schedule-wrapper h3 {
    padding-top: 34px;
    margin-bottom: 10px; }
  .exclude-wrapper .action,
  .schedule-wrapper .action {
    position: absolute;
    right: 0;
    top: 22px; }

.exclude-wrapper {
  margin-right: 20px; }

.schedule-wrapper {
  margin-left: 20px; }

.campaign-filters {
  display: grid;
  width: 100%;
  max-width: 1000px;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 40px;
  grid-row-gap: 30px; }
  .campaign-filters .exclude-wrapper, .campaign-filters .schedule-wrapper {
    width: 100%;
    margin: 0; }
  .campaign-filters__antispam {
    grid-column: span 2; }
    .campaign-filters__antispam > h3 {
      padding-top: 0; }
    .campaign-filters__antispam-checkbox {
      min-width: max-content; }

multiselect {
  width: 100%;
  max-width: 400px;
  display: block;
  padding: 0; }
  multiselect.active {
    position: absolute;
    padding-left: 15px;
    margin-left: -15px;
    padding-bottom: 6px;
    background: white;
    border-radius: 3px;
    box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24);
    z-index: 2; }
    multiselect.active .dropdown > ng-md-icon {
      pointer-events: none;
      margin-right: -15px; }
  multiselect.empty button {
    color: #b6b7b7; }
  multiselect .dropdown {
    position: relative; }
    multiselect .dropdown > ng-md-icon {
      position: absolute;
      right: 41px;
      top: 20px; }
      multiselect .dropdown > ng-md-icon path {
        fill: #4555a5; }
    multiselect .dropdown > input,
    multiselect .dropdown > button {
      background: transparent !important;
      padding: 0 0 13px !important;
      font-size: 24px !important;
      letter-spacing: 0.06em;
      lene-height: 80px !important;
      height: 80px !important;
      border: none;
      text-align: left;
      width: 100%;
      display: block; }
    multiselect .dropdown:not(.open) input, multiselect .dropdown:not(.open) .dropdown-menu, multiselect .dropdown.open > button {
      display: none; }
  multiselect input {
    border-bottom: none !important;
    padding-left: 2px !important; }
    multiselect input::-webkit-input-placeholder {
      color: #212121 !important;
      opacity: 1; }
    multiselect input:-moz-placeholder {
      color: #212121 !important;
      opacity: 1; }
    multiselect input::-moz-placeholder {
      color: #212121 !important;
      opacity: 1; }
    multiselect input:-ms-input-placeholder {
      color: #212121 !important;
      opacity: 1; }
  multiselect .dropdown-menu {
    max-height: 174px;
    overflow-y: hidden;
    width: 100%;
    padding-left: 10px;
    list-style: none; }
  multiselect md-checkbox {
    line-height: 58px !important;
    height: 58px !important;
    font-weight: 400;
    display: list-item !important;
    border-top: 1px solid #cbd3d8;
    max-width: 9999px; }
    multiselect md-checkbox:AFTER {
      display: none; }
    multiselect md-checkbox .md-container {
      position: absolute;
      right: 30px;
      top: 19px; }
    multiselect md-checkbox .md-label {
      font-size: 22px !important;
      margin: 0;
      vertical-align: top;
      padding-left: 3px; }
  multiselect.test-campaign {
    left: 0;
    margin-left: 105px;
    padding-right: 0;
    background: transparent;
    width: calc(100% - 105px) !important; }
    multiselect.test-campaign.active {
      left: 0;
      padding-left: 0;
      padding-bottom: 0;
      box-shadow: none; }
    multiselect.test-campaign + .md-button {
      position: absolute;
      right: 50px;
      line-height: 55px;
      padding: 0 22px;
      top: 115px;
      z-index: 2;
      font-size: 16.67px; }
    multiselect.test-campaign .dropdown > button,
    multiselect.test-campaign .dropdown > input {
      font-size: 32px !important;
      border-bottom: 1px solid #cbd3d8 !important;
      height: 108px !important;
      line-height: 100px; }
      multiselect.test-campaign .dropdown > button span,
      multiselect.test-campaign .dropdown > input span {
        margin-left: -2px;
        line-height: 94px;
        display: block; }
    multiselect.test-campaign .dropdown > input {
      background: #f4f7f9 !important; }
    multiselect.test-campaign .dropdown-menu {
      background: white;
      padding-left: 30px;
      margin-left: -30px;
      margin-top: -2px;
      position: relative;
      width: calc(100% - 170px);
      overflow: hidden;
      border-radius: 3px;
      box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24);
      max-height: 9999px; }
      multiselect.test-campaign .dropdown-menu > div {
        position: relative;
        line-height: 54px;
        font-size: 32px !important;
        color: #cbd3d8;
        font-weight: 400;
        padding: 20px 300px 20px 4px; }
        multiselect.test-campaign .dropdown-menu > div + div {
          border-top: 1px solid #cbd3d8; }
        multiselect.test-campaign .dropdown-menu > div strong {
          color: #212121;
          font-weight: 400; }
        multiselect.test-campaign .dropdown-menu > div > div {
          position: absolute;
          right: 143px;
          top: 50%;
          transform: translateY(-50%);
          font-size: 16px;
          font-weight: 600;
          line-height: 20px;
          color: #a0a6a9; }
          multiselect.test-campaign .dropdown-menu > div > div path {
            fill: #a0a6a9; }
        multiselect.test-campaign .dropdown-menu > div .md-fab {
          position: absolute;
          right: 43px;
          top: 50%;
          margin-top: -15px; }

.campaign-title {
  position: relative;
  margin-left: -100px;
  padding: 0 50px 0 100px;
  height: 150px;
  flex: 1 1 auto;
  background: white;
  border-bottom: 1px solid #cbd3d8; }
  .campaign-title .md-tile-content {
    padding: 0;
    border: none; }
  .campaign-title h1 {
    font-size: 37.61px !important;
    line-height: 40px;
    text-align: center;
    font-weight: 500;
    width: 120px; }
    .campaign-title h1 ng-pluralize {
      font-size: 23.16px !important;
      font-weight: 400 !important; }
  .campaign-title h2 {
    font-size: 32px;
    font-weight: 400;
    line-height: 40px;
    color: #212121; }
  .campaign-title h3 {
    font-size: 16px !important;
    line-height: 35px;
    color: #60686c;
    margin-right: 24px !important; }
    .campaign-title h3 b,
    .campaign-title h3 ng-pluralize {
      font-weight: 600; }
  .campaign-title .md-button {
    line-height: 43px;
    font-size: 14px;
    padding: 0 27px;
    margin-left: 60px; }

.help-msg {
  font-size: 16px;
  line-height: 20px;
  margin: 15px 0 40px;
  font-weight: 400;
  color: #60686c; }
  .help-msg strong {
    font-weight: 600; }
  .help-msg b {
    font-weight: 500;
    color: #212121;
    cursor: pointer; }

.list-title {
  font-size: 26px;
  line-height: 50px;
  margin: 0;
  padding: 25px 0; }

.search-contacts + .templates-list {
  border-top: none; }

.campaign-template-form h2 {
  position: relative; }

.campaign-template-form md-switch {
  position: absolute;
  right: 0;
  top: 0;
  padding-top: inherit;
  font-size: 15px;
  font-weight: 600; }

.campaign-template-form [name="autoreply"] + .help-msg {
  margin-bottom: 0; }

.campaign-templates-list {
  position: relative; }
  .campaign-templates-list .contact-company-switcher {
    top: 23px; }

.campaign-send-form {
  width: 100%;
  padding: 0;
  min-height: 205px;
  position: relative; }
  .campaign-send-form label {
    font-size: 22px;
    line-height: 34px;
    font-weight: 400;
    letter-spacing: 0.045em;
    color: #60686c;
    padding-left: 115px; }
  .campaign-send-form h1 {
    font-size: 26px;
    line-height: 60px;
    margin-top: 46px;
    margin-left: -3px; }
  .campaign-send-form .help-msg {
    margin-left: 115px;
    font-size: 22px; }
  .campaign-send-form .md-green {
    margin-left: 43px; }

h1 + .help-button {
  position: absolute;
  left: 215px;
  top: 100px;
  right: auto; }
  h1 + .help-button span {
    width: auto;
    position: relative;
    top: 0;
    right: auto;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #60686c; }
  h1 + .help-button .btn {
    position: static;
    display: inline-block;
    margin-left: 18px;
    vertical-align: top;
    color: white;
    font-size: 15px;
    background: #cbd3d8; }
  h1 + .help-button .tooltip {
    right: auto;
    left: -22px;
    top: -13px;
    padding: 46px 21px 21px !important;
    margin-top: 0 !important;
    width: 198px !important;
    box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24);
    line-height: 1.2em;
    z-index: 2; }
  h1 + .help-button.help-button-show .btn {
    color: #02bdd5; }

.campaign-reply-form {
  position: relative; }
  .campaign-reply-form .chat {
    background: white;
    width: 100% !important;
    overflow-y: auto;
    padding: 50px; }
    .campaign-reply-form .chat > div {
      max-width: 800px;
      margin: 0 auto; }
    .campaign-reply-form .chat .message {
      text-align: right;
      margin-top: 40px;
      width: 66%;
      min-width: 400px;
      margin-left: auto; }
      .campaign-reply-form .chat .message:FIRST-CHILD {
        margin-top: 0; }
      .campaign-reply-form .chat .message.incoming {
        text-align: left;
        margin-left: 0;
        margin-right: auto; }
    .campaign-reply-form .chat .timestamp {
      font-size: 14px;
      letter-spacing: 0.4px;
      font-weight: 400;
      color: #cbd3d8;
      margin-bottom: 5px; }
    .campaign-reply-form .chat [ng-bind-html] {
      font-size: 16px;
      letter-spacing: 0.8px;
      line-height: 20px; }
  .campaign-reply-form .chat-button {
    position: absolute;
    right: 50px;
    top: 24px;
    background: transparent;
    border: none;
    padding: 0; }
    .campaign-reply-form .chat-button span {
      display: inline-block;
      vertical-align: top;
      font-size: 16px;
      line-height: 36px;
      font-weight: 500;
      letter-spacing: 0.05em;
      color: #60686c;
      text-transform: uppercase;
      margin-right: 5px; }
    .campaign-reply-form .chat-button i {
      font-size: 36px;
      color: #02bdd5;
      display: inline-block;
      vertical-align: top;
      margin-top: -4px;
      margin-right: -4px; }
    .campaign-reply-form .chat-button[disabled] span, .campaign-reply-form .chat-button[disabled] i {
      color: #cbd3d8; }
    .campaign-reply-form .chat-button:not([disabled]):HOVER span {
      color: #212121; }
  .campaign-reply-form .controls {
    background: white;
    height: 70px;
    width: 100%;
    padding: 0 50px;
    margin-top: 2px;
    margin-bottom: 6px; }
    .campaign-reply-form .controls button {
      border: 1px solid #cbd3d8;
      border-radius: 2px;
      font-size: 13px;
      letter-spacing: 0.6px;
      line-height: 35px;
      padding: 0 14px;
      color: #cbd3d8;
      background: transparent;
      text-transform: none; }
      .campaign-reply-form .controls button i {
        font-size: 19px;
        margin-top: -2px; }
        .campaign-reply-form .controls button i + span {
          margin-left: 5px; }
      .campaign-reply-form .controls button + button {
        margin-left: 14px; }
      .campaign-reply-form .controls button.active, .campaign-reply-form .controls button:HOVER {
        background: #02bdd5;
        color: white;
        border-color: #02bdd5; }

.autocomplete-textarea-wrapper {
  background: white;
  border-top: 1px solid #cbd3d8; }
  .autocomplete-textarea-wrapper > div {
    position: relative;
    max-width: 900px;
    margin: 0 auto; }

md-autocomplete-textarea {
  width: 100%;
  position: relative; }
  md-autocomplete-textarea ul {
    position: absolute;
    left: 0;
    bottom: 100%;
    box-shadow: 1px 1px 2px 0px rgba(4, 5, 5, 0.2);
    background: white;
    list-style: none;
    margin: 0 25px -20px;
    padding: 0;
    width: calc(100% - 50px); }
  md-autocomplete-textarea li {
    padding: 5px 23px;
    border-top: 1px solid #f4f7f9;
    border-left: 2px solid white;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center; }
    md-autocomplete-textarea li.selected, md-autocomplete-textarea li:HOVER {
      background: #f4f7f9;
      border-left-color: #02bdd5; }
  md-autocomplete-textarea p {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    color: #60686c;
    font-weight: 400; }
    md-autocomplete-textarea p .highlight {
      color: #212121;
      font-weight: 500; }
  md-autocomplete-textarea textarea {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.05em;
    background: white;
    margin: 0;
    padding: 32px 160px 32px 50px;
    border-bottom: none !important;
    color: #60686c;
    max-height: 200px; }
    md-autocomplete-textarea textarea::-webkit-input-placeholder {
      color: #60686c;
      opacity: 1; }
    md-autocomplete-textarea textarea:-moz-placeholder {
      color: #60686c;
      opacity: 1; }
    md-autocomplete-textarea textarea::-moz-placeholder {
      color: #60686c;
      opacity: 1; }
    md-autocomplete-textarea textarea:-ms-input-placeholder {
      color: #60686c;
      opacity: 1; }

md-sidenav .list-actions {
  width: 320px;
  margin-left: 60px;
  height: 63px;
  border-bottom: 1px solid #f4f7f9; }
  md-sidenav .list-actions .action.with-dropdown {
    font-size: 15px;
    height: 63px; }
    md-sidenav .list-actions .action.with-dropdown:HOVER {
      box-shadow: 0 0 3px 1px #cbd3d8; }
    md-sidenav .list-actions .action.with-dropdown:FIRST-CHILD {
      margin-left: -18px; }
    md-sidenav .list-actions .action.with-dropdown:LAST-CHILD {
      margin-left: -50px; }
      md-sidenav .list-actions .action.with-dropdown:LAST-CHILD > a {
        text-align: left !important; }
    md-sidenav .list-actions .action.with-dropdown > a {
      line-height: 32px; }
      md-sidenav .list-actions .action.with-dropdown > a i, md-sidenav .list-actions .action.with-dropdown > a span {
        display: inline-block;
        line-height: inherit;
        vertical-align: top; }
      md-sidenav .list-actions .action.with-dropdown > a i {
        margin-left: 0 !important; }
      md-sidenav .list-actions .action.with-dropdown > a span {
        padding-left: 10px; }
    md-sidenav .list-actions .action.with-dropdown .md-button {
      font-size: inherit; }

md-sidenav md-virtual-repeat-container ::-webkit-scrollbar {
  width: 6px; }

md-sidenav md-virtual-repeat-container:HOVER ::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background: #cbd3d8; }

md-sidenav md-virtual-repeat-container.reply-many i.icon-star_border {
  display: none !important; }

md-sidenav md-virtual-repeat-container:not(.reply-many) md-checkbox {
  display: none !important; }

md-sidenav [md-virtual-repeat] > div {
  height: 90px;
  position: relative;
  padding-left: 130px;
  padding-top: 12px;
  padding-right: 42px;
  cursor: pointer; }
  md-sidenav [md-virtual-repeat] > div.active {
    background: #02bdd5; }
    md-sidenav [md-virtual-repeat] > div.active h2, md-sidenav [md-virtual-repeat] > div.active h3, md-sidenav [md-virtual-repeat] > div.active p {
      color: white; }
  md-sidenav [md-virtual-repeat] > div i.icon-star_border {
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -11px;
    font-size: 20px;
    display: block;
    padding: 1px;
    color: #cbd3d8;
    cursor: pointer; }
    md-sidenav [md-virtual-repeat] > div i.icon-star_border.icon-star, md-sidenav [md-virtual-repeat] > div i.icon-star_border:HOVER {
      color: #ffe042; }
  md-sidenav [md-virtual-repeat] > div md-checkbox {
    position: absolute;
    left: 12px;
    top: 50%;
    margin-top: -18px;
    padding: 10px;
    width: 38px;
    height: 38px; }
    md-sidenav [md-virtual-repeat] > div md-checkbox .md-container {
      display: block;
      top: 0; }
  md-sidenav [md-virtual-repeat] > div .avatar {
    position: absolute;
    left: 60px;
    top: 19px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #4555a5 url(/static/img/logo-icon-white.svg?c5bd3a2042fb) center center no-repeat; }
    md-sidenav [md-virtual-repeat] > div .avatar.unread:AFTER {
      content: "";
      display: block;
      position: absolute;
      left: 34px;
      top: 34px;
      width: 18px;
      height: 18px;
      border: 2px solid white;
      border-radius: 50%;
      background: #02bdd5; }
  md-sidenav [md-virtual-repeat] > div h2 {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    letter-spacing: 0.4px;
    color: #212121;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important; }
  md-sidenav [md-virtual-repeat] > div h3 {
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    letter-spacing: 0.5px;
    color: #02bdd5;
    margin: 4px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important; }
  md-sidenav [md-virtual-repeat] > div p {
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.5px;
    color: #60686c;
    margin: 5px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important; }

.templates-list {
  background: white;
  border-top: 2px solid #cbd3d8; }
  .templates-list > div {
    background: white;
    border-bottom: 1px solid #cbd3d8;
    padding: 45px 37px;
    position: relative; }
    .templates-list > div h2 {
      margin: 0 0 25px; }
    .templates-list > div div {
      color: #60686c;
      font-size: 18px;
      line-height: 28px;
      font-weight: 400; }
      .templates-list > div div b {
        color: #212121; }
    .templates-list > div .md-button {
      position: absolute;
      top: 45px;
      width: 32px !important;
      height: 32px !important;
      line-height: 32px !important;
      font-family: icomoon; }
    .templates-list > div .add-template-btn {
      right: 37px;
      background: #cbd3d8 !important;
      box-shadow: none !important; }
      .templates-list > div .add-template-btn:not(.active) ng-md-icon[icon="done"], .templates-list > div .add-template-btn.active ng-md-icon[icon="add"] {
        display: none; }
      .templates-list > div .add-template-btn.active {
        background: #4caf50 !important;
        cursor: default; }
    .templates-list > div .edit-template-btn {
      right: 84px;
      background: #60686c !important;
      display: none; }
    .templates-list > div .delete-template-btn {
      right: 131px;
      background: #f85b45 !important;
      display: none; }
    .templates-list > div:hover .edit-template-btn,
    .templates-list > div:hover .delete-template-btn, .templates-list > div.active .edit-template-btn,
    .templates-list > div.active .delete-template-btn {
      display: block; }
    .templates-list > div:hover:AFTER, .templates-list > div.active:AFTER {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      height: 4px;
      width: 100%;
      background: #02bdd5;
      z-index: 2; }
    .templates-list > div:hover .add-template-btn, .templates-list > div.active .add-template-btn {
      background: #4caf50 !important;
      box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24) !important; }
      .templates-list > div:hover .add-template-btn ng-md-icon[icon="done"], .templates-list > div.active .add-template-btn ng-md-icon[icon="done"] {
        display: flex; }
      .templates-list > div:hover .add-template-btn ng-md-icon[icon="add"], .templates-list > div.active .add-template-btn ng-md-icon[icon="add"] {
        display: none; }
  .campaign-title + .templates-list {
    margin-left: -100px;
    border-top: none; }
    .campaign-title + .templates-list > div {
      padding-left: 215px;
      padding-right: 50px; }
      .campaign-title + .templates-list > div:AFTER {
        display: none !important; }

div[ng-bind-html] {
  color: #60686c;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400; }
  div[ng-bind-html] b {
    color: #212121; }
  div[ng-bind-html] i {
    font-style: italic;
    font-family: inherit;
    font-weight: inherit; }
  div[ng-bind-html] ul, div[ng-bind-html] ol {
    margin: 0;
    padding-left: 24px; }
  div[ng-bind-html] p {
    margin: 0; }
  div[ng-bind-html] a {
    color: #02bdd5; }

.faq h1 {
  border-bottom: 2px solid #cbd3d8; }

.faq h2 {
  font-size: 24px;
  line-height: 80px; }

.faq .video-preview {
  position: relative;
  background: #60686c;
  background-size: 100%;
  cursor: pointer;
  width: 156px;
  height: 100px;
  margin: 13px 0 0;
  border-radius: 3px;
  border: 1px solid #60686c; }
  .faq .video-preview:BEFORE {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border-radius: 50%;
    background: #02bdd5; }
  .faq .video-preview:AFTER {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-top: 6.5px solid transparent;
    border-bottom: 6.5px solid transparent;
    border-left: 15px solid white;
    margin-top: -6.5px;
    margin-left: -7.5px; }

.faq .videos {
  padding-right: 50px;
  margin: 13px 0 0; }
  .faq .videos > div {
    max-width: 310px;
    width: calc(25% - 30px); }
    .faq .videos > div > div {
      width: 100%;
      padding-bottom: 56.25%;
      position: relative; }
    .faq .videos > div p {
      font-size: 19px;
      line-height: 1em;
      margin: 15px 0 30px; }
  .faq .videos .video-preview {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    height: auto;
    margin-top: 0; }
    .faq .videos .video-preview:BEFORE {
      width: 56px;
      height: 56px;
      margin-top: -28px;
      margin-left: -28px; }
    .faq .videos .video-preview:AFTER {
      border-top: 9px solid transparent;
      border-bottom: 9px solid transparent;
      border-left: 20px solid white;
      margin-top: -9px;
      margin-left: -8px; }
    .faq .videos .video-preview + p {
      font-size: 20px;
      color: #60686c;
      margin: 27px 0 60px;
      line-height: 26px; }

.faq .question {
  margin-bottom: 47px;
  padding-right: 50px; }
  .faq .question h3 {
    font-size: 20px;
    line-height: 42px;
    margin: 0; }
    .faq .question h3 + div {
      font-size: 18px;
      line-height: 26px;
      font-weight: 400;
      margin-top: 12px;
      letter-spacing: 0.07em; }
    .faq .question h3 a {
      visibility: hidden; }
  .faq .question .video-preview {
    margin: 21px 0; }
  .faq .question:HOVER h3 a {
    visibility: visible; }
  .faq .question a {
    text-decoration: none;
    color: #02bdd5; }
    .faq .question a:HOVER {
      text-decoration: underline; }
  h1 + .faq .question {
    margin-top: 50px; }

.video-dlg {
  min-width: 838px;
  width: 838px;
  max-width: 100%;
  max-height: 9999px;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: none; }

.data-sheet--link {
  box-shadow: 0px 2px 4px 0px rgba(4, 5, 5, 0.24);
  padding: 10px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.87);
  background-color: #fafafa; }

.data-sheet--link:hover {
  background: #4555a5 !important;
  color: white; }

#pricing {
  margin: 0 auto;
  max-width: 660px;
  padding: 10vh 0 15vh; }
  #pricing .sub-switch {
    margin: 0 auto 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 500px; }
    #pricing .sub-switch .btn {
      display: block;
      width: 50%;
      color: #fff;
      background-color: #02bdd5;
      text-decoration: none;
      box-shadow: 0 3px 2px rgba(0, 0, 0, 0.2);
      height: auto;
      letter-spacing: .045em;
      padding: 1.3em 1.2em; }
      #pricing .sub-switch .btn:hover {
        background-color: #02d3ee;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.2); }
      #pricing .sub-switch .btn.disabled {
        background: #018796; }
      #pricing .sub-switch .btn:first-child {
        border-radius: 3px 0 0 3px; }
      #pricing .sub-switch .btn:last-child {
        border-radius: 0 3px 3px 0; }
  #pricing .prices-wrapper {
    margin: 0 auto;
    padding: 0 10px; }
    #pricing .prices-wrapper table {
      margin: 10px 0;
      width: 100%;
      border-spacing: 0; }
      #pricing .prices-wrapper table td {
        width: 33.3333%;
        padding: 0 10px;
        line-height: 44px;
        text-align: center; }
        #pricing .prices-wrapper table td:FIRST-CHILD {
          text-align: left; }
        #pricing .prices-wrapper table td:LAST-CHILD {
          text-align: right; }
      #pricing .prices-wrapper table thead {
        font-size: 14px;
        font-weight: 600; }
        #pricing .prices-wrapper table thead td {
          border-bottom: 1px solid #c0c9cf; }
      #pricing .prices-wrapper table tr.active {
        background: #02bdd5;
        color: white; }
        #pricing .prices-wrapper table tr.active a {
          color: white; }
      #pricing .prices-wrapper table a {
        color: #02bdd5; }
    #pricing .prices-wrapper > p {
      text-align: left;
      margin: 20px 0; }
    #pricing .prices-wrapper .reg-block {
      border-radius: 5px;
      border: 4px solid #c0c9cf;
      padding: 34px;
      margin: 40px auto 0; }
      #pricing .prices-wrapper .reg-block p {
        font-size: 18px;
        line-height: 24px;
        margin: 10px 0 0; }
      #pricing .prices-wrapper .reg-block a {
        color: #02bdd5;
        text-decoration: none; }
      #pricing .prices-wrapper .reg-block h6 {
        font-size: 30px;
        line-height: 40px;
        margin: 0;
        color: #02bdd5; }

.video-js {
  position: relative;
  width: 838px;
  height: 546px;
  border-radius: 4px;
  border: 1px solid #4e5559;
  overflow: hidden;
  background: black; }
  .video-js video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto !important; }
  .video-js .vjs-big-play-button {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    margin-top: -79px;
    margin-left: -40px;
    border-radius: 50%;
    background: #02bdd5;
    border: none; }
    .video-js .vjs-big-play-button:BEFORE {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      width: 0;
      height: 0;
      border-top: 13px solid transparent;
      border-bottom: 13px solid transparent;
      border-left: 30px solid white;
      margin-top: -13px;
      margin-left: -12px; }
    .video-js .vjs-big-play-button .vjs-control-text {
      display: none; }
  .video-js .vjs-control-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 78px;
    background: #4e5559;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .video-js .vjs-control-bar .vjs-button {
      position: absolute;
      bottom: 7px;
      width: 90px;
      height: 58px;
      line-height: 58px;
      border: none;
      padding: 0;
      font-family: icomoon;
      color: white;
      background: transparent; }
      .video-js .vjs-control-bar .vjs-button.vjs-play-control {
        left: 3px;
        font-size: 42px;
        width: 88px;
        border-right: 2px solid rgba(255, 255, 255, 0.2); }
        .video-js .vjs-control-bar .vjs-button.vjs-play-control:BEFORE {
          content: ""; }
      .video-js .vjs-control-bar .vjs-button.vjs-fullscreen-control {
        font-size: 56px;
        right: 3px;
        border-left: 2px solid rgba(255, 255, 255, 0.2); }
        .video-js .vjs-control-bar .vjs-button.vjs-fullscreen-control:BEFORE {
          content: ""; }
    .video-js .vjs-control-bar .vjs-time-control {
      display: block;
      position: absolute;
      bottom: 0;
      font-size: 21.6px;
      font-weight: 500;
      color: #cbd3d8;
      line-height: 72px; }
      .video-js .vjs-control-bar .vjs-time-control.vjs-current-time {
        left: 118px;
        color: white; }
      .video-js .vjs-control-bar .vjs-time-control.vjs-time-divider {
        left: 177px; }
      .video-js .vjs-control-bar .vjs-time-control.vjs-duration {
        left: 192px; }
    .video-js .vjs-control-bar .vjs-volume-menu-button {
      left: auto;
      right: 225px;
      width: 32px;
      cursor: pointer;
      font-size: 30px; }
      .video-js .vjs-control-bar .vjs-volume-menu-button.vjs-vol-0:BEFORE {
        content: ""; }
      .video-js .vjs-control-bar .vjs-volume-menu-button.vjs-vol-1:BEFORE {
        content: ""; }
      .video-js .vjs-control-bar .vjs-volume-menu-button.vjs-vol-2:BEFORE {
        content: ""; }
      .video-js .vjs-control-bar .vjs-volume-menu-button.vjs-vol-3:BEFORE {
        content: ""; }
      .video-js .vjs-control-bar .vjs-volume-menu-button .vjs-menu {
        position: absolute;
        bottom: 0;
        margin-left: 42px;
        width: 90px;
        height: 58px;
        cursor: default; }
      .video-js .vjs-control-bar .vjs-volume-menu-button .vjs-menu-content {
        position: absolute;
        bottom: 50%;
        width: 100%;
        height: 24px;
        margin-bottom: -12px;
        cursor: pointer; }
      .video-js .vjs-control-bar .vjs-volume-menu-button .vjs-volume-bar {
        width: 100%;
        height: 4px;
        position: absolute;
        bottom: 50%;
        margin-bottom: -2px;
        background: #212121; }
        .video-js .vjs-control-bar .vjs-volume-menu-button .vjs-volume-bar .vjs-volume-level {
          height: 100%;
          background: #02bdd5; }
    .video-js .vjs-control-bar .vjs-progress-control {
      position: absolute;
      bottom: 72px;
      width: 100%;
      height: 6px; }
      .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder {
        width: 100%;
        height: 100%;
        background: #212121;
        cursor: pointer; }
        .video-js .vjs-control-bar .vjs-progress-control .vjs-progress-holder .vjs-play-progress {
          width: 0;
          height: 100%;
          background: #02bdd5; }
    .video-js .vjs-control-bar .vjs-control-text {
      display: none; }
  .video-js.vjs-paused:BEFORE {
    content: attr(data-title);
    position: absolute;
    top: 20px;
    left: 20px;
    color: white;
    font-size: 24px;
    text-shadow: 2px 0px 2px rgba(4, 5, 5, 0.2);
    z-index: 1; }
  .video-js.vjs-paused video {
    opacity: 0.5; }
  .video-js.vjs-paused .vjs-big-play-button {
    display: block; }
  .video-js.vjs-paused .vjs-play-control:BEFORE {
    content: "" !important; }
  .video-js.vjs-fullscreen {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    border-radius: 0;
    border: none; }
    .video-js.vjs-fullscreen video {
      max-height: calc(100% - 78px); }
    .video-js.vjs-fullscreen .vjs-fullscreen-control:BEFORE {
      content: "" !important; }
  .video-js .vjs-hidden {
    display: none; }

.account-content {
  margin-left: 380px; }
  .account-content .avatar-background {
    z-index: -1; }
  .account-content h1 {
    padding-left: 100px; }
  .account-content h1, .account-content h2 {
    z-index: 1; }
  .account-content .md-button {
    font-size: 14px;
    line-height: 43px;
    padding: 0 20px;
    display: block; }
  .account-content .dlg-top {
    padding: 0 0 0 100px;
    height: 390px;
    color: white;
    z-index: 0; }
    .account-content .dlg-top h1 {
      padding-left: 0;
      line-height: 143px; }
    .account-content .dlg-top h2 {
      line-height: 78px;
      margin-bottom: 33px;
      font-size: 24px; }
    .account-content .dlg-top .md-tile-content {
      max-width: calc(100% - 200px); }
  .account-content md-item,
  .account-content md-item-content {
    height: 245px; }
  .account-content .md-tile-left {
    margin: 0;
    width: 140px;
    height: 140px; }
    .account-content .md-tile-left div {
      max-height: 9999px; }
    .account-content .md-tile-left svg {
      width: 100px; }
  .account-content .dlg-top i {
    opacity: 0.4 !important;
    color: white !important; }
  .account-content .extra-info {
    height: 95px;
    padding: 0 3px 10px;
    font-size: 16px; }

.password-change-form {
  margin-top: 45px; }
  .password-change-form h2 {
    color: #212121;
    padding-left: 100px;
    line-height: 60px; }
  .password-change-form .form-actions {
    height: 115px;
    padding-right: 50px; }

.notification-form {
  padding-bottom: 50px; }
  .notification-form md-switch {
    position: absolute;
    top: 20px;
    right: 50px;
    margin: 0; }
  .notification-form > .md-button {
    position: absolute;
    right: 50px;
    bottom: 30px; }
  .notification-form h2 {
    line-height: 70px;
    padding-bottom: 30px; }
  .notification-form .checkboxes-wrapper {
    margin-left: 200px;
    padding: 55px 0;
    border-top: 2px solid #cbd3d8; }
  .notification-form md-checkbox {
    padding-bottom: 60px;
    font-size: 20px; }
    .notification-form md-checkbox:AFTER {
      font-size: 18px; }
    .notification-form md-checkbox.no-extra-text {
      padding: 0;
      width: auto;
      margin-right: 50px;
      font-size: 24px;
      font-weight: 400; }
      .notification-form md-checkbox.no-extra-text:AFTER {
        display: none; }
  .notification-form .wysiwyg-container {
    padding-left: 200px;
    padding-bottom: 55px; }
  .notification-form .wysihtml-toolbar {
    margin-top: 0;
    padding-top: 5px;
    border-top: 2px solid #cbd3d8; }
  .notification-form .wysihtml {
    padding-right: 50px; }

.subscription-block {
  position: relative;
  background: #fff;
  border-top: 2px solid #cbd3d8;
  margin: 50px 0 50px 0;
  padding: 45px 35px;
  width: 100%;
  line-height: 30px;
  font-size: 24px;
  font-weight: 500; }
  .subscription-block svg {
    width: 64px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: top; }
  .subscription-block path, .subscription-block circle {
    fill: #31429b; }
  .subscription-block .md-button {
    position: absolute;
    top: 35px;
    right: 50px; }
    .subscription-block .md-button + .md-button {
      margin-top: 60px; }
  .subscription-block p {
    margin: 5px 0 0;
    font-size: 20px; }
  .subscription-block > div {
    margin-bottom: 10px; }

.billing-address {
  position: relative;
  margin: 50px 0;
  border-top: 2px solid #cbd3d8;
  width: 100%; }
  .billing-address .md-button {
    position: absolute;
    top: 35px;
    right: 50px; }
  .billing-address textarea {
    background: white;
    padding: 10px 150px 10px 10px;
    margin: 0; }

form[name="employeeForm"]:LAST-CHILD {
  margin-bottom: 400px; }

.invoices-list table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 50px;
  background: white;
  border-top: 2px solid #cbd3d8;
  font-size: 16px;
  line-height: 24px; }
  .invoices-list table td {
    padding: 0 5px; }
    .invoices-list table td:FIRST-CHILD {
      padding-left: 10px; }
    .invoices-list table td:LAST-CHILD {
      padding-right: 50px; }
  .invoices-list table thead td {
    border-bottom: 1px solid #cbd3d8;
    height: 54px;
    color: #60686c; }
    .invoices-list table thead td:LAST-CHILD {
      width: 50px; }
  .invoices-list table tbody {
    font-weight: 500; }
    .invoices-list table tbody td {
      border-bottom: 1px solid #cbd3d8;
      height: 60px; }
    .invoices-list table tbody td > a {
      color: #02bdd5 !important;
      text-decoration: none; }
      .invoices-list table tbody td > a:hover {
        text-decoration: underline; }
  .invoices-list table .md-fab {
    display: block;
    width: 38px !important;
    height: 38px !important;
    line-height: 38px !important;
    font-size: 24px !important;
    color: white !important;
    text-decoration: none !important; }
  .invoices-list table input {
    width: 100%;
    font-size: 16px;
    border: none; }

.invoices-list h2 {
  margin-bottom: 32px; }

#checkout {
  width: 1000px;
  margin: 30px auto;
  padding: 55px 0;
  background: #fff;
  border-radius: 12px; }

.stat {
  position: relative;
  max-width: 1200px;
  margin: 50px auto 0; }
  .stat.first {
    margin-top: 54px; }
    .stat.first .chart-wrapper > div {
      width: 50%; }
      .stat.first .chart-wrapper > div:FIRST-CHILD {
        padding-right: 50px;
        height: 382px; }
      .stat.first .chart-wrapper > div:LAST-CHILD {
        padding-left: 50px;
        text-align: center; }
        .stat.first .chart-wrapper > div:LAST-CHILD span {
          display: block;
          font-size: 20px;
          font-weight: 600;
          margin-top: 70px; }
        .stat.first .chart-wrapper > div:LAST-CHILD h2 {
          font-size: 100px;
          line-height: 100px;
          margin-top: 30px;
          font-weight: 600; }
  .stat.doughnut .chart-wrapper > div:FIRST-CHILD {
    width: 50%;
    padding-right: 50px;
    height: 382px; }
    .stat.doughnut .chart-wrapper > div:FIRST-CHILD > div, .stat.doughnut .chart-wrapper > div:FIRST-CHILD canvas {
      position: relative;
      width: 340px;
      height: 340px; }
  .stat.doughnut .chart-wrapper > div:LAST-CHILD {
    height: 382px;
    padding-left: 50px; }
    .stat.doughnut .chart-wrapper > div:LAST-CHILD ul {
      list-style: none;
      padding: 0;
      margin: 0; }
    .stat.doughnut .chart-wrapper > div:LAST-CHILD li {
      font-size: 18px;
      line-height: 32px;
      font-weight: 400;
      color: #60686c;
      margin: 16px 0;
      min-width: 280px; }
    .stat.doughnut .chart-wrapper > div:LAST-CHILD span {
      display: inline-block;
      width: 32px;
      height: 32px;
      border-radius: 3px;
      vertical-align: top;
      margin-right: 14px; }
  .stat.doughnut canvas + div {
    margin-top: -10px; }
  .stat:LAST-CHILD {
    margin-bottom: 50px; }
  .stat .list-actions {
    position: absolute;
    right: -6px;
    top: 64px;
    font-size: 15px;
    color: #60686c; }
  .stat .action-period {
    margin-right: 12px;
    font-weight: 400; }
    .stat .action-period.active {
      font-weight: 600;
      color: #212121; }
  .stat .action-export {
    margin-left: 150px; }
    .stat .action-export span {
      margin-right: 9px;
      font-weight: 600; }
    .stat .action-export [icon="export"] path {
      fill: #60686c; }
  .stat .help-button {
    right: 156px; }
    .stat .help-button .btn {
      top: 8px;
      color: #60686c; }
    .stat .help-button.help-button-show .btn {
      color: #02bdd5; }
    .stat .help-button span {
      width: auto;
      line-height: 34px;
      font-size: 15px;
      color: #60686c; }
  .stat .chart-wrapper {
    width: 100%;
    height: 382px;
    position: relative;
    margin-top: 16px; }
  .stat canvas {
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .stat canvas + div {
    background: #60686c;
    border-radius: 3px;
    color: white;
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    white-space: nowrap;
    transform: translateX(-50%) translateY(-100%);
    z-index: 3;
    position: absolute;
    margin-top: -20px;
    transition: left 0.5s, top 0.5s;
    display: none; }
    .stat canvas + div > div {
      padding: 10px;
      position: relative; }
      .stat canvas + div > div :after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: transparent;
        border-top-color: #60686c;
        border-width: 10px;
        margin-left: -10px; }
    .stat canvas + div .tooltip-title {
      font-weight: 500; }
    .stat canvas + div a {
      display: block;
      text-decoration: underline;
      color: inherit; }

.wysiwyg-container {
  width: 100%; }
  .wysiwyg-container.disabled {
    cursor: not-allowed !important; }
    .wysiwyg-container.disabled .wysihtml-toolbar:BEFORE {
      display: block;
      content: "";
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      background: transparent;
      z-index: 1; }
    .wysiwyg-container.disabled .wysihtml {
      opacity: 0.5;
      -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none; }

.wysihtml-toolbar {
  margin: 5px 0 0;
  position: relative; }
  .wysihtml-toolbar .md-button {
    background: white;
    color: #60686c;
    border: 1px solid #cbd3d8;
    border-radius: 3px;
    margin-right: 5px;
    padding: 0;
    line-height: 40px;
    font-size: 17px; }
    .wysihtml-toolbar .md-button i {
      display: inline-block;
      vertical-align: top;
      width: 40px;
      font-size: 24px;
      line-height: inherit; }
      .wysihtml-toolbar .md-button i + span {
        margin-left: -5px; }
    .wysihtml-toolbar .md-button span {
      line-height: inherit;
      text-transform: none;
      padding-right: 10px; }
      .wysihtml-toolbar .md-button span:FIRST-CHILD {
        padding-left: 10px; }
    .wysihtml-toolbar .md-button.wysihtml5-command-active:not([disabled]), .wysihtml-toolbar .md-button.wysihtml5-command-dialog-opened:not([disabled]) {
      background: #02bdd5;
      color: white !important; }
    .wysihtml-toolbar .md-button:LAST-CHILD {
      margin-right: 0; }
  .wysihtml-toolbar .sep {
    display: block;
    margin-right: 10px; }
  .wysihtml-toolbar .dialog-wrapper {
    position: relative; }
  .wysihtml-toolbar .popup-dialog {
    position: absolute;
    top: 100%;
    margin-top: 5px;
    width: auto;
    z-index: 2;
    padding: 5px;
    border: 1px solid #cbd3d8;
    border-radius: 3px;
    background: white;
    list-style: none; }
    .wysihtml-toolbar .popup-dialog input {
      width: 300px;
      border: 1px solid #cbd3d8;
      border-radius: 3px;
      margin-right: 5px;
      padding: 0 10px; }
    .wysihtml-toolbar .popup-dialog li {
      font-size: 17px;
      font-weight: 400;
      color: #60686c;
      white-space: pre;
      cursor: pointer; }
      .wysihtml-toolbar .popup-dialog li b {
        color: #212121; }

.wysihtml {
  width: 100%;
  min-height: 200px;
  padding: 30px 3px 10px;
  border-bottom: 1px solid #cbd3d8;
  margin-bottom: 3px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
  font-size: 24px;
  line-height: 1.2em;
  letter-spacing: 0.0575em;
  font-weight: 400;
  color: #60686c; }
  .wysihtml.wysihtml5-placeholder {
    opacity: 0.54; }
  .wysihtml:FOCUS {
    border-bottom: 4px solid #02bdd5; }
  .wysihtml i {
    font-style: italic;
    font-family: inherit; }
  .wysihtml b, .wysihtml b i {
    font-weight: 600 !important; }
  .wysihtml > li {
    list-style: none; }
  .wysihtml ul, .wysihtml ol {
    margin: 0;
    padding-left: 24px; }
  .wysihtml p {
    margin: 0; }
  .wysihtml a {
    color: #02bdd5; }

@media (max-width: 1600px) {
  .wysihtml-toolbar .md-button span {
    display: none !important; } }

.md-virtual-repeat-container {
  box-sizing: border-box;
  display: block;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative; }
  .md-virtual-repeat-container .md-virtual-repeat-scroller {
    bottom: 0;
    box-sizing: border-box;
    left: 0;
    margin: 0;
    overflow-x: hidden;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-overflow-scrolling: touch; }
  .md-virtual-repeat-container .md-virtual-repeat-sizer {
    box-sizing: border-box;
    height: 1px;
    display: block;
    margin: 0;
    padding: 0;
    width: 1px; }
  .md-virtual-repeat-container .md-virtual-repeat-offsetter {
    box-sizing: border-box;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0; }

.multiselect .dropdown-menu {
  padding-right: 27px; }

.multiselect .multiselect__item {
  border-top: 1px solid #cbd3d8;
  display: flex;
  align-items: baseline;
  font-weight: normal;
  padding: 5px 10px;
  cursor: pointer; }

.selection-list {
  margin-bottom: 10px;
  margin-right: 20px; }
  .selection-list__container {
    display: flex;
    flex-wrap: wrap; }
    .selection-list__container_all {
      height: min-content; }
  .selection-list .selection-list__header {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0; }
    .selection-list .selection-list__header-text {
      margin-right: 40px; }
  .selection-list__switch {
    position: static; }
    .selection-list__switch.selection-list__switch {
      width: min-content; }

.sl-item {
  position: relative;
  min-width: max-content;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  padding: 3px 18px 3px 5px;
  box-sizing: border-box;
  margin: 2px 3px;
  cursor: pointer;
  border-radius: 5px;
  background-color: #dbe5ea; }
  .sl-item__title {
    line-height: 1; }
  .sl-item:hover {
    background-color: rgba(232, 242, 247, 0.91); }
    .sl-item:hover .sl-item__icon {
      display: block; }
  .sl-item__icon {
    position: absolute;
    display: none;
    cursor: pointer;
    font-size: 12px;
    right: 3px;
    top: 3px; }
    .sl-item__icon path {
      fill: black; }

.support-link {
  position: fixed;
  bottom: 18px;
  right: 18px;
  height: 45px;
  width: 45px;
  color: #02bdd5;
  display: block;
  font-size: 45px;
  line-height: 45px;
  text-decoration: none;
  background: #f4f7f9;
  border-radius: 100%;
  z-index: 2; }

.icon-microsoft-teams:before {
  content: "\e91d"; }

.add-group-by {
  line-height: 26.25px; }

.spinner {
  border: 4px solid rgba(0, 0, 0, 0.1);
  border-left: 4px solid #3498db;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  animation: spin 1s linear infinite;
  margin: 0 auto 10px auto; }

@keyframes spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

.progress-indicator {
  padding: 15px;
  border: 1px solid #ddd;
  background-color: #f9f9f9;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 5px; }

.error-message {
  padding: 15px;
  border: 1px solid #ffdddd;
  background-color: #ffe4e4;
  color: #cc0000;
  text-align: center;
  margin-bottom: 20px;
  border-radius: 5px; }

.input-mb {
  margin-bottom: 16px; }

.my-input-field {
  width: 100%;
  padding: 8px 16px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  box-sizing: border-box;
  outline: none; }
  .my-input-field:focus {
    border-color: #000;
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.2); }

.my-button {
  width: 100%;
  padding: 8px 16px;
  background-color: #000;
  color: #fff;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease; }
  .my-button:hover {
    background-color: #1f2937; }

.my-button-disabled {
  width: 100%;
  padding: 8px 16px;
  background-color: #898383;
  color: #fff;
  border-radius: 6px;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease; }
  .my-button-disabled:hover {
    background-color: #898383; }

.text-sm a {
  color: #3b82f6;
  text-decoration: underline; }
  .text-sm a:hover {
    color: #1d4ed8; }

.text-sm.text-gray-600.flex.items-start.gap-2 {
  font-size: 0.875rem;
  color: #4b5563;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px; }

.md-accent-notvalid {
  color: white;
  background-color: #d2d502 !important; }

.search-input-container {
  display: flex !important;
  align-items: center;
  border: 1px solid #e3e0e0;
  border-radius: 4px;
  padding: 5px 8px;
  background-color: white;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  width: 220px;
  height: 40px;
  box-sizing: border-box; }
  .search-input-container .search-icon {
    position: static !important;
    display: block !important;
    margin-right: 8px;
    color: #666;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    z-index: 2; }
    .search-input-container .search-icon.active {
      color: #007bff; }
    .search-input-container .search-icon svg {
      width: 100%;
      height: 100%;
      fill: currentColor;
      display: block;
      overflow: visible; }
      .search-input-container .search-icon svg path {
        fill: currentColor;
        stroke: none; }
  .search-input-container .search-input-field {
    border: none;
    outline: none;
    padding: 0;
    background: transparent;
    flex-grow: 1;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    height: 100%;
    box-sizing: border-box;
    z-index: 1; }
    .search-input-container .search-input-field::placeholder {
      color: #999;
      opacity: 1; }

.loader-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  border-radius: inherit; }
  .loader-overlay .spinner {
    color: #007bff;
    animation: spin 1s linear infinite; }

.campaign-sidenav-btn.loading-state {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.8; }

.non-binging {
  max-width: 1024px;
  min-width: 360px;
  padding: 0 55px !important; }

@media (max-width: 768px) {
  .md-dialog-container {
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important; }
  md-dialog {
    width: 100%;
    min-width: unset;
    max-width: 100%;
    max-height: 100%;
    border-radius: 0; }
  .non-binging {
    padding: 20px !important; } }

.faq-sidebar {
  background-color: #02bdd5;
  box-shadow: 0 0 transparent inset;
  display: inline-block;
  line-height: 38px;
  font-size: 16.67px !important;
  font-weight: 300 !important;
  text-transform: none;
  margin: 5px 40px;
  padding: 5px 26px;
  color: white;
  border-radius: 3px; }
  .faq-sidebar.active {
    background: none !important;
    box-shadow: 0px -4px white inset;
    cursor: default !important; }
  .faq-sidebar.inactive {
    color: rgba(255, 255, 255, 0.5) !important; }
    .faq-sidebar.inactive:hover:not([disabled]) {
      color: #02bdd5 !important; }
  .faq-sidebar:hover:not(.active):not([disabled]),
  .faq-sidebar .menu-item:focus:not(.active):not([disabled]) {
    background-color: #00b0c8;
    transform: translate3d(0, -1px, 0); }

.video-dialog {
  width: 90vw;
  height: 80vh;
  max-width: 1200px;
  max-height: 800px;
  border-radius: 16px; }
  .video-dialog .close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 50%; }
    .video-dialog .close-button md-icon {
      color: white; }

.video-thumbnail-container {
  position: relative;
  margin: 5px 40px;
  cursor: pointer; }

@keyframes blink-fade {
  0% {
    opacity: 1;
    transform: scale(1); }
  50% {
    opacity: 0.5;
    transform: scale(1.2); }
  100% {
    opacity: 1;
    transform: scale(1); } }

@keyframes fade {
  0% {
    opacity: 1; }
  50% {
    opacity: 0; }
  100% {
    opacity: 1; } }

.question-mark {
  position: absolute;
  top: 70px;
  right: 20px;
  font-size: 20px;
  color: #60686c;
  display: inline-block;
  cursor: pointer;
  animation-name: fade;
  animation-duration: 1.5s;
  animation-iteration-count: infinite; }

.disabled-link,
.disabled-link:hover,
.disabled-link:focus {
  pointer-events: none;
  cursor: default;
  color: #aaa !important;
  background: none !important;
  box-shadow: none !important;
  text-decoration: none !important; }

.contacts-panel {
  display: flex;
  flex-direction: column;
  background: #f7fafd;
  min-width: 350px;
  min-height: 0;
  max-height: 560px; }

.contacts-header {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 4.2px;
  padding: 17.8px 38px 8.4px 38.8px;
  border-bottom: 1px solid #e5e5e5;
  background: inherit;
  z-index: 2; }
  .contacts-header input[type="text"] {
    flex: 1 1 0;
    min-width: 0;
    padding: 8px 12px;
    font-size: 14px; }
  .contacts-header a {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: bold;
    color: #939ea9;
    font-size: 0.6em;
    gap: 5.6px; }

.add-button {
  background: #eceff1;
  color: #939ea9;
  margin-left: 8px; }

.contacts-scroll {
  flex: 1 1 auto;
  overflow-y: auto;
  padding: 0 24px 12px 24px;
  background: inherit;
  min-height: 0; }

.md-item {
  background: transparent;
  display: flex;
  border-bottom: 1px solid #eee;
  padding: 16px 0;
  align-items: center; }

.md-tile-left {
  margin-right: 10.5px;
  width: 58px;
  height: 58px;
  display: flex;
  align-items: center;
  justify-content: center; }

.md-tile-content {
  flex: 1 1 auto; }

.md-tile-actions {
  margin-left: auto; }

.faq-title__sidebar {
  color: #212121;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  margin-top: 5px; }

.ms-signin-btn:hover {
  background: #eef6fb;
  transform: scale(1.01);
  transition: background 0.18s, transform 0.14s; }
  .ms-signin-btn:hover svg text {
    fill: #0078d4;
    transition: fill 0.18s; }

.cookie-banner {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #6e7a9c;
  color: #fff;
  z-index: 10000;
  box-shadow: 0 -2px 16px 0 rgba(0, 0, 0, 0.07);
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.21, 1.02, 0.73, 0.99), opacity 0.3s;
  font-size: var(--font-size-menu); }
  .cookie-banner--visible {
    transform: translateY(0);
    opacity: 1; }
  .cookie-banner__inner {
    max-width: 900px;
    margin: 0 auto;
    padding: 10px 100px;
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .cookie-banner__button {
    background: #4555a5;
    color: #fff;
    border: none;
    font-weight: 600;
    border-radius: 5px;
    padding: 5px 10px;
    font-size: var(--font-size-menu);
    cursor: pointer;
    margin-left: 24px;
    transition: background 0.2s; }
    .cookie-banner__button:hover {
      background: #009bb0; }
  .cookie-banner__close {
    background: none;
    border: none;
    color: #fff;
    font-size: var(--font-size-menu);
    font-weight: bold;
    margin-left: 16px;
    cursor: pointer;
    line-height: 1;
    padding: 0 8px;
    transition: color 0.2s; }
    .cookie-banner__close:hover {
      color: #00bed6; }

.faq-sidenav__hr {
  border-bottom: 2px solid #cbd3d8;
  margin-left: 22px;
  margin-right: 22px;
  margin-top: 20px; }

.close-video-btn {
  position: absolute;
  top: 10px;
  right: 10px;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 24px;
  color: #333;
  cursor: pointer;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.2s; }
  .close-video-btn:hover {
    background: #eee; }

.group-button {
  font-size: 16.67px;
  line-height: 38px;
  padding: 0 26px; }

body[layout="column"] {
  min-height: 100vh;
  display: flex;
  flex-direction: column; }

[flex][layout="column"], [ng-view] {
  flex: auto;
  display: flex;
  flex-direction: column; }

.main-footer {
  margin-top: auto;
  padding: 20px 0;
  text-align: center;
  color: #60686c; }
  .main-footer p {
    font-size: 16px;
    line-height: 1.4em;
    color: #6d6d6d; }

.footer-links a {
  text-decoration: none;
  color: #15d4d9;
  margin: 0 1em;
  font-size: 14px; }

.questions-scroll {
  max-height: calc(100vh - 100px);
  overflow-y: auto;
  padding-right: 8px; }

.billing-info__scroll {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
  padding-right: 8px; }

.campaign-create__scroll {
  max-height: calc(83vh - 200px);
  overflow-y: auto;
  padding-right: 8px; }
  .campaign-create__scroll .list-form .md-tile-left {
    left: 0px; }

.question {
  margin-bottom: 24px; }

.account-info__scrool {
  max-height: calc(65vh - 200px);
  overflow-y: auto;
  padding-right: 8px; }

.group-assign__scrool {
  max-height: calc(55vh - 200px);
  overflow-y: auto;
  padding-right: 8px; }

.footer-left {
  padding-left: 300px; }

.group_scrool {
  padding-right: 8px; }

@media screen and (min-device-width: 1200px) and (max-device-width: 1920px) and (-webkit-min-device-pixel-ratio: 1.5) and (min-resolution: 144dpi) {
  .list-actions .action.with-dropdown:HOVER,
  .list-actions .action.with-dropdown.active {
    width: 150px; }
  .list-actions .action.with-dropdown {
    width: 120px; }
  .contacts-header {
    padding: 17.8px 24px 8.4px 38.8px; }
  .search-contacts input + a {
    right: 27px; }
  .retina {
    margin-left: 10px; } }

@media (min-width: 1921px) and (max-width: 2560px) {
  .retina {
    margin-left: 10px; }
  .contacts-header {
    padding: 17.8px 22px 8.4px 38.8px; }
  .search-contacts input + a {
    right: 25px; } }

@media (min-width: 1200px) {
  .retina {
    margin-left: 10px; }
  .list-actions .action.with-dropdown:HOVER,
  .list-actions .action.with-dropdown.active {
    width: 150px; }
  .list-actions .action.with-dropdown {
    width: 120px; }
  .contacts-header {
    padding: 17.8px 24px 8.4px 38.8px; }
  .search-contacts input + a {
    right: 27px; }
  .list > .md-tile-left:FIRST-CHILD + h1 {
    visibility: hidden; }
  .list.with-sidenav {
    margin-left: 320px; } }

@media screen and (min-device-width: 1305px) {
  .list > .md-tile-left:FIRST-CHILD + h1 {
    padding-left: 80px;
    visibility: inherit; } }