.help-dashboard-admin-overview {
  height: 100%;
  padding: 0 20px;
}
.help-dashboard-admin-overview .overview-cont {
  height: 100%;
}
.help-dashboard-admin-overview .overview-cont.no-overview {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.help-dashboard-admin-overview .overview-cont .info-cont .version-image {
  width: 163px;
  height: 123px;
  background: url(../../assets/22f8b9b7.svg) no-repeat;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button,
.msg-templates-dialog .page-pos .awl-button {
  height: 32px;
  padding: 0 20px;
  border: 1px solid #cdd2d9;
  border-radius: 4px;
  box-shadow: none;
  font-size: 14px;
  font-weight: 600;
  line-height: 30px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button:disabled,
.msg-templates-dialog .page-pos .awl-button:disabled {
  color: #fff !important;
}
.msg-templates-dialog .a9-app-pos.a9-popup .font-picker .awl-button.secondary,
.msg-templates-dialog .page-pos .font-picker .awl-button.secondary,
.msg-templates-dialog .a9-app-pos.a9-popup .colorPicker .awl-button.secondary,
.msg-templates-dialog .page-pos .colorPicker .awl-button.secondary {
  padding: 0 8px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-select-mk2-popup .popup-layout .list-item,
.msg-templates-dialog .page-pos .awl-select-mk2-popup .popup-layout .list-item {
  line-height: 32px;
  padding: 0 10px 0 10px;
  font-size: 14px;
  height: 32px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.secondary,
.msg-templates-dialog .page-pos .awl-button.secondary,
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.cancel,
.msg-templates-dialog .page-pos .awl-button.cancel {
  background-color: #fff;
  border: 1px solid #cdd2d9;
  color: #47505d;
  font-weight: 600;
  line-height: 30px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.secondary.awl-app-border-color,
.msg-templates-dialog .page-pos .awl-button.secondary.awl-app-border-color,
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.cancel.awl-app-border-color,
.msg-templates-dialog .page-pos .awl-button.cancel.awl-app-border-color {
  border-color: #4298fb !important;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.secondary.awl-app-bg-15opacity,
.msg-templates-dialog .page-pos .awl-button.secondary.awl-app-bg-15opacity,
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.cancel.awl-app-bg-15opacity,
.msg-templates-dialog .page-pos .awl-button.cancel.awl-app-bg-15opacity {
  background-color: #eef2f6 !important;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.secondary:hover,
.msg-templates-dialog .page-pos .awl-button.secondary:hover,
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.cancel:hover,
.msg-templates-dialog .page-pos .awl-button.cancel:hover {
  background: #eef2f6;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.secondary:active,
.msg-templates-dialog .page-pos .awl-button.secondary:active,
.msg-templates-dialog .a9-app-pos.a9-popup .ctrl.button.secondary:active,
.msg-templates-dialog .page-pos .ctrl.button.secondary:active,
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.cancel:active,
.msg-templates-dialog .page-pos .awl-button.cancel:active,
.msg-templates-dialog .a9-app-pos.a9-popup .ctrl.button.cancel:active,
.msg-templates-dialog .page-pos .ctrl.button.cancel:active,
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.secondary:focus,
.msg-templates-dialog .page-pos .awl-button.secondary:focus,
.msg-templates-dialog .a9-app-pos.a9-popup .ctrl.button.secondary:focus,
.msg-templates-dialog .page-pos .ctrl.button.secondary:focus,
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.cancel:focus,
.msg-templates-dialog .page-pos .awl-button.cancel:focus,
.msg-templates-dialog .a9-app-pos.a9-popup .ctrl.button.cancel:focus,
.msg-templates-dialog .page-pos .ctrl.button.cancel:focus {
  border-color: #4298fb;
}
.msg-templates-dialog .a9-app-pos.a9-popup .awl-button.secondary.disabled,
.msg-templates-dialog .page-pos .awl-button.secondary.disabled {
  background: #eef2f6 !important;
  color: #9ca5b3 !important;
  border-color: #cdd2d9 !important;
}
.msg-templates-dialog .a9-app-pos.a9-popup aside.popup-dialog-v2 > header,
.msg-templates-dialog .page-pos aside.popup-dialog-v2 > header {
  height: 50px;
  color: #46505d;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding: 15px 20px;
}
.msg-templates-dialog .a9-app-pos.a9-popup aside.popup-dialog-v2 > header .i-close-delete,
.msg-templates-dialog .page-pos aside.popup-dialog-v2 > header .i-close-delete {
  top: 10px;
  right: 12px;
  font-size: 16px;
}
.msg-templates-dialog .a9-app-pos.a9-popup aside.popup-dialog-v2 > section,
.msg-templates-dialog .page-pos aside.popup-dialog-v2 > section {
  font-size: 14px;
}
.msg-templates-dialog .a9-app-pos.a9-popup aside.popup-dialog-v2 > footer,
.msg-templates-dialog .page-pos aside.popup-dialog-v2 > footer {
  height: 60px;
  padding: 14px 20px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .details-form--edit .details-form__row,
.msg-templates-dialog .page-pos .details-form--edit .details-form__row {
  height: 42px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .details-form--edit .details-form__title,
.msg-templates-dialog .page-pos .details-form--edit .details-form__title {
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .details-form--edit .details-form__label,
.msg-templates-dialog .page-pos .details-form--edit .details-form__label {
  color: #46505d;
  font-size: 12px;
  padding-right: 40px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .temp-nice-looking-search-text-input > input,
.msg-templates-dialog .page-pos .temp-nice-looking-search-text-input > input {
  padding-right: 28px;
}
.msg-templates-dialog .a9-app-pos.a9-popup .temp-nice-looking-search-text-input > .nice-input-icon,
.msg-templates-dialog .page-pos .temp-nice-looking-search-text-input > .nice-input-icon {
  width: 32px;
  height: 32px;
  font-size: 16px;
  line-height: 32px;
  right: 0;
  top: 0;
}
.msg-templates-dialog .a9-app-pos.a9-popup input[type='text'],
.msg-templates-dialog .page-pos input[type='text'] {
  height: 32px;
  padding: 3px 3px 3px 10px;
  font-size: 14px;
  border-radius: 4px;
}

.vertical-tab-menu {
  justify-content: stretch;
  height: 100%;
  font-size: 14px;
}
.vertical-tab-menu .no-records {
  text-align: center;
  font-size: 14px;
}
.vertical-tab-menu .list-item {
  height: 32px;
  line-height: 32px;
  color: #5e6671;
  font-weight: normal;
  padding-left: 10px;
  position: relative;
}
.vertical-tab-menu .list-item > .overflow-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vertical-tab-menu .list-item.selected {
  background: #eef2f6;
  color: #47505d;
  font-weight: 600;
}
.vertical-tab-menu .list-item.expanded {
  font-weight: 600;
}
.vertical-tab-menu .list-item.expandable > .overflow-control {
  margin-right: 20px;
}
.vertical-tab-menu .list-item.with-sub-title {
  height: 64px;
}
.vertical-tab-menu .list-item .sub-title {
  padding-left: 10px;
}
.vertical-tab-menu .expanded-container {
  padding-left: 12px;
}
.vertical-tab-menu .expand-controls {
  color: #9da6b4;
  position: absolute;
  top: 0;
  right: 0;
}
.vertical-tab-menu .expand-controls .expand-control {
  font-size: 16px;
  display: block;
  height: 32px;
  line-height: 32px;
}
.vertical-tab-menu .sub-item {
  height: 32px;
  line-height: 32px;
  color: #5e6671;
  font-weight: normal;
  margin: 0 0 0 20px;
  padding: 0 0 0 10px;
  position: relative;
}
.vertical-tab-menu .sub-item > .overflow-control {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.vertical-tab-menu .sub-item:before {
  content: "";
  width: 10px;
  height: 0;
  position: absolute;
  left: -10px;
  top: 16px;
  border-top: 1px solid #e0e4e8;
}
.vertical-tab-menu .sub-item:after {
  content: "";
  width: 0;
  height: 40px;
  position: absolute;
  left: -10px;
  top: 0;
  border-left: 2px solid #eef0f2;
}
.vertical-tab-menu .sub-item.sub-last:not(.expanded):after {
  height: 16px;
}
.vertical-tab-menu .sub-item.selected {
  background: #eef2f6;
  color: #47505d;
  font-weight: 600;
}
.vertical-tab-menu .sub-item.expanded {
  font-weight: 600;
}
.vertical-tab-menu .sub-item.expandable > .overflow-control {
  margin-right: 20px;
}
.vertical-tab-menu__level {
  position: relative;
}
.vertical-tab-menu__level.level-2 {
  margin-left: 20px;
}
.vertical-tab-menu__level.level-3 {
  margin-left: 20px;
}
.vertical-tab-menu__level:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: -10px;
  top: 0;
  border-left: 2px solid #eef0f2;
}
.vertical-tab-menu .title-footer {
  flex-shrink: 0;
  flex-basis: 1;
  width: 300px;
  padding: 20px;
}
.vertical-tab-menu .scrollbar-vertical-tabs {
  flex-shrink: 1;
  height: 100%;
  padding: 20px 26px 10px 20px;
  width: 300px;
}
.vertical-tab-menu .scrollbar-vertical-tabs .ps__rail-y {
  margin: 10px 10px 10px 0;
}
.vertical-tab-menu .mCustomScrollbar.scrollbar-vertical-tabs > .mCustomScrollBox.mCS-a9 {
  padding: 0;
}
.vertical-tab-menu .mCustomScrollbar.scrollbar-vertical-tabs > .mCustomScrollBox.mCS-a9 > .mCSB_container {
  padding: 10px 26px 10px 20px;
  margin: 0;
}
.vertical-tab-menu .mCustomScrollbar.scrollbar-vertical-tabs > .mCustomScrollBox.mCS-a9 > .mCSB_scrollTools.mCSB_scrollTools_vertical {
  right: 10px;
  top: 0;
  bottom: 0;
}
.icon-button {
  background: transparent;
  border: none;
  color: #47505d;
  font-size: 20px;
  width: 26px;
  float: right;
  height: 26px;
  padding: 0;
  position: relative;
  margin-right: 10px;
}
.text-block-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-block {
  display: flex;
  align-items: center;
  max-width: 60%;
  flex-shrink: 1;
  overflow: hidden;
}
.left-block span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.right-block {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.favourite {
  color: #FACD4C;
}

.vertical-tab-layout {
  font-size: 14px;
}
.vertical-tab-layout.state-collapsed {
  padding-left: 20px;
}
.vertical-tab-layout.state-collapsed .layout-toggle-element {
  left: 0;
  width: 20px;
}
.vertical-tab-layout.state-collapsed .layout-toggle-element:before {
  border-right: 0px solid #7b8799;
  border-left: 3px solid #7b8799;
}
.vertical-tab-layout .no-content {
  padding: 20px;
  text-align: center;
}
.vertical-tab-layout .layout-toggle-element {
  position: absolute;
  z-index: 3;
  width: 7px;
  top: 0px;
  bottom: 0px;
  left: 293px;
  border-right: 1px solid #e4e7eb;
  background-color: #fbfbfb;
}
.vertical-tab-layout .layout-toggle-element:hover {
  background-color: #EEF2F6;
}
.vertical-tab-layout .layout-toggle-element:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 3px solid #7b8799;
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  right: 2px;
}
.vertical-tab-header {
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.vertical-tab-header .flex-icon-buttons {
  align-items: center;
  height: 32px;
  margin-bottom: 0;
}

.vertical-layout-framework {
  height: 100%;
  width: 100%;
  position: relative;
}
.vertical-layout-framework > .layout-aside {
  position: absolute;
  width: 300px;
  left: 0;
  top: 0;
  bottom: 0;
}
.vertical-layout-framework > .layout-content {
  position: absolute;
  left: 300px;
  top: 0;
  bottom: 0;
  right: 0;
}
.vertical-layout-framework.state-collapsed {
  padding-left: 20px;
}
.vertical-layout-framework.state-collapsed > .layout-toggle-element {
  left: 0;
  width: 20px;
}
.vertical-layout-framework.state-collapsed > .layout-toggle-element:before {
  border-right: 0px solid #7b8799;
  border-left: 3px solid #7b8799;
}
.vertical-layout-framework.state-collapsed > .layout-aside {
  display: none;
}
.vertical-layout-framework.state-collapsed > .layout-content {
  left: 20px;
}
.vertical-layout-framework.state-without-aside > .layout-toggle-element {
  display: none;
}
.vertical-layout-framework.state-without-aside > .layout-aside {
  display: none;
}
.vertical-layout-framework.state-without-aside > .layout-content {
  left: 0px;
}
.vertical-layout-framework > .layout-toggle-element {
  position: absolute;
  z-index: 3;
  width: 7px;
  top: 0px;
  bottom: 0px;
  left: 293px;
  border-right: 1px solid #e4e7eb;
  background-color: #fbfbfb;
}
.vertical-layout-framework > .layout-toggle-element:hover {
  background-color: #EEF2F6;
}
.vertical-layout-framework > .layout-toggle-element:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 3px solid #7b8799;
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  right: 2px;
}
.string-with-controls {
  position: relative;
}
.string-with-controls .string-item {
  display: block;
  margin-right: 32px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.string-with-controls .controls-item {
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  position: absolute;
  padding: 4px 0 0 4px;
  right: 0;
  top: 0;
  color: #7b8799;
}

.msg-tab-templates {
  height: 100%;
}
.msg-tab-templates .upload-download-cont {
  width: 295px;
  padding-top: 20px;
  padding-right: 20px;
  display: flex;
  justify-content: flex-end;
}
.msg-tab-templates .upload-download-cont .i-upload {
  font-size: 30px;
  cursor: pointer;
}
.msg-tab-templates .upload-download-cont .i-upload.loading {
  opacity: 0.5;
  cursor: default;
}
.msg-tab-templates .upload-download-cont .i-upload + .i-upload {
  margin-left: 5px;
  transform: rotate(-180deg);
}

.msg-templates {
  height: 100%;
  display: flex;
  flex-direction: row;
}
.msg-templates__list {
  width: 300px;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.msg-templates__list.collapsed {
  display: none;
}
.msg-templates__list .search {
  padding: 20px 20px 3px 20px;
}
.msg-templates__list .listing {
  margin-top: 20px;
  flex: 1 1 auto;
  position: relative;
}
.msg-templates__list .archived {
  height: 50px;
  line-height: 50px;
  cursor: pointer;
}
.msg-templates__list .archived i {
  margin: 0 10px 0 20px;
}
.msg-templates__toggler {
  width: 10px;
  border-right: 1px solid #dee2e7;
  display: flex;
  flex-shrink: 0;
  background-color: #fbfbfb;
}
.msg-templates__toggler > div:before {
  content: '';
  width: 0;
  height: 0;
  border-right: 3px solid #7b8799;
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  position: absolute;
  top: 50%;
  margin-left: 2px;
}
.msg-templates__toggler.collapsed {
  padding-left: 20px;
}
.msg-templates__toggler.collapsed > div {
  transform: scale(-1, -1);
}
.msg-templates__toggler:hover {
  background-color: #eef2f6;
}
.msg-templates__preview {
  flex: 1 1 auto;
  overflow: hidden;
}

.msg-templates-list {
  padding: 0 15px;
}
.msg-templates-list__item {
  display: flex;
  flex-direction: row;
}
.msg-templates-list__item.themed-background {
  color: #ffffff;
}
.msg-templates-list__item > div {
  height: 32px;
  line-height: 32px;
}
.msg-templates-list__item .marker {
  flex: 0 0 auto;
  width: 32px;
  text-align: center;
}
.msg-templates-list__item .title {
  flex: 1 1 auto;
  padding-right: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.msg-templates-preview {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.msg-templates-preview header {
  position: relative;
  height: 60px;
  justify-content: center;
  display: flex;
}
.msg-templates-preview header .preview-button {
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0 20px;
}
.msg-templates-preview main {
  flex: 1;
  background: #f5f5f5;
  overflow: hidden;
}
.msg-templates-preview main .vi-atom-busy-indicator-centered {
  top: 100px;
  transform: translateX(-50%) translateY(0) translateZ(0);
}
.msg-templates-preview__content-wrap {
  width: 210mm;
  margin: 20px auto;
  background: #ffffff;
}
.msg-templates-preview__content {
  min-height: 297mm;
}
.msg-templates-preview__content p {
  padding: 0 0 1em 0;
  margin: 0;
}
.msg-templates-preview__content p.tinyword-page-break {
  padding: 0;
  margin: 0;
}
.msg-templates-preview__content h1,
.msg-templates-preview__content h2,
.msg-templates-preview__content h3,
.msg-templates-preview__content h4,
.msg-templates-preview__content h5,
.msg-templates-preview__content h6 {
  margin: 0;
  padding: 0 0 1em 0;
}
.msg-templates-preview__content .for-iframe-scroll {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: transparent;
}
.msg-templates-preview__content--Sms {
  height: auto;
  padding: 25px;
}
.msg-templates-preview__content--Sms > div {
  white-space: pre;
}
.msg-templates-preview__email {
  padding: 0 25px;
}
.msg-templates-preview__email > div {
  height: 36px;
  line-height: 26px;
  padding-top: 10px;
  border-bottom: 1px solid #f1f2f3;
  color: #868d96;
  font-size: 11px;
}
.msg-templates-preview--full-size {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 32000;
  display: flex;
  background: white;
}
.msg-templates-preview--full-size .preview-button button {
  display: none;
}
.msg-templates-preview .mCSB_container_wrapper > .mCSB_container {
  padding-right: 0;
}

.listing-grid-v1__content {
  min-height: 94px;
}
.listing-grid-v1__listing-footer {
  height: 32px;
}
.listing-grid-v1__listing-pagination {
  height: 66px;
  padding: 20px 20px 20px 13px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.listing-grid-v1__listing-pagination-total {
  font-size: 14px;
  font-weight: 600;
  color: #5a6980;
}
.listing-grid-v1__listing-pagination-total.show-only-total {
  width: 100%;
  text-align: right;
}
.listing-grid-v1.a9-grid-secondary {
  border: none;
}
.listing-grid-v1.a9-grid-secondary .listing-grid-v1__content {
  border-left: 1px solid #dde1e6;
  border-right: 1px solid #dde1e6;
}
.listing-grid-v1.a9-grid-secondary .listing-grid-v1__listing-pagination {
  padding-right: 0;
  padding-left: 0;
}
.listing-grid-v1__stretch {
  height: 100%;
  max-height: 100%;
}
.listing-grid-v1__stretch > .listing-grid-v1__content {
  height: calc(100% - 98px);
  max-height: calc(100% - 98px);
}
.ui-grid-cell .ui-grid-cell-contents .i-favorite {
  color: #F8E81C;
  font-size: 16px;
}

.msg-templates-archive {
  width: 100%;
}
.msg-templates-archive .page-filters {
  padding-left: 20px;
}
.msg-templates-archive .msg-templates-archive__listing .listing-grid .ui-grid-row:last-child .ui-grid-cell {
  border-bottom-width: 1px !important;
}

.msg-templates-edit {
  width: 100%;
}

.msg-templates-edit-sms {
  height: 100%;
}
.msg-templates-edit-sms .wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.msg-templates-edit-sms .wrap .header {
  position: relative;
  display: flex;
  padding: 20px 0;
  align-items: center;
  flex: 0 0 auto;
}
.msg-templates-edit-sms .wrap .header > .name-input {
  margin-right: auto;
  padding-left: 20px;
}
.msg-templates-edit-sms .wrap .header .preview-button {
  position: absolute;
  right: 0;
  height: 100%;
  display: flex;
  flex-flow: row;
  align-items: center;
  padding: 0 20px;
}
.msg-templates-edit-sms .wrap .main {
  flex: 1 1 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  height: 100%;
  border-top: 1px solid #d2d6dc;
}
.msg-templates-edit-sms .wrap .main .variables {
  width: 300px;
  display: flex;
  flex-direction: column;
  border-right: 1px solid #d2d6dc;
}
.msg-templates-edit-sms .wrap .main .variables .search {
  padding: 20px;
}
.msg-templates-edit-sms .wrap .main .variables .expand-controls {
  font-size: 16px;
}
.msg-templates-edit-sms .wrap .main .variables .expand-controls span {
  display: block;
  height: 32px;
  line-height: 32px;
}
.msg-templates-edit-sms .wrap .main .variables .listing {
  flex: 1 1 auto;
  position: relative;
}
.msg-templates-edit-sms .wrap .main .variables .listing .listing-items {
  padding: 0 20px 20px 20px;
}
.msg-templates-edit-sms .wrap .main .variables .listing .listing-header {
  height: 32px;
  line-height: 32px;
  font-weight: 600;
}
.msg-templates-edit-sms .wrap .main .variables .listing .listing-header .title {
  display: inline-block;
}
.msg-templates-edit-sms .wrap .main .variables .listing .item-disabled {
  background-color: #f6f6f6;
}
.msg-templates-edit-sms .wrap .main .variables .listing .item-disabled .i-plus {
  display: none;
}
.msg-templates-edit-sms .wrap .main .variables .listing .listing-item {
  height: 32px;
  line-height: 32px;
  border: 1px solid #dfdfdf;
  padding: 0 40px 0 10px;
  margin-top: -1px;
  color: #47505d;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
}
.msg-templates-edit-sms .wrap .main .variables .listing .listing-item:first-child {
  margin-top: 0;
}
.msg-templates-edit-sms .wrap .main .variables .listing .listing-item .variable-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.msg-templates-edit-sms .wrap .main .variables .listing .listing-item > span.item-icon {
  background: #9ca5b3;
  color: #dbdee3;
  height: 20px;
  width: 20px;
  text-align: center;
  line-height: 20px;
  border-radius: 10px;
  position: absolute;
  font-size: 16px;
  top: 5px;
  right: 10px;
}
.msg-templates-edit-sms .wrap .main .variables .listing .listing-item > span.item-icon:before {
  /* TMax good looking icon positions across browsers */
  width: 20px;
  height: 20px;
  font-size: 16px;
  text-align: center;
  line-height: 20px;
  display: block;
}
.msg-templates-edit-sms .wrap .main .variables .listing .variables-cont .listing-item {
  margin-left: 20px;
  margin-right: 25px;
}
.msg-templates-edit-sms .wrap .main .variables .listing .variables-cont .listing-item:first-child {
  margin-top: 20px;
}
.msg-templates-edit-sms .wrap .main .variables .listing .variables-cont .listing-item:last-child {
  margin-bottom: 20px;
}
.msg-templates-edit-sms .wrap .main .variables .listing .final-cont {
  padding-bottom: 1px;
}
.msg-templates-edit-sms .wrap .main .variables .listing .categories-cont {
  padding: 10px 0;
}
.msg-templates-edit-sms .wrap .main .variables .listing .categories-cont .category .label-string {
  height: 32px;
  position: relative;
  padding: 0 0 0 25px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #e0e0e0;
}
.msg-templates-edit-sms .wrap .main .variables .listing .categories-cont .category .label-string.name {
  overflow: hidden;
  text-overflow: ellipsis;
}
.msg-templates-edit-sms .wrap .main .variables .listing .categories-cont .category .label-string .expand-controls {
  position: absolute;
  top: 0;
  left: 5px;
}
.msg-templates-edit-sms .wrap .main .variables .listing .categories-cont .category .label-string.selected {
  font-weight: 600;
}
.msg-templates-edit-sms .wrap .main .variables .listing .group-cont .listing-header .title {
  margin-right: 5px;
}
.msg-templates-edit-sms .wrap .main .variables .listing .group-cont .listing-header .expand-controls {
  display: inline-block;
  font-size: 16px;
  position: absolute;
}
.msg-templates-edit-sms .wrap .main .textarea-cont {
  flex-grow: 1;
  padding: 20px;
  background: #f0f0f0;
}
.msg-templates-edit-sms .wrap .main .textarea-cont textarea {
  resize: none;
  height: 100%;
  width: 100%;
  border: 1px solid #fff;
  border-radius: 0;
  background: #fff;
  padding: 20px;
}
.msg-templates-edit-sms .wrap .main .textarea-cont textarea:focus {
  border: inherit;
}
.msg-templates-edit-sms .wrap .main .textarea-cont textarea:focus {
  border: 1px solid #fff;
}
.sms-counter {
  position: absolute;
  right: 20px;
  bottom: 15px;
  padding: 20px;
}
.sms-counter-text {
  display: inline-flex;
  align-items: center;
  height: 15px;
}
.sms-warning {
  padding-left: 10px;
  height: 32px;
}
.sms-warning-text {
  color: red;
}

.font-select > select {
  width: 75px;
  border: 0;
}
.font-select-popup .popup-layout {
  max-height: 254px;
  overflow: hidden;
}

.msg-templates-edit-document {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.msg-templates-edit-document header {
  display: flex;
  height: 70px;
  align-items: center;
  flex: 0 0 auto;
}
.msg-templates-edit-document header > .name-input {
  position: absolute;
  z-index: 1;
  padding-left: 20px;
}
.msg-templates-edit-document header > .zoom-cont {
  width: 100%;
  display: flex;
  justify-content: center;
  position: absolute;
}
.msg-templates-edit-document header .vi-molecule-label-input {
  flex-grow: 1;
}
.msg-templates-edit-document header .vi-molecule-zoom-group {
  margin-right: 20px;
}
.msg-templates-edit-document header .attachments {
  font-size: 18px;
  margin-right: 20px;
}
.msg-templates-edit-document main {
  flex: 1 1 auto;
  position: relative;
}
.msg-templates-edit-document main .mce-tinymce {
  box-sizing: border-box;
}
.msg-templates-edit-document--full-size {
  position: fixed !important;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 32000;
  display: flex;
  background: white;
}

.msg-templates-variables-selection-form {
  padding-top: 20px;
}
.msg-templates-variables-selection-form__fields-config {
  display: flex;
  border-top: 1px solid #dde1e6;
  flex-direction: row;
  align-items: stretch;
}
.msg-templates-variables-selection-form__fields-config .column {
  border-left: 1px solid #dde1e6;
  height: 100%;
  flex: 1 1 32%;
  max-width: 32%;
}
.msg-templates-variables-selection-form__fields-config .column:first-child {
  border-left: none;
}
.msg-templates-variables-selection-form__fields-config .column .scrollbar-settings {
  justify-content: stretch;
  height: 100%;
}
.msg-templates-variables-selection-form__fields-config .column.control-buttons {
  padding: 10px;
  width: 46px;
  flex: 0 0 46px;
}
.msg-templates-variables-selection-form__fields-config .column.control-buttons > .awl-button {
  margin: 0 0 10px 0;
}
.msg-templates-variables-selection-form__fields-config .search-field {
  padding: 10px;
  border-bottom: 1px solid #dde1e6;
}
.msg-templates-variables-selection-form__fields-config .search-field .temp-nice-looking-search-text-input {
  width: 50%;
  max-width: 245px;
}
.msg-templates-variables-selection-form__fields-config .name {
  background-color: #eef2f6;
  color: #343e4d;
  font-weight: 600;
  line-height: 32px;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msg-templates-variables-selection-form__fields-config .dndPlaceholder {
  height: 32px;
}
.msg-templates-variables-selection-form__fields-config .dnd-list {
  min-height: 100%;
}
.msg-templates-variables-selection-form__fields-config .dnd-list .item {
  margin-right: 20px;
  height: 32px;
  line-height: 32px;
  padding: 0 10px;
  border: none;
  position: relative;
  z-index: 1;
  white-space: nowrap;
  vertical-align: middle;
  color: #848a94;
  font-weight: normal;
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.msg-templates-variables-selection-form__fields-config .dnd-list .item:nth-child(odd) {
  background-color: #fff;
}
.msg-templates-variables-selection-form__fields-config .dnd-list .item:nth-child(even) {
  background-color: #f6f8fa;
}
.msg-templates-variables-selection-form__fields-config .dnd-list .item.checked,
.msg-templates-variables-selection-form__fields-config .dnd-list .item.checked:nth-child(even),
.msg-templates-variables-selection-form__fields-config .dnd-list .item.checked:nth-child(odd) {
  background-color: #ecf5ff;
  border-bottom: 1px solid #fff;
}
.msg-templates-variables-selection-form__fields-config .dnd-list .item .checkbox {
  margin-right: 10px;
  float: left;
  margin-top: 8px;
}
.msg-templates-variables-selection-form__fields-config .dnd-list .item .awl-dragger-icon {
  position: absolute;
  right: 4px;
  top: 7px;
  font-size: 16px;
  height: 28px;
  line-height: 16px;
  color: #848a94;
}
.msg-templates-variables-selection-form__fields-config .dnd-list .item .awl-locker-icon {
  font-size: 16px;
  display: inline-block;
  vertical-align: middle;
  margin: -3px 2px 0 -3px;
  color: #848a94;
}

.msg-templates-attachments-list .arrow {
  height: 12px;
  font-size: 12px;
  border-top: 1px solid #ddd;
  background: #f5f5f5;
  cursor: pointer;
  text-align: center;
  overflow: hidden;
}
.msg-templates-attachments-list .arrow.closed i {
  transform: translate(0, -3px) scale(1.5) rotate(180deg);
}
.msg-templates-attachments-list .arrow i {
  display: inline-block;
  transform: translate(0, -3px) scale(1.5);
}
.msg-templates-attachments-list .attachments {
  height: 50px;
  line-height: 50px;
  border-top: 1px solid #ddd;
  background: #f5f5f5;
}
.msg-templates-attachments-list .attachments > div {
  display: inline-block;
  padding: 0 5px 0 15px;
}

.msg-templates-attachments-add {
  display: flex;
  flex-wrap: wrap;
  width: 540px;
}
.msg-templates-attachments-add .item-block {
  width: 270px;
  height: 270px;
  display: flex;
  flex-direction: column;
  align-items: center;
  border: 1px dashed #dde1e6;
}
.msg-templates-attachments-add .item-block:nth-child(2n + 1) {
  border-left-width: 0;
  border-top-width: 0;
}
.msg-templates-attachments-add .item-block:nth-child(2n + 2) {
  border-left-width: 0;
  border-right-width: 0;
  border-top-width: 0;
}
.msg-templates-attachments-add .item-block:nth-last-child(2) {
  border-left-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
}
.msg-templates-attachments-add .item-block:last-child {
  border-width: 0;
}
.msg-templates-attachments-add .item-block .item-icon {
  width: 70px;
  height: 70px;
  margin: 60px 0 30px 0;
  background: transparent url(../../assets/4ad0f86c.png) no-repeat;
}
.msg-templates-attachments-add .item-block .item-icon.item-icon-scan {
  background-position: 0 -70px;
}
.msg-templates-attachments-add .item-block .item-icon.item-icon-upload {
  background-position: 0 -210px;
}
.msg-templates-attachments-add .item-block .item-icon.item-icon-attach {
  background-position: 0 -140px;
}
.msg-templates-attachments-add .item-block .item-icon.item-icon-search {
  background-position: 0 0;
}
.a9-app-customers .msg-templates-attachments-add .item-block .item-icon {
  background-image: url(../../assets/ed5b7a47.png);
}
.a9-app-documents .msg-templates-attachments-add .item-block .item-icon {
  background-image: url(../../assets/5493ed6c.png);
}
.msg-templates-attachments-add .item-block .item-title {
  font-size: 14px;
  color: #9ca5b3;
}
.msg-templates-attachments-add .item-block .item-button {
  margin-top: 25px;
}

.msg-duplicate-form {
  padding: 20px;
}
.msg-duplicate-form .info {
  font-size: 12px;
}
.msg-duplicate-form .info.info_top {
  padding-bottom: 20px;
}
.msg-duplicate-form .info.info_bottom {
  padding-top: 20px;
}

.msg-templates-form-settings {
  width: 100%;
  height: 100%;
  padding: 20px 0 20px 20px;
}
.msg-templates-form-settings .wrap {
  width: 100%;
  height: calc(100% - 40px);
}
.msg-templates-form-settings .wrap .disabled-for-picker {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 10000;
}
.msg-templates-form-settings .wrap .global-style-cont {
  display: flex;
}
.msg-templates-form-settings .wrap .global-style-cont > button {
  margin-left: 10px;
}

.msg-templates-form-content {
  width: 100%;
  height: 100%;
  padding: 20px 0 20px 20px;
}
.msg-templates-form-content .wrap {
  width: 100%;
  height: calc(100% - 40px);
}
.msg-templates-form-content .wrap .pre-title {
  line-height: 32px;
  font-size: 12px;
}
.msg-templates-form-content .wrap .type-title {
  line-height: 32px;
  font-size: 14px;
  font-weight: 600;
}
.msg-templates-form-content .wrap .type-cont {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div {
  height: 40px;
  width: 50px;
  display: flex;
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.one {
  background-image: url(../../assets/bb499900.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.two {
  background-image: url(../../assets/3a757c99.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.two-right-big {
  background-image: url(../../assets/f6880857.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.two-left-big {
  background-image: url(../../assets/7974563b.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.two-right-biggest {
  background-image: url(../../assets/97d64963.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.two-left-biggest {
  background-image: url(../../assets/d25dae35.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.three {
  background-image: url(../../assets/bba61dcb.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.three-left-big {
  background-image: url(../../assets/bf7860f5.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.three-right-big {
  background-image: url(../../assets/4bd3faee.svg);
}
.msg-templates-form-content .wrap .type-cont.sections .drag-elem > div.three-middle-big {
  background-image: url(../../assets/ad91799f.svg);
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem {
  padding-bottom: 5px;
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div {
  height: 90px;
  width: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > div.dd-text {
  background-image: url(../../assets/a73ac097.svg);
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > div.dd-image {
  background-image: url(../../assets/0979622f.svg);
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > div.dd-divider {
  background-image: url(../../assets/1f91c24f.svg);
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > div.dd-button {
  background-image: url(../../assets/5c37f969.svg);
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > div.dd-video {
  background-image: url(../../assets/b30941e8.svg);
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > div.dd-social-follow {
  background-image: url(../../assets/7b580775.svg);
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > div.dd-social-share {
  background-image: url(../../assets/2e3a8394.svg);
}
.msg-templates-form-content .wrap .type-cont.elements .drag-elem > div > span {
  font-size: 10px;
  font-weight: 600;
  text-align: center;
}
.msg-templates-form-content .wrap .type-cont .drag-elem {
  padding: 10px;
  margin: 0 10px 10px 0;
  display: flex;
  border: 1px solid #d4d7de;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 #aeaeae;
}

.msg-templates-form {
  width: 100%;
  min-width: 880px;
  height: 100%;
  display: flex;
}
.msg-templates-form .loading-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 100;
  background-color: #ffffff;
}
.msg-templates-form.collapsed .left-side {
  width: 650px;
  display: block;
}
.msg-templates-form.collapsed .right-side {
  margin-left: 7px;
}
.msg-templates-form.collapsed .layout-toggle-element {
  width: 7px;
  left: 650px;
}
.msg-templates-form.collapsed .layout-toggle-element:before {
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-right: 3px solid #7b8799;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  border-left: 0;
}
.msg-templates-form .details-form--edit .details-form__value {
  width: 100%;
}
.msg-templates-form .left-side {
  display: none;
}
.msg-templates-form .right-side {
  flex-grow: 1;
  margin-left: 20px;
}
.msg-templates-form .layout-toggle-element {
  width: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  border-right: 1px solid #e4e7eb;
  background-color: #fbfbfb;
}
.msg-templates-form .layout-toggle-element:hover {
  background-color: #eef2f6;
}
.msg-templates-form .layout-toggle-element:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 2px;
  border-top: 3px solid rgba(0, 0, 0, 0);
  border-right: 0;
  border-bottom: 3px solid rgba(0, 0, 0, 0);
  border-left: 3px solid #7b8799;
}

.msg-html-constructor-input-content {
  width: 100%;
  height: 100%;
  padding: 20px 0 20px 20px;
}
.msg-html-constructor-input-content .wrap {
  width: 100%;
  height: calc(100% - 40px);
}
.msg-html-constructor-input-content .wrap .pre-title {
  line-height: 32px;
  font-size: 12px;
}
.msg-html-constructor-input-content .wrap .type-title {
  line-height: 32px;
  font-size: 14px;
  font-weight: 600;
}
.msg-html-constructor-input-content .wrap .type-cont {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div {
  height: 40px;
  width: 50px;
  display: flex;
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.one {
  background-image: url(../../assets/bb499900.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.two {
  background-image: url(../../assets/3a757c99.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.two-right-big {
  background-image: url(../../assets/f6880857.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.two-left-big {
  background-image: url(../../assets/7974563b.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.two-right-biggest {
  background-image: url(../../assets/97d64963.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.two-left-biggest {
  background-image: url(../../assets/d25dae35.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.three {
  background-image: url(../../assets/bba61dcb.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.three-left-big {
  background-image: url(../../assets/bf7860f5.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.three-right-big {
  background-image: url(../../assets/4bd3faee.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.sections .drag-elem > div.three-middle-big {
  background-image: url(../../assets/ad91799f.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem {
  padding-bottom: 5px;
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div {
  height: 90px;
  width: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > div {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > div.dd-text {
  background-image: url(../../assets/a73ac097.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > div.dd-image {
  background-image: url(../../assets/0979622f.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > div.dd-divider {
  background-image: url(../../assets/1f91c24f.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > div.dd-button {
  background-image: url(../../assets/5c37f969.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > div.dd-video {
  background-image: url(../../assets/b30941e8.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > div.dd-social-follow {
  background-image: url(../../assets/7b580775.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > div.dd-social-share {
  background-image: url(../../assets/2e3a8394.svg);
}
.msg-html-constructor-input-content .wrap .type-cont.elements .drag-elem > div > span {
  font-size: 10px;
  font-weight: 600;
  text-align: center;
}
.msg-html-constructor-input-content .wrap .type-cont .drag-elem {
  padding: 10px;
  margin: 0 10px 10px 0;
  display: flex;
  border: 1px solid #d4d7de;
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 1px 1px 0 #aeaeae;
}

.msg-html-constructor-iframe {
  width: 100%;
  height: 100%;
}
.msg-html-constructor-iframe .platform-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.msg-html-constructor-iframe iframe {
  width: 100%;
  height: 100%;
  display: flex;
  border: none;
}

.msg-html-constructor .platform .action-cont {
  width: 50px;
  padding: 0 10px;
  flex-shrink: 0;
  background-color: #fca562;
  overflow: hidden;
}
.msg-html-constructor .platform .action-cont > div {
  width: 30px;
  height: 30px;
  margin-top: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  cursor: pointer;
}
.msg-html-constructor .platform .action-cont > div:hover,
.msg-html-constructor .platform .action-cont > div.active {
  background-color: #d76c1a;
  border-radius: 4px;
}
.msg-html-constructor .platform-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}

.msg-html-constructor-platform {
  width: 100%;
  min-height: 90px;
  display: flex;
  position: absolute;
  z-index: 2;
  border-top: 1px solid #fca562;
  justify-content: space-between;
  cursor: default;
}
.msg-html-constructor-platform .wrap {
  width: 100%;
  height: 100%;
  min-height: 90px;
  display: flex;
}
.msg-html-constructor-platform .wrap .action-cont {
  height: 100%;
  z-index: 1;
}
.msg-html-constructor-platform .wrap .action-cont.right-cont {
  right: 0;
}
.msg-html-constructor-platform .wrap .middle-content {
  width: 100%;
  position: relative;
  border-bottom: 1px solid #fca562;
}
.msg-html-constructor-platform .wrap .middle-content .before {
  background-color: rgba(252, 165, 98, 0.15);
}
.msg-html-constructor-platform .wrap .middle-content .after {
  background-color: rgba(252, 165, 98, 0.15);
}
.awl-position-v1-left .msg-html-constructor-platform-popup {
  padding-right: 5px;
  position: relative;
}
.awl-position-v1-left .msg-html-constructor-platform-popup:before {
  content: '';
  position: absolute;
  width: 11px;
  height: 11px;
  background: #fff;
  display: inline-block;
  border-top: 1px solid #dde1e6;
  border-left: 1px solid #dde1e6;
  transform: rotate(135deg);
  top: 50%;
  margin-top: -5px;
  right: 0;
}
.awl-position-v1-right .msg-html-constructor-platform-popup {
  padding-left: 5px;
  position: relative;
}
.awl-position-v1-right .msg-html-constructor-platform-popup:before {
  content: '';
  position: absolute;
  width: 11px;
  height: 11px;
  background: #fff;
  display: inline-block;
  border-top: 1px solid #dde1e6;
  border-left: 1px solid #dde1e6;
  transform: rotate(-45deg);
  top: 50%;
  margin-top: -5px;
  left: 0;
}
.msg-html-constructor-platform-popup > div {
  min-width: 410px;
  padding: 20px 20px 20px 10px;
}
.msg-html-constructor-platform-popup .accordion {
  display: flex;
  flex-direction: column;
}
.msg-html-constructor-platform-popup .accordion.active .head .icon {
  transform: rotate(0);
}
.msg-html-constructor-platform-popup .accordion.active .head .title {
  font-weight: 600;
}
.msg-html-constructor-platform-popup .accordion.active .body {
  display: flex;
}
.msg-html-constructor-platform-popup .accordion.active .body.all-cont {
  flex-direction: column;
}
.msg-html-constructor-platform-popup .accordion .head {
  display: flex;
  line-height: 32px;
  cursor: pointer;
}
.msg-html-constructor-platform-popup .accordion .head .icon {
  color: #8a93b0;
  display: inline-flex;
  transform: rotate(-90deg);
}
.msg-html-constructor-platform-popup .accordion .head .title {
  margin-left: 10px;
  font-size: 14px;
}
.msg-html-constructor-platform-popup .accordion .head:not(:last-child) {
  border-bottom: 1px solid #dde1e6;
}
.msg-html-constructor-platform-popup .accordion .body {
  display: none;
  padding: 20px 0 20px 10px;
}
.msg-html-constructor-platform-popup .accordion .body.border:not(:last-child) {
  border-bottom: 1px solid #dde1e6;
}
.msg-html-constructor-platform-popup .accordion .body .margin-cont {
  display: flex;
  align-items: center;
}
.msg-html-constructor-platform-popup .accordion .body .margin-cont .margin-input {
  margin-left: 10px;
}
.msg-html-constructor-platform-popup .accordion .body .margin-cont .range-slider {
  width: 200px;
}
.msg-html-constructor-platform-popup .accordion .body .margin-cont .range-slider > .selection {
  background: #fca562;
  height: 6px;
  border-radius: 4px;
  margin-top: -3px;
}
.msg-html-constructor-platform-popup .accordion .body .margin-cont .range-slider > .track {
  height: 6px;
  background: #e2e9ef;
  border-radius: 4px;
  border: none;
  margin-top: -3px;
}
.msg-html-constructor-platform-popup .accordion .body .margin-cont .range-slider input[type='range']::-webkit-slider-runnable-track {
  height: 6px;
}
.msg-html-constructor-platform-popup .accordion .body .margin-cont .range-slider input[type='range']::-webkit-slider-thumb {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.3);
  border: none;
  height: 17px;
  width: 17px;
  border-radius: 9px;
  background: #fca562;
  margin-top: -6px;
}
.msg-html-constructor-platform-popup .for-all-cont {
  padding-top: 20px;
  display: flex;
  align-items: center;
}
.msg-html-constructor-platform-popup .for-all-cont .for-all-cont-text {
  margin-left: 5px;
  font-size: 12px;
}
.msg-html-constructor-platform-element-social-popup .body {
  width: 570px;
}
.msg-html-constructor-platform-element-social-popup .social-media-cont {
  display: flex;
  flex-direction: column;
}
.msg-html-constructor-platform-element-social-popup .social-media-cont .wrap > div {
  margin-top: 15px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.msg-html-constructor-platform-element-social-popup .social-media-cont .wrap > div .media-dict {
  width: 120px;
  margin: 0 20px 0 30px;
}
.msg-html-constructor-platform-element-social-popup .social-media-cont .wrap > div .text-input {
  width: 180px;
  margin: 0 15px 0 20px;
}
.msg-html-constructor-platform-element-social-popup .social-media-cont .wrap > div .i-close-delete {
  cursor: pointer;
}
.msg-html-constructor-platform-element-social-popup .social-media-cont .wrap > button {
  width: 32px;
  height: 32px;
  padding: 0;
  text-align: center;
}

.msg-html-constructor-platform-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  cursor: default;
}
.msg-html-constructor-platform-section .wrap {
  width: 100%;
  height: 100%;
  min-height: 90px;
  display: flex;
  border-top: 1px solid #fca562;
}
.msg-html-constructor-platform-section .wrap .action-cont {
  height: 100%;
  position: absolute;
  z-index: 1;
}
.msg-html-constructor-platform-section .wrap .action-cont.right-cont {
  right: 0;
}
.msg-html-constructor-platform-section .wrap .middle-content {
  width: 100%;
  border-bottom: 1px solid #fca562;
}
.msg-html-constructor-platform-section .wrap .middle-content .before {
  width: 100%;
  position: absolute;
}
.msg-html-constructor-platform-section .wrap .middle-content .before > div {
  background-color: rgba(252, 165, 98, 0.15);
}
.msg-html-constructor-platform-section .wrap .middle-content .after {
  width: 100%;
  position: absolute;
}
.msg-html-constructor-platform-section .wrap .middle-content .after > div {
  background-color: rgba(252, 165, 98, 0.15);
}

.msg-html-constructor-link-modal {
  padding: 20px;
}

.msg-html-constructor-platform-element-text .middle-content .editable-cont {
  width: 100%;
  position: absolute;
  top: 0;
  box-shadow: none;
}
.msg-html-constructor-platform-element-text .middle-content .editable-cont p:first-child:empty:not(:focus):before {
  color: #7b8799;
  content: attr(data-placeholder);
}
.msg-html-constructor-platform-element-text .element-text-settings {
  width: 766px;
  position: fixed;
  margin-top: -42px;
  padding: 5px 10px;
  display: flex;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
  color: #47505d;
  font-style: normal;
}
.msg-html-constructor-platform-element-text .element-text-settings > select {
  border: 0;
}
.msg-html-constructor-platform-element-text .element-text-settings > select.select-paragraph {
  width: 125px;
}
.msg-html-constructor-platform-element-text .element-text-settings > select.select-font {
  width: 75px;
}
.msg-html-constructor-platform-element-text .element-text-settings > select.select-size {
  width: 55px;
}
.msg-html-constructor-platform-element-text .element-text-settings .separator {
  margin: 0 5px;
  border-left: 1px solid #dde1e6;
}
.msg-html-constructor-platform-element-text .element-text-settings .fp-fonts {
  width: 80px;
}
.msg-html-constructor-platform-element-text .element-text-settings .fp-sizes {
  width: 75px;
}
.msg-html-constructor-platform-element-text .element-text-settings .fp-sizes input {
  border: none;
}
.msg-html-constructor-platform-element-text .element-text-settings .fp-color-picker button {
  border: none;
}
.msg-html-constructor-platform-element-text .element-text-settings .button-action {
  width: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
}
.msg-html-constructor-platform-element-text .element-text-settings .button-action:not(.active) {
  background: none;
}
.msg-html-constructor-platform-element-text .element-text-settings .fp-bold {
  font-weight: 600;
}
.msg-html-constructor-platform-element-text .element-text-settings .fp-italic {
  font-style: italic;
}
.msg-html-constructor-platform-element-text .element-text-settings .fp-underline {
  text-decoration: underline;
}
.msg-html-constructor-platform-element-text .element-text-settings .variables {
  display: block;
  line-height: 32px;
  margin-left: 5px;
  font-style: normal;
}
.msg-html-constructor-link-popup .fp-link-actions {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  background: #eef2f6;
}
.msg-html-constructor-link-popup .fp-link-actions > div .secondary {
  margin-right: 5px;
}

.font-picker {
  display: flex;
}
.font-picker .fp-fonts {
  width: 80px;
}
.font-picker .fp-sizes {
  width: 75px;
  margin-left: 10px;
}
.font-picker .fp-color-picker {
  margin-right: 10px;
}
.font-picker button {
  width: 32px;
  margin-left: 10px;
  display: flex;
  justify-content: center;
}
.font-picker button.fp-bold {
  font-weight: 600;
}
.font-picker button.fp-italic {
  font-style: italic;
}
.font-picker button.fp-underline {
  text-decoration: underline;
}

.is-help-mode .image-crop-form-new .cropper-cont {
  width: 1000px !important;
  height: 700px !important;
}
.msg-html-constructor-platform-element-image-popup .image-preview-cont {
  width: 410px;
  display: flex;
  flex-direction: column;
}
.msg-html-constructor-platform-element-image-popup .image-preview-cont .rectangle {
  width: 164px;
  height: 82px;
  align-self: flex-end;
}
.msg-html-constructor-platform-element-image-popup .image-preview-cont .image-picture {
  display: block;
  width: 102px;
  height: 52px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  transform: scale(1.60784314);
  transform-origin: 0 0 0;
}
.msg-html-constructor-platform-element-image-popup .image-preview-cont .image-control__delete-button {
  margin-top: -12px;
  margin-right: -12px;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont {
  display: flex;
  flex-direction: column;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont .radius-text {
  line-height: 32px;
  font-size: 12px;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont .radius-type {
  display: flex;
  margin-top: 10px;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont .radius-type > div {
  padding: 5px;
  border: 1px solid #dde1e6;
  border-radius: 3px;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont .radius-type > div.active {
  border-color: #fca562;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont .radius-type > div > span {
  width: 20px;
  height: 20px;
  display: block;
  border: 1px solid #dde1e6;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont .radius-type > div + div {
  margin-left: 10px;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont .radius-type > div + div > span {
  border-radius: 5px;
}
.msg-html-constructor-platform-element-image-popup .image-border-radius-cont .radius-amount-cont {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
}

.image-control__file {
  position: absolute;
  top: -1000px;
  left: -1000px;
}
.image-control__preview {
  display: block;
  background: #cdd2d9;
  color: #808080;
  position: relative;
  z-index: 100;
  line-height: normal;
}
.image-control__preview.circle {
  width: 82px;
  height: 82px;
  border-radius: 41px;
}
.image-control__preview.rectangle {
  width: 102px;
  height: 52px;
  align-self: flex-end;
}
.image-control__preview.new_rectangle {
  width: 142px;
  height: 80px;
  align-self: flex-end;
}
.image-control__preview.club-logo {
  width: 125px;
  height: 92px;
  align-self: flex-end;
}
.image-control__preview.logo-bottom {
  width: 475px;
  height: 100px;
  align-self: flex-end;
}
.image-control__preview.logo-top {
  width: 200px;
  height: 150px;
  align-self: flex-end;
}
.image-control__preview.disabled {
  opacity: 0.3;
  cursor: default;
}
.image-control__preview .busy-indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-control__preview .image-icon {
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  text-align: center;
  line-height: 80px;
  background-color: #cbd0d6;
  display: block;
  border-radius: 50%;
  overflow: hidden;
}
.image-control__preview .image-icon.new_rectangle {
  background-color: white !important;
  border: 1px solid var(--Border-1, #CDD2D9);
}
.image-control__preview .image-picture {
  display: block;
  border: 1px solid #e0e4e9;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: #fff;
  overflow: hidden;
}
.image-control__preview .circle {
  border-radius: 50%;
  width: 80px;
  height: 80px;
}
.image-control__preview .rectangle {
  width: 102px;
  height: 52px;
  border-radius: 0;
  line-height: 50px;
}
.image-control__preview .new_rectangle {
  width: 142px;
  height: 80px;
  border-radius: 0;
  line-height: 80px;
}
.image-control__preview .club-logo {
  width: 125px;
  height: 92px;
}
.image-control__preview .logo-bottom {
  width: 477px;
  height: 102px;
}
.image-control__preview .logo-top {
  width: 202px;
  height: 152px;
}
.image-control__preview .logo-scorecard {
  width: 202px;
  height: 202px;
}
.image-control__controls {
  margin-left: 30px;
  max-width: 50% !important;
}
.image-control__controls.new_rectangle {
  margin-left: 20px;
  max-width: 40% !important;
}
.image-control__delete-button {
  display: block;
  position: absolute;
  font-size: 10px;
  line-height: 18px;
  top: 2px;
  right: 0px;
  color: #fff;
  width: 18px;
  height: 18px;
  background-color: #969fb8;
  border-radius: 9px;
  text-align: center;
}
.image-control__file-name {
  margin-top: 10px;
  font-size: 12px;
  color: #47505d;
  line-height: 18px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 18px;
  position: relative;
}
.image-control__file-name-icon {
  font-size: 18px;
  margin-right: 10px;
  display: inline-block;
  vertical-align: middle;
  color: #cdd2d9;
}
.image-control__actions {
  margin-top: 10px;
}
.image-control__action-button {
  display: block;
  position: relative;
  height: 32px;
  padding: 0 15px;
  line-height: 30px;
  background-color: #ffffff;
  border: solid 1px #cdd2d9;
  font-size: 14px;
  font-weight: 600;
  color: #47505d;
  text-align: center;
  border-radius: 4px;
}
.image-control__action-button > i {
  padding-left: 8px;
}
.image-control .image-control__action-button.new_rectangle {
  padding: 0px 7px 0px 10px!important;
  width: 90px;
}
.image-control__actions-menu {
  color: #333d4c;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.2);
  border: solid 1px #dde1e6;
  text-align: left;
}
.image-control__actions-menu .menu-item {
  display: block;
  padding: 10px 15px;
  line-height: 18px;
  cursor: pointer;
  white-space: nowrap;
}
.image-control__actions-menu .menu-item:hover {
  background: rgba(207, 218, 229, 0.35);
}
.image-control__error {
  color: #47505d;
}
.image-control__error .title {
  font-weight: 600;
  font-size: 14px;
}
.image-control__error .body {
  margin-top: 20px;
  display: flex;
  font-size: 12px;
}
.image-control__error .body > div {
  display: flex;
  flex-direction: column;
}
.image-control__error .body > div span + span {
  margin-top: 10px;
}
.image-control__error .body .description {
  margin-right: 40px;
}
.image-control__error .body .rule {
  font-weight: 600;
}



.msg-html-constructor-platform-element-video-popup .image-preview-cont {
  width: 410px;
  display: flex;
  flex-direction: column;
}
.msg-html-constructor-platform-element-video-popup .image-preview-cont .rectangle {
  width: 164px;
  height: 82px;
  align-self: flex-end;
}
.msg-html-constructor-platform-element-video-popup .image-preview-cont .image-picture {
  display: block;
  width: 102px;
  height: 52px;
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color: transparent;
  transform: scale(1.60784314);
  transform-origin: 0 0 0;
}
.msg-html-constructor-platform-element-video-popup .image-preview-cont .image-control__file-name {
  width: 100px;
}
.msg-html-constructor-platform-element-video-popup .image-preview-cont .image-control__delete-button {
  margin-top: -12px;
  margin-right: -12px;
}
.msg-html-constructor-platform-element-video-popup .info-text-cont {
  width: 410px;
  margin-top: 10px;
  display: flex;
}
.msg-html-constructor-platform-element-video-popup .info-text-cont .i-info-icon {
  margin-right: 10px;
  flex-shrink: 0;
  font-size: 18px;
}
.msg-html-constructor-platform-element-video-popup .info-text-cont > span {
  font-size: 12px;
}

.msg-templates-v2-preview-device {
  width: 100%;
}
.msg-templates-v2-preview-device .top-cont {
  width: 100%;
  height: 56px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border: 1px solid #dde1e6;
}
.msg-templates-v2-preview-device .top-cont .i-desktop,
.msg-templates-v2-preview-device .top-cont .i-mobile {
  font-size: 24px;
}
.msg-templates-v2-preview-device .top-cont .i-desktop.active,
.msg-templates-v2-preview-device .top-cont .i-mobile.active {
  color: #fca562;
}
.msg-templates-v2-preview-device .top-cont .i-mobile {
  margin-left: 20px;
}
.msg-templates-v2-preview-device .wrap {
  height: 100%;
  position: relative;
}
.msg-templates-v2-preview-device .wrap .mobile-cont {
  width: 240px;
  height: 480px;
  padding: 30px 15px 30px 14px;
  background: url(../../assets/f5a29944.png) no-repeat;
}
.msg-templates-v2-preview-device .wrap .mobile-cont .mobile-cont-wrap {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.msg-templates-v2-preview-device .wrap .mobile-cont .mobile-cont-wrap > div {
  width: 100%;
  height: 100%;
}
.msg-templates-v2-preview-device .wrap .msg-templates-v2-preview-device-iframe {
  width: 100%;
  height: 100%;
  border: none;
  overflow: hidden;
  margin: 0 auto;
  display: block;
}

.msg-templates-v2-preview {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
}
.msg-templates-v2-preview--full-size {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 32000;
  background: #fff;
}
.msg-templates-v2-preview .tools {
  height: 72px;
  padding: 12px;
  position: relative;
  display: flex;
  border-bottom: 1px solid #dee2e7;
  align-items: center;
}
.msg-templates-v2-preview .tools .zoom-act-cont {
  width: 250px;
  height: 32px;
  margin: 0 auto;
}
.msg-templates-v2-preview .template-cont {
  flex: 1;
  background: #fff;
  overflow: hidden;
  position: relative;
}
.msg-templates-v2-preview .template-cont.has-template {
  background-color: #f5f5f5;
}
.msg-templates-v2-preview .template-cont .template-content-wrap {
  width: 100%;
  height: 100%;
}
.msg-templates-v2-preview .template-cont .template-content-wrap .template-preload {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  background-color: #fff;
}
.msg-templates-v2-preview .template-cont .template-content-wrap .template-preload .message {
  padding: 20px;
  text-align: center;
}
.msg-templates-v2-preview .template-cont .template-content-wrap .template-content {
  position: relative;
  background-color: inherit;
}
.msg-templates-v2-preview .template-cont .template-content-wrap .template-content .preview {
  margin: 0 auto;
  display: block;
  border: 1px solid #dde1e6;
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);
}

.msg-templates-v2 {
  padding: 20px;
}

.send-email-splash-container {
  width: 574px;
  height: 352px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
.send-email-splash-container .splash {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 240px;
}
.send-email-splash-container .splash .notice {
  margin-top: 15px;
  font-weight: bold;
}
.send-email-splash-container .splash.process {
  background-color: none;
  background-position: 0 0;
  background-repeat: none;
}
.send-email-splash-container .splash.finish {
  background-color: none;
  background-position: 100% 0;
  background-repeat: none;
}
.send-email-splash-container.app-module-unknown .splash {
  background-image: url(../../assets/1124be88.png);
}
.send-email-splash-container.app-module-customer .splash {
  background-image: url(../../assets/a8680dbf.png);
}
.send-email-splash-container.app-module-document-management .splash {
  background-image: url(../../assets/a91ac382.png);
}
.send-email-splash-container.app-module-finance {
  margin-top: 0;
}
.send-email-splash-container.app-module-finance .splash {
  width: 550px;
  height: 350px;
  background-image: url(../../assets/ddbca98e.png);
}
.send-sms-splash-container {
  width: 390px;
  height: 390px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
}
.send-sms-splash-container .splash {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 290px;
}
.send-sms-splash-container .splash .notice {
  margin-top: 15px;
  font-weight: bold;
}
.send-sms-splash-container .splash.process {
  background-color: none;
  background-position: 0 0;
  background-repeat: none;
}
.send-sms-splash-container .splash.finish {
  background-color: none;
  background-position: 100% 0;
  background-repeat: none;
}
.send-sms-splash-container.app-module-unknown .splash {
  background-image: url(../../assets/6f470913.png);
}
.send-sms-splash-container.app-module-customer .splash {
  background-image: url(../../assets/58e3f6dd.png);
}
.send-sms-splash-container.app-module-document-management .splash {
  background-image: url(../../assets/6c1aa8ff.png);
}
.print-document-splash-container {
  width: 550px;
  height: 350px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}
.print-document-splash-container .splash {
  width: 100%;
  height: 100%;
  text-align: center;
  padding-top: 240px;
}
.print-document-splash-container .splash .notice {
  margin-top: 15px;
  font-weight: bold;
}
.print-document-splash-container .splash.process {
  background-color: none;
  background-position: 0 0;
  background-repeat: none;
}
.print-document-splash-container .splash.finish {
  background-color: none;
  background-position: 100% 0;
  background-repeat: none;
}
.print-document-splash-container.app-module-unknown .splash {
  background-image: url(../../assets/ea993a8f.png);
}
.print-document-splash-container.app-module-customer .splash {
  background-image: url(../../assets/af1b3def.png);
}
.print-document-splash-container.app-module-document-management .splash {
  background-image: url(../../assets/18044671.png);
}
.print-document-splash-container.app-module-finance {
  margin-top: 0;
}
.print-document-splash-container.app-module-finance .splash {
  background-image: url(../../assets/cd51882a.png);
}

.msg-splash-container {
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
}
.msg-splash-container .splash {
  width: 100%;
  position: relative;
  border: 2px dashed #c6c8cc;
  border-radius: 10px;
  background-color: #fff;
  padding: 30px;
  text-align: center;
  display: flex;
  flex-flow: column;
  align-items: center;
}
.msg-splash-container .splash button {
  margin-top: 15px;
}
.msg-splash-container .splash .notice {
  margin-top: 15px;
  color: #333d4c;
  font-size: 14px;
  font-weight: 600;
  line-height: 19px;
}
.msg-splash-container .splash svg {
  flex: 1 0 auto;
}
.msg-splash-container .splash pane-init,
.msg-splash-container .splash pane-process,
.msg-splash-container .splash pane-finish {
  flex: 0 0 auto;
}
.msg-splash-container.sms-splash-container {
  width: 390px;
}
.msg-splash-container.sms-splash-container .splash {
  min-height: 366px;
}
.msg-splash-container.sms-splash-container.app-module-documents .splash {
  background-color: #fff1e6;
}
.msg-splash-container.sms-splash-container.app-module-documents .splash .sms-sending-phone-glass-border {
  fill: #ffac67;
}
.msg-splash-container.sms-splash-container.app-module-documents .splash .sms-sending-phone-glass {
  fill: #fff1e6;
}
.msg-splash-container.sms-splash-container.app-module-documents .splash .sms-sending-ok-circle {
  fill: #ffac67;
}
.msg-splash-container.sms-splash-container.app-module-documents .splash .sms-sending-ok {
  fill: #ffcca2;
}
.msg-splash-container.sms-splash-container.app-module-documents .splash .sms-sending-envelope {
  fill: #fec799;
}
.msg-splash-container.sms-splash-container.app-module-documents .splash.process .sms-sending-line1 {
  animation: msg-splash-contents-sms-documents-line1 2s linear infinite;
}
@keyframes msg-splash-contents-sms-documents-line1 {
  0%,
  25% {
    fill: #FFCCA2;
  }
  26%,
  50% {
    fill: #FFAC67;
  }
  51%,
  75% {
    fill: #FFAC67;
  }
  76%,
  100% {
    fill: #FFAC67;
  }
}
.msg-splash-container.sms-splash-container.app-module-documents .splash.process .sms-sending-line2 {
  animation: msg-splash-contents-sms-documents-line2 2s linear infinite;
}
@keyframes msg-splash-contents-sms-documents-line2 {
  0%,
  25% {
    fill: #FFAC67;
  }
  26%,
  50% {
    fill: #FFCCA2;
  }
  51%,
  75% {
    fill: #FFAC67;
  }
  76%,
  100% {
    fill: #FFAC67;
  }
}
.msg-splash-container.sms-splash-container.app-module-documents .splash.process .sms-sending-line3 {
  animation: msg-splash-contents-sms-documents-line3 2s linear infinite;
}
@keyframes msg-splash-contents-sms-documents-line3 {
  0%,
  25% {
    fill: #FFAC67;
  }
  26%,
  50% {
    fill: #FFAC67;
  }
  51%,
  75% {
    fill: #FFCCA2;
  }
  76%,
  100% {
    fill: #FFAC67;
  }
}
.msg-splash-container.sms-splash-container.app-module-documents .splash.process .sms-sending-line4 {
  animation: msg-splash-contents-sms-documents-line4 2s linear infinite;
}
@keyframes msg-splash-contents-sms-documents-line4 {
  0%,
  25% {
    fill: #FFAC67;
  }
  26%,
  50% {
    fill: #FFAC67;
  }
  51%,
  75% {
    fill: #FFAC67;
  }
  76%,
  100% {
    fill: #FFCCA2;
  }
}
.msg-splash-container.sms-splash-container.app-module-customers .splash {
  background-color: #ffe0e0;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash .sms-sending-phone-glass-border {
  fill: #fe6565;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash .sms-sending-phone-glass {
  fill: #ffe0e0;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash .sms-sending-ok-circle {
  fill: #fe6565;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash .sms-sending-ok {
  fill: #ff9494;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash .sms-sending-envelope {
  fill: #ff9494;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash .sms-sending-envelope-cover {
  fill: #ffe0e0;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash.init .sms-sending-line1 {
  fill: #ff9494;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash.init .sms-sending-line2 {
  fill: #fe6565;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash.init .sms-sending-line3 {
  fill: #fe6565;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash.init .sms-sending-line4 {
  fill: #fe6565;
}
.msg-splash-container.sms-splash-container.app-module-customers .splash.process .sms-sending-line1 {
  animation: msg-splash-contents-sms-customers-line1 2s linear infinite;
}
@keyframes msg-splash-contents-sms-customers-line1 {
  0%,
  25% {
    fill: #FAA6A6;
  }
  26%,
  50% {
    fill: #FE6565;
  }
  51%,
  75% {
    fill: #FE6565;
  }
  76%,
  100% {
    fill: #FE6565;
  }
}
.msg-splash-container.sms-splash-container.app-module-customers .splash.process .sms-sending-line2 {
  animation: msg-splash-contents-sms-customers-line2 2s linear infinite;
}
@keyframes msg-splash-contents-sms-customers-line2 {
  0%,
  25% {
    fill: #FE6565;
  }
  26%,
  50% {
    fill: #FAA6A6;
  }
  51%,
  75% {
    fill: #FE6565;
  }
  76%,
  100% {
    fill: #FE6565;
  }
}
.msg-splash-container.sms-splash-container.app-module-customers .splash.process .sms-sending-line3 {
  animation: msg-splash-contents-sms-customers-line3 2s linear infinite;
}
@keyframes msg-splash-contents-sms-customers-line3 {
  0%,
  25% {
    fill: #FE6565;
  }
  26%,
  50% {
    fill: #FE6565;
  }
  51%,
  75% {
    fill: #FAA6A6;
  }
  76%,
  100% {
    fill: #FE6565;
  }
}
.msg-splash-container.sms-splash-container.app-module-customers .splash.process .sms-sending-line4 {
  animation: msg-splash-contents-sms-customers-line4 2s linear infinite;
}
@keyframes msg-splash-contents-sms-customers-line4 {
  0%,
  25% {
    fill: #FE6565;
  }
  26%,
  50% {
    fill: #FE6565;
  }
  51%,
  75% {
    fill: #FE6565;
  }
  76%,
  100% {
    fill: #FAA6A6;
  }
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash {
  background-color: #dbe4f0;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash .sms-sending-phone-glass-border {
  fill: #4979b2;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash .sms-sending-phone-glass {
  fill: #dbe4f0;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash .sms-sending-ok-circle {
  fill: #4979b2;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash .sms-sending-ok {
  fill: #92afd1;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash .sms-sending-envelope {
  fill: #92afd1;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash .sms-sending-envelope-cover {
  fill: #dbe4f0;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash.init .sms-sending-line1 {
  fill: #92afd1;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash.init .sms-sending-line2 {
  fill: #4979b2;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash.init .sms-sending-line3 {
  fill: #4979b2;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash.init .sms-sending-line4 {
  fill: #4979b2;
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash.process .sms-sending-line1 {
  animation: msg-splash-contents-sms-customers-line1 2s linear infinite;
}
@keyframes msg-splash-contents-sms-customers-line1 {
  0%,
  25% {
    fill: #92afd1;
  }
  26%,
  50% {
    fill: #4979b2;
  }
  51%,
  75% {
    fill: #4979b2;
  }
  76%,
  100% {
    fill: #4979b2;
  }
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash.process .sms-sending-line2 {
  animation: msg-splash-contents-sms-customers-line2 2s linear infinite;
}
@keyframes msg-splash-contents-sms-customers-line2 {
  0%,
  25% {
    fill: #4979b2;
  }
  26%,
  50% {
    fill: #92afd1;
  }
  51%,
  75% {
    fill: #4979b2;
  }
  76%,
  100% {
    fill: #4979b2;
  }
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash.process .sms-sending-line3 {
  animation: msg-splash-contents-sms-customers-line3 2s linear infinite;
}
@keyframes msg-splash-contents-sms-customers-line3 {
  0%,
  25% {
    fill: #4979b2;
  }
  26%,
  50% {
    fill: #4979b2;
  }
  51%,
  75% {
    fill: #92afd1;
  }
  76%,
  100% {
    fill: #4979b2;
  }
}
.msg-splash-container.sms-splash-container.app-module-tournaments .splash.process .sms-sending-line4 {
  animation: msg-splash-contents-sms-customers-line4 2s linear infinite;
}
@keyframes msg-splash-contents-sms-customers-line4 {
  0%,
  25% {
    fill: #4979b2;
  }
  26%,
  50% {
    fill: #4979b2;
  }
  51%,
  75% {
    fill: #4979b2;
  }
  76%,
  100% {
    fill: #92afd1;
  }
}
.msg-splash-container.email-splash-container {
  width: 460px;
}
.msg-splash-container.email-splash-container .splash {
  min-height: 366px;
}
.msg-splash-container.email-splash-container.app-module-documents .splash {
  background-color: #fdeee1;
}
.msg-splash-container.email-splash-container.app-module-documents .splash .email-sent-ok-circle {
  stroke: #ffac67;
}
.msg-splash-container.email-splash-container.app-module-documents .splash .email-sent-ok {
  fill: #ffcca2;
}
.msg-splash-container.email-splash-container.app-module-documents .splash.init .email-sending-line3 {
  fill: #ffac67;
}
.msg-splash-container.email-splash-container.app-module-documents .splash.init .email-sending-line1 {
  fill: #ffac67;
}
.msg-splash-container.email-splash-container.app-module-documents .splash.init .email-sending-line2 {
  fill: #f9c294;
}
.msg-splash-container.email-splash-container.app-module-documents .splash.init .email-sending-line4 {
  fill: #ffac67;
}
.msg-splash-container.email-splash-container.app-module-documents .splash.process .email-sending-line1 {
  animation: msg-splash-contents-email-documents-line1 2s linear infinite;
}
@keyframes msg-splash-contents-email-documents-line1 {
  0%,
  25% {
    fill: #F9C294;
  }
  26%,
  50% {
    fill: #FFAC67;
  }
  51%,
  75% {
    fill: #FFAC67;
  }
  76%,
  100% {
    fill: #FFAC67;
  }
}
.msg-splash-container.email-splash-container.app-module-documents .splash.process .email-sending-line2 {
  animation: msg-splash-contents-email-documents-line2 2s linear infinite;
}
@keyframes msg-splash-contents-email-documents-line2 {
  0%,
  25% {
    fill: #FFAC67;
  }
  26%,
  50% {
    fill: #F9C294;
  }
  51%,
  75% {
    fill: #FFAC67;
  }
  76%,
  100% {
    fill: #FFAC67;
  }
}
.msg-splash-container.email-splash-container.app-module-documents .splash.process .email-sending-line3 {
  animation: msg-splash-contents-email-documents-line3 2s linear infinite;
}
@keyframes msg-splash-contents-email-documents-line3 {
  0%,
  25% {
    fill: #FFAC67;
  }
  26%,
  50% {
    fill: #FFAC67;
  }
  51%,
  75% {
    fill: #F9C294;
  }
  76%,
  100% {
    fill: #FFAC67;
  }
}
.msg-splash-container.email-splash-container.app-module-documents .splash.process .email-sending-line4 {
  animation: msg-splash-contents-email-documents-line4 2s linear infinite;
}
@keyframes msg-splash-contents-email-documents-line4 {
  0%,
  25% {
    fill: #FFAC67;
  }
  26%,
  50% {
    fill: #FFAC67;
  }
  51%,
  75% {
    fill: #FFAC67;
  }
  76%,
  100% {
    fill: #F9C294;
  }
}
.msg-splash-container.email-splash-container.app-module-documents .splash.finish .email-sent-ok-circle {
  stroke: #ffac67;
}
.msg-splash-container.email-splash-container.app-module-documents .splash.finish .email-sent-ok {
  fill: #f9c294;
}
.msg-splash-container.email-splash-container.app-module-customers .splash {
  background-color: #ffe0e0;
}
.msg-splash-container.email-splash-container.app-module-customers .splash.init .email-sending-line3 {
  fill: #fe6565;
}
.msg-splash-container.email-splash-container.app-module-customers .splash.init .email-sending-line1 {
  fill: #fe6565;
}
.msg-splash-container.email-splash-container.app-module-customers .splash.init .email-sending-line2 {
  fill: #ff9494;
}
.msg-splash-container.email-splash-container.app-module-customers .splash.init .email-sending-line4 {
  fill: #fe6565;
}
.msg-splash-container.email-splash-container.app-module-customers .splash.process .email-sending-line1 {
  animation: msg-splash-contents-email-customers-line1 2s linear infinite;
}
@keyframes msg-splash-contents-email-customers-line1 {
  0%,
  25% {
    fill: #ff9494;
  }
  26%,
  50% {
    fill: #FE6565;
  }
  51%,
  75% {
    fill: #FE6565;
  }
  76%,
  100% {
    fill: #FE6565;
  }
}
.msg-splash-container.email-splash-container.app-module-customers .splash.process .email-sending-line2 {
  animation: msg-splash-contents-email-customers-line2 2s linear infinite;
}
@keyframes msg-splash-contents-email-customers-line2 {
  0%,
  25% {
    fill: #FE6565;
  }
  26%,
  50% {
    fill: #ff9494;
  }
  51%,
  75% {
    fill: #FE6565;
  }
  76%,
  100% {
    fill: #FE6565;
  }
}
.msg-splash-container.email-splash-container.app-module-customers .splash.process .email-sending-line3 {
  animation: msg-splash-contents-email-customers-line3 2s linear infinite;
}
@keyframes msg-splash-contents-email-customers-line3 {
  0%,
  25% {
    fill: #FE6565;
  }
  26%,
  50% {
    fill: #FE6565;
  }
  51%,
  75% {
    fill: #ff9494;
  }
  76%,
  100% {
    fill: #FE6565;
  }
}
.msg-splash-container.email-splash-container.app-module-customers .splash.process .email-sending-line4 {
  animation: msg-splash-contents-email-customers-line4 2s linear infinite;
}
@keyframes msg-splash-contents-email-customers-line4 {
  0%,
  25% {
    fill: #FE6565;
  }
  26%,
  50% {
    fill: #FE6565;
  }
  51%,
  75% {
    fill: #FE6565;
  }
  76%,
  100% {
    fill: #ff9494;
  }
}
.msg-splash-container.email-splash-container.app-module-customers .splash.finish .email-sent-ok-circle {
  stroke: #fe6565;
}
.msg-splash-container.email-splash-container.app-module-customers .splash.finish .email-sent-ok {
  fill: #ff9494;
}
.msg-splash-container.email-splash-container.app-module-reservation .splash {
  background-color: rgba(35, 202, 165, 0.1);
  height: 330px;
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.init .email-sending-line3 {
  display: none;
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.init .email-sending-line1 {
  display: none;
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.init .email-sending-line2 {
  display: none;
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.init .email-sending-line4 {
  display: none;
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.process .email-sending-line1 {
  animation: msg-splash-contents-email-customers-line1 2s linear infinite;
}
@keyframes msg-splash-contents-email-customers-line1 {
  0%,
  25% {
    fill: rgba(35, 202, 165, 0.1);
  }
  26%,
  50% {
    fill: #23CAA5;
  }
  51%,
  75% {
    fill: #23CAA5;
  }
  76%,
  100% {
    fill: #23CAA5;
  }
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.process .email-sending-line2 {
  animation: msg-splash-contents-email-customers-line2 2s linear infinite;
}
@keyframes msg-splash-contents-email-customers-line2 {
  0%,
  25% {
    fill: #23CAA5;
  }
  26%,
  50% {
    fill: rgba(35, 202, 165, 0.1);
  }
  51%,
  75% {
    fill: #23CAA5;
  }
  76%,
  100% {
    fill: #23CAA5;
  }
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.process .email-sending-line3 {
  animation: msg-splash-contents-email-customers-line3 2s linear infinite;
}
@keyframes msg-splash-contents-email-customers-line3 {
  0%,
  25% {
    fill: #23CAA5;
  }
  26%,
  50% {
    fill: #23CAA5;
  }
  51%,
  75% {
    fill: rgba(35, 202, 165, 0.1);
  }
  76%,
  100% {
    fill: #23CAA5;
  }
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.process .email-sending-line4 {
  animation: msg-splash-contents-email-customers-line4 2s linear infinite;
}
@keyframes msg-splash-contents-email-customers-line4 {
  0%,
  25% {
    fill: #23CAA5;
  }
  26%,
  50% {
    fill: #23CAA5;
  }
  51%,
  75% {
    fill: #23CAA5;
  }
  76%,
  100% {
    fill: rgba(35, 202, 165, 0.1);
  }
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.finish .email-sent-ok-circle {
  stroke: #23CAA5;
}
.msg-splash-container.email-splash-container.app-module-reservation .splash.finish .email-sent-ok {
  fill: #23CAA566;
}
.msg-splash-container.email-splash-container.app-module-finance .splash {
  background-color: #ffe7e1;
}
.msg-splash-container.email-splash-container.app-module-finance .splash.init .email-sending-line3 {
  fill: #ff8668;
}
.msg-splash-container.email-splash-container.app-module-finance .splash.init .email-sending-line1 {
  fill: #ff8668;
}
.msg-splash-container.email-splash-container.app-module-finance .splash.init .email-sending-line2 {
  fill: #ffab96;
}
.msg-splash-container.email-splash-container.app-module-finance .splash.init .email-sending-line4 {
  fill: #ff8668;
}
.msg-splash-container.email-splash-container.app-module-finance .splash.process .email-sending-line1 {
  animation: msg-splash-contents-email-finance-line1 2s linear infinite;
}
@keyframes msg-splash-contents-email-finance-line1 {
  0%,
  25% {
    fill: #ffab96;
  }
  26%,
  50% {
    fill: #ff8668;
  }
  51%,
  75% {
    fill: #ff8668;
  }
  76%,
  100% {
    fill: #ff8668;
  }
}
.msg-splash-container.email-splash-container.app-module-finance .splash.process .email-sending-line2 {
  animation: msg-splash-contents-email-finance-line2 2s linear infinite;
}
@keyframes msg-splash-contents-email-finance-line2 {
  0%,
  25% {
    fill: #ff8668;
  }
  26%,
  50% {
    fill: #ffab96;
  }
  51%,
  75% {
    fill: #ff8668;
  }
  76%,
  100% {
    fill: #ff8668;
  }
}
.msg-splash-container.email-splash-container.app-module-finance .splash.process .email-sending-line3 {
  animation: msg-splash-contents-email-finance-line3 2s linear infinite;
}
@keyframes msg-splash-contents-email-finance-line3 {
  0%,
  25% {
    fill: #ff8668;
  }
  26%,
  50% {
    fill: #ff8668;
  }
  51%,
  75% {
    fill: #ffab96;
  }
  76%,
  100% {
    fill: #ff8668;
  }
}
.msg-splash-container.email-splash-container.app-module-finance .splash.process .email-sending-line4 {
  animation: msg-splash-contents-email-finance-line4 2s linear infinite;
}
@keyframes msg-splash-contents-email-finance-line4 {
  0%,
  25% {
    fill: #ff8668;
  }
  26%,
  50% {
    fill: #ff8668;
  }
  51%,
  75% {
    fill: #ff8668;
  }
  76%,
  100% {
    fill: #ffab96;
  }
}
.msg-splash-container.email-splash-container.app-module-finance .splash.finish .email-sent-ok-circle {
  stroke: #ff8668;
}
.msg-splash-container.email-splash-container.app-module-finance .splash.finish .email-sent-ok {
  fill: #ffab96;
}
.msg-splash-container.print-splash-container {
  width: 460px;
}
.msg-splash-container.print-splash-container .splash {
  min-height: 366px;
}
.msg-splash-container.print-splash-container.app-module-documents .splash {
  background-color: #fdeee1;
}
.msg-splash-container.print-splash-container.app-module-documents .splash .print-main-box {
  fill: #f9c294;
}
.msg-splash-container.print-splash-container.app-module-documents .splash .print-strip-button {
  fill: #ffac67;
}
.msg-splash-container.print-splash-container.app-module-documents .splash.finish .print-ok-circle {
  stroke: #ffac67;
}
.msg-splash-container.print-splash-container.app-module-documents .splash.finish .print-ok {
  fill: #f9c294;
}
.msg-splash-container.print-splash-container.app-module-customers .splash {
  background-color: #ffe0e0;
}
.msg-splash-container.print-splash-container.app-module-customers .splash .print-main-box {
  fill: #ff9494;
}
.msg-splash-container.print-splash-container.app-module-customers .splash .print-strip-button {
  fill: #fe6565;
}
.msg-splash-container.print-splash-container.app-module-customers .splash.finish .print-ok-circle {
  stroke: #fe6565;
}
.msg-splash-container.print-splash-container.app-module-customers .splash.finish .print-ok {
  fill: #ff9494;
}
.msg-splash-container.print-splash-container.app-module-finance .splash {
  background-color: #ffe7e1;
}
.msg-splash-container.print-splash-container.app-module-finance .splash .print-main-box {
  fill: #ffab96;
}
.msg-splash-container.print-splash-container.app-module-finance .splash .print-strip-button {
  fill: #ff8668;
}
.msg-splash-container.print-splash-container.app-module-finance .splash.finish .print-ok-circle {
  stroke: #ff8668;
}
.msg-splash-container.print-splash-container.app-module-finance .splash.finish .print-ok {
  fill: #ffab96;
}
.msg-splash-container.print-splash-container.app-module-reservation .splash {
  background-color: rgba(35, 202, 165, 0.1);
  height: 330px;
}
.msg-splash-container.print-splash-container.app-module-reservation .splash .print-main-box {
  fill: #23CAA51A;
}
.msg-splash-container.print-splash-container.app-module-reservation .splash .print-strip-button {
  fill: #23CAA5;
}
.msg-splash-container.print-splash-container.app-module-reservation .splash.finish .print-ok-circle {
  stroke: #23CAA5;
}
.msg-splash-container.print-splash-container.app-module-reservation .splash.finish .print-ok {
  fill: #23CAA5;
}
.msg-splash-container.email-payment-links-splash-container {
  width: 460px;
}
.msg-splash-container.email-payment-links-splash-container .splash {
  min-height: 366px;
}
.msg-splash-container.email-payment-links-splash-container.app-module-customers .splash {
  background-color: #ffe0e0;
}
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash {
  background-color: #ffe7e1;
}
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.init #phone-with-payment-link #screen-border,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.process #phone-with-payment-link #screen-border,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.init #phone-with-payment-link #card-background,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.process #phone-with-payment-link #card-background,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.init #phone-with-payment-link #card-line,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.process #phone-with-payment-link #card-line {
  fill: #ff8668;
}
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.init #phone-with-payment-link #screen-background,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.process #phone-with-payment-link #screen-background {
  fill: #fe6565;
}
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.finish #phone-with-payment-link-sent #screen-border,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.finish #phone-with-payment-link-sent #circle-border {
  fill: #ff8668;
}
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.finish #phone-with-payment-link-sent #screen-background,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.finish #phone-with-payment-link-sent #envelope-top-background,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.finish #phone-with-payment-link-sent #envelope-content-background,
.msg-splash-container.email-payment-links-splash-container.app-module-finance .splash.finish #phone-with-payment-link-sent #tick {
  fill: #fe6565;
}



.page-docs .page-content-component {
  flex-direction: column;
}
.page-docs__content {
  flex: 1 0 auto;
  position: relative;
}
.page-docs .controls-wrapper,
.page-docs .page-controls {
  margin-right: -10px;
}
.page-docs .controls-wrapper .icon-button,
.page-docs .page-controls .icon-button {
  width: 50px;
  height: 50px;
  margin: 0px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* Prevent inner icon / pseudo-elements from adding another background/shadow
       (defensive: ensures only the button container shows the hover background) */
}
.page-docs .controls-wrapper .icon-button:hover,
.page-docs .page-controls .icon-button:hover {
  background: var(--Surface-Grey-3, #eef2f6);
}
.page-docs .controls-wrapper .icon-button > i,
.page-docs .page-controls .icon-button > i,
.page-docs .controls-wrapper .icon-button::before,
.page-docs .page-controls .icon-button::before,
.page-docs .controls-wrapper .icon-button::after,
.page-docs .page-controls .icon-button::after,
.page-docs .controls-wrapper .icon-button > i::before,
.page-docs .page-controls .icon-button > i::before,
.page-docs .controls-wrapper .icon-button > i::after,
.page-docs .page-controls .icon-button > i::after {
  background: transparent;
  box-shadow: none;
}
.page-docs .controls-wrapper .icon-button > i,
.page-docs .page-controls .icon-button > i {
  height: 36px;
  width: 36px;
  line-height: 36px;
  display: block;
}
.page-docs .controls-wrapper .flex-icon-buttons,
.page-docs .page-controls .flex-icon-buttons {
  gap: 0px;
}
.page-docs .email-history .controls-wrapper .icon-container .icon-button {
  padding: 0;
}

.help-dashboard-spots-edit-form {
  padding: 20px;
}

.help-dashboard-admin-spots {
  height: 100%;
  padding: 0 20px;
}
.help-dashboard-admin-spots .spot-cont {
  height: 100%;
}
.help-dashboard-admin-spots .spot-cont.no-spot {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.help-dashboard-admin-spots .spot-cont .info-cont .version-image {
  width: 156px;
  height: 112px;
  background: url(../../assets/307a16fe.svg) no-repeat;
}
.help-dashboard-admin-spots .i-close_lg {
  margin-right: 5px;
}

.help-dashboard-admin-comments .comments-cont {
  height: 100%;
  padding: 20px;
}
.help-dashboard-admin-comments .comments-cont .form-cont {
  text-align: right;
}
.help-dashboard-admin-comments .comments-cont .form-cont textarea {
  width: 100%;
  height: 80px;
}
.help-dashboard-admin-comments .comments-cont .form-cont .awl-button {
  margin-top: 10px;
  margin-bottom: 10px;
}

.help-dashboard-admin {
  height: 100%;
}
.help-dashboard-admin .awl-button:not(.secondary) {
  margin-top: 20px;
}
.help-dashboard-admin .awl-button:not(.secondary):not([disabled]) {
  background-color: #71ba1b;
}
.help-dashboard-admin .awl-button:not(.secondary)[disabled] {
  background-color: #b7d88f;
}
.help-dashboard-admin .i-copy[disabled],
.help-dashboard-admin .i-editfield[disabled],
.help-dashboard-admin .i-close_lg[disabled],
.help-dashboard-admin .i-upload-activity[disabled],
.help-dashboard-admin .i-fill_caret_down[disabled] {
  color: #9ca5b3;
  cursor: default;
}
.help-dashboard-admin .info-cont {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.help-dashboard-admin .info-cont > span {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #7b8799;
  text-align: center;
}
.help-dashboard-admin .cont .create-image {
  width: 203px;
  height: 123px;
  margin-top: 20px;
  background: url(../../assets/25fd54dd.svg) no-repeat;
}

.help-dashboard-menu .awl-menu > .awl-menu-item {
  position: relative;
  padding: 0 10px;
}

.help-dashboard-support-overview {
  height: 100%;
  padding: 0 20px;
}




.help-dashboard-user .cont {
  padding: 20px;
}
.help-dashboard-user .cont .overview {
  width: 100%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.help-dashboard-user .cont .overview .i-open_link {
  margin-left: 10px;
}
.help-dashboard-user .cont .bubble .name {
  font-size: 16px;
  font-weight: 600;
}
.help-dashboard-user .cont .bubble .content {
  margin-top: 20px;
}
.help-dashboard-user .cont .info-cont {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.help-dashboard-user .cont .info-cont .version-image {
  width: 126px;
  height: 118px;
  background: url(../../assets/5c4ea2a7.png) no-repeat;
}
.help-dashboard-user .cont .info-cont > span {
  margin-top: 36px;
  color: #7b8799;
  text-align: center;
}

.help-dashboard {
  height: 100%;
}
.help-dashboard .awl-menu {
  padding: 0 0 0 20px;
  background: none;
  position: relative;
  z-index: 1;
}
.help-dashboard .awl-menu .awl-menu-item {
  color: #47505d;
  font-size: 14px;
  font-weight: 400;
}
.help-dashboard .awl-menu .awl-menu-item.item-selected {
  border-color: #969fb8;
  color: #47505d;
  font-weight: 600;
}
.help-dashboard .busy-cont {
  padding: 20px;
}
.help-dashboard .help-dashboard-admin .cont,
.help-dashboard .help-dashboard-support .cont {
  height: 100%;
}
.help-dashboard .help-dashboard-admin .cont .section-cont:not(.section-single),
.help-dashboard .help-dashboard-support .cont .section-cont:not(.section-single) {
  border-bottom: 1px solid #dde1e6;
}
.help-dashboard .help-dashboard-admin .cont .section-cont .section-name,
.help-dashboard .help-dashboard-support .cont .section-cont .section-name {
  padding: 20px 20px 0 20px;
  font-weight: 600;
}
.help-dashboard .help-dashboard-admin .cont .section-cont.section-single,
.help-dashboard .help-dashboard-support .cont .section-cont.section-single {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.help-dashboard .help-dashboard-admin .cont .section-cont.section-single .single-create,
.help-dashboard .help-dashboard-support .cont .section-cont.section-single .single-create {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.help-dashboard .help-dashboard-admin .cont .section-cont.section-single .single-tab-cont,
.help-dashboard .help-dashboard-support .cont .section-cont.section-single .single-tab-cont {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.help-dashboard .help-dashboard-admin .cont .button-cont,
.help-dashboard .help-dashboard-support .cont .button-cont {
  padding: 0 20px 20px 20px;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview {
  padding: 20px 0;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side {
  display: flex;
  align-items: center;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side .version-cont,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side .version-cont {
  display: flex;
  align-items: center;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side .version-cont .status,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side .version-cont .status {
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #b9bed0;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side .version-cont .status.future,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side .version-cont .status.future {
  background-color: #f59923;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side .version-cont .status.active,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side .version-cont .status.active {
  background-color: #71ba1b;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side .version-cont .version,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side .version-cont .version {
  font-weight: 600;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side .publish,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side .publish {
  display: flex;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side .publish > div,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side .publish > div {
  padding: 0 5px;
  font-weight: 600;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .left-side .publish > span,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .left-side .publish > span {
  color: #9ca5b3;
  font-size: 12px;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .right-side,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .right-side {
  padding-right: 10px;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .overview-wrap .right-side > span,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .overview-wrap .right-side > span {
  padding-left: 5px;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .name-wrap,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .name-wrap {
  width: 100%;
  padding: 10px 0 0 17px;
}
.help-dashboard .help-dashboard-admin .cont .overviews-cont .overview .name-wrap .i-open_link,
.help-dashboard .help-dashboard-support .cont .overviews-cont .overview .name-wrap .i-open_link {
  padding-left: 10px;
  font-size: 12px;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot {
  padding: 20px 0;
  border-bottom: 1px solid #dde1e6;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side {
  display: flex;
  align-items: center;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side .i-fill_caret_down,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side .i-fill_caret_down {
  margin-right: 5px;
  margin-left: -5px;
  transform: rotate(270deg);
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side .i-fill_caret_down.active,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side .i-fill_caret_down.active {
  transform: rotate(0);
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side .version-cont,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side .version-cont {
  display: flex;
  align-items: center;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side .version-cont .status,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side .version-cont .status {
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 50%;
  background-color: #b9bed0;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side .version-cont .status.future,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side .version-cont .status.future {
  background-color: #f59923;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side .version-cont .status.past,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side .version-cont .status.past {
  background-color: red;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side .version-cont .status.active,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side .version-cont .status.active {
  background-color: #71ba1b;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .left-side .version-cont .version,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .left-side .version-cont .version {
  font-weight: 600;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .publish,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .publish {
  display: flex;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .publish > div,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .publish > div {
  padding: 0 5px;
  font-weight: 600;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .publish > span,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .publish > span {
  color: #9ca5b3;
  font-size: 12px;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .spot-wrap .right-side > span,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .spot-wrap .right-side > span {
  padding-left: 5px;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont {
  margin-top: 20px;
  padding-left: 20px;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont .bubble,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont .bubble {
  padding: 20px 0;
  border-bottom: 1px solid #dde1e6;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top .left-side,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top .left-side {
  width: 260px;
  display: flex;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top .left-side .i-fill_caret_down,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top .left-side .i-fill_caret_down {
  margin-right: 5px;
  margin-left: -5px;
  transform: rotate(270deg);
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top .left-side .i-fill_caret_down.active,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top .left-side .i-fill_caret_down.active {
  transform: rotate(0);
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top .left-side .name,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .bubble-top .left-side .name {
  font-weight: 600;
}
.help-dashboard .help-dashboard-admin .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .content,
.help-dashboard .help-dashboard-support .cont .spots-cont .spot .bubbles-cont .bubble .bubble-wrap .content {
  width: 100%;
  padding: 10px 0 10px 14px;
  display: flex;
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .title,
.help-dashboard .help-dashboard-support .cont .comments-cont .title {
  padding: 20px 0;
  font-weight: 600;
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .comment,
.help-dashboard .help-dashboard-support .cont .comments-cont .comment {
  padding: 20px 0 20px 0;
  border-bottom: 1px solid #dde1e6;
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .comment .left-side,
.help-dashboard .help-dashboard-support .cont .comments-cont .comment .left-side {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .comment .left-side .name-cont,
.help-dashboard .help-dashboard-support .cont .comments-cont .comment .left-side .name-cont {
  display: flex;
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .comment .left-side .name-cont > div,
.help-dashboard .help-dashboard-support .cont .comments-cont .comment .left-side .name-cont > div {
  font-weight: 600;
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .comment .left-side .name-cont .i-fill_caret_down,
.help-dashboard .help-dashboard-support .cont .comments-cont .comment .left-side .name-cont .i-fill_caret_down {
  margin-right: 5px;
  margin-left: -5px;
  transform: rotate(270deg);
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .comment .left-side .name-cont .i-fill_caret_down.active,
.help-dashboard .help-dashboard-support .cont .comments-cont .comment .left-side .name-cont .i-fill_caret_down.active {
  transform: rotate(0);
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .comment .left-side .datetime,
.help-dashboard .help-dashboard-support .cont .comments-cont .comment .left-side .datetime {
  color: #9ca5b3;
  font-size: 12px;
}
.help-dashboard .help-dashboard-admin .cont .comments-cont .comment .content,
.help-dashboard .help-dashboard-support .cont .comments-cont .comment .content {
  margin-top: 10px;
  padding-left: 14px;
}

.help-publish {
  padding: 20px;
}

.help-bubble {
  width: 32px;
  height: 32px;
  position: absolute;
  display: none;
  justify-content: center;
  align-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: #fe6565;
  color: #fff;
  font-size: 20px;
  box-shadow: 0 0 3px 0 #444444;
  opacity: 0.7;
}
.help-bubble.hover {
  opacity: 1;
}
.help-bubble.hover > div {
  display: block;
}
.help-bubble.linked {
  background-color: #8cd92e;
}
.help-bubble.active {
  opacity: 1;
  font-weight: 800;
}
.help-bubble > div {
  display: none;
}

.card-auto-assign {
  height: 100%;
  padding: 20px 20px 0;
}

.page-dgv .page-content-component {
  flex-direction: column;
}
.page-dgv__first-line {
  flex: 0 0 auto;
  display: flex;
}
.page-dgv__first-line .awl-menu {
  padding: 0 20px;
}
.page-dgv__content {
  flex: 1 0 auto;
  position: relative;
}
.page-dgv__content .dgv-cont {
  padding: 0;
}
.page-dgv .page-controls,
.page-dgv .print-icon-cont {
  margin-right: -10px;
}
.page-dgv .page-controls .icon-button,
.page-dgv .print-icon-cont .icon-button {
  width: 50px;
  height: 50px;
  margin: 0px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  /* Prevent inner icon / pseudo-elements from adding another background/shadow
       (defensive: ensures only the button container shows the hover background) */
}
.page-dgv .page-controls .icon-button:hover,
.page-dgv .print-icon-cont .icon-button:hover {
  background: var(--Surface-Grey-3, #eef2f6);
}
.page-dgv .page-controls .icon-button > i,
.page-dgv .print-icon-cont .icon-button > i,
.page-dgv .page-controls .icon-button::before,
.page-dgv .print-icon-cont .icon-button::before,
.page-dgv .page-controls .icon-button::after,
.page-dgv .print-icon-cont .icon-button::after,
.page-dgv .page-controls .icon-button > i::before,
.page-dgv .print-icon-cont .icon-button > i::before,
.page-dgv .page-controls .icon-button > i::after,
.page-dgv .print-icon-cont .icon-button > i::after {
  background: transparent;
  box-shadow: none;
}
.page-dgv .page-controls .icon-button > i,
.page-dgv .print-icon-cont .icon-button > i {
  height: 36px;
  width: 36px;
  line-height: 36px;
  display: block;
}
.page-dgv .page-controls .flex-icon-buttons,
.page-dgv .print-icon-cont .flex-icon-buttons {
  gap: 0px;
}

.vi-molecule-select-editor {
  display: flex;
  flex-direction: row;
  position: relative;
}
.vi-molecule-select-editor .vi-atom-circle-loader {
  position: absolute;
  z-index: 100;
  top: calc(50% - 9px);
  left: calc(50% - 9px);
}
.vi-molecule-select-editor .awl-button {
  margin-left: 10px;
}
.vi-molecule-select-editor .awl-select-mk2.readonly input {
  color: #ccc;
}

.page-dgv,
.a9-app-dgv {
  --a9-module-color: #BE90D4;
}
.page-dgv .clfa-categories .clfa-category.active,
.a9-app-dgv .clfa-categories .clfa-category.active {
  color: #fff;
  background-color: #BE90D4;
}
.page-dgv .page-header .page-header-label,
.a9-app-dgv .page-header .page-header-label {
  background-color: #BE90D4;
}
.page-dgv .page-header-component .page-header-component__label,
.a9-app-dgv .page-header-component .page-header-component__label {
  background-color: #BE90D4;
}
.page-dgv .content-header-navigation .module-color-accent,
.a9-app-dgv .content-header-navigation .module-color-accent {
  background-color: #BE90D4;
}
.page-dgv .awl-current-loader,
.a9-app-dgv .awl-current-loader {
  border-top-color: #BE90D4;
  border-bottom-color: #BE90D4;
}
.page-dgv .awl-button,
.a9-app-dgv .awl-button,
.page-dgv .button.ctrl,
.a9-app-dgv .button.ctrl {
  background-color: #BE90D4;
  color: #fff;
}
.page-dgv .awl-button:hover,
.a9-app-dgv .awl-button:hover,
.page-dgv .button.ctrl:hover,
.a9-app-dgv .button.ctrl:hover {
  background-color: #ab82bf;
}
.page-dgv .awl-button:active,
.a9-app-dgv .awl-button:active,
.page-dgv .button.ctrl:active,
.a9-app-dgv .button.ctrl:active,
.page-dgv .awl-button.active,
.a9-app-dgv .awl-button.active,
.page-dgv .button.ctrl.active,
.a9-app-dgv .button.ctrl.active {
  background-color: #9873aa;
}
.page-dgv .awl-button:disabled,
.a9-app-dgv .awl-button:disabled,
.page-dgv .button.ctrl:disabled,
.a9-app-dgv .button.ctrl:disabled {
  background-color: #d8bce5;
}
.page-dgv .awl-button.disabled,
.a9-app-dgv .awl-button.disabled,
.page-dgv .button.ctrl.disabled,
.a9-app-dgv .button.ctrl.disabled {
  background-color: #d8bce5;
}
.page-dgv .awl-button.system,
.a9-app-dgv .awl-button.system,
.page-dgv .button.ctrl.system,
.a9-app-dgv .button.ctrl.system {
  background: #969FB8;
}
.page-dgv .awl-button.system:hover,
.a9-app-dgv .awl-button.system:hover,
.page-dgv .button.ctrl.system:hover,
.a9-app-dgv .button.ctrl.system:hover {
  background-color: #556285;
}
.page-dgv .awl-button.system:active,
.a9-app-dgv .awl-button.system:active,
.page-dgv .button.ctrl.system:active,
.a9-app-dgv .button.ctrl.system:active {
  background-color: #BE90D4;
}
.page-dgv .awl-button.system.disabled,
.a9-app-dgv .awl-button.system.disabled,
.page-dgv .button.ctrl.system.disabled,
.a9-app-dgv .button.ctrl.system.disabled {
  background-color: #c0c5d4;
}
.page-dgv .awl-button.secondary,
.a9-app-dgv .awl-button.secondary,
.page-dgv .button.ctrl.secondary,
.a9-app-dgv .button.ctrl.secondary,
.page-dgv .awl-button.system-contour,
.a9-app-dgv .awl-button.system-contour,
.page-dgv .button.ctrl.system-contour,
.a9-app-dgv .button.ctrl.system-contour,
.page-dgv .awl-button.cancel,
.a9-app-dgv .awl-button.cancel,
.page-dgv .button.ctrl.cancel,
.a9-app-dgv .button.ctrl.cancel {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-dgv .awl-button.secondary:hover,
.a9-app-dgv .awl-button.secondary:hover,
.page-dgv .button.ctrl.secondary:hover,
.a9-app-dgv .button.ctrl.secondary:hover,
.page-dgv .awl-button.system-contour:hover,
.a9-app-dgv .awl-button.system-contour:hover,
.page-dgv .button.ctrl.system-contour:hover,
.a9-app-dgv .button.ctrl.system-contour:hover,
.page-dgv .awl-button.cancel:hover,
.a9-app-dgv .awl-button.cancel:hover,
.page-dgv .button.ctrl.cancel:hover,
.a9-app-dgv .button.ctrl.cancel:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-dgv .awl-button.secondary:active,
.a9-app-dgv .awl-button.secondary:active,
.page-dgv .button.ctrl.secondary:active,
.a9-app-dgv .button.ctrl.secondary:active,
.page-dgv .awl-button.system-contour:active,
.a9-app-dgv .awl-button.system-contour:active,
.page-dgv .button.ctrl.system-contour:active,
.a9-app-dgv .button.ctrl.system-contour:active,
.page-dgv .awl-button.cancel:active,
.a9-app-dgv .awl-button.cancel:active,
.page-dgv .button.ctrl.cancel:active,
.a9-app-dgv .button.ctrl.cancel:active {
  border-color: #BE90D4;
  color: #BE90D4;
}
.page-dgv .awl-button.secondary[disabled],
.a9-app-dgv .awl-button.secondary[disabled],
.page-dgv .button.ctrl.secondary[disabled],
.a9-app-dgv .button.ctrl.secondary[disabled],
.page-dgv .awl-button.system-contour[disabled],
.a9-app-dgv .awl-button.system-contour[disabled],
.page-dgv .button.ctrl.system-contour[disabled],
.a9-app-dgv .button.ctrl.system-contour[disabled],
.page-dgv .awl-button.cancel[disabled],
.a9-app-dgv .awl-button.cancel[disabled],
.page-dgv .button.ctrl.cancel[disabled],
.a9-app-dgv .button.ctrl.cancel[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-dgv .awl-button.secondary.disabled,
.a9-app-dgv .awl-button.secondary.disabled,
.page-dgv .button.ctrl.secondary.disabled,
.a9-app-dgv .button.ctrl.secondary.disabled,
.page-dgv .awl-button.system-contour.disabled,
.a9-app-dgv .awl-button.system-contour.disabled,
.page-dgv .button.ctrl.system-contour.disabled,
.a9-app-dgv .button.ctrl.system-contour.disabled,
.page-dgv .awl-button.cancel.disabled,
.a9-app-dgv .awl-button.cancel.disabled,
.page-dgv .button.ctrl.cancel.disabled,
.a9-app-dgv .button.ctrl.cancel.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-dgv .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-dgv .awl-button.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-dgv .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.a9-app-dgv .button.ctrl.awl-icon-small:not(.awl-icon-in-top)[disabled],
.page-dgv .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-dgv .awl-button.awl-icon-big:not(.awl-icon-in-top)[disabled],
.page-dgv .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled],
.a9-app-dgv .button.ctrl.awl-icon-big:not(.awl-icon-in-top)[disabled] {
  background-color: #CDD2D9;
}
.page-dgv .secondary-button .awl-button,
.a9-app-dgv .secondary-button .awl-button,
.page-dgv .secondary-button .button.ctrl,
.a9-app-dgv .secondary-button .button.ctrl {
  background: #fff;
  border: 1px solid #CDD2D9;
  color: #47505D;
  font-weight: 600;
}
.page-dgv .secondary-button .awl-button:hover,
.a9-app-dgv .secondary-button .awl-button:hover,
.page-dgv .secondary-button .button.ctrl:hover,
.a9-app-dgv .secondary-button .button.ctrl:hover {
  background: #EEF2F6;
  color: #47505D;
}
.page-dgv .secondary-button .awl-button:active,
.a9-app-dgv .secondary-button .awl-button:active,
.page-dgv .secondary-button .button.ctrl:active,
.a9-app-dgv .secondary-button .button.ctrl:active {
  border-color: #BE90D4;
  color: #BE90D4;
}
.page-dgv .secondary-button .awl-button[disabled],
.a9-app-dgv .secondary-button .awl-button[disabled],
.page-dgv .secondary-button .button.ctrl[disabled],
.a9-app-dgv .secondary-button .button.ctrl[disabled] {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-dgv .secondary-button .awl-button.disabled,
.a9-app-dgv .secondary-button .awl-button.disabled,
.page-dgv .secondary-button .button.ctrl.disabled,
.a9-app-dgv .secondary-button .button.ctrl.disabled {
  background: #EEF2F6;
  color: #9CA5B3;
  border-color: #CDD2D9;
}
.page-dgv .awl-app-bg-15opacity.awl-app-bg-15opacity,
.a9-app-dgv .awl-app-bg-15opacity.awl-app-bg-15opacity {
  background-color: #f5eef9;
  /* 15% of original colour mixed with white = "Module colour at 15% opacity" in styleguide */
}
.page-dgv .awl-app-bg.awl-app-bg,
.a9-app-dgv .awl-app-bg.awl-app-bg {
  background-color: #BE90D4;
  color: #fff;
}
.page-dgv .awl-app-bg-hover.awl-app-bg-hover:hover,
.a9-app-dgv .awl-app-bg-hover.awl-app-bg-hover:hover {
  background-color: #BE90D4;
  color: #fff;
}
.page-dgv .awl-app-color.awl-app-color,
.a9-app-dgv .awl-app-color.awl-app-color {
  color: #BE90D4;
}
.page-dgv .awl-app-border-color.awl-app-border-color,
.a9-app-dgv .awl-app-border-color.awl-app-border-color {
  border-color: #BE90D4;
}
.page-dgv .awl-app-contour.awl-app-contour,
.a9-app-dgv .awl-app-contour.awl-app-contour {
  background-color: #fff;
  color: #BE90D4;
  border-color: #BE90D4;
}
.page-dgv .awl-app-contour-hover.awl-app-contour-hover:hover,
.a9-app-dgv .awl-app-contour-hover.awl-app-contour-hover:hover {
  background-color: #fff;
  color: #BE90D4;
  border-color: #BE90D4;
}
.page-dgv .button-placeholder .awl-button.awl-app-contour:not([disabled]),
.a9-app-dgv .button-placeholder .awl-button.awl-app-contour:not([disabled]) {
  background-color: #fff;
  color: #BE90D4;
  border: 1px solid #BE90D4;
}
.page-dgv .button-placeholder .awl-button.awl-app-contour[disabled],
.a9-app-dgv .button-placeholder .awl-button.awl-app-contour[disabled] {
  background-color: #fff;
  border: 1px solid #cdd1d8;
  color: rgba(90, 105, 128, 0.6);
}
.page-dgv .awl-options-icon,
.a9-app-dgv .awl-options-icon {
  background-color: #BE90D4;
  color: #fff;
}
.page-dgv .awl-tick.checked,
.a9-app-dgv .awl-tick.checked,
.page-dgv .checkbox.checked,
.a9-app-dgv .checkbox.checked {
  background-color: #BE90D4;
  border-color: #BE90D4;
}
.page-dgv .awl-tick.checked[type="radio"]::before,
.a9-app-dgv .awl-tick.checked[type="radio"]::before,
.page-dgv .checkbox.checked[type="radio"]::before,
.a9-app-dgv .checkbox.checked[type="radio"]::before,
.page-dgv .awl-tick.checked[type="uncheckable-radio"]::before,
.a9-app-dgv .awl-tick.checked[type="uncheckable-radio"]::before,
.page-dgv .checkbox.checked[type="uncheckable-radio"]::before,
.a9-app-dgv .checkbox.checked[type="uncheckable-radio"]::before {
  background-color: #BE90D4;
}
.page-dgv .awl-datepick-wrap.state-focus .awl-datepick-view,
.a9-app-dgv .awl-datepick-wrap.state-focus .awl-datepick-view,
.page-dgv .awl-datepick-wrap.state-opened .awl-datepick-view,
.a9-app-dgv .awl-datepick-wrap.state-opened .awl-datepick-view {
  border-color: #BE90D4;
}
.page-dgv .awl-datepick-block .day-current.day-current,
.a9-app-dgv .awl-datepick-block .day-current.day-current {
  background-color: #BE90D4;
}
.page-dgv .awl-datepick-block .awl-year-current.awl-year-current,
.a9-app-dgv .awl-datepick-block .awl-year-current.awl-year-current {
  background-color: #BE90D4;
}
.page-dgv .awl-datepick-block .awl-month-current.awl-month-current,
.a9-app-dgv .awl-datepick-block .awl-month-current.awl-month-current {
  background-color: #BE90D4;
}
.page-dgv .awl-progress-bar-value,
.a9-app-dgv .awl-progress-bar-value {
  background: #BE90D4 !important;
}
.page-dgv .agc-item-checked,
.a9-app-dgv .agc-item-checked {
  border-color: #BE90D4 !important;
}
.page-dgv .themed-background,
.a9-app-dgv .themed-background {
  background-color: #BE90D4 !important;
}
.page-dgv.themed-background-inline,
.a9-app-dgv.themed-background-inline {
  background-color: #BE90D4 !important;
}
.page-dgv .themed-background-hover:hover,
.a9-app-dgv .themed-background-hover:hover {
  background-color: #BE90D4 !important;
  color: #ffffff !important;
}
.page-dgv .themed-borders,
.a9-app-dgv .themed-borders {
  border-color: #BE90D4 !important;
}
.page-dgv.themed-borders-inline,
.a9-app-dgv.themed-borders-inline {
  border-color: #BE90D4 !important;
}
.page-dgv .themed-color,
.a9-app-dgv .themed-color {
  color: #BE90D4 !important;
}
.page-dgv .themed-text-stroke,
.a9-app-dgv .themed-text-stroke {
  text-shadow: -1px 0 #BE90D4, 0 1px #BE90D4, 1px 0 #BE90D4, 0 -1px #BE90D4 !important;
}
.page-dgv .themed-focus-color:focus,
.a9-app-dgv .themed-focus-color:focus {
  color: #BE90D4;
}
.page-dgv .themed-active-color:active,
.a9-app-dgv .themed-active-color:active,
.page-dgv .themed-active-color:hover,
.a9-app-dgv .themed-active-color:hover {
  color: #BE90D4;
}
.page-dgv .themed-filled,
.a9-app-dgv .themed-filled {
  background-color: #BE90D4 !important;
  border-color: #BE90D4 !important;
  color: #FFFFFF !important;
}
.page-dgv .themed-svg-fill,
.a9-app-dgv .themed-svg-fill {
  fill: #BE90D4;
}
.page-dgv .themed-disabled-background,
.a9-app-dgv .themed-disabled-background {
  background-color: #d8bce5;
}
.menu-item.dgv .menu-title {
  background-color: #BE90D4;
}
.dgv .dropdown-menu.bottom-up {
  border-color: #BE90D4;
}
.application-input-type-keyboard .page-dgv .checkbox:focus,
.application-input-type-keyboard .a9-app-dgv .checkbox:focus {
  box-shadow: 0 0 4px 1px #BE90D4;
}
.application-input-type-keyboard .page-dgv *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .a9-app-dgv *:focus.fs-on-child .fs-child-custom,
.application-input-type-keyboard .page-dgv *:focus.fs-child-custom,
.application-input-type-keyboard .a9-app-dgv *:focus.fs-child-custom {
  border: 1px solid #BE90D4;
}
.application-input-type-keyboard .page-dgv *:focus.fs-on-child .fs-child.checkbox,
.application-input-type-keyboard .a9-app-dgv *:focus.fs-on-child .fs-child.checkbox {
  border: 1px solid #BE90D4;
  box-shadow: 0 0 4px 1px #BE90D4;
}
.page-dgv input:focus,
.a9-app-dgv input:focus,
.page-dgv textarea:focus,
.a9-app-dgv textarea:focus,
.page-dgv .checkbox:focus,
.a9-app-dgv .checkbox:focus {
  border: 1px solid #BE90D4;
}
.page-dgv .range-slider.range-slider__switch input[type=range]::-webkit-slider-thumb {
  background: #BE90D4;
}
.page-dgv .range-slider.range-slider__switch input[type=range]::-moz-range-thumb {
  background: #BE90D4;
}
.page-dgv .range-slider.range-slider__switch input[type=range]::-ms-thumb {
  background: #BE90D4;
}
.page-dgv .vi-molecule-range-slider-input .angular-slider2 .selection,
.page-dgv .vi-molecule-range-slider-input .angular-slider2 .point {
  background-color: #BE90D4;
}
.page-dgv .colored-tabs ul.nav.nav-tabs li.uib-tab a.nav-link {
  background-color: #ffffff;
}
.page-dgv .colored-tabs ul.nav.nav-tabs li.uib-tab.active a.nav-link {
  border-top: 4px solid #BE90D4;
  background-color: #ffffff;
}

.dgv-hcp-c-warning-f-details-f__listing__red {
  color: #ff0000;
}

.dgv-journal-details {
  width: 100%;
}

.tour-round-score-entry .page-filters {
  padding-top: 10px;
  min-height: 72px;
  max-height: 72px;
  flex: 1;
  padding-right: 10px;
}
.tour-round-score-entry vi-atom-switch {
  margin-left: auto;
}
.tour-round-score-entry .multi-mode {
  display: flex;
}
.tour-round-score-entry .multi-mode > div {
  flex: 1;
}
.tour-round-score-entry .multi-mode > div:first-child {
  margin-right: -1px;
}
.tour-round-score-entry .multi-mode > div .title-header {
  text-align: center;
  padding-bottom: 15px;
  font-weight: 600;
}
.tour-round-score-entry .awl-button-line {
  padding-right: 50px;
}
.tour-round-score-entry .awl-button-line .print-icon-cont {
  position: absolute;
  right: 0;
}
.tour-round-score-entry .awl-button-line .print-icon-cont > i {
  font-size: 26px;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
}
.tour-round-score-entry .awl-button-line .print-icon-cont > i:hover {
  background: #e2e9ef;
  border-radius: 50%;
}
.tour-round-score-entry .flex-icon-buttons {
  position: absolute;
  right: 0;
  margin-bottom: 0;
}

.tour-random-results {
  padding: 10px 20px 20px 20px;
}
.tour-random-results > .text {
  line-height: 30px;
  margin: 0 0 15px 0;
  font-size: 12px;
}

.auto-notification-index {
  height: 100%;
}


/*# sourceMappingURL=main-dac0f62fe6241620c623.css.map*/